@font-face{font-family:Scheherazade New;font-style:normal;font-display:swap;font-weight:400;src:url(./scheherazade-new-arabic-400-normal-BQFftFrr.woff2)format("woff2"),url(./scheherazade-new-arabic-400-normal-BusZfw6j.woff)format("woff")}@font-face{font-family:Scheherazade New;font-style:normal;font-display:swap;font-weight:700;src:url(./scheherazade-new-arabic-700-normal-BgseUfDr.woff2)format("woff2"),url(./scheherazade-new-arabic-700-normal-B_V_WvY8.woff)format("woff")}:root{--bg:#f7f3ea;--surface:#fffdf8;--surface-2:#efe8d8;--text:#1d2420;--muted:#66706a;--accent:#1f5e4a;--accent-text:#fff;--accent-soft:#dcebe3;--gold:#b38a2e;--ok:#2e7d4f;--ok-soft:#dff1e5;--ko:#b3412e;--ko-soft:#f8e1dc;--border:#e2d9c5;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000a;--radius:16px;--arabic-size:32px;--tabbar-h:58px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121614;--surface:#1b211e;--surface-2:#252d29;--text:#e9ece8;--muted:#9aa49e;--accent:#6cc3a0;--accent-text:#0d1a14;--accent-soft:#1f3a2f;--gold:#d9b65b;--ok:#6cc38a;--ok-soft:#1d3626;--ko:#ef8a76;--ko-soft:#3d221d;--border:#2f3833;--shadow:none}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font:17px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100dvh;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) calc(var(--tabbar-h) + var(--safe-bottom) + 24px) calc(var(--safe-left) + 16px);max-width:680px;margin:0 auto}h1{margin:.2em 0;font-size:1.5rem;line-height:1.2}h2{margin:1.2em 0 .5em;font-size:1.15rem}h3{margin:.8em 0 .3em;font-size:1rem}.muted{color:var(--muted);font-weight:400}small{color:var(--muted)}.arabic{font-family:Scheherazade New,Geeza Pro,serif;font-size:var(--arabic-size);text-align:right;word-spacing:.08em;margin:.2em 0;line-height:2}.arabic--basmala{text-align:center;font-size:calc(var(--arabic-size) * .85);color:var(--muted)}.arabic--inline{font-size:calc(var(--arabic-size) * .8);line-height:1.8}.verse__num{color:var(--gold);white-space:nowrap;font-size:.7em}.verse__num:before{content:"﴿"}.verse__num:after{content:"﴾"}.translit{color:var(--muted);margin:.3em 0;font-style:italic}.translation{margin:.4em 0 .6em}.screen{flex-direction:column;gap:14px;display:flex}.screen__head{flex-direction:column;gap:2px;display:flex}.screen__head p{margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.card--accent{background:var(--accent);color:var(--accent-text);border-color:#0000}.card--accent .muted,.card--accent small{color:inherit;opacity:.85}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row--between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.empty{color:var(--muted);text-align:center;padding:40px 0}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list a{color:inherit;text-decoration:none}.list__item{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.list__item>.grow{flex:1;min-width:0}.badge{background:var(--surface-2);min-width:32px;height:32px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.85rem;font-weight:600;display:inline-flex}.badge--done{background:var(--ok-soft);color:var(--ok)}.badge--next{background:var(--accent);color:var(--accent-text)}.tag{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.75rem}.tag--warn{background:var(--ko-soft);color:var(--ko)}.btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-text);border-color:#0000;font-weight:600}.btn--block{width:100%}.btn--ghost{color:var(--accent);background:0 0;border-color:#0000;align-self:flex-start;padding:0 4px}.btn--round{background:var(--accent);width:48px;height:48px;color:var(--accent-text);border:0;border-radius:999px;padding:0;font-size:1.05rem}.btn--chip{border-radius:999px;min-height:36px;padding:0 12px;font-size:.9rem}.btn--chip.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn.is-ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.btn.is-ko{background:var(--ko-soft);border-color:var(--ko);color:var(--ko)}.audio{align-items:center;gap:10px;margin:8px 0;display:flex}.audio__status{color:var(--muted);font-size:.8rem}.audio--compact .btn--round{width:40px;height:40px}.note{flex-direction:column;gap:6px;display:flex}.note__label{font-weight:600}textarea{border:1px solid var(--border);background:var(--bg);resize:vertical;border-radius:12px;width:100%;padding:10px 12px;font-size:16px}.progress{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.progress>span{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s;display:block}.card--accent .progress{background:#ffffff40}.card--accent .progress>span{background:var(--accent-text)}.stat{font-size:1.8rem;font-weight:700;line-height:1.1}.quiz__choices{flex-direction:column;gap:8px;display:flex}.quiz__choices .btn{text-align:left;white-space:normal;justify-content:flex-start;height:auto;min-height:52px;padding:10px 14px}.quiz__choices .btn.arabic{text-align:right;justify-content:flex-end}.feedback{border-radius:12px;padding:10px 14px;font-weight:500}.feedback--ok{background:var(--ok-soft);color:var(--ok)}.feedback--ko{background:var(--ko-soft);color:var(--ko)}.wordbank{direction:rtl;flex-wrap:wrap;gap:8px;min-height:56px;display:flex}.word{font-family:Scheherazade New,Geeza Pro,serif;font-size:calc(var(--arabic-size) * .75);min-height:48px;padding:0 12px;line-height:1.6}.answer-line{border:2px dashed var(--border);direction:rtl;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:64px;padding:6px;display:flex}.match{grid-template-columns:1fr 1fr;gap:8px;display:grid}.match .btn{white-space:normal;text-align:center;height:auto;min-height:56px;padding:8px 10px;font-size:.9rem}.match .btn.arabic{font-size:calc(var(--arabic-size) * .6);text-align:right;line-height:1.6}.match .btn.is-selected{border-color:var(--accent);background:var(--accent-soft)}.match .btn.is-matched{opacity:.4}.memo-word{cursor:pointer;border-radius:6px;padding:0 2px}.memo-word.is-hidden{color:#0000;background:var(--surface-2);text-shadow:none}.memo-word.is-peek{background:var(--accent-soft)}.grades{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.grades .btn{flex-direction:column;gap:0;min-height:56px;padding:0 4px;font-size:.85rem}.grades .btn small{font-size:.7rem}.field{flex-direction:column;gap:6px;display:flex}.field select,.field input[type=range]{width:100%}select{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-height:44px;padding:0 10px;font-size:16px}.switch{justify-content:space-between;align-items:center;min-height:44px;display:flex}.switch input{width:22px;height:22px;accent-color:var(--accent)}pre.licence{white-space:pre-wrap;color:var(--muted);font-size:.7rem;overflow-x:auto}.tabbar{z-index:10;padding:4px calc(var(--safe-right) + 4px) calc(var(--safe-bottom) + 4px) calc(var(--safe-left) + 4px);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:50px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:.68rem;text-decoration:none;display:flex}.tabbar a span{font-size:1.3rem;line-height:1}.tabbar a.is-active{color:var(--accent);font-weight:600}.tabbar__badge{background:var(--ko);color:#fff;border-radius:999px;padding:0 5px;font-size:.62rem;line-height:1.5;position:absolute;transform:translate(14px,-18px)}.tabbar a{position:relative}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 16px);background:var(--text);color:var(--bg);z-index:20;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:.9rem;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}