:root{--paper: #fbf9f4;--paper-2: #f4f0e7;--paper-3: #eae4d7;--ink: #23201b;--ink-2: #5c564c;--ink-3: #8b8478;--line: #e2dbcc;--green: #2f6b4f;--green-soft: #e8f0ea;--ai: #4a5fc1;--ai-soft: #eef0fb;--gold: #a67c3d;--radius: 12px;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.shell{display:grid;grid-template-columns:300px 1fr;height:100vh;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:var(--paper-2);display:flex;flex-direction:column;min-height:0}.brand{padding:20px 20px 14px;border-bottom:1px solid var(--line)}.brand h1{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.brand p{margin:3px 0 0;font-size:12px;color:var(--ink-3)}.search{margin:12px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:13px;outline:none;transition:border-color .15s var(--ease)}.search:focus{border-color:var(--green)}.surah-list{overflow-y:auto;padding:0 8px 16px;flex:1;min-height:0}.surah-item{width:100%;display:flex;align-items:center;gap:11px;padding:9px 10px;border:0;background:transparent;border-radius:9px;text-align:left;transition:background .13s var(--ease)}.surah-item:hover{background:var(--paper-3)}.surah-item.on{background:var(--green-soft)}.surah-num{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:var(--paper-3);font-size:11px;font-weight:600;color:var(--ink-2)}.surah-item.on .surah-num{background:var(--green);color:#fff}.surah-meta{min-width:0;flex:1}.surah-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surah-sub{font-size:11px;color:var(--ink-3)}.main{overflow-y:auto;min-height:0}.reader{max-width:760px;margin:0 auto;padding:44px 32px 120px}.surah-head{text-align:center;padding-bottom:30px;margin-bottom:12px;border-bottom:1px solid var(--line)}.surah-head .ar{font-family:Amiri Quran,serif;font-size:36px;color:var(--ink);line-height:1.9}.surah-head h2{margin:6px 0 3px;font-size:21px;letter-spacing:-.01em}.surah-head .sub{color:var(--ink-3);font-size:12.5px}.ayah{padding:26px 20px;border-radius:var(--radius);border:1px solid transparent;transition:background .15s var(--ease),border-color .15s var(--ease);cursor:pointer}.ayah:hover{background:var(--paper-2)}.ayah.on{background:var(--paper-2);border-color:var(--line)}.ayah-num{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:7px;background:var(--paper-3);color:var(--ink-2);font-size:11px;font-weight:600;margin-bottom:14px}.ayah.on .ayah-num{background:var(--gold);color:#fff}.arabic{font-family:Amiri Quran,serif;font-size:30px;line-height:2.35;text-align:right;direction:rtl;color:var(--ink);margin-bottom:16px}.latin{font-family:Newsreader,serif;font-style:italic;font-size:14px;color:var(--ink-3);line-height:1.7;margin-bottom:8px}.translation{font-size:15.5px;line-height:1.8;color:var(--ink-2)}.panel{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.tab{padding:7px 13px;border:1px solid var(--line);background:var(--paper);border-radius:999px;font-size:12.5px;font-weight:500;color:var(--ink-2);transition:all .13s var(--ease)}.tab:hover{border-color:var(--ink-3)}.tab.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tab.ai-tab.on{background:var(--ai);border-color:var(--ai)}.quote{border-left:3px solid var(--green);padding:2px 0 2px 16px;margin:0 0 20px}.quote-text{font-family:Newsreader,serif;font-size:15.5px;line-height:1.75;color:var(--ink);margin:0 0 9px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--green-soft);border:1px solid transparent;color:var(--green);font-size:11.5px;font-weight:600;text-decoration:none;transition:border-color .13s var(--ease)}.chip:hover{border-color:var(--green)}.chip .lang{padding:1px 5px;border-radius:4px;background:var(--green);color:#fff;font-size:9.5px;letter-spacing:.04em}.notice{font-size:12px;color:var(--ink-3);background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;margin-bottom:14px}.words{display:flex;flex-wrap:wrap;gap:8px;direction:rtl}.word{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper);text-align:center;min-width:76px;transition:all .13s var(--ease)}.word:hover{border-color:var(--gold);background:var(--paper-2)}.word .w-ar{font-family:Amiri Quran,serif;font-size:21px;line-height:1.9}.word .w-tr{direction:ltr;font-family:Newsreader,serif;font-style:italic;font-size:11px;color:var(--ink-3)}.word .w-gl{direction:ltr;font-size:11.5px;color:var(--ink-2);font-weight:500;margin-top:2px}.ai-panel{border:1px solid #d8ddf5;background:var(--ai-soft);border-radius:var(--radius);padding:16px}.ai-banner{display:flex;gap:8px;font-size:11.5px;color:var(--ai);font-weight:600;margin-bottom:12px;align-items:center}.ai-ask{display:flex;gap:8px;margin-bottom:14px}.ai-ask input{flex:1;padding:10px 13px;border:1px solid #d8ddf5;border-radius:9px;background:#fff;font-size:13.5px;outline:none}.ai-ask input:focus{border-color:var(--ai)}.ai-ask button{padding:10px 17px;border:0;border-radius:9px;background:var(--ai);color:#fff;font-size:13px;font-weight:600}.ai-ask button:disabled{opacity:.5;cursor:not-allowed}.ai-question{background:#fff;border:1px dashed #c8d0ee;border-radius:10px;padding:12px 14px;margin-bottom:10px;font-size:14px;line-height:1.65;color:#2c3566}.ai-question:before{content:"Renungan";display:block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ai);margin-bottom:5px}.ai-note{font-size:12.5px;color:var(--ai);margin:7px 0 0;font-style:italic}.ai-excerpt{background:#fff;border-radius:10px;padding:13px 15px;margin-bottom:10px;border:1px solid #e6e2d6}.refusal{background:#fff;border:1px solid #e8d9b8;border-left:3px solid var(--gold);border-radius:10px;padding:13px 15px;font-size:13.5px;line-height:1.7;color:var(--ink-2)}.muted{color:var(--ink-3);font-size:13px}.spin{color:var(--ink-3);font-size:13px;padding:10px 0}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;z-index:30;transform:translate(-100%);transition:transform .25s var(--ease);box-shadow:0 0 40px #0000001f}.sidebar.open{transform:none}.reader{padding:20px 18px 100px}.arabic{font-size:25px;line-height:2.2}.menu-btn{position:fixed;top:14px;left:14px;z-index:40;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:29}}@media (min-width: 861px){.menu-btn,.scrim{display:none}}