:root { --bg:#0b1220; --surface:#111827; --text:#e5e7eb; --muted:#9ca3af; --accent:#38bdf8; }
*{ box-sizing:border-box } html,body{ height:100% } body{ margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; background:linear-gradient(180deg,#0b1220,#111827); color:var(--text); min-height:100vh; }
.nav{ position:sticky; top:0; display:flex; gap:12px; align-items:center; padding:12px 16px; background:rgba(17,24,39,.9); border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter: blur(6px); }
.nav img{ height:36px } .nav a{ color:var(--text); text-decoration:none; padding:8px 12px; border-radius:10px; } .nav a.active, .nav a:hover{ background:rgba(255,255,255,.06) }
.container{ max-width:1100px; margin: 0 auto; padding: 16px; } .card{ background:rgba(17,24,39,.86); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:16px; margin:12px 0; }
.btn{ background:transparent; color:var(--text); border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:10px 14px; cursor:pointer; font-weight:600 } .btn:hover{ background:rgba(255,255,255,.06) }
.row{ display:flex; gap:12px; align-items:center; } .grid{ display:grid; gap:12px } .grid-2{ grid-template-columns: 1fr 1fr } .grid-3{ grid-template-columns: 1fr 1fr 1fr }
@media (max-width: 900px){ .grid-2{ grid-template-columns:1fr } .grid-3{ grid-template-columns:1fr } }
input,select,textarea{ width:100%; padding:10px 12px; background:#0f1629; color:var(--text); border:1px solid rgba(255,255,255,.12); border-radius:12px }
.msglist{ height:440px; overflow:auto; padding:12px; background:#0f1629; border-radius:14px; border:1px solid rgba(255,255,255,.08) } .message{ margin:8px 0; } .me{ text-align:right }
.small{ color:var(--muted); font-size:12px } .avatar{ width:44px; height:44px; border-radius:999px; object-fit:cover; background:#222 }
.header{ text-align:center; margin-top:30px } .verse{ font-size:18px } .ref{ color:var(--muted) } .prayer{ color:var(--muted); margin-top:8px }
footer{ text-align:center; color:#6b7280; font-size:12px; padding:16px } .hide{ display:none }