@font-face{font-family:Readex Pro;src:url(/fonts/readex-pro-latin-wght-normal.woff2) format("woff2");font-weight:160 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Readex Pro;src:url(/fonts/readex-pro-latin-ext-wght-normal.woff2) format("woff2");font-weight:160 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro;src:url(/fonts/readex-pro-arabic-wght-normal.woff2) format("woff2");font-weight:160 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-opsz-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-ext-opsz-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Scheherazade New;src:url(/fonts/scheherazade-new-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Scheherazade New;src:url(/fonts/scheherazade-new-arabic-600-normal.woff2) format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--bg: #f5f8f6;--surface: #ffffff;--tint: #eef5f1;--ink: #10231b;--ink-soft: #3b5046;--ink-body: #24382e;--muted: #4a5e54;--line: #dfe8e3;--line-strong: #c9d6cf;--green-deep: #062a1f;--green-night: #031a13;--green: #0f5a43;--green-ink: #0b4635;--green-bright: #17775a;--green-soft: #e3f0e9;--green-wash: #eef7f2;--mint: #3fb98a;--gold: #c2a053;--gold-ink: #8c6b22;--gold-deep: #6e5318;--gold-bright: #dcbd6f;--gold-soft: #f5edda;--gold-wash: #fbf8f0;--gold-line: #e7d8b3;--wrong: #a5453a;--wrong-ink: #7c2f26;--wrong-soft: #f8e9e6;--wrong-bright: #e58c7c;--on-green: #ffffff;--on-deep: #f3efe2;--on-deep-soft: #c9d8cf;--pending: #a8b8b0;--shadow: 0 1px 2px rgba(16, 35, 27, .05), 0 6px 20px rgba(16, 35, 27, .06);--shadow-lift: 0 1px 2px rgba(16, 35, 27, .05), 0 12px 32px rgba(16, 35, 27, .08);--font-ui: "Readex Pro", "Scheherazade New", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Newsreader", "Scheherazade New", Georgia, "Times New Roman", serif;--font-arabic: "Scheherazade New", "Geeza Pro", "Noto Naskh Arabic", serif;--t-label: .75rem;--t-small: .875rem;--t-body: 1rem;--t-option: 1.0625rem;--t-title: 1.125rem;--t-h2: 1.375rem;--t-question: clamp(1.5rem, 6.4vw, 1.75rem);--t-score: 5.25rem;--r-xs: 8px;--r-sm: 14px;--r: 18px;--r-lg: 20px;--r-sheet: 26px;--r-hero: 30px;--gutter: 16px;--tabbar: 64px;--ease-out: cubic-bezier(.16, .8, .24, 1);--ease-spring: cubic-bezier(.3, 1.6, .5, 1);--ease-pop: cubic-bezier(.3, 1.8, .5, 1);--ease-sheet: cubic-bezier(.2, 1.25, .35, 1);--dur-tap: .15s;--dur-rise: .6s;--dur-sheet: .7s;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #06140f;--surface: #0c1f18;--tint: #0f271e;--ink: #e8f1ec;--ink-soft: #c3d3ca;--ink-body: #d3e0d9;--muted: #9fb3a8;--line: #1b3429;--line-strong: #2a473a;--green: #3fb98a;--green-ink: #8fe0bd;--green-bright: #5fcc9f;--green-soft: #12342a;--green-wash: #0f2b22;--gold-ink: #dcbd6f;--gold-deep: #e8cf8f;--gold-soft: #2b2512;--gold-wash: #1a1a10;--gold-line: #4a3f1e;--wrong: #e58c7c;--wrong-ink: #f2b3a7;--wrong-soft: #341a16;--on-green: #04201a;--pending: #4b6358;--shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow-lift: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .3);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=ar] body{font-size:1.0625rem;line-height:1.7}a{color:var(--green-bright);text-underline-offset:3px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}button{font:inherit;color:inherit}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{margin:0;font-size:var(--t-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink)}html[lang=ar] .eyebrow,html[lang=ur] .eyebrow,html[lang=fa] .eyebrow{letter-spacing:0;text-transform:none;font-size:.82rem}.ar-classic{font-family:var(--font-arabic)}.shell{min-height:100dvh;padding-block-end:calc(env(safe-area-inset-bottom) + var(--tabbar) + 20px)}.shell.is-immersive{padding-block-end:0}.masthead{position:relative;overflow:hidden;background:var(--green-deep);color:var(--on-deep);padding:calc(env(safe-area-inset-top) + 10px) var(--gutter) 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.brand{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;color:inherit;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em}html[lang=ar] .brand{font-family:var(--font-ui);font-size:1.1rem}.brand-mark{width:26px;height:26px}.brand-mark polygon{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linejoin:round}.mast-actions{position:relative;display:flex;align-items:center;gap:8px}.mast-actions>.tabs{display:none}.lang-toggle{display:inline-flex;padding:3px;border-radius:999px;background:#f3efe21f}.lang-toggle button{min-height:36px;min-width:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#cfe0d7;font:600 .82rem var(--font-ui);cursor:pointer;transition:background-color .2s,color .2s}.lang-toggle button[lang=ar]{font-size:.92rem}.lang-toggle button.is-on{background:var(--on-deep);color:var(--green-deep)}.icon-button{position:relative;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--on-deep);cursor:pointer;text-decoration:none;transition:background-color .2s}.icon-button:hover{background:#f3efe21a}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button.is-active{background:var(--on-deep);color:var(--green-deep)}.tab{display:flex;align-items:center;text-decoration:none}.tab svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabbar{position:fixed;z-index:25;inset-inline:0;inset-block-end:0;display:flex;justify-content:space-around;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-block-start:1px solid var(--line)}.tabbar .tab{position:relative;flex:1;max-width:120px;min-height:52px;flex-direction:column;justify-content:center;gap:3px;border-radius:14px;color:var(--muted);font-size:.72rem;font-weight:500}html[lang=ar] .tabbar .tab{font-size:.8rem}.tabbar .tab svg{width:24px;height:24px;transition:transform .35s var(--ease-spring)}.tabbar .tab.is-active{color:var(--green);font-weight:600}.tabbar .tab.is-active svg{transform:translateY(-1px) scale(1.08)}.tabbar .tab.is-active svg .tab-fill{fill:currentColor;fill-opacity:.16}.tabbar .tab:before{content:"";position:absolute;inset-block-start:-7px;width:22px;height:3px;border-radius:0 0 3px 3px;background:var(--gold);transform:scaleX(0);transition:transform .35s var(--ease-out)}.tabbar .tab.is-active:before{transform:scaleX(1)}@media (min-width: 900px){.tabbar{display:none}.shell{padding-block-end:calc(env(safe-area-inset-bottom) + 28px)}.mast-actions>.tabs{display:flex;gap:2px;margin-inline-end:6px}.masthead{padding-inline:28px}.masthead .tab{min-height:40px;gap:8px;padding-inline:14px;border-radius:999px;color:#cfe0d7;font-size:.9rem;font-weight:500;transition:background-color .2s,color .2s}.masthead .tab:hover{color:var(--on-deep);background:#f3efe214}.masthead .tab svg{width:18px;height:18px}.masthead .tab.is-active{color:var(--green-deep);background:var(--on-deep)}}.page{max-width:640px;margin-inline:auto;padding:20px var(--gutter) 24px;animation:ss-fade .35s ease both}.page-title{font-size:clamp(1.5rem,4vw,1.85rem);line-height:1.2;letter-spacing:-.015em;margin:8px 0;font-weight:600}.page-lede{color:var(--muted);max-width:60ch;margin:0 0 16px;font-size:.95rem}.section-title{font-size:var(--t-title);font-weight:600;margin:32px 0 12px;letter-spacing:-.005em}.back{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem;font-weight:500;text-decoration:none}.back:before{content:"‹";margin-inline-end:6px;font-size:1.3em;line-height:1}html[dir=rtl] .back:before{content:"›"}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--green);color:var(--on-green);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform var(--dur-tap) ease,filter var(--dur-tap) ease,box-shadow .2s ease}.button:hover{filter:brightness(1.07)}.button:active{transform:scale(.97)}.button:disabled{opacity:.45;cursor:default;transform:none}.button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button-block{display:flex;width:100%}.button-lg{min-height:56px;font-size:var(--t-option)}.button-quiet{min-height:44px;background:var(--surface);color:var(--green);box-shadow:inset 0 0 0 1.5px var(--line-strong);font-size:.95rem}.button-ghost{background:transparent;color:var(--on-deep);box-shadow:inset 0 0 0 1.5px #f3efe259}.button-gold{background:var(--gold);color:var(--green-deep);box-shadow:0 10px 30px #c2a0534d}.button-dark{background:#10231b;color:#fff}.button-white{background:#fff;color:#10231b;box-shadow:inset 0 0 0 1.5px var(--line-strong)}@media (prefers-color-scheme: dark){.button-dark{background:#f3efe2;color:#10231b}.button-white{background:var(--surface);color:var(--ink)}}.link-button{background:none;border:0;padding:8px 0;min-height:44px;color:var(--green-bright);font-size:.95rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--green);font-weight:600;font-size:.95rem;text-decoration:none;background:none;border:0;cursor:pointer}.notice{background:var(--surface);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}.skeleton{height:60vh;border-radius:var(--r);background:linear-gradient(90deg,var(--surface),var(--tint),var(--surface));background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.mark{width:100%;height:100%;display:block;overflow:visible}.mark polygon{stroke-width:2;stroke-linejoin:round}.mark-pending polygon{fill:none;stroke:var(--pending)}.mark-current polygon{fill:var(--gold-soft);stroke:var(--gold-ink);stroke-width:2.5}.mark-current circle{fill:var(--gold-ink)}.mark-correct polygon{fill:var(--green);stroke:var(--green)}.mark-wrong polygon{fill:var(--wrong-soft);stroke:var(--wrong)}.mark-tick{fill:none;stroke:var(--on-green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mark-cross{fill:none;stroke:var(--wrong);stroke-width:2.5;stroke-linecap:round}.mark-spark{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;transform-box:view-box;transform-origin:20px 20px;animation:ss-spark .75s cubic-bezier(.1,.7,.3,1) both}.mark.is-fresh .mark-body{transform-box:fill-box;transform-origin:50% 50%;animation:ss-pop .55s var(--ease-pop) both}.badge{position:relative;display:inline-grid;place-items:center;flex:none}.badge svg{position:absolute;inset:0;width:100%;height:100%}.badge span{position:relative;font-weight:600;color:var(--green-deep);line-height:1}.today-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:18px}.today-day{margin:0;font-size:var(--t-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}html[lang=ar] .today-day{letter-spacing:0;font-size:.85rem}.today-streak{margin:2px 0 0;color:var(--muted);font-size:var(--t-small)}.today-streak strong{color:var(--gold-ink);font-weight:600}.marks{list-style:none;display:flex;gap:0;margin:0 -6px;padding:0}.mark-button{background:none;border:0;padding:8px;width:44px;height:44px;cursor:pointer;border-radius:50%;transition:transform var(--dur-tap) ease}.mark-button:active:not(:disabled){transform:scale(.9)}.mark-button:disabled{cursor:default}[aria-current=step] .mark polygon{stroke-width:3}.question{animation:ss-rise .7s var(--ease-out) both}.question-meta{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--muted);font-size:.85rem}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:600;font-size:var(--t-label);line-height:1.4}html[lang=ar] .pill{font-size:.85rem}.pill-easy{background:var(--green-soft);color:var(--green-ink)}.pill-medium{background:var(--gold-soft);color:var(--gold-deep)}.pill-hard{background:var(--wrong-soft);color:var(--wrong-ink)}.question-text{font-family:var(--font-display);font-size:var(--t-question);font-weight:500;line-height:1.3;letter-spacing:-.01em;margin:0 0 22px;text-wrap:pretty;font-variation-settings:"opsz" 26;transition:font-size .45s var(--ease-out),color .45s ease,margin .45s var(--ease-out)}.question-text.is-long{font-size:clamp(1.4rem,5.8vw,1.55rem)}html[lang=ar] .question-text{font-family:var(--font-arabic);font-weight:600;letter-spacing:0;line-height:1.75;font-size:clamp(1.6rem,7vw,1.9rem)}html[lang=ur] .question-text,html[lang=fa] .question-text{font-family:var(--font-ui);font-weight:500;letter-spacing:0;line-height:1.8;font-size:clamp(1.35rem,5.6vw,1.6rem)}.options{list-style:none;margin:0;padding:0;display:grid;gap:10px;transition:gap .45s var(--ease-out)}.option{position:relative;overflow:hidden;width:100%;min-height:58px;display:flex;align-items:center;gap:14px;padding:10px 16px;text-align:start;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:var(--r-sm);font-size:var(--t-option);font-weight:500;line-height:1.35;cursor:pointer;animation:ss-rise var(--dur-rise) var(--ease-out) both;transition:transform var(--dur-tap) ease,opacity .35s ease,min-height .45s var(--ease-out),padding .45s var(--ease-out),font-size .35s ease,background-color .35s ease,border-color .35s ease,box-shadow .2s ease}.options li:nth-child(1) .option{animation-delay:.18s}.options li:nth-child(2) .option{animation-delay:.26s}.options li:nth-child(3) .option{animation-delay:.34s}.options li:nth-child(4) .option{animation-delay:.42s}html[lang=ar] .option{font-family:var(--font-arabic);font-size:1.3rem;font-weight:600;line-height:1.55}.option:not(:disabled):hover{border-color:var(--green-bright);box-shadow:var(--shadow)}.option:not(:disabled):active{transform:scale(.97)}.option:disabled{cursor:default}.option-letter{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-xs);font:600 .8rem/1 var(--font-ui);color:var(--green);background:var(--tint);transition:background-color .3s,color .3s}.option-label{flex:1}.option-note{font-size:var(--t-label);font-weight:600;color:var(--wrong);font-family:var(--font-ui)}.option.is-correct,.option.is-answer{border-color:var(--green);color:var(--green-ink);font-weight:600}.option.is-correct{background:linear-gradient(90deg,var(--green-soft) 0 50%,var(--surface) 50% 100%);background-size:205% 100%;background-position:0 0;animation:ss-sweep .55s cubic-bezier(.2,.8,.2,1) both,ss-pop-soft .5s var(--ease-pop)}.option.is-answer{background:var(--green-wash);animation:ss-ring 1.1s .35s ease-out 2}.option.is-correct .option-letter,.option.is-answer .option-letter{background:var(--green);color:var(--on-green)}.option.is-wrong{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong-ink);animation:ss-shake .45s cubic-bezier(.36,.07,.19,.97)}.option.is-wrong .option-letter{background:var(--wrong);color:#fff}.option.is-dim{opacity:.45;min-height:44px;padding-block:6px;font-size:.95rem;border-color:transparent;background:transparent;animation:none}html[lang=ar] .option.is-dim{font-size:1.12rem}.option.is-picked{border-color:var(--green);background:var(--green-soft)}.option.is-picked .option-letter{background:var(--green);color:var(--on-green)}.question.is-answered{animation:none}.question.is-answered .question-text{font-size:1.2rem;color:var(--ink-soft);margin-bottom:14px}html[lang=ar] .question.is-answered .question-text{font-size:1.35rem}.question.is-answered .options{gap:6px}.question.is-answered .option{animation-delay:0s}.question.is-answered .option:not(.is-dim){min-height:52px}.result{margin-top:16px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding:18px;display:grid;gap:12px;animation:ss-sheet var(--dur-sheet) var(--ease-sheet) both}.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-verdict{margin:0;font-family:var(--font-display);font-size:1.65rem;font-weight:600;line-height:1.1;letter-spacing:-.01em}html[lang=ar] .result-verdict,html[lang=ur] .result-verdict,html[lang=fa] .result-verdict{font-family:var(--font-ui);font-size:1.4rem}.result-right .result-verdict{color:var(--green)}.result-wrong .result-verdict{color:var(--wrong)}.result-stat{margin:0;font-size:.82rem;color:var(--muted);animation:ss-fade .4s .5s ease both}.result-answer{margin:0;color:var(--ink);font-weight:600}.result-why{margin:0;color:var(--ink-body);font-size:.95rem;line-height:1.55}.disclosure{position:relative;width:100%;display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 12px 10px;border:0;border-radius:12px;background:var(--gold-wash);color:var(--ink);text-align:start;cursor:pointer;transition:background-color .2s}.disclosure:hover{background:var(--gold-soft)}.disclosure:before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:2px;border-radius:2px;background:var(--gold);transform-origin:0 50%;animation:ss-rule .8s .35s var(--ease-out) both}html[dir=rtl] .disclosure:before{transform-origin:100% 50%}.disclosure-text{flex:1;min-width:0;display:grid;gap:2px}.disclosure-ar{font-family:var(--font-arabic);font-size:1.3rem;line-height:1.7;text-align:right;color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.disclosure-cite{font-size:.78rem;color:var(--muted)}.disclosure svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--gold-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease-out)}.disclosure[aria-expanded=true] svg{transform:rotate(90deg)}html[dir=rtl] .disclosure svg{transform:scaleX(-1)}html[dir=rtl] .disclosure[aria-expanded=true] svg{transform:scaleX(-1) rotate(90deg)}.disclosure-body{display:grid;gap:18px;animation:ss-rise .45s var(--ease-out) both}.disclosure-body[hidden]{display:none}.source{padding:2px 0}.source+.source{border-block-start:1px solid var(--line);padding-block-start:16px}.source-cite{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;font-weight:600;font-size:.92rem}.grade{font-size:var(--t-label);font-weight:600;padding:3px 10px;border-radius:999px;background:var(--green-soft);color:var(--green-ink)}.source-ar{margin:0;padding:14px 16px;border-radius:12px;background:var(--tint);font-family:var(--font-arabic);font-size:clamp(1.35rem,5vw,1.55rem);line-height:2;text-align:right;color:var(--ink)}.evidence{background:var(--gold-soft);color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2.5px;text-underline-offset:9px;border-radius:4px;padding-inline:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.source-hint{margin:8px 0 0;font-size:.8rem;color:var(--muted)}.source-translation{margin-top:14px;padding-inline-start:14px;border-inline-start:2px solid var(--gold)}.source-translation p{margin:0;color:var(--ink-body);line-height:1.65;font-size:.95rem}.source-translation .source-credit{margin-top:6px;font-size:.8rem;color:var(--muted)}.chain-text{font-family:var(--font-arabic);font-size:1.2rem;line-height:2;color:var(--muted);margin:2px 0 0}.source-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.source-actions .button svg{width:18px;height:18px}.button.is-bookmarked{color:var(--gold-ink)}.button.is-bookmarked svg{fill:var(--gold);stroke:var(--gold)}.action-dock{position:fixed;z-index:20;inset-inline:0;inset-block-end:calc(env(safe-area-inset-bottom) + var(--tabbar));padding:18px var(--gutter) 12px;background:linear-gradient(to top,var(--bg) 55%,color-mix(in srgb,var(--bg) 0%,transparent));pointer-events:none;animation:ss-rise .5s .25s var(--ease-out) both}.action-dock>.button{pointer-events:auto;max-width:560px;margin-inline:auto;display:flex;width:100%;min-height:56px;font-size:var(--t-option);box-shadow:0 10px 24px #0f5a4340}@media (min-width: 900px){.action-dock{inset-block-end:0;padding-block-end:calc(env(safe-area-inset-bottom) + 18px)}}.page:has(.action-dock){padding-block-end:calc(env(safe-area-inset-bottom) + 100px)}html:has(.action-dock){scroll-padding-block-end:calc(env(safe-area-inset-bottom) + var(--tabbar) + 96px)}@media (min-width: 900px){html:has(.action-dock){scroll-padding-block-end:calc(env(safe-area-inset-bottom) + 100px)}}.toast{position:fixed;inset-inline:16px;inset-block-end:calc(env(safe-area-inset-bottom) + var(--tabbar) + 20px);margin-inline:auto;max-width:420px;background:var(--green-deep);color:var(--on-deep);padding:12px 16px;border-radius:14px;text-align:center;z-index:60;box-shadow:var(--shadow-lift);animation:ss-rise .4s var(--ease-out) both}@media (min-width: 900px){.toast{inset-block-end:calc(env(safe-area-inset-bottom) + 24px)}}.done{display:grid;gap:0}.hero{position:relative;overflow:hidden;isolation:isolate;margin:-20px calc(-1 * var(--gutter)) 0;padding:36px 20px 26px;border-radius:0 0 var(--r-hero) var(--r-hero);background:var(--green-deep);color:var(--on-deep);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}@media (min-width: 640px){.hero{margin:0;border-radius:var(--r-hero);padding:44px 32px 30px}}.hero>*{position:relative}.hero>.starfield{position:absolute;z-index:-1}.hero-day{margin:0;font-size:var(--t-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright)}html[lang=ar] .hero-day{letter-spacing:0;font-size:.9rem}.hero-stars{display:flex;gap:12px}.hero-star{width:42px;height:42px;animation:ss-star-in .7s var(--ease-spring) both}.hero-stars>:nth-child(1){animation-delay:.35s}.hero-stars>:nth-child(2){animation-delay:.75s}.hero-stars>:nth-child(3){animation-delay:1.15s}.hero-star polygon{stroke-width:2;stroke-linejoin:round}.hero-star.is-right polygon{fill:var(--mint);stroke:var(--mint)}.hero-star.is-right path{fill:none;stroke:#04201a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.hero-star.is-miss polygon{fill:none;stroke:var(--wrong-bright)}.hero-star.is-miss path{fill:none;stroke:var(--wrong-bright);stroke-width:3;stroke-linecap:round}.hero-score{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--t-score);line-height:1;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums}.hero-score small{font-size:1em;font-weight:400;color:var(--gold)}html[lang=ar] .hero-score,html[lang=ur] .hero-score,html[lang=fa] .hero-score{font-family:var(--font-ui);font-weight:600;letter-spacing:0}.hero-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:1.55rem;line-height:1.2;text-wrap:balance;animation:ss-rise .8s 1.5s var(--ease-out) both}html[lang=ar] .hero-title,html[lang=ur] .hero-title,html[lang=fa] .hero-title{font-family:var(--font-ui);font-size:1.35rem;font-weight:600}.hero-late{animation:ss-rise .7s 2.3s var(--ease-out) both}.streak-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:#f3efe214;font-size:var(--t-small);color:var(--on-deep-soft)}.streak-pill svg{width:18px;height:18px}.streak-pill svg polygon{fill:var(--gold)}.streak-roll{position:relative;display:inline-grid;height:1.45em;overflow:hidden;font-weight:600;font-variant-numeric:tabular-nums;color:var(--on-deep)}.streak-roll>span{grid-area:1 / 1}.streak-roll .is-out{animation:ss-roll-out .6s 1.9s cubic-bezier(.6,0,.3,1) both}.streak-roll .is-in{animation:ss-roll-in .6s 1.9s cubic-bezier(.3,1.4,.5,1) both}.streak-plus{position:absolute;inset-inline-end:-8px;inset-block-start:-14px;font-size:var(--t-label);font-weight:700;color:var(--green-deep);background:var(--gold);border-radius:999px;padding:2px 8px;animation:ss-plus 1.6s 2.2s ease-out both}.hero-actions{width:100%;max-width:420px;display:grid;gap:10px;margin-top:6px}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#fff0 35%,#ffffff8c,#fff0 65%);transform:translate(-120%);animation:ss-shine 3.6s 2.6s ease-in-out infinite;pointer-events:none}.falling{position:absolute;inset:0;pointer-events:none;z-index:-1}.falling svg{position:absolute;inset-block-start:-20px;animation:ss-fall linear infinite both}.done-card{margin:20px 0 0;background:var(--surface);border-radius:var(--r);padding:18px;display:grid;gap:10px;box-shadow:var(--shadow);animation:ss-rise .7s 2.4s var(--ease-out) both}.done-card h2{margin:0;font-size:var(--t-title);font-weight:600}.done-card p{margin:0;font-size:.92rem;line-height:1.5;color:var(--ink-soft)}.done-card .button{margin-top:4px}.done-section{margin-top:24px;display:grid;gap:6px;animation:ss-rise .7s 2.5s var(--ease-out) both}.done-section>h2{margin:0 0 4px;font-size:var(--t-title);font-weight:600}.done-review{list-style:none;margin:0;padding:0;display:grid;text-align:start}.done-row{width:100%;display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 2px;background:none;border:0;border-block-end:1px solid var(--line);color:var(--ink);text-align:start;cursor:pointer;line-height:1.4;font-size:.95rem}.done-review li:last-child .done-row{border-block-end:0}.done-row .mark{width:22px;height:22px;flex:none}.done-row>span{flex:1}.done-row:after{content:"›";color:var(--gold-ink);font-size:1.2rem}html[dir=rtl] .done-row:after{content:"‹"}.page-learn .done-review{gap:8px;margin-bottom:16px}.page-learn .done-row{background:var(--surface);border:0;border-radius:var(--r-sm);box-shadow:var(--shadow);padding:10px 14px}.done-next{margin:22px 0 0;text-align:center;color:var(--muted);font-size:var(--t-small)}.done-next strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.score-medal{position:relative;width:150px;height:150px;margin:0 auto 6px;display:grid;place-items:center;animation:ss-pop-soft .6s var(--ease-pop) both}.score-medal svg{position:absolute;inset:0;width:100%;height:100%}.score-medal-rim{fill:var(--gold)}.score-medal-face{fill:var(--green-deep)}.score-medal-core{fill:none;stroke:#c2a05373;stroke-width:1.5}.score-medal-value{position:relative;color:var(--on-deep);font-family:var(--font-display);font-size:2.4rem;font-weight:600;letter-spacing:-.02em;line-height:1}.score-medal-value small{font-size:.5em;font-weight:400;color:var(--gold)}.page-report .done{text-align:center}.done-title{font-family:var(--font-display);font-size:clamp(1.55rem,5vw,1.95rem);font-weight:500;line-height:1.25;letter-spacing:-.015em;margin:4px 0 2px;text-wrap:balance}.done-sub{margin:0 0 14px;color:var(--muted)}.button-share{background:var(--gold);color:var(--green-deep);min-height:56px;font-size:1.05rem}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px}.stats div{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:12px}.stats dt{font-size:.8rem;color:var(--muted)}.stats dd{margin:0;font-size:1.2rem;font-weight:700;color:var(--gold-ink)}.quote{margin:24px 0 0;padding:22px 18px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);position:relative;text-align:center;animation:ss-rise .7s 2.6s var(--ease-out) both}.quote:before,.quote:after{content:"";position:absolute;inset-inline:18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.quote:before{top:10px}.quote:after{bottom:10px}.quote-title{margin:0 0 8px;font-size:.82rem;color:var(--gold-ink);font-weight:600}.quote-ar{margin:0;font-family:var(--font-arabic);font-size:1.8rem;line-height:1.85;color:var(--green);text-wrap:balance}.quote-tr{margin:6px 0 0;font-family:var(--font-display);font-size:1.1rem;color:var(--ink-soft);font-style:italic;text-wrap:balance}.quote-cite{margin:10px 0 0;font-size:.8rem;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}.hero-quote{width:100%;max-width:460px;margin:0 0 6px;padding:18px 8px 16px;background:none;box-shadow:none;animation:ss-rise .7s .1s var(--ease-out) both}.hero-quote .quote-title{color:var(--gold-bright);letter-spacing:.04em}.hero-quote .quote-ar{color:var(--on-deep);font-size:1.55rem;line-height:1.7}.hero-quote .quote-tr{color:var(--on-deep-soft);font-size:1rem}.hero-quote .quote-cite{color:var(--on-deep-soft);margin-top:6px}.hero-quote .quote-cite a{color:var(--gold-bright)}@media (min-width: 1100px){.page{max-width:760px;padding-top:32px}.page-reader{max-width:860px}.page-today:has(>.done),.page-today:has(.done){max-width:1120px}.done{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:32px;align-items:start}.done>.hero{grid-column:1;grid-row:1 / span 12;position:sticky;top:24px;padding:32px 40px 36px}.done>:not(.hero){grid-column:2}.done>:not(.hero):nth-child(2){margin-top:0}.hero-score{font-size:calc(var(--t-score) * 1.25)}.hero-title{font-size:1.85rem}.books{grid-template-columns:repeat(3,1fr)}.page-today{padding-top:max(32px,5vh)}.today-head{margin-block-end:28px}.question-text{font-size:2.25rem;margin-bottom:28px}.question-text.is-long{font-size:1.9rem}html[lang=ar] .question-text{font-size:2.35rem}html[lang=ur] .question-text,html[lang=fa] .question-text{font-size:2rem}.options{gap:12px}.option{min-height:68px;padding:14px 20px;font-size:1.15rem}html[lang=ar] .option{font-size:1.45rem}.option-letter{width:32px;height:32px}}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#062a1f8c;animation:ss-fade .4s ease both}.sheet{position:fixed;z-index:51;inset-inline:0;inset-block-end:0;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;margin-inline:auto;max-width:560px;background:var(--bg);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:10px 20px calc(env(safe-area-inset-bottom) + 24px);display:grid;gap:18px;animation:ss-sheet-up .6s cubic-bezier(.2,1.15,.35,1) both;box-shadow:0 -12px 40px #04120d40}.sheet.is-closing{animation:ss-sheet-down .25s ease-in both}.sheet-backdrop.is-closing{animation:ss-fade-out .25s ease-in both}@media (min-width: 640px){.sheet{inset-block-end:50%;transform:translateY(50%);border-radius:var(--r-sheet);padding-block-end:24px;animation-name:ss-dialog-in}.sheet.is-closing{animation-name:ss-fade-out}}.sheet-handle{justify-self:center;width:40px;height:5px;border-radius:3px;background:var(--line-strong)}@media (min-width: 640px){.sheet-handle{display:none}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2{margin:0;font-size:1.25rem;font-weight:600}.sheet-close{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:999px;background:var(--tint);color:var(--ink);cursor:pointer}.sheet-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.share-preview{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:1200 / 630;background:var(--green-deep);box-shadow:0 10px 30px #062a1f40}.share-preview img,.share-preview canvas{display:block;width:100%;height:100%}.share-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#fff0 35%,#fff0c859,#fff0 65%);transform:translate(-120%);animation:ss-shine 3.4s .8s ease-in-out infinite;pointer-events:none}.switch-row{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}.switch-row>span{flex:1;display:grid}.switch-row strong{font-weight:600;font-size:.95rem}.switch-row small{font-size:.82rem;color:var(--muted)}.switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:50px;height:30px;margin:0;border-radius:999px;background:var(--line-strong);cursor:pointer;transition:background-color .25s}.switch:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .3s var(--ease-spring)}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(20px)}html[dir=rtl] .switch:checked:after{transform:translate(-20px)}.share-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.share-target{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:76px;border:0;background:transparent;font-size:.78rem;font-weight:500;color:var(--ink);cursor:pointer;text-align:center;line-height:1.25}.share-target>span:first-child{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;transition:transform .2s var(--ease-spring)}.share-target:active>span:first-child{transform:scale(.9)}.share-target svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.share-target.is-dark>span:first-child{background:var(--ink);color:var(--bg)}.share-target.is-green>span:first-child{background:var(--green);color:var(--on-green)}.share-target.is-gold>span:first-child{background:var(--gold);color:var(--green-deep)}.share-target.is-soft>span:first-child{background:var(--green-soft);color:var(--green)}.share-text{display:grid;gap:6px}.share-text pre{margin:0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);font:.88rem/1.5 var(--font-ui);color:var(--ink-body);white-space:pre-wrap;overflow-wrap:anywhere}.signin{display:grid;gap:10px;text-align:start}.signin-title{margin:0;font-weight:600;font-size:var(--t-title)}.signin-body{margin:0;color:var(--ink-soft)}.signin .button{min-height:54px}.signin-or{display:flex;align-items:center;gap:12px;margin:4px 0;font-size:.82rem;color:var(--muted)}.signin-or:before,.signin-or:after{content:"";flex:1;height:1px;background:var(--line)}.signin-email{display:grid;grid-template-columns:1fr;gap:10px}.field{min-height:54px;width:100%;padding:0 18px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);font:400 1rem var(--font-ui);transition:border-color .2s,box-shadow .2s}.field:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%,transparent)}.field-box{border-radius:var(--r-sm);font-size:1.1rem;font-weight:500;min-height:56px;padding:0 16px}.field-label{display:block;font-size:var(--t-small);font-weight:600;margin-bottom:8px}.field-label span{font-weight:400;color:var(--muted);margin-inline-start:4px}.signin-sent{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-lift);animation:ss-rise .6s var(--ease-out) both}.signin-sent svg{width:44px;height:44px;flex:none;animation:ss-envelope 1.4s var(--ease-spring) both}.signin-sent div{display:grid;gap:2px}.signin-sent strong{font-size:.95rem}.signin-sent span{font-size:.85rem;color:var(--ink-soft);overflow-wrap:anywhere}.signin-error{margin:0;color:var(--wrong);font-size:.92rem}.account-card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:4px 18px 18px;margin:24px 0}.account-card p{margin:0 0 6px}.account-card .button{margin-top:8px}.account-who{display:flex;align-items:center;gap:14px;margin:4px 0 8px}.account-who .badge{width:44px;height:44px}.account-who .badge span{font-size:1rem}.account-who div{display:grid}.account-who strong{font-weight:600}.account-who small{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.flow{min-height:100dvh;display:flex;flex-direction:column;max-width:520px;margin-inline:auto;padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 28px);gap:20px;animation:ss-fade .35s ease both}.flow-top{display:flex;align-items:center;gap:14px;min-height:44px}.flow-steps{flex:1;display:flex;gap:6px}.flow-steps span{flex:1;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.flow-steps span.is-on:after{content:"";display:block;height:100%;background:var(--green);animation:ss-fill .6s var(--ease-out) both;transform-origin:0 50%}html[dir=rtl] .flow-steps span.is-on:after{transform-origin:100% 50%}.flow-skip{min-height:44px;display:inline-flex;align-items:center;color:var(--ink-soft);font-weight:500;text-decoration:none;background:none;border:0;cursor:pointer;font-size:.95rem}.flow h1{margin:0;font-family:var(--font-display);font-weight:500;font-size:2rem;line-height:1.15;letter-spacing:-.015em}html[lang=ar] .flow h1,html[lang=ur] .flow h1,html[lang=fa] .flow h1{font-family:var(--font-ui);font-weight:600;font-size:1.7rem;line-height:1.35;letter-spacing:0}.flow-lede{margin:6px 0 0;font-size:.95rem;line-height:1.55;color:var(--ink-soft)}.flow-foot{margin-top:auto;display:grid;gap:10px}.flow>*{animation:ss-rise .7s var(--ease-out) both}.flow>:nth-child(2){animation-delay:.08s}.flow>:nth-child(3){animation-delay:.16s}.flow>:nth-child(4){animation-delay:.24s}.flow>:nth-child(5){animation-delay:.32s}.flow>:nth-child(6){animation-delay:.4s}.day-chip{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:var(--green-deep);color:var(--on-deep)}.day-chip .mini-stars,.landing-chip .mini-stars{display:flex;flex:none;gap:4px}.day-chip>span{flex:1;font-size:var(--t-small);color:var(--on-deep-soft)}.day-chip strong{font-family:var(--font-display);font-weight:600;font-size:1.4rem}.mini-stars svg{width:20px;height:20px}.mini-stars .is-right polygon{fill:var(--mint)}.mini-stars .is-miss polygon{fill:none;stroke:#f3efe273;stroke-width:3}.saved-line{margin:0;display:flex;align-items:center;gap:10px;font-weight:600;color:var(--green);font-size:.95rem}.saved-line svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.saved-line svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:ss-draw .5s .3s ease-out forwards}.app-card{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);background:var(--green-deep);color:var(--on-deep);padding:20px;display:grid;gap:14px}.app-card .starfield{z-index:-1}.app-card-head{display:flex;align-items:center;gap:14px}.app-icon{width:56px;height:56px;flex:none;border-radius:14px;background:var(--green);display:grid;place-items:center}.app-icon svg{width:34px;height:34px}.app-icon polygon{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linejoin:round}.app-card-head div{display:grid}.app-card-head strong{font-family:var(--font-display);font-weight:600;font-size:1.25rem}.app-card-head small{font-size:.82rem;color:var(--on-deep-soft)}.store-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.store-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 10px;border-radius:12px;background:var(--on-deep);color:var(--green-deep);font-weight:600;font-size:.85rem;text-decoration:none;text-align:center;line-height:1.2}.store-link svg{width:20px;height:20px;flex:none;fill:currentColor}.store-links.is-outline .store-link{background:transparent;color:var(--on-deep);box-shadow:inset 0 0 0 1.5px #f3efe24d}.waitlist{display:grid;gap:6px;padding:14px 16px;border-radius:16px;border:1.5px dashed var(--line-strong)}.flow-photo{position:relative;padding:0;gap:0;max-width:none}.photo-hero{position:absolute;inset:0 0 auto;height:min(56vh,480px);overflow:hidden;z-index:0}.photo-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform-origin:50% 40%;animation:ss-drift 20s ease-in-out infinite alternate both}.photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--bg) 0%,transparent) 40%,color-mix(in srgb,var(--bg) 85%,transparent) 78%,var(--bg))}.photo-back{position:absolute;z-index:2;inset-inline-start:12px;inset-block-start:calc(env(safe-area-inset-top) + 12px);width:44px;height:44px;border-radius:999px;background:#ffffff8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#10231b;display:grid;place-items:center}.photo-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}html[dir=rtl] .photo-back svg{transform:scaleX(-1)}.photo-body{position:relative;z-index:1;margin-top:auto;width:100%;max-width:480px;margin-inline:auto;padding:calc(min(56vh,480px) - 120px) 22px calc(env(safe-area-inset-bottom) + 28px);display:grid;gap:14px}.photo-body>*{animation:ss-rise .8s var(--ease-out) both}.photo-body>:nth-child(1){animation-delay:.15s}.photo-body>:nth-child(2){animation-delay:.3s}.photo-body>:nth-child(3){animation-delay:.45s}.greeting{margin:0;font-family:var(--font-arabic);font-weight:600;font-size:1.75rem;line-height:1.5;color:var(--gold-ink)}.photo-body h1{margin:0;font-family:var(--font-display);font-weight:500;font-size:2.25rem;line-height:1.08;letter-spacing:-.02em}html[lang=ar] .photo-body h1{font-family:var(--font-ui);font-weight:600;font-size:1.8rem;line-height:1.3;letter-spacing:0}.landing{position:relative;overflow:hidden;isolation:isolate;min-height:100dvh;background:var(--green-deep);color:var(--on-deep)}.landing .starfield{z-index:-1}.landing-inner{min-height:100dvh;max-width:520px;margin-inline:auto;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 28px) 24px calc(env(safe-area-inset-bottom) + 30px)}.landing-inner>*{animation:ss-rise .8s var(--ease-out) both}.landing-inner>:nth-child(2){animation-delay:.12s}.landing-inner>:nth-child(3){animation-delay:.24s}.landing-inner>:nth-child(4){animation-delay:.36s}.landing .brand{color:var(--on-deep)}.landing-chip{margin-top:48px;align-self:flex-start;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:#f3efe214;font-size:var(--t-small);color:var(--on-deep-soft)}.landing-chip strong{color:var(--on-deep)}.landing h1{margin:22px 0 0;font-family:var(--font-display);font-weight:500;font-size:clamp(2.2rem,10vw,2.65rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}html[lang=ar] .landing h1{font-family:var(--font-ui);font-weight:600;font-size:2rem;line-height:1.35;letter-spacing:0}.landing-lede{margin:14px 0 0;font-size:1.05rem;line-height:1.5;color:var(--on-deep-soft)}.landing-foot{margin-top:auto;padding-top:32px;display:grid;gap:12px}.landing-foot p{margin:0;text-align:center;font-size:var(--t-small);color:var(--on-deep-soft)}.landing-foot a:not(.button):not(.store-link),.landing-foot button.text-link{color:var(--on-deep);font-weight:500;font-size:var(--t-small);min-height:0;text-decoration:underline;display:inline}.books{list-style:none;padding:0;margin:8px 0;display:grid;gap:12px}@media (min-width: 640px){.books{grid-template-columns:1fr 1fr}}.books li{animation:ss-rise .6s var(--ease-out) both}.books li:nth-child(2){animation-delay:.06s}.books li:nth-child(3){animation-delay:.12s}.books li:nth-child(4){animation-delay:.18s}.books li:nth-child(5){animation-delay:.24s}.book{display:grid;gap:2px;padding:18px;min-height:116px;height:100%;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);position:relative;overflow:hidden;transition:transform .2s var(--ease-out),box-shadow .2s}.book:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.book:after{content:"";position:absolute;inset-inline-end:-16px;inset-block-start:-16px;width:60px;height:60px;background:var(--gold-soft);clip-path:polygon(50% 0,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0 50%,39% 35%)}.book-title-ar{font-family:var(--font-arabic);font-size:1.5rem;font-weight:600;line-height:1.5;color:var(--green)}.book-title{font-weight:600}.book-meta{color:var(--muted);font-size:.85rem}.book-heading{font-family:var(--font-arabic);color:var(--green)}.toc{list-style:none;padding:0;margin:0;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.toc li{content-visibility:auto;contain-intrinsic-size:auto 52px}.toc a{display:block;padding:12px 16px;min-height:48px;border-block-end:1px solid var(--line);text-decoration:none;color:var(--ink);font-family:var(--font-arabic);font-size:1.3rem;line-height:1.6;text-align:right}.toc a:hover{background:var(--tint)}.toc-l1 a{font-weight:600;color:var(--green);background:var(--tint)}.toc-l3 a{padding-inline-end:32px;color:var(--ink-soft)}.page-reader{max-width:760px}.reader-title{font-family:var(--font-arabic);font-weight:600;font-size:clamp(1.55rem,4.8vw,2rem);line-height:1.6;margin:4px 0 12px;color:var(--green)}.reader{font-family:var(--font-arabic);font-size:clamp(1.4rem,4.8vw,1.6rem);line-height:2.1;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:8px}.passage{position:relative;margin:0;padding:12px 14px;border-radius:12px}.passage+.passage{border-block-start:1px solid var(--line)}.passage.is-target{background:var(--gold-soft);animation:ss-target 1.6s .3s ease-out both}.passage-num{display:inline-grid;place-items:center;min-width:2.1em;height:2.1em;margin-inline-end:8px;padding-inline:4px;border-radius:8px;background:var(--green-soft);color:var(--green);font-family:var(--font-ui);font-size:.55em;font-weight:600;line-height:1;vertical-align:middle}.reader-nav{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.bookmark{float:left;margin:2px 0 4px 8px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.bookmark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;transition:transform .3s var(--ease-pop)}.bookmark.is-on{color:var(--gold)}.bookmark.is-on svg{fill:var(--gold);transform:scale(1.1)}.continue{display:flex;flex-direction:column;gap:2px;padding:16px 18px;margin:0 0 8px;border-radius:var(--r);background:var(--green-deep);color:var(--on-deep);text-decoration:none}.continue span{font-size:.85rem;color:var(--gold-bright)}.bookmarks{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bookmark-row{display:grid;gap:4px;padding:14px 16px;background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}.bookmark-book{font-weight:600;font-size:.92rem;color:var(--green)}.bookmark-text{font-family:var(--font-arabic);font-size:1.25rem;line-height:1.9;text-align:right;color:var(--ink-soft)}.passage-en{margin:-4px 0 28px;padding:12px 16px;border-inline-start:3px solid var(--gold);background:var(--tint);border-radius:0 var(--r-sm) var(--r-sm) 0;font-family:var(--font-ui);font-size:.98rem;line-height:1.65;color:var(--ink-body);text-align:start}.passage-en p{margin:0 0 8px;white-space:pre-line}.passage-en-cite{font-size:.85rem;color:var(--muted)}.assessment-card{position:relative;overflow:hidden;isolation:isolate;background:var(--green-deep);color:var(--on-deep);border-radius:var(--r-lg);padding:22px 20px;margin:4px 0 8px}.assessment-card .starfield{z-index:-1}.assessment-card h2{margin:0 0 6px;font-family:var(--font-display);font-weight:500;font-size:1.45rem;line-height:1.3;letter-spacing:-.01em}html[lang=ar] .assessment-card h2{font-family:var(--font-ui);font-weight:600;font-size:1.25rem}.assessment-card p{margin:0 0 4px;color:var(--on-deep-soft);font-size:.95rem}.assessment-card .assessment-soon{color:var(--gold-bright);font-size:.9rem;font-weight:500}.assessment-card .button{margin-top:12px;background:var(--gold);color:var(--green-deep)}.topics{list-style:none;margin:0;padding:0;display:grid;gap:8px}.topic{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:14px 16px;min-height:64px;background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .2s var(--ease-out),box-shadow .2s}.topic .ring{grid-row:span 2;width:36px;height:36px}.topic-name{font-weight:600;line-height:1.35}.topic-meta{font-size:.85rem;color:var(--muted)}.topic.is-empty{box-shadow:none;background:transparent;border:1.5px dashed var(--line-strong)}.topic.is-empty .topic-name{color:var(--muted);font-weight:500}a.topic:hover{transform:translateY(-1px);box-shadow:var(--shadow),inset 0 0 0 1.5px var(--green-bright)}.ring-track{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-linejoin:round}.ring-fill{fill:var(--green)}.learn-topic-name{margin:0 0 6px;color:var(--gold-ink);font-weight:600;font-size:.88rem}.learn-score{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--green);margin:0 0 12px}.topic.is-complete .ring-fill{fill:var(--gold)}.path{position:relative;margin:8px 0 20px}.path-line{position:absolute;inset-block-start:0;inset-inline-start:50%;width:1px;overflow:visible;pointer-events:none}html[dir=rtl] .path-line{transform:scaleX(-1)}.path-track,.path-trail{fill:none;stroke-width:6;stroke-linecap:round}.path-track{stroke:var(--line-strong);stroke-dasharray:.5 13}.path-trail{stroke:var(--gold)}.path-nodes{list-style:none;margin:0;padding:0;position:relative}.path-row{display:flex;justify-content:center;align-items:flex-start}.path-node{position:relative;inset-inline-start:var(--x);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:156px;height:132px;color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.path-dot{display:grid;place-items:center;width:68px;height:68px;margin-block-start:10px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 2.5px var(--line-strong),0 4px 0 var(--line-strong);transition:transform var(--dur-tap) ease,box-shadow var(--dur-tap) ease}.path-node:active .path-dot{transform:translateY(3px);box-shadow:inset 0 0 0 2.5px var(--line-strong),0 1px 0 var(--line-strong)}.path-dot svg{width:40px;height:40px;overflow:visible}.path-star{fill:none;stroke:var(--pending);stroke-width:2.2;stroke-linejoin:round}.path-check{fill:none;stroke:var(--green-deep);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.path-title{position:relative;margin-block-start:8px;padding:2px 8px;border-radius:8px;background:var(--bg);max-width:100%;text-align:center;font-size:.9rem;font-weight:500;line-height:1.3;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.path-node.is-done .path-dot{background:var(--gold);box-shadow:0 4px 0 var(--gold-ink)}.path-node.is-done:active .path-dot{box-shadow:0 1px 0 var(--gold-ink)}.path-node.is-done .path-star{fill:var(--gold-bright);stroke:var(--gold-wash);stroke-width:1.6;opacity:.55}.path-node.is-next{height:172px}.path-node.is-next .path-dot{width:80px;height:80px;margin-block-start:16px;background:var(--green);box-shadow:0 0 0 6px var(--bg),0 0 0 9px var(--gold),0 5px 0 9px var(--gold-line);animation:ss-pop-soft .6s var(--ease-pop) both}.path-node.is-next:active .path-dot{transform:translateY(2px)}.path-node.is-next .path-dot svg{width:46px;height:46px}.path-node.is-next .path-star{fill:var(--gold);stroke:var(--gold-bright)}.path-node.is-next .path-title{margin-block-start:16px;color:var(--ink);font-weight:600}.path-bubble{position:relative;box-sizing:border-box;height:28px;padding:6px 16px;line-height:16px;border-radius:999px;background:var(--surface);color:var(--green);font-weight:700;font-size:.85rem;letter-spacing:.02em;box-shadow:inset 0 0 0 2px var(--line-strong),var(--shadow);animation:path-bob 2.4s ease-in-out infinite}.path-bubble:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;width:10px;height:10px;margin-inline-start:-5px;margin-block-start:-5px;background:var(--surface);border-inline-end:2px solid var(--line-strong);border-block-end:2px solid var(--line-strong);transform:rotate(45deg)}@keyframes path-bob{0%,to{transform:none}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.path-bubble,.path-node.is-next .path-dot{animation:none}}.path-node:focus-visible{outline:none}.path-node:focus-visible .path-dot{outline:3px solid var(--green-bright);outline-offset:4px}.path-complete{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 16px;padding:14px 16px;border-radius:var(--r-sm);background:var(--gold-wash);box-shadow:inset 0 0 0 1.5px var(--gold-line);color:var(--gold-deep);font-weight:600}.path-complete svg{width:28px;height:28px;flex:none}.path-complete polygon{fill:var(--gold)}.path-complete path{fill:none;stroke:var(--green-deep);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.path-review{margin-block-end:8px}.lesson-bar{display:flex;align-items:center;gap:12px;margin:0 0 18px}.lesson-close{display:grid;place-items:center;width:44px;height:44px;margin-inline-start:-10px;border-radius:50%;color:var(--muted);flex:none}.lesson-close:hover{background:var(--tint);color:var(--ink)}.lesson-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.lesson-progress{flex:1;display:flex;gap:5px;list-style:none;margin:0;padding:0}.lesson-progress li{flex:1;height:10px;border-radius:999px;background:var(--line);transition:background-color .35s var(--ease-out)}.lesson-progress li.is-done{background:var(--green)}.lesson-progress li.is-current{background:var(--gold)}.reading{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 16px 16px;animation:ss-rise .45s var(--ease-out) both}.reading-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 12px;font-weight:600;font-size:.92rem}.pill-read{background:var(--gold-soft);color:var(--gold-deep)}.reading-ar{font-size:clamp(1.45rem,5.4vw,1.7rem)}.lesson-finish{text-align:center;padding-top:12px}.lesson-finish .finish-star polygon{fill:var(--gold);stroke:var(--gold-ink);stroke-width:1.5;stroke-linejoin:round}.lesson-finish .finish-star path{fill:none;stroke:var(--green-deep);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.finish-lesson{margin:0 0 6px;color:var(--gold-ink);font-weight:600}.lesson-finish .learn-score{margin-bottom:14px}.finish-stars{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 26px}.finish-stars .mark{width:32px;height:32px}.finish-actions{display:grid;gap:10px;max-width:420px;margin-inline:auto}.assessment-intro{text-align:center;padding-top:8px}.intro-star{width:84px;height:84px;margin:0 auto 4px;display:block;animation:ss-pop-soft .6s var(--ease-pop) both}.intro-star polygon{fill:var(--gold-soft);stroke:var(--gold);stroke-width:2}.assessment-intro .button{margin-top:18px}.assess-bar{display:grid;gap:8px;margin-bottom:18px;font-size:.85rem;color:var(--muted)}.assess-progress,.topic-bar{display:block;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.assess-progress span,.topic-bar span{display:block;height:100%;background:var(--green);border-radius:inherit;transition:inline-size .4s var(--ease-out)}.assess-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.assess-nav .button{flex:1}.grid-100{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.cell{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font:600 .85rem var(--font-ui);cursor:pointer}.cell.is-done{background:var(--green-soft);border-color:var(--green);color:var(--green)}.topic-bars{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px;text-align:start}.topic-bars li{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.topic-bar-name{font-weight:500;font-size:.95rem}.topic-bar-value{font-size:.9rem;color:var(--muted)}.topic-bars .topic-bar{grid-column:1 / -1}.stat-topic{font-size:.95rem!important;line-height:1.35;color:var(--ink)!important}.answer-detail{padding:8px 4px 14px;text-align:start}.lang-picker{border:0;padding:0;margin:0 0 8px}.lang-picker legend{font-weight:600;margin-block-end:10px}.segmented{display:inline-flex;background:var(--surface);box-shadow:var(--shadow);border-radius:999px;padding:4px}.segmented label{position:relative;min-height:44px;min-width:116px;display:grid;place-items:center;border-radius:999px;cursor:pointer;font-weight:500;transition:background-color .25s,color .25s}.segmented input{position:absolute;opacity:0;inset:0;cursor:pointer}.segmented label.is-on{background:var(--green);color:var(--on-green)}.segmented label:has(input:focus-visible){outline:3px solid var(--gold)}.sources-list ul{list-style:none;padding:0;margin:0;display:grid;gap:1px;background:var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.sources-list li{display:grid;gap:2px;padding:14px 16px;background:var(--surface);font-size:.92rem}.sources-list .book-title-ar{font-size:1.3rem}.dev-days{display:flex;flex-wrap:wrap;gap:4px;border-radius:var(--r-sm)}.dev-day{min-height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.dev-day.is-on{background:var(--green);color:var(--on-green)}.danger-zone{margin:8px 0 24px}.link-button.danger{color:var(--wrong)}.danger-button{background:var(--wrong);color:#fff}.danger-actions{display:flex;gap:10px;flex-wrap:wrap}.legal-links{margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px 20px}.support{position:relative;overflow:hidden;isolation:isolate;margin:12px 0 24px;padding:20px;border-radius:var(--r-lg);background:var(--green-deep);color:#f3f7f4;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent)}.support p{color:#f3f7f4d1}.support-head{display:flex;align-items:center;gap:14px}.support-head h2{margin:0;font-size:1.25rem;color:#fff}.support-badge{width:46px;height:46px;flex:none}.support-badge polygon{fill:var(--gold)}.support-badge path{fill:var(--green-deep)}.support .support-note{font-size:.85rem;margin:8px 0 0;color:#f3f7f49e}.support-link{text-align:center;font-size:.92rem;margin:16px 0 0}.support-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 6px}@media (max-width: 360px){.support-chips{grid-template-columns:repeat(2,1fr)}}.support-chip{min-height:52px;border:0;border-radius:999px;background:var(--gold);color:var(--green-deep);font:600 1rem/1 var(--font-ui);cursor:pointer;transition:transform var(--dur-tap) ease}.support-chip:active{transform:scale(.95)}.support-chip:disabled{opacity:.7;cursor:progress}.support-chip:focus-visible{outline:3px solid #fff;outline-offset:2px}.support-thanks{color:#fff!important;font-weight:500}.support-failed{color:#f5b3a3!important}.spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notfound{display:grid;justify-items:center;text-align:center;gap:12px;padding-block:48px}.notfound .button{margin-top:8px}.app-promo{margin:20px 0 0;padding:18px;border-radius:var(--r);background:var(--green-soft);text-align:center}.app-promo-title{margin:0 0 4px;font-weight:600;color:var(--green)}.app-promo-body{margin:0 0 12px;color:var(--ink-soft);font-size:.92rem}.app-promo-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@keyframes ss-fade{0%{opacity:0}}@keyframes ss-fade-out{to{opacity:0}}@keyframes ss-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ss-sweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ss-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ss-pop-soft{0%{transform:scale(.92)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes ss-shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes ss-ring{0%{box-shadow:0 0 #0f5a4359}to{box-shadow:0 0 0 12px #0f5a4300}}@keyframes ss-sheet{0%{opacity:0;transform:translateY(48px) scale(.97)}to{opacity:1;transform:none}}@keyframes ss-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes ss-sheet-down{to{transform:translateY(100%)}}@keyframes ss-dialog-in{0%{opacity:0;transform:translateY(calc(50% + 24px)) scale(.97)}to{opacity:1;transform:translateY(50%)}}@keyframes ss-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ss-spark{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@keyframes ss-star-in{0%{opacity:0;transform:translateY(-30px) scale(.3) rotate(-45deg)}to{opacity:1;transform:none}}@keyframes ss-fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(900px) rotate(320deg)}}@keyframes ss-roll-out{to{opacity:0;transform:translateY(-28px)}}@keyframes ss-roll-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes ss-plus{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-22px)}}@keyframes ss-shine{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@keyframes ss-drift{0%{transform:scale(1.04)}to{transform:scale(1.14)}}@keyframes ss-envelope{0%{opacity:0;transform:translateY(20px) scale(.6) rotate(-8deg)}60%{opacity:1;transform:translateY(-6px) scale(1.05) rotate(2deg)}to{transform:none}}@keyframes ss-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ss-draw{to{stroke-dashoffset:0}}@keyframes ss-target{0%{box-shadow:0 0 #c2a05380}to{box-shadow:0 0 0 14px #c2a05300}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}.falling,.shine:after,.share-preview:after,.streak-plus{display:none}.streak-roll .is-out{display:none}}html.lang-switching *,html.lang-switching *:before,html.lang-switching *:after{transition:none!important;animation:none!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.7,.2,1);transform-origin:center}::view-transition-old(root){animation-name:lang-out}::view-transition-new(root){animation-name:lang-in}html[data-flip=to-ltr]::view-transition-old(root){animation-name:lang-out-rev}html[data-flip=to-ltr]::view-transition-new(root){animation-name:lang-in-rev}@keyframes lang-out{to{opacity:0;transform:perspective(1400px) rotateY(-9deg) scale(.985)}}@keyframes lang-in{0%{opacity:0;transform:perspective(1400px) rotateY(9deg) scale(.985)}}@keyframes lang-out-rev{to{opacity:0;transform:perspective(1400px) rotateY(9deg) scale(.985)}}@keyframes lang-in-rev{0%{opacity:0;transform:perspective(1400px) rotateY(-9deg) scale(.985)}}html.lang-fading body{opacity:0;transition:opacity .14s ease}body{transition:opacity .18s ease}.question.is-settled .option,.question.is-settled .question-text,.result.is-settled,.result.is-settled .disclosure:before,.result.is-settled .result-stat{animation:none;transition:none}.done.is-settled *,.done.is-settled *:before,.done.is-settled *:after{animation-delay:0s!important}.done.is-settled .hero-star,.done.is-settled .hero-title,.done.is-settled .hero-late,.done.is-settled .done-card,.done.is-settled .done-section,.done.is-settled .quote{animation:none}a.share-target{text-decoration:none}.share-target:disabled{opacity:.5;cursor:progress}.share-text .sheet-head .text-link{min-height:36px}.photo-body .text-link{color:var(--ink-soft);font-weight:400}.photo-body .text-link span{color:var(--green);font-weight:600}.app-soon{margin:0;font-size:var(--t-small);color:var(--on-deep-soft)}.account-card{padding:18px}.account-head{display:flex;align-items:center;gap:14px}.account-head>div{display:grid;gap:2px;min-width:0}.account-head strong{font-size:1.05rem;overflow-wrap:anywhere}.account-head span{font-size:var(--t-small);color:var(--ink-soft);overflow-wrap:anywhere}.account-actions{display:grid;gap:8px;margin-top:14px}.account-actions .button{margin-top:0}.app-promo .store-link{flex:1 1 0}.star-rule{display:flex;align-items:center;gap:10px;margin:6px 0 14px}.star-rule:before,.star-rule:after{content:"";flex:1;height:1px}.star-rule:before{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 70%,transparent))}.star-rule:after{background:linear-gradient(to left,transparent,color-mix(in srgb,var(--gold) 70%,transparent))}.star-rule svg{flex:none;width:14px;height:14px}.star-rule polygon{fill:var(--gold)}.sep{display:inline-block;width:1px;height:.9em;margin-inline:.6em;vertical-align:-.1em;background:currentColor;opacity:.35}:root{--me-bg: #fbf8f0;--me-line: #e7d8b3;--dash: #c9d6cf}@media (prefers-color-scheme: dark){:root{--me-bg: #221d0f;--me-line: #4a3f21;--dash: #2d4a3d}}.eyebrow-quiet{color:var(--muted)}.page .icon-button,.invite-dialog .icon-button{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:999px;background:var(--tint);color:var(--ink);cursor:pointer;text-decoration:none}.page .icon-button svg,.invite-dialog .icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.icon-more{background:transparent}.icon-more svg{fill:currentColor;stroke:none}html[dir=rtl] .icon-back svg{transform:scaleX(-1)}.button-small{min-height:40px;padding:0 16px;font-size:.92rem}.button-plain{background:transparent;color:var(--ink-soft);font-weight:500}.friends-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:14px}.friends-head .page-title{margin:0}.friends-actions{display:flex;gap:8px;align-items:center}.button-add{min-height:44px;padding:0 18px;font-size:.95rem;gap:8px}.button-add svg{width:18px;height:18px;stroke-width:2.4}.board-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;margin-block-end:16px;border-radius:999px;background:var(--tint)}.board-tabs button{min-height:40px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font-weight:600;font-size:.92rem;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .3s}.board-tabs button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #10231b1f}.board{list-style:none;margin:0;padding:0;display:grid;gap:6px}.board-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 14px;background:var(--surface);border:1.5px solid transparent;border-radius:14px;animation:rise-row .55s var(--ease-out) both;animation-delay:calc(.05s + var(--i, 0) * .07s)}.board-compact .board-row{min-height:56px}.board-row.is-me{position:relative;overflow:hidden;background:var(--me-bg);border-color:var(--me-line)}.board-row.is-me:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,240,200,.6) 50%,transparent 65%);transform:translate(-120%);animation:shine 4s 1s ease-in-out infinite}.board-rank{width:18px;text-align:center;font-weight:650;color:var(--muted);font-variant-numeric:tabular-nums}.board-rank.is-first{color:var(--gold-ink)}.board-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;font-weight:600}.board-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.board-bar span{display:block;height:100%;border-radius:2px;background:#3fb98a;transform-origin:0 50%;animation:bar-grow .9s .2s var(--ease-out) both}html[dir=rtl] .board-bar span{transform-origin:100% 50%}.is-me .board-bar span{background:var(--gold)}.board-value{font-weight:650;font-size:1.3rem;font-variant-numeric:tabular-nums}.board-join{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:8px;padding:12px 12px 12px 16px;border-radius:14px;background:var(--green-soft);color:var(--ink);text-decoration:none;font-weight:500;line-height:1.4}.board-join .button{flex:none}.waiting{margin-block-start:22px}.waiting ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.waiting-row{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:0 8px 0 14px;border:1.5px dashed var(--dash);border-radius:14px}html[dir=rtl] .waiting-row{padding:0 14px 0 8px}.waiting-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35;font-weight:600}.waiting-sub{font-size:.85rem;font-weight:400;color:var(--muted)}.waiting-sub.is-risk{color:var(--wrong)}.nudge-button{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--green-soft);color:var(--green);font:inherit;font-weight:650;font-size:.92rem;cursor:pointer}.nudged-chip{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--tint);color:var(--muted);font-weight:600;font-size:.92rem;animation:pop .45s cubic-bezier(.3,1.7,.5,1) both}.nudged-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.nudged-chip .nudge-fly{position:absolute;inset-inline-end:6px;top:-4px;width:18px;height:18px;fill:var(--gold);stroke:none;pointer-events:none;animation:fly .9s cubic-bezier(.2,.7,.3,1) both}html[dir=rtl] .nudged-chip .nudge-fly{--fly-x: -46px}.friends-empty{display:grid;gap:12px;justify-items:center;text-align:center;padding:28px 20px;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow)}.friends-empty h2{margin:0;font-size:1.3rem}.friends-empty p{margin:0 0 6px;max-width:36ch}.friends-empty-art svg{width:120px;height:60px}.friends-empty-art .star-a{fill:#3fb98a;animation:meet-l .8s .1s cubic-bezier(.2,1.3,.4,1) both}.friends-empty-art .star-b{fill:var(--gold);stroke:var(--surface);stroke-width:2;animation:meet-r .8s .1s cubic-bezier(.2,1.3,.4,1) both}.skeleton-board{height:320px}.invite-dialog{position:fixed;inset:auto 0 0;margin:auto auto 0;width:100%;max-width:520px;max-height:92dvh;padding:0;border:0;border-radius:26px 26px 0 0;background:var(--bg);color:var(--ink);overflow:auto}.invite-dialog[open]{animation:sheet-up .6s var(--ease-spring) both}.invite-dialog::backdrop{background:#062a1f8c;animation:fade-in .4s ease both}@media (min-width: 640px){.invite-dialog{margin:auto;border-radius:26px}}.sheet-body{display:grid;gap:16px;padding:10px 20px calc(env(safe-area-inset-bottom) + 28px)}.sheet-grip{justify-self:center;width:40px;height:5px;border-radius:3px;background:var(--dash)}.invite-dialog .sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.invite-dialog .sheet-title{margin:0 0 6px;font-size:1.6rem;font-weight:600;line-height:1.2;letter-spacing:-.01em}.sheet-lede{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.5}.invite-message{display:grid;gap:6px}.invite-message .eyebrow{margin:0;color:var(--muted)}.invite-message-text{margin:0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-size:.92rem;line-height:1.55;color:var(--ink-soft)}.invite-link{color:var(--green-bright);unicode-bidi:isolate}.invite-qr{display:flex;gap:14px;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.invite-qr p{margin:0;flex:1;font-size:.9rem;line-height:1.5;color:var(--ink-soft)}.qr{flex:none;width:104px;height:104px;border-radius:8px}.qr-wait{display:block;background:var(--tint)}.sheet-actions{display:grid;gap:10px}.invite-send{min-height:56px;font-size:1.05rem}.invite-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem;color:var(--muted)}.invite-foot .link-button{text-decoration:none;font-weight:650;font-size:.85rem}.name-form{display:grid;gap:10px}.name-form-title{margin:0;font-size:1.15rem}.name-form p{margin:0}.name-form input{min-height:52px;padding:0 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit}.name-form input:focus{border-color:var(--green-bright);outline:none}.accept{display:grid;gap:22px;padding-block-start:24px}.accept-stars{display:flex;justify-content:center}.accept-star-them{animation:meet-l .8s .1s cubic-bezier(.2,1.3,.4,1) both}.accept-star-me{margin-inline-start:-18px;animation:meet-r .8s .1s cubic-bezier(.2,1.3,.4,1) both}.accept-star .badge{font-size:30px!important}.accept-copy{display:grid;gap:8px;text-align:center;animation:rise-row .7s .5s var(--ease-out) both}.accept-copy p{margin:0;color:var(--ink-soft);text-wrap:pretty}.accept-title{margin:0;font-size:clamp(1.6rem,6vw,2rem);line-height:1.15;letter-spacing:-.015em;font-weight:600;text-align:center}.accept-points{list-style:none;margin:0;padding:16px;display:grid;gap:12px;background:var(--surface);border-radius:var(--r);font-size:.95rem;color:var(--ink-soft)}.accept-points li{display:flex;gap:10px;align-items:flex-start}.accept-points svg{flex:none;width:18px;height:18px;margin-top:3px;fill:none;stroke:var(--green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.accept-as{margin:0;text-align:center;color:var(--muted);font-size:.92rem}.accept-as .link-button{min-height:0;padding:0;font-size:inherit}.accept-actions{display:grid;gap:8px}.accept-button{min-height:56px;font-size:1.05rem}.invite-status{display:grid;gap:12px;padding-block-start:32px;text-align:center}.invite-status p{margin:0 0 8px}.manage-head{display:flex;align-items:center;gap:8px;margin-block-end:16px}.manage-head .page-title{margin:0;font-size:1.35rem}.icon-back{background:transparent}.manage-card{margin-block-end:22px;padding:4px 8px 4px 14px;background:var(--surface);border-radius:var(--r)}.manage-card .name-form{padding:12px 6px 12px 0}.manage-list{list-style:none;margin:0;padding:0;background:var(--surface);border-radius:var(--r);overflow:hidden}.manage-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 8px 0 14px}.manage-list>.manage-row+*,.manage-list>*+.manage-row{border-top:1px solid var(--line)}.manage-card .manage-row{padding:0}.manage-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35;font-weight:600}.manage-name .muted{font-weight:400;font-size:.85rem}.manage-toggle{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px;cursor:pointer}.manage-toggle input{width:22px;height:22px;flex:none;accent-color:var(--green)}.manage-confirm{display:grid;gap:12px;padding:14px;background:var(--wrong-soft)}.manage-confirm .manage-row{min-height:0;padding:0}.manage-confirm p{margin:0;font-size:.92rem;line-height:1.5;color:var(--ink-soft)}.manage-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manage-confirm-actions .button{min-height:46px}.done-invite{margin-top:10px}.friends-today{margin:0 0 22px;text-align:start}.friends-today .section-title{margin:22px 0 8px}.friends-today-head{display:flex;align-items:baseline;justify-content:space-between}.friends-today-head a{min-height:44px;display:inline-flex;align-items:center;font-weight:600;text-decoration:none}.add-friend-row{width:100%;display:flex;align-items:center;gap:12px;min-height:56px;margin-top:6px;padding:0 14px;border:1.5px dashed var(--dash);border-radius:14px;background:transparent;color:var(--green);font-weight:600;text-align:start;cursor:pointer}.add-friend-row svg{width:36px;height:36px;flex:none}.add-friend-row polygon{fill:none;stroke:var(--dash);stroke-width:2;stroke-dasharray:3 3}.add-friend-row path{stroke:var(--green);stroke-width:2.5;stroke-linecap:round}@keyframes rise-row{0%{opacity:0;transform:translateY(14px)}}@keyframes shine{0%{transform:translate(-120%)}40%,to{transform:translate(120%)}}@keyframes bar-grow{0%{transform:scaleX(0)}}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}}@keyframes fly{0%{opacity:1;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(var(--fly-x, 46px),-46px) scale(1.2) rotate(90deg)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes meet-l{0%{opacity:0;transform:translate(-60px) rotate(-30deg)}}@keyframes meet-r{0%{opacity:0;transform:translate(60px) rotate(30deg)}}