:root{--bg:#f7f5ef;--bg-sunk:#efece3;--surface:#fffefb;--surface-2:#f3f1e9;--surface-3:#e9e6db;--overlay:#1c221e6b;--text:#1a201c;--text-2:#4c554e;--text-3:#646d66;--text-inv:#f7f5ef;--green:#0e6e52;--green-hi:#0a5a43;--on-green:#fff;--green-lo:#e2efe9;--green-lo-2:#cfe6dc;--gold:#7a5a0f;--gold-hi:#7d5d0f;--gold-lo:#f6efdc;--good:#166741;--good-lo:#dff0e5;--warn:#82550b;--warn-lo:#faeed7;--bad:#a63232;--bad-lo:#fae3e0;--info:#1f5f8f;--info-lo:#dfeaf5;--line:#dedbd0;--line-2:#c9c5b7;--line-strong:#a9a496;--sh-1:0 1px 2px #1e26210f, 0 1px 1px #1e26210a;--sh-2:0 2px 6px #1e262112, 0 4px 14px #1e26210d;--sh-3:0 8px 24px #1e26211a, 0 2px 8px #1e26210f;--sh-4:0 18px 48px #1e262129, 0 4px 14px #1e262114;--tj-ghunnah:#b06a1f;--tj-idghaam:#7a3fb0;--tj-ikhfa:#2a72a8;--tj-qalqalah:#1f8a5c;--tj-madd:#b03f5c;--tj-hamza:#8a8a8a;--f-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--f-ar:"Amiri Quran", "Scheherazade New", "Noto Naskh Arabic", "Traditional Arabic", serif;--f-ar-ui:"Noto Naskh Arabic", "Scheherazade New", serif;--f-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--r-xs:4px;--r-sm:7px;--r-md:11px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:30px;--sp-7:42px;--sp-8:60px;--ease:cubic-bezier(.32,.72,.35,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur:.2s;--nav-h:60px;--header-h:56px;--max-read:780px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1310;--bg-sunk:#070c0a;--surface:#121b17;--surface-2:#17221d;--surface-3:#1f2c26;--overlay:#0308069e;--text:#e6eae7;--text-2:#a4b0aa;--text-3:#838f88;--text-inv:#0c1310;--green:#46b892;--green-hi:#5fd0a9;--green-lo:#122b22;--green-lo-2:#17392d;--on-green:#05130d;--gold:#d9b25e;--gold-hi:#ecc878;--gold-lo:#2a2314;--good:#4bbd85;--good-lo:#132c21;--warn:#d4a24e;--warn-lo:#2c2313;--bad:#e08074;--bad-lo:#2f1a18;--info:#6aa9dc;--info-lo:#14232f;--line:#253129;--line-2:#32423a;--line-strong:#4a5d53;--sh-1:0 1px 2px #0006;--sh-2:0 2px 8px #00000073;--sh-3:0 8px 26px #00000080;--sh-4:0 18px 52px #0009;--tj-ghunnah:#e0a15e;--tj-idghaam:#b98ae0;--tj-ikhfa:#6fb3e8;--tj-qalqalah:#5cd3a0;--tj-madd:#ea8ba2;--tj-hamza:#9aa5a0}}:root[data-theme=dark]{--bg:#0c1310;--bg-sunk:#070c0a;--surface:#121b17;--surface-2:#17221d;--surface-3:#1f2c26;--overlay:#0308069e;--text:#e6eae7;--text-2:#a4b0aa;--text-3:#838f88;--text-inv:#0c1310;--green:#46b892;--green-hi:#5fd0a9;--green-lo:#122b22;--green-lo-2:#17392d;--on-green:#05130d;--gold:#d9b25e;--gold-hi:#ecc878;--gold-lo:#2a2314;--good:#4bbd85;--good-lo:#132c21;--warn:#d4a24e;--warn-lo:#2c2313;--bad:#e08074;--bad-lo:#2f1a18;--info:#6aa9dc;--info-lo:#14232f;--line:#253129;--line-2:#32423a;--line-strong:#4a5d53;--sh-1:0 1px 2px #0006;--sh-2:0 2px 8px #00000073;--sh-3:0 8px 26px #00000080;--sh-4:0 18px 52px #0009;--tj-ghunnah:#e0a15e;--tj-idghaam:#b98ae0;--tj-ikhfa:#6fb3e8;--tj-qalqalah:#5cd3a0;--tj-madd:#ea8ba2;--tj-hamza:#9aa5a0}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}html{-webkit-text-size-adjust:100%}button,a,[role=button],label,input,select,textarea{-webkit-tap-highlight-color:transparent}body{font-family:var(--f-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;font-size:15px;line-height:1.55}#root{flex-direction:column;min-height:100%;display:flex}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}h1,h2,h3,h4{letter-spacing:-.015em;font-weight:650;line-height:1.22}h1{font-size:1.6rem}h2{font-size:1.22rem}h3{font-size:1.02rem}h4{font-size:.9rem}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:var(--r-xs)}::selection{background:var(--green-lo-2);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ar{font-family:var(--f-ar);font-feature-settings:"calt" 1, "liga" 1;direction:rtl;unicode-bidi:isolate;line-height:2.85}.ar.font-scheherazade,.font-scheherazade .ar{line-height:2.6}.ar.font-naskh,.font-naskh .ar{line-height:2.15}.ar.ar-word{line-height:2.25}.font-scheherazade .ar.ar-word{line-height:2.15}.font-naskh .ar.ar-word{line-height:1.9}.ar-ui{font-family:var(--f-ar-ui);direction:rtl;unicode-bidi:isolate;line-height:1.9}.app{min-height:100vh;min-height:100dvh;display:flex}.sidebar{width:232px;height:100vh;background:var(--surface);border-right:1px solid var(--line);height:100dvh;padding:var(--sp-4) var(--sp-3);gap:var(--sp-2);z-index:30;flex-direction:column;flex:none;display:flex;position:sticky;top:0}.brand{padding:6px var(--sp-3) var(--sp-5);align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--green), var(--green-hi));width:34px;height:34px;color:var(--on-green);box-shadow:var(--sh-2);border-radius:10px;flex:none;place-items:center;display:grid}.brand-mark svg{width:20px;height:20px}.brand-name{letter-spacing:-.02em;font-size:1.02rem;font-weight:700}.brand-sub{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.nav-item{width:100%;padding:9px var(--sp-3);border-radius:var(--r-md);color:var(--text-2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:11px;font-size:.89rem;font-weight:550;display:flex;position:relative}.nav-item svg{opacity:.85;flex:none;width:18px;height:18px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item[aria-current=page]{background:var(--green-lo);color:var(--green);font-weight:650}.nav-item[aria-current=page] svg{opacity:1}.nav-badge{background:var(--green);color:var(--on-green);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 6px;font-size:.68rem;font-weight:700;display:grid}.nav-item[aria-current=page] .nav-badge{background:var(--green)}.nav-sep{background:var(--line);height:1px;margin:var(--sp-3) var(--sp-3)}.nav-foot{margin-top:auto}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:25;height:var(--header-h);align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.topbar h1{font-size:1.02rem;font-weight:650}.topbar-spacer{flex:1}.page{padding:var(--sp-6) var(--sp-5) var(--sp-8);flex:1;width:100%}.page-narrow{max-width:860px;margin:0 auto}.page-read{max-width:var(--max-read);margin:0 auto}.tabbar{display:none}@media (max-width:860px){.sidebar{display:none}.app{flex-direction:column}.page{padding:var(--sp-4) max(var(--sp-4), env(safe-area-inset-right)) calc(var(--nav-h) + 40px) max(var(--sp-4), env(safe-area-inset-left))}.topbar{padding:0 max(var(--sp-4), env(safe-area-inset-right)) 0 max(var(--sp-4), env(safe-area-inset-left))}.tabbar{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--line);z-index:40;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:0 2px;font-size:.64rem;font-weight:600;display:flex;position:relative}.tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab svg{width:21px;height:21px}.tab[aria-current=page]{color:var(--green)}.tab-dot{background:var(--gold);border:1.5px solid var(--surface);border-radius:99px;width:7px;height:7px;position:absolute;top:6px;right:calc(50% - 17px)}}.icon{flex:none;width:18px;height:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-pad{padding:var(--sp-5)}.btn{border-radius:var(--r-md);white-space:nowrap;height:38px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform 90ms var(--ease), box-shadow var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:.875rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.975)}.btn{touch-action:manipulation}.btn svg{flex:none;width:16px;height:16px}.btn-primary{background:var(--green);color:var(--on-green);box-shadow:var(--sh-1)}.btn-primary:hover{background:var(--green-hi)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-outline{border-color:var(--line-2);color:var(--text);background:var(--surface)}.btn-outline:hover{background:var(--surface-2);border-color:var(--line-strong)}.btn-soft{background:var(--green-lo);color:var(--green)}.btn-soft:hover{background:var(--green-lo-2)}.btn-sm{border-radius:var(--r-sm);height:31px;padding:0 11px;font-size:.8rem}.btn-lg{border-radius:var(--r-lg);height:46px;padding:0 22px;font-size:.95rem}.btn-icon{flex:none;width:38px;padding:0}.btn-icon.btn-sm{width:31px}.btn:disabled{opacity:.45;pointer-events:none}.chip{border-radius:var(--r-pill);background:var(--surface-2);height:25px;color:var(--text-2);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:0 9px;font-size:.74rem;font-weight:600;display:inline-flex}.chip svg{width:13px;height:13px}.chip-green{background:var(--green-lo);color:var(--green)}.chip-gold{background:var(--gold-lo);color:var(--gold)}.chip-good{background:var(--good-lo);color:var(--good)}.chip-warn{background:var(--warn-lo);color:var(--warn)}.chip-bad{background:var(--bad-lo);color:var(--bad)}.chip-info{background:var(--info-lo);color:var(--info)}.chip-outline{border-color:var(--line-2);background:0 0}.seg{background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--line);flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.seg button{border-radius:var(--r-sm);color:var(--text-2);transition:all var(--dur) var(--ease);padding:5px 12px;font-size:.8rem;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--sh-1)}.seg button:hover:not([aria-pressed=true]){color:var(--text)}.field{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line-2);width:100%;height:38px;color:var(--text);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:0 12px}.field:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-lo);outline:none}textarea.field{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}select.field{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 14px center,right 9px center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}.switch{--w:40px;--h:23px;width:var(--w);height:var(--h);background:var(--line-2);transition:background var(--dur) var(--ease);cursor:pointer;border-radius:99px;flex:none;position:relative}.switch:after{content:"";width:calc(var(--h) - 4px);height:calc(var(--h) - 4px);box-shadow:var(--sh-1);transition:transform var(--dur) var(--ease);background:#fff;border-radius:99px;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{transform:translateX(calc(var(--w) - var(--h)))}.divider{background:var(--line);height:1px}.label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-size:.7rem;font-weight:700}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.tnum{font-variant-numeric:tabular-nums}.row{align-items:center;gap:var(--sp-3);display:flex}.col{flex-direction:column;display:flex}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}@media (max-width:520px){.stack-narrow{align-items:stretch;gap:var(--sp-3);flex-direction:column}}.stack>*+*{margin-top:var(--sp-4)}.empty{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--text-3);flex-direction:column;display:flex}.empty svg{opacity:.4;width:40px;height:40px}.empty h3{color:var(--text-2)}.spinner{border:2px solid var(--line-2);border-top-color:var(--green);border-radius:99px;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.verse-block{padding:var(--sp-5) 0;border-bottom:1px solid var(--line);scroll-margin-top:80px}.verse-block:last-child{border-bottom:0}.verse-block.active{background:linear-gradient(90deg, var(--green-lo) 0%, transparent 70%);border-radius:var(--r-md);padding-left:var(--sp-4);padding-right:var(--sp-4);margin-left:calc(var(--sp-4) * -1);margin-right:calc(var(--sp-4) * -1)}.verse-head{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);row-gap:var(--sp-2);flex-wrap:wrap;display:flex}.ayah-num{border-radius:var(--r-pill);background:var(--surface-2);min-width:27px;height:27px;color:var(--text-2);font-variant-numeric:tabular-nums;border:1px solid var(--line);place-items:center;padding:0 7px;font-size:.74rem;font-weight:700;display:inline-grid}.verse-actions{opacity:.55;transition:opacity var(--dur) var(--ease);gap:2px;margin-left:auto;display:flex}.verse-block:hover .verse-actions,.verse-block:focus-within .verse-actions,.verse-block.active .verse-actions{opacity:1}.verse-actions .play-ayah{opacity:1;color:var(--green)}@media (hover:none){.verse-actions{opacity:1}}.arabic{font-family:var(--f-ar);text-align:right;letter-spacing:0;color:var(--text);line-height:2.85;font-size:calc(1.05rem + var(--ar-size,3) * .26rem);direction:rtl}.arabic.font-scheherazade{font-family:"Scheherazade New", var(--f-ar);line-height:2.6}.arabic.font-naskh{font-family:"Noto Naskh Arabic", var(--f-ar);line-height:2.15}.ayah-mark{color:var(--gold);margin:0 .12em;font-size:.82em}.translation{color:var(--text-2);margin-top:var(--sp-3);font-size:.95rem;line-height:1.68}.translation sup{color:var(--text-3);vertical-align:super;padding:0 1px;font-size:.62em}.transliteration{color:var(--text-3);letter-spacing:.01em;margin-top:6px;font-size:.86rem;font-style:italic}.wbw{margin:var(--sp-2) 0;direction:rtl;flex-wrap:wrap;justify-content:flex-start;gap:3px 2px;display:flex}.word{border-radius:var(--r-md);cursor:pointer;transition:background .14s var(--ease), transform .14s var(--ease);flex-direction:column;align-items:center;gap:1px;min-width:0;padding:7px 9px 6px;display:flex;position:relative}.word:hover{background:var(--surface-2)}.word:active{transform:scale(.97)}.word-ar{font-family:var(--f-ar);white-space:nowrap;line-height:2.3;font-size:calc(1rem + var(--ar-size,3) * .24rem);color:var(--text);direction:rtl}.word-gloss{color:var(--text-2);text-align:center;direction:ltr;max-width:13ch;font-size:.715rem;font-weight:500;line-height:1.28}.word-tl{color:var(--text-3);text-align:center;direction:ltr;max-width:13ch;font-size:.655rem;font-style:italic;line-height:1.2}.word.known .word-ar{color:var(--green)}.word.known:after{content:"";inset-inline:8px;background:var(--green);opacity:.35;border-radius:2px;height:2px;position:absolute;bottom:3px}.word.learning .word-ar{color:var(--gold)}.word.reciting{background:var(--gold-lo);box-shadow:0 0 0 1px var(--gold) inset}.word.reciting .word-ar{color:var(--gold-hi)}.word.selected{background:var(--green-lo-2);box-shadow:0 0 0 1px var(--green) inset}.word.hidden-drill .word-ar{filter:blur(7px);opacity:.55}.word.revealed .word-ar{filter:none;opacity:1}.tajweed tajweed[class=ham_wasl],.tajweed .ham_wasl,.tajweed tajweed[class=slnt],.tajweed .slnt,.tajweed tajweed[class=laam_shamsiyah],.tajweed .laam_shamsiyah{color:var(--tj-hamza)}.tajweed tajweed[class=madda_normal],.tajweed .madda_normal,.tajweed tajweed[class=madda_permissible],.tajweed .madda_permissible{color:var(--tj-madd)}.tajweed tajweed[class=madda_necessary],.tajweed .madda_necessary,.tajweed tajweed[class=madda_obligatory],.tajweed .madda_obligatory{color:var(--tj-madd);font-weight:600}.tajweed tajweed[class=qalaqah],.tajweed .qalaqah{color:var(--tj-qalqalah)}.tajweed tajweed[class=ikhafa],.tajweed .ikhafa,.tajweed tajweed[class=ikhafa_shafawi],.tajweed .ikhafa_shafawi{color:var(--tj-ikhfa)}.tajweed tajweed[class=idgham_ghunnah],.tajweed .idgham_ghunnah,.tajweed tajweed[class=idgham_wo_ghunnah],.tajweed .idgham_wo_ghunnah,.tajweed tajweed[class=idgham_shafawi],.tajweed .idgham_shafawi{color:var(--tj-idghaam)}.tajweed tajweed[class=iqlab],.tajweed .iqlab,.tajweed tajweed[class=ghunnah],.tajweed .ghunnah{color:var(--tj-ghunnah)}.tajweed .end{color:var(--gold);font-size:.8em}.sheet-backdrop{background:var(--overlay);z-index:60;animation:fade .18s var(--ease-out);position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{z-index:61;background:var(--surface);box-shadow:var(--sh-4);border-left:1px solid var(--line);width:min(460px,100vw);animation:slide-in .26s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}@media (max-width:860px){.sheet{border-left:0;border-top:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0;width:auto;max-height:86dvh;animation:slide-up .28s var(--ease-out);inset:auto 0 0}@keyframes slide-up{0%{opacity:0;transform:translateY(28px)}}}.sheet-head{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5);border-bottom:1px solid var(--line);display:flex}.sheet-body{padding:var(--sp-5);flex:1;overflow-y:auto}.sheet-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);background:var(--surface-2)}.grab{background:var(--line-2);border-radius:99px;width:34px;height:4px;margin:8px auto 0}@media (min-width:861px){.grab{display:none}}.word-hero{font-family:var(--f-ar);color:var(--text);direction:rtl;font-size:2.5rem;line-height:2.2}.root-hero{font-family:var(--f-ar);color:var(--gold);letter-spacing:.18em;direction:rtl;font-size:1.55rem;font-weight:600}.def-list{gap:var(--sp-3);display:grid}.def-row{gap:var(--sp-3);grid-template-columns:92px 1fr;align-items:start;display:grid}.def-row dt{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding-top:2px;font-size:.74rem;font-weight:700}.def-row dd{font-size:.9rem}.gram-part{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);align-items:baseline;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.gram-part .g-ar{font-family:var(--f-ar-ui);color:var(--text-2);font-size:.95rem}.gram-part.t-pos{background:var(--green-lo);color:var(--green);border-color:#0000}.gram-part.t-case{background:var(--info-lo);color:var(--info);border-color:#0000}.gram-part.t-form{background:var(--gold-lo);color:var(--gold);border-color:#0000}.gram-part.t-png{background:var(--surface-3);color:var(--text-2);border-color:#0000}.hint{color:var(--text-2);font-size:.82rem;line-height:1.55}.occurrence{text-align:start;width:100%;padding:var(--sp-3);border-radius:var(--r-md);transition:background var(--dur) var(--ease);display:block}.occurrence:hover{background:var(--surface-2);text-decoration:none}.ring{transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round}.ring .track{stroke:var(--line)}.ring .bar{stroke:var(--green);transition:stroke-dashoffset .6s var(--ease-out)}.bar-track{background:var(--surface-3);border-radius:99px;height:7px;overflow:hidden}.bar-fill{background:var(--green);height:100%;transition:width .5s var(--ease-out);border-radius:99px}.bar-fill.gold{background:var(--gold)}.heat{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;display:grid}.heat i{background:var(--surface-3);border-radius:3px;width:11px;height:11px;display:block}.heat i[data-l="1"]{background:color-mix(in srgb, var(--green) 28%, var(--surface-3))}.heat i[data-l="2"]{background:color-mix(in srgb, var(--green) 52%, var(--surface-3))}.heat i[data-l="3"]{background:color-mix(in srgb, var(--green) 76%, var(--surface-3))}.heat i[data-l="4"]{background:var(--green)}.stat-tile{padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.stat-val{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1.15}.stat-lbl{color:var(--text-3);margin-top:2px;font-size:.74rem;font-weight:600}.list{background:var(--line);border-radius:var(--r-lg);border:1px solid var(--line);gap:1px;display:grid;overflow:hidden}.list>*{background:var(--surface)}.list-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);text-align:start;width:100%;transition:background var(--dur) var(--ease);display:flex}.list-row:hover{background:var(--surface-2);text-decoration:none}.surah-num{width:34px;height:34px;color:var(--text-2);background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:9px;flex:none;place-items:center;font-size:.76rem;font-weight:700;display:grid}.grid-auto{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));display:grid}.grid-4{gap:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid}.grid-2{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.grid-2{grid-template-columns:1fr}}.player{z-index:35;margin:0 calc(var(--sp-5) * -1) calc(var(--sp-8) * -1);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--line);padding:var(--sp-3) var(--sp-5);align-items:center;gap:var(--sp-3);display:flex;position:sticky;bottom:0}@media (max-width:860px){.player{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:var(--sp-3) var(--sp-4);margin:0;position:fixed}}.scrub{background:var(--surface-3);cursor:pointer;border-radius:99px;flex:1;height:4px;position:relative}.scrub-fill{background:var(--green);border-radius:99px;height:100%}.study-wrap{flex-direction:column;max-width:620px;min-height:62vh;margin:0 auto;display:flex}.flashcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:var(--sp-7) var(--sp-5);text-align:center;justify-content:center;align-items:center;gap:var(--sp-4);min-height:300px;animation:card-in .22s var(--ease-out);flex-direction:column;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.fc-arabic{font-family:var(--f-ar);direction:rtl;font-size:3.1rem;line-height:2.2}.fc-meaning{font-size:1.4rem;font-weight:600}.fc-sub{color:var(--text-2);font-size:.92rem}.answer-grid{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.answer-btn{border-radius:var(--r-md);border:1px solid var(--line-2);transition:all var(--dur) var(--ease);background:var(--surface);flex-direction:column;align-items:center;gap:2px;padding:11px 6px;font-size:.84rem;font-weight:650;display:flex}.answer-btn:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.answer-btn small{opacity:.7;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:600}.answer-btn[data-r="1"]{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 35%, transparent)}.answer-btn[data-r="2"]{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.answer-btn[data-r="3"]{color:var(--good);border-color:color-mix(in srgb, var(--good) 35%, transparent)}.answer-btn[data-r="4"]{color:var(--info);border-color:color-mix(in srgb, var(--info) 35%, transparent)}.choice-btn{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);text-align:start;transition:all .15s var(--ease);font-weight:550;display:flex}.choice-btn:hover:not(:disabled){border-color:var(--green);background:var(--green-lo)}.choice-btn[data-state=correct]{border-color:var(--good);background:var(--good-lo);color:var(--good)}.choice-btn[data-state=wrong]{border-color:var(--bad);background:var(--bad-lo);color:var(--bad)}.choice-key{background:var(--surface-2);width:24px;height:24px;color:var(--text-3);border-radius:6px;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.kbd{background:var(--surface-2);border:1px solid var(--line-2);min-width:20px;height:20px;font-size:.7rem;font-family:var(--f-mono);color:var(--text-2);border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 5px;display:inline-grid}.toast-wrap{bottom:var(--sp-5);z-index:90;gap:var(--sp-2);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (max-width:860px){.toast-wrap{bottom:calc(var(--nav-h) + 78px)}}.toast{background:var(--text);color:var(--bg);border-radius:var(--r-pill);box-shadow:var(--sh-3);animation:toast-in .24s var(--ease-out);align-items:center;gap:8px;max-width:90vw;padding:10px 16px;font-size:.85rem;font-weight:600;display:flex}.toast svg{width:15px;height:15px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{background:var(--overlay);z-index:70;padding:var(--sp-4);animation:fade .18s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-4);width:min(560px,100%);max-height:86dvh;animation:card-in .22s var(--ease-out);border:1px solid var(--line);flex-direction:column;display:flex}.display-panel{top:var(--header-h);z-index:20;max-width:var(--max-read);width:calc(100% - var(--sp-8));padding:var(--sp-4);box-shadow:var(--sh-3);border-radius:var(--r-lg);margin:0 auto;position:sticky}@media (max-width:860px){.display-panel{width:calc(100% - var(--sp-5))}}.ar-fit{align-self:flex-start}.link-btn{color:var(--green);text-underline-offset:2px;font-weight:600;text-decoration:underline}.mode-tile{transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease)}.mode-tile[aria-pressed=true]{border-color:var(--green);background:var(--green-lo)}.match-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;max-width:620px;margin:0 auto;display:grid}.match-tile{min-height:62px;padding:var(--sp-3);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);transition:all .15s var(--ease);text-align:center;place-items:center;display:grid}.match-tile:hover:not(:disabled){border-color:var(--green);background:var(--green-lo)}.match-tile[data-state=sel]{border-color:var(--green);background:var(--green-lo-2);box-shadow:var(--sh-2)}.match-tile[data-state=done]{opacity:.32;pointer-events:none;border-style:dashed}.match-tile[data-state=miss]{border-color:var(--bad);background:var(--bad-lo);animation:shake .38s var(--ease)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.cloze-gap{min-width:3.2em;color:var(--gold);border-bottom:2px dashed var(--gold);background:var(--gold-lo);border-radius:3px;padding:0 6px;display:inline-block}.cloze-filled{color:var(--green);background:var(--green-lo);border-radius:5px;padding:0 6px;font-weight:600}.ctx-hit{color:var(--green);background:var(--green-lo);border-radius:5px;padding:0 4px;font-weight:600}@media (pointer:coarse){.btn{height:44px;padding:0 17px}.btn-sm{height:38px;padding:0 13px}.btn-icon{width:44px}.btn-icon.btn-sm{width:38px}button.chip,a.chip{height:34px;padding:0 13px}.btn-sm{position:relative}.btn-sm:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seg button{padding:9px 14px}.list-row{padding:var(--sp-4)}.word{padding:9px 11px 8px}.switch{--w:46px;--h:27px}.choice-btn{padding:var(--sp-4) var(--sp-4);min-height:56px}.answer-btn{min-height:52px;padding:13px 6px}}@media (max-width:520px){.btn{white-space:normal;max-width:100%;height:auto;min-height:44px;padding-top:7px;padding-bottom:7px;line-height:1.3}.btn-sm{min-height:38px}.btn-lg{min-height:46px}.btn-icon{min-height:44px}.btn-icon.btn-sm{min-height:38px}}@media (max-width:640px){.setting-row{flex-wrap:wrap}.setting-row>.setting-label{min-width:55%}.setting-row .seg,.setting-row select.field,.setting-row input[type=range]{width:100%}.setting-row .seg button{flex:1;min-width:0}}@media (max-width:560px){.topbar{gap:var(--sp-2)}.topbar .topbar-sub{display:none}.topbar h1{font-size:.95rem}}.tafsir{background:var(--surface-2)}.tafsir h2,.tafsir h3,.tafsir h4{margin:var(--sp-4) 0 var(--sp-2);color:var(--green);letter-spacing:-.005em;font-size:.93rem;font-weight:700}.tafsir h2:first-child,.tafsir h3:first-child{margin-top:0}.tafsir p{margin-bottom:var(--sp-3);color:var(--text-2);font-size:.89rem;line-height:1.72}.tafsir p:last-child{margin-bottom:0}.tafsir blockquote{border-inline-start:3px solid var(--gold);margin:var(--sp-3) 0;color:var(--text-2);padding-inline-start:var(--sp-4);font-style:italic}.tafsir ul,.tafsir ol{margin-bottom:var(--sp-3);padding-inline-start:var(--sp-5)}.tafsir li{color:var(--text-2);margin-bottom:5px;font-size:.89rem;list-style:outside}.tafsir strong,.tafsir b{color:var(--text);font-weight:650}.strength-bar{border-radius:var(--r-pill);background:var(--surface-3);gap:2px;height:12px;display:flex;overflow:hidden}.strength-bar>span{height:100%;transition:width .5s var(--ease-out);display:block}.strength-bar>span:first-child{border-radius:var(--r-pill) 0 0 var(--r-pill)}.strength-bar>span:last-child{border-radius:0 var(--r-pill) var(--r-pill) 0}.strength-bar>span:only-child{border-radius:var(--r-pill)}.rec-card{gap:var(--sp-3);text-align:start;flex-direction:column;align-items:stretch;width:100%;display:flex}.rec-head{align-items:baseline;gap:var(--sp-2);display:flex}.rec-name{font-size:1rem;font-weight:650}.rec-meta{color:var(--text-3);font-size:.76rem}.nav-group{display:contents}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:var(--sp-4) var(--sp-3) 5px;font-size:.66rem;font-weight:700}.sidebar .nav-group:first-child .nav-group-label{padding-top:0}.ayah-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ayah-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ayah-jump input{appearance:textfield}.tj-swatch{width:14px;height:14px;box-shadow:0 0 0 1px color-mix(in srgb, currentColor 12%, transparent);border-radius:4px;flex:none;display:block}.tj-swatch.lg{border-radius:10px;width:34px;height:34px}.letter-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.letter-tile{padding:var(--sp-3) var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);transition:all .15s var(--ease);flex-direction:column;align-items:center;gap:2px;display:flex}.letter-tile:hover{border-color:var(--green);background:var(--green-lo);transform:translateY(-1px)}.letter-ch{font-size:2.1rem;line-height:1.35}.letter-name{color:var(--text-2);font-size:.74rem;font-weight:600}.letter-translit{color:var(--text-3);font-size:.68rem;font-style:italic}.rec-stop{background:var(--bad);color:#fff}.rec-stop:hover{background:color-mix(in srgb, var(--bad) 85%, black)}.rec-dot{background:var(--bad);vertical-align:-1px;border-radius:99px;width:9px;height:9px;margin-inline-end:6px;animation:1.2s ease-in-out infinite rec-pulse;display:inline-block}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.struct-words .word{cursor:default}.struct-words .word.struct-marked{border-bottom:2px solid var(--sc);border-radius:var(--r-sm) var(--r-sm) 0 0;background:color-mix(in srgb, var(--sc) 8%, transparent)}.struct-words .word.struct-marked .word-ar{color:var(--sc)}.sync-code{font-family:var(--f-mono);letter-spacing:.06em;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);text-align:center;-webkit-user-select:all;user-select:all;word-break:break-all;font-size:1.15rem;line-height:1.6}.sync-input{font-family:var(--f-mono);letter-spacing:.04em}