:root{--bg:#f7f6f2;--surface:#fff;--surface-2:#f0eee8;--sidebar:#efede6;--hover:#0000000d;--text:#1d1f1c;--muted:#6b6f68;--border:#e2dfd6;--accent:#0f766e;--accent-soft:#e0f2ef;--accent-text:#fff;--warn-bg:#fff7e0;--warn-text:#7a5a00;--error-bg:#fdecec;--error-text:#9b1c1c;--user-bg:#0f766e;--user-text:#fff;--radius:14px;--sidebar-w:268px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121412;--surface:#1b1e1b;--surface-2:#232723;--sidebar:#0d0f0d;--hover:#ffffff0f;--text:#e8eae6;--muted:#9aa097;--border:#2f342f;--accent:#2dd4bf;--accent-soft:#13332f;--accent-text:#062b27;--warn-bg:#33290d;--warn-text:#f3d27a;--error-bg:#3a1717;--error-text:#f5a3a3;--user-bg:#1f4f4a;--user-text:#e8fffb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.6}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent)}.with-icon{align-items:center;gap:6px;display:inline-flex}.with-icon svg{flex-shrink:0}.primary{background:var(--accent);color:var(--accent-text);border:none;border-radius:12px;padding:0 20px;font-weight:600}.primary.block{width:100%;padding:11px}.ghost{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;padding:3px 10px;font-size:13px}.ghost:hover{color:var(--text)}.icon-btn{background:0 0;border:none;border-radius:8px;place-items:center;width:36px;height:36px;font-size:18px;display:inline-grid}.icon-btn:hover{background:var(--hover)}.only-mobile{display:none}.splash{place-items:center;height:100%;display:grid}.splash svg{animation:1.4s ease-in-out infinite pulse}.toast{z-index:50;background:var(--warn-bg);color:var(--warn-text);border-radius:10px;padding:8px 16px;font-size:13.5px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.login-page{place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px 24px 22px;display:flex}.login-brand{text-align:center;margin-bottom:6px}.login-brand h1{margin:6px 0 2px;font-size:20px}.login-brand p{color:var(--muted);margin:0;font-size:13.5px}.login-card label{flex-direction:column;gap:5px;font-size:13px;font-weight:500;display:flex}.login-card input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.login-card input:focus{outline:2px solid var(--accent);outline-offset:-1px}.login-card .error{margin:0}.login-note{text-align:center;color:var(--muted);margin:0;font-size:12.5px}.app-shell{height:100%;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 10px;display:flex}.sidebar-head{align-items:center;gap:8px;padding:4px 6px;display:flex}.sidebar-title{flex:1;font-size:16px;font-weight:600}.new-chat{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-weight:500;display:flex}.new-chat:hover{border-color:var(--accent)}.new-chat svg{color:var(--accent)}.sidebar-scroll{flex-direction:column;flex:1;gap:18px;padding:4px 2px;display:flex;overflow-y:auto}.sidebar-scroll h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;padding:0 8px;font-size:11.5px;font-weight:600}.toggle{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13.5px;display:flex}.toggle:hover{background:var(--hover)}.toggle input{accent-color:var(--accent);width:16px;height:16px}.side-link{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;width:100%;padding:6px 8px;font-size:13.5px;display:block;overflow:hidden}.side-link:hover:not(:disabled){background:var(--hover)}.side-info p{color:var(--muted);margin:0 0 6px;padding:0 8px;font-size:12px;line-height:1.5}.user-row{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 6px 2px;display:flex}.avatar{background:var(--accent);width:32px;height:32px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.scrim{display:none}.main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.main-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:52px;padding:10px 20px;display:flex}.chat-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14.5px;font-weight:500;overflow:hidden}.main-scroll{flex:1;overflow-y:auto}.column{max-width:800px;margin:0 auto;padding:0 20px}.banner{border-radius:10px;margin-top:16px;padding:10px 14px;font-size:13.5px}.banner.warn{background:var(--warn-bg);color:var(--warn-text)}.banner.error{background:var(--error-bg);color:var(--error-text)}.empty{text-align:center;padding:18vh 0 40px}.empty-logo{margin:0 auto;display:block}.empty h2{margin:8px 0 6px;font-weight:600}.empty p{color:var(--muted);max-width:460px;margin:0 auto}.chat{flex-direction:column;gap:18px;padding:24px 0 12px;display:flex}.bubble{border-radius:var(--radius);max-width:100%}.bubble.user{background:var(--user-bg);color:var(--user-text);white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-end;max-width:80%;padding:10px 16px}.bubble.assistant{background:var(--surface);border:1px solid var(--border);align-self:stretch;padding:16px 18px}.answer{overflow-wrap:anywhere}.answer>:first-child{margin-top:0}.answer>:last-child{margin-bottom:0}.answer h1,.answer h2,.answer h3{margin:14px 0 6px;font-size:16px}.answer ul,.answer ol{padding-left:22px}.answer hr{border:none;border-top:1px solid var(--border);margin:14px 0}.answer table{border-collapse:collapse;display:block;overflow-x:auto}.answer th,.answer td{border:1px solid var(--border);padding:4px 8px}.answer blockquote{border-left:3px solid var(--border);color:var(--muted);margin:8px 0;padding-left:12px}.cite{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:none;border-radius:6px;padding:0 6px;font-size:.88em;font-weight:500;display:inline}.cite:hover{text-decoration:underline}.caret{vertical-align:text-bottom;background:var(--accent);width:7px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.muted{color:var(--muted);margin:0}.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.error,.warn{border-radius:8px;margin:12px 0 0;padding:8px 12px;font-size:13.5px}.error.with-icon{align-items:flex-start;display:flex}.error.with-icon svg{margin-top:3px}.error{background:var(--error-bg);color:var(--error-text)}.warn{background:var(--warn-bg);color:var(--warn-text)}.disclaimer{color:var(--muted);margin:14px 0 0;font-size:12px}.cards{flex-direction:column;gap:8px;margin-top:16px;display:flex}.cards h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 2px;font-size:12px;font-weight:600}.ayat-card{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;transition:box-shadow .3s}.ayat-card.flash{box-shadow:0 0 0 2px var(--accent)}.ayat-card>summary{cursor:pointer;align-items:center;gap:10px;padding:9px 14px;font-size:13.5px;list-style:none;display:flex}.ayat-card>summary::-webkit-details-marker{display:none}.ayat-card>summary:after{content:"";border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);flex-shrink:0;width:7px;height:7px;margin-left:auto;transition:transform .15s;transform:rotate(-45deg)}.ayat-card[open]>summary:after{transform:rotate(45deg)}.ayat-ref{color:var(--accent);white-space:nowrap;font-weight:600}.ayat-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ayat-juz{color:var(--muted);white-space:nowrap;font-size:12px}.ayat-body{border-top:1px solid var(--border);padding:4px 16px 14px}.arab{text-align:right;margin:10px 0;font-family:Amiri Quran,Amiri,Traditional Arabic,serif;font-size:26px;line-height:2.3}.terjemahan{margin:0}.sumber{color:var(--muted);margin:4px 0 0;font-size:12px}.tafsir{margin-top:10px}.tafsir>summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:600}.tafsir-text{white-space:pre-wrap;max-height:360px;margin-top:6px;padding-right:6px;font-size:13.5px;line-height:1.7;overflow-y:auto}.composer-wrap{background:var(--bg);padding:10px 0 4px}.composer{gap:8px;display:flex}.composer textarea{resize:none;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);field-sizing:content;border-radius:12px;flex:1;min-height:46px;max-height:160px;padding:11px 14px}.composer textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.footnote{text-align:center;color:var(--muted);margin:6px 0 4px;font-size:11.5px}@media (width<=768px){.only-mobile{display:inline-grid}.sidebar{z-index:40;width:min(86vw, var(--sidebar-w));transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:0 0 40px #0000004d}.scrim{z-index:30;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s;display:block;position:fixed;inset:0}.scrim.show{opacity:1;pointer-events:auto}.main-head{padding:8px 10px}.column{padding:0 14px}.bubble.user{max-width:92%}.arab{font-size:22px}.ayat-juz{display:none}.empty{padding-top:12vh}}