:root{color-scheme:light dark;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-ar: "Noto Naskh Arabic", "Geeza Pro", "Al Bayan", "Traditional Arabic", "Amiri", "Scheherazade New", serif;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--tap: 44px;--bg: #f6f5f1;--bg-elev: #ffffff;--bg-sunk: #eceae4;--ink: #1c1b18;--ink-soft: #5d5a52;--ink-faint: #8d8981;--line: #ddd9d0;--line-soft: #e9e6df;--accent: #0f7a5f;--accent-ink: #ffffff;--accent-soft: #e2f1eb;--accent-line: #9fcdbd;--good: #16794f;--good-bg: #dff2e8;--good-line: #86c9a9;--bad: #b3261e;--bad-bg: #fbe4e2;--bad-line: #e7a9a4;--gold: #a97c1f;--shadow-1: 0 1px 2px rgba(28,27,24,.06), 0 1px 3px rgba(28,27,24,.05);--shadow-2: 0 4px 14px rgba(28,27,24,.1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14161a;--bg-elev: #1c1f25;--bg-sunk: #101216;--ink: #edeae4;--ink-soft: #a8a49c;--ink-faint: #77736c;--line: #2c3038;--line-soft: #23272e;--accent: #3fbf95;--accent-ink: #07120e;--accent-soft: #17302a;--accent-line: #2f6a58;--good: #4cc38a;--good-bg: #142a20;--good-line: #2f6a4c;--bad: #f2685e;--bad-bg: #2e1715;--bad-line: #7a3a34;--gold: #d8b45f;--shadow-1: 0 1px 2px rgba(0,0,0,.35);--shadow-2: 0 6px 20px rgba(0,0,0,.45)}}:root[data-theme=dark]{--bg: #14161a;--bg-elev: #1c1f25;--bg-sunk: #101216;--ink: #edeae4;--ink-soft: #a8a49c;--ink-faint: #77736c;--line: #2c3038;--line-soft: #23272e;--accent: #3fbf95;--accent-ink: #07120e;--accent-soft: #17302a;--accent-line: #2f6a58;--good: #4cc38a;--good-bg: #142a20;--good-line: #2f6a4c;--bad: #f2685e;--bad-bg: #2e1715;--bad-line: #7a3a34;--gold: #d8b45f;--shadow-1: 0 1px 2px rgba(0,0,0,.35);--shadow-2: 0 6px 20px rgba(0,0,0,.45)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}ul,ol{list-style:none;padding:0}.app{height:100dvh;display:flex;flex-direction:column;max-width:720px;margin:0 auto;background:var(--bg)}@supports not (height: 100dvh){.app{height:100vh}}.app--locked{overflow:hidden}.app--locked .quiz{user-select:none;-webkit-user-select:none}.bar{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-2);padding:max(var(--sp-3),env(safe-area-inset-top)) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--line-soft);background:var(--bg-elev);min-height:56px}.bar__title{font-size:16px;font-weight:650;letter-spacing:-.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__sub{font-size:12px;color:var(--ink-faint);font-weight:500}.bar__btn{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--ink-soft);transition:background .15s ease,color .15s ease}.bar__btn:hover{background:var(--bg-sunk);color:var(--ink)}.bar__btn svg{width:20px;height:20px}.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-4);padding-bottom:max(var(--sp-5),env(safe-area-inset-bottom))}.noscroll{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:var(--sp-4);padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom))}.ar{font-family:var(--font-ar);direction:rtl;unicode-bidi:isolate;line-height:1.9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--r-md);font-size:15px;font-weight:650;background:var(--accent);color:var(--accent-ink);transition:filter .15s ease,transform .06s ease}.btn:active{transform:scale(.985)}.btn:hover{filter:brightness(1.06)}.btn--wide{width:100%}.btn--ghost{background:var(--bg-elev);color:var(--ink);border:1px solid var(--line)}.btn--ghost:hover{background:var(--bg-sunk);filter:none}.btn--quiet{background:transparent;color:var(--ink-soft);font-weight:600}.btn--quiet:hover{background:var(--bg-sunk);filter:none}.btn[disabled]{opacity:.45;pointer-events:none}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.center{text-align:center}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hero{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-1);margin-bottom:var(--sp-4)}.hero__ring{flex:0 0 auto;position:relative;width:62px;height:62px}.hero__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hero__ring circle{fill:none;stroke-width:6;stroke-linecap:round}.hero__ring .trk{stroke:var(--bg-sunk)}.hero__ring .val{stroke:var(--accent);transition:stroke-dashoffset .5s ease}.hero__pct{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.hero__body{flex:1;min-width:0}.hero__h{font-size:15px;font-weight:650}.hero__p{font-size:13px;color:var(--ink-soft);margin-top:2px}.sect{display:flex;align-items:baseline;justify-content:space-between;margin:var(--sp-5) 0 var(--sp-2)}.sect:first-child{margin-top:0}.sect__h{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.blist{display:flex;flex-direction:column;gap:var(--sp-2)}.bcard{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:border-color .15s ease,transform .06s ease}.bcard:active{transform:scale(.995)}@media(hover:hover){.bcard:hover{border-color:var(--accent-line)}}.bcard__n{flex:0 0 auto;width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--bg-sunk);border:1px solid var(--line-soft);font-size:14px;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}.bcard[data-done="1"] .bcard__n{background:var(--good-bg);border-color:var(--good-line);color:var(--good)}.bcard__body{flex:1;min-width:0}.bcard__title{font-size:15px;font-weight:650;letter-spacing:-.01em}.bcard__sub{font-size:12px;color:var(--ink-faint);margin-top:1px}.bcard__prev{font-size:17px;color:var(--ink-soft);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:right}.bcard__go{flex:0 0 auto;color:var(--ink-faint);display:grid;place-items:center}.bcard__go svg{width:18px;height:18px}.bcard__tick{flex:0 0 auto;color:var(--good);display:none}.bcard[data-done="1"] .bcard__tick{display:grid;place-items:center}.bcard[data-done="1"] .bcard__go{display:none}.bcard__tick svg{width:20px;height:20px}.wlist{display:flex;flex-direction:column;gap:6px}.wrow{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--r-md)}.wrow__ar{flex:0 0 auto;font-size:26px;min-width:96px;text-align:right;line-height:1.5}.wrow__body{flex:1;min-width:0}.wrow__en{font-size:14px;font-weight:600;line-height:1.3}.wrow__tr{font-size:12px;color:var(--ink-faint);font-style:italic}.wrow__pos{font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.foot{flex:0 0 auto;padding:var(--sp-3) var(--sp-4) max(var(--sp-4),env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--bg-elev);display:flex;flex-direction:column;gap:var(--sp-2)}.notice{padding:var(--sp-4);border-radius:var(--r-md);background:var(--bg-sunk);border:1px dashed var(--line);font-size:13px;color:var(--ink-soft);text-align:center}.pick{display:flex;flex-direction:column;gap:var(--sp-2)}.pick__opt{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left;padding:var(--sp-4);background:var(--bg-elev);border:1.5px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.pick__opt[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.pick__opt h3{font-size:15px;font-weight:650}.pick__opt p{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.pick__ico{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}.pick__ico svg{width:18px;height:18px}.field{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3)}.field label{font-size:13px;color:var(--ink-soft);font-weight:600}.field select{flex:1;min-height:var(--tap);padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-elev);color:var(--ink)}.foot__note{font-size:11.5px;color:var(--ink-faint);text-align:center;margin-top:-2px}.shortcuts{margin-top:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}.shortcuts__rule{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-1);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}.shortcuts__rule:before,.shortcuts__rule:after{content:"";flex:1;height:1px;background:var(--line)}.shortcuts .btn{min-height:40px;font-size:14px}