@font-face{font-family:Vazirmatn Local;src:url(/fonts/Vazirmatn-wght.woff2)format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}:root{font-synthesis:weight;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-fa:"B Nazanin", BNazanin, Nazanin, "Vazirmatn Local", Tahoma, Arial, sans-serif;--font-en:"Segoe UI", Arial, Helvetica, sans-serif;--bg:#f6f4fb;--bg-top:#f0ecfb;--surface:#fff;--surface-soft:#f9f7fd;--surface-raised:#fff;--surface-glass:#ffffffe0;--text:#1b1830;--text-soft:#625d73;--text-faint:#777186;--border:#e2ddea;--border-strong:#cec5de;--brand:#5531b9;--brand-strong:#3f1f9b;--brand-soft:#eee8ff;--brand-faint:#f6f2ff;--accent-mint:#0f7654;--accent-mint-soft:#e6f6ef;--accent-amber:#965312;--accent-amber-soft:#fff2dd;--accent-blue:#176c9c;--accent-blue-soft:#e7f4fb;--danger:#a72d42;--danger-soft:#fff0f2;--success:#0d714d;--success-soft:#e7f7ef;--option-selected-bg:#eee8ff;--option-selected-text:#2f176f;--option-correct-bg:#e5f7ed;--option-correct-text:#085738;--option-correct-border:#24855d;--option-wrong-bg:#fff0f2;--option-wrong-text:#8b2033;--option-wrong-border:#c44155;--shadow-sm:0 6px 18px #2d204b12;--shadow-md:0 18px 45px #2d204b1c;--shadow-brand:0 14px 30px #4c2bab3b;--radius-sm:14px;--radius-md:20px;--radius-lg:28px;color:var(--text);background:var(--bg);font-family:B Nazanin,BNazanin,Nazanin,Vazirmatn Local,Tahoma,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111019;--bg-top:#191426;--surface:#1b1925;--surface-soft:#211e2d;--surface-raised:#272335;--surface-glass:#181621e6;--text:#f7f4fd;--text-soft:#beb7ca;--text-faint:#aaa2b8;--border:#383246;--border-strong:#4b435c;--brand:#b5a3ff;--brand-strong:#d0c5ff;--brand-soft:#33265c;--brand-faint:#251e3a;--accent-mint:#79dbb5;--accent-mint-soft:#18392d;--accent-amber:#f3be70;--accent-amber-soft:#3a2c18;--accent-blue:#77c9f2;--accent-blue-soft:#173449;--danger:#ff91a0;--danger-soft:#421d25;--success:#80deb8;--success-soft:#17392d;--option-selected-bg:#352667;--option-selected-text:#faf7ff;--option-correct-bg:#153c2d;--option-correct-text:#e9fff5;--option-correct-border:#58c795;--option-wrong-bg:#481e27;--option-wrong-text:#fff0f2;--option-wrong-border:#f17385;--shadow-sm:0 6px 18px #00000030;--shadow-md:0 18px 45px #00000047;--shadow-brand:0 14px 30px #1e104c73}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 85% -5%, color-mix(in srgb, var(--brand) 12%, transparent) 0, transparent 32rem), linear-gradient(180deg, var(--bg-top) 0, var(--bg) 32rem);direction:rtl;margin:0;transition:background-color .18s,color .18s}body:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(circle, color-mix(in srgb, var(--brand) 17%, transparent) .7px, transparent .8px);background-size:23px 23px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 38%);mask-image:linear-gradient(#000,#0000 38%)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand);outline:3px solid color-mix(in srgb, var(--brand) 72%, white);outline-offset:3px}button:disabled{cursor:not-allowed}bdi[lang=en],[lang=en]{font-family:var(--font-en);letter-spacing:0}.ui-icon{flex:none;display:block}.skip-link{z-index:100;color:#fff;background:var(--brand-strong);border-radius:10px;padding:10px 14px;position:fixed;top:8px;right:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(100%,780px);min-height:100vh;min-height:100dvh;margin-inline:auto;position:relative}.app-bar{z-index:30;min-height:calc(66px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 20px 10px;border-bottom:1px solid color-mix(in srgb, var(--border) 74%, transparent);background:var(--surface-glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-lockup>span:last-child{flex-direction:column;gap:2px;display:flex}.brand-lockup bdi{color:var(--text);font-size:.94rem;font-weight:750}.brand-lockup small{color:var(--text-soft);font-size:.68rem}.brand-mark{color:#fff;background:linear-gradient(145deg,#4b249d,#7552d7);border-radius:14px 14px 14px 5px;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #49269740}.brand-mark b{font-family:var(--font-en);font-size:1.13rem}.brand-mark i{color:#2b2363;background:#c9f7d9;border:2px solid #fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:.55rem;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:1px;right:3px}.theme-quick-toggle,.icon-button{border:1px solid var(--border);width:44px;height:44px;color:var(--text-soft);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:15px;place-items:center;padding:0;transition:transform .16s,border-color .16s,color .16s;display:grid}.theme-quick-toggle:hover,.icon-button:hover{border-color:var(--border-strong);color:var(--brand);transform:translateY(-1px)}.network-notice{z-index:29;top:calc(66px + env(safe-area-inset-top));border:1px solid color-mix(in srgb, var(--accent-amber) 36%, var(--border));color:var(--accent-amber);background:var(--accent-amber-soft);box-shadow:var(--shadow-sm);border-radius:13px;align-items:center;gap:10px;margin:8px 14px 0;padding:10px 13px;font-size:.78rem;line-height:1.7;display:flex;position:sticky}.network-notice span strong{margin-left:4px}.page{z-index:1;padding:22px 18px calc(104px + env(safe-area-inset-bottom));position:relative}.focus-mode .page{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.bottom-nav{z-index:40;width:min(780px,100%);padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, var(--border) 74%, transparent);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 32px #1f16330f}.bottom-nav a{min-height:58px;color:var(--text-faint);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:650;text-decoration:none;transition:color .16s,background-color .16s,transform .16s;display:flex;position:relative}.bottom-nav .nav-icon{border-radius:12px;place-items:center;width:33px;height:30px;display:grid}.bottom-nav a.active{color:var(--brand-strong);background:var(--brand-faint)}.bottom-nav a.active .nav-icon{color:var(--brand);background:var(--brand-soft)}.bottom-nav a.active:after{content:"";background:var(--brand);border-radius:99px;width:15px;height:3px;position:absolute;bottom:3px}.primary,.ghost,.today-action,.focus-action{border-radius:15px;min-height:48px;font-weight:750;transition:transform .16s,box-shadow .16s,filter .16s,background-color .16s}.primary{color:#fff;box-shadow:var(--shadow-brand);background:linear-gradient(135deg,#4b279f,#6743c5);border:0;justify-content:center;align-items:center;gap:9px;padding:13px 19px;display:inline-flex}:root[data-theme=dark] .primary{background:linear-gradient(135deg,#5130ad,#6745c8)}.primary:hover:not(:disabled),.today-action:hover,.focus-action:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary:active:not(:disabled),.today-action:active,.focus-action:active{transform:translateY(1px)}.primary:disabled{color:color-mix(in srgb, var(--text-soft) 72%, transparent);background:var(--surface-raised);box-shadow:none;opacity:1}.ghost{border:1px solid color-mix(in srgb, var(--brand) 35%, var(--border));color:var(--brand-strong);background:var(--brand-faint);padding:11px 15px}.ghost:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.ghost.compact{min-height:42px;padding:8px 14px}.eyebrow{color:var(--brand-strong);letter-spacing:-.01em;align-items:center;gap:5px;font-size:.73rem;font-weight:780;display:inline-flex}.hero,.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin:6px 0 21px;display:flex}.hero h1,.page-header h1{color:var(--text);letter-spacing:-.035em;margin:5px 0;font-size:clamp(1.65rem,6vw,2rem);line-height:1.45}.hero p,.page-header p{max-width:560px;color:var(--text-soft);margin:0;font-size:.88rem;line-height:1.85}.profile-badge{border:1px solid var(--border);background:var(--surface);width:64px;box-shadow:var(--shadow-sm);border-radius:24px;flex:0 0 64px;justify-items:center;padding:5px 5px 7px;display:grid}.profile-badge>span{color:#fff;background:linear-gradient(145deg,#0d7654,#26a578);border-radius:17px;place-items:center;width:42px;height:42px;font-size:1.15rem;font-weight:800;display:grid}.profile-badge small{color:var(--text-faint);margin-top:4px;font-size:.55rem}.profile-badge bdi{color:var(--brand-strong);font-size:.71rem;font-weight:800}.today-card{isolation:isolate;border-radius:var(--radius-lg);color:#fff;background:radial-gradient(circle at 8% 15%,#ffffff26,#0000 10rem),linear-gradient(135deg,#40208f 0%,#5a36b7 54%,#704fd0 100%);border:1px solid #ffffff26;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 48px #41208f47}.today-card:after{content:"G";z-index:-1;color:#ffffff12;font-family:var(--font-en);font-size:12rem;font-weight:900;line-height:1;position:absolute;bottom:-65px;left:-14px}.today-glow{z-index:-1;filter:blur(35px);background:#bba6ff66;border-radius:50%;width:170px;height:100px;position:absolute;top:-45px;left:14%}.today-heading{align-items:center;gap:12px;display:flex}.today-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff40;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;display:grid}.today-heading>div{flex-direction:column;display:flex}.today-heading>div>span{color:#ffffffc7;font-size:.71rem}.today-heading h2{margin:2px 0 0;font-size:1.08rem;line-height:1.6}.today-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0;display:grid}.today-stats>div{background:#12053621;border:1px solid #ffffff24;border-radius:14px;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:5px;min-width:0;padding:10px 5px;display:grid}.today-stats strong{font-family:var(--font-en);font-size:1.05rem}.today-stats span{color:#ffffffc4;text-align:center;grid-column:1/-1;margin-top:2px;font-size:.64rem}.today-action{color:#3d2086;background:#fff;border:0;justify-content:space-between;align-items:center;width:100%;padding:6px 8px 6px 17px;display:flex;box-shadow:0 12px 24px #18084133}.today-action>span:first-child{text-align:center;flex:1}.today-action-icon{color:#fff;background:#5631ae;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.placement-invite{border:1px solid color-mix(in srgb, var(--brand) 20%, var(--border));border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-faint), var(--surface));box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:15px 0 0;padding:16px;display:grid}.placement-art,.header-art,.settings-section-head>span,.review-icon,.state-illustration{width:48px;height:48px;color:var(--brand-strong);background:var(--brand-soft);border-radius:17px;flex:none;place-items:center;display:grid}.placement-invite h2{margin:3px 0;font-size:1rem}.placement-invite p{color:var(--text-soft);margin:0;font-size:.74rem;line-height:1.75}.section{margin-top:27px}.section-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px;display:flex}.section-head>div{flex-direction:column;gap:2px;display:flex}.section-head h2{margin:0;font-size:1.13rem;line-height:1.6}.section-head>span,.section-link{color:var(--text-faint);font-size:.72rem}.section-link{background:0 0;border:0;align-items:center;gap:3px;min-height:40px;padding:6px 9px;display:flex}.progress-overview-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:116px 1fr;align-items:center;gap:17px;padding:18px;display:grid}.compact-mastery-ring,.mastery-ring{--mastery:0deg;aspect-ratio:1;background:conic-gradient(var(--brand) var(--mastery), var(--brand-soft) 0);border-radius:50%;place-items:center;display:grid;position:relative}.compact-mastery-ring{width:108px}.compact-mastery-ring:before,.mastery-ring:before{content:"";border-radius:inherit;background:var(--surface);position:absolute;inset:9px}.compact-mastery-ring>span,.mastery-ring>span{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.compact-mastery-ring strong,.mastery-ring strong{font-family:var(--font-en);font-size:1.22rem}.compact-mastery-ring small,.mastery-ring small{color:var(--text-soft);margin-top:2px;font-size:.58rem}.overview-copy>strong{font-size:.9rem;display:block}.overview-copy>p{color:var(--text-soft);margin:5px 0 10px;font-size:.73rem;line-height:1.75}.overview-legend{color:var(--text-faint);flex-wrap:wrap;gap:12px;font-size:.66rem;display:flex}.overview-legend span{align-items:center;gap:5px;display:flex}.overview-legend i{border-radius:50%;width:8px;height:8px}.legend-mastered{background:var(--accent-mint)}.legend-learning{background:var(--brand)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.metric{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:38px 1fr;padding:14px;display:grid;position:relative}.metric-icon{border-radius:12px;grid-row:span 2;place-items:center;width:35px;height:35px;display:grid}.metric-violet .metric-icon{color:var(--brand-strong);background:var(--brand-soft)}.metric-mint .metric-icon{color:var(--accent-mint);background:var(--accent-mint-soft)}.metric-amber .metric-icon{color:var(--accent-amber);background:var(--accent-amber-soft)}.metric-blue .metric-icon{color:var(--accent-blue);background:var(--accent-blue-soft)}.metric-label,.metric small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-label{font-size:.72rem}.metric strong{font-family:var(--font-fa);align-self:end;font-size:1.22rem;line-height:1.5}.metric small{grid-column:1/-1;margin-top:8px;font-size:.62rem}.focus-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px;display:grid}.focus-icon{width:48px;height:48px;color:var(--accent-mint);background:var(--accent-mint-soft);border-radius:17px;place-items:center;display:grid}.focus-card h2{margin:3px 0;font-size:.96rem}.focus-card p{color:var(--text-soft);margin:0;font-size:.7rem;line-height:1.7}.focus-action{color:#fff;background:linear-gradient(135deg,#4d299e,#6e4aca);border:0;border-radius:15px;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid}.practice-page{width:min(100%,700px);min-height:calc(100vh - 42px);min-height:calc(100dvh - 42px);margin-inline:auto}.practice-top{grid-template-columns:46px 1fr;align-items:center;gap:13px;display:grid}.session-progress{min-width:0}.progress-copy{color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;font-size:.72rem;display:flex}.progress-copy b{color:var(--text);font-family:var(--font-fa);flex:none}.progress-track,.mini-bar{background:var(--brand-soft);border-radius:999px;height:8px;overflow:hidden}.progress-track i,.mini-bar i{border-radius:inherit;background:linear-gradient(90deg,#0f8b63,#7653d3);height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1);display:block}.question-meta{color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;margin:25px 3px 10px;font-size:.7rem;display:flex}.question-meta>span{align-items:center;gap:5px;display:flex}.question-meta>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mode-chip{border:1px solid var(--border);color:var(--brand-strong);background:var(--brand-faint);border-radius:999px;flex:none;padding:6px 9px}.question-card{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:radial-gradient(circle at 100% 0, var(--brand-faint), transparent 14rem), var(--surface);box-shadow:var(--shadow-md);padding:28px 21px 24px;position:relative;overflow:hidden}.question-card:after{content:"";background:color-mix(in srgb, var(--brand) 9%, transparent);filter:blur(25px);border-radius:50%;width:120px;height:65px;position:absolute;bottom:-42px;right:18%}.question-card-label{color:var(--brand-strong);background:var(--brand-soft);border-radius:999px;padding:5px 10px;font-size:.66rem;font-weight:750;display:inline-flex}.question-card h1{z-index:1;color:var(--text);font-family:var(--font-en);overflow-wrap:anywhere;margin:15px 0 8px;font-size:clamp(1.32rem,5.8vw,1.83rem);font-weight:690;line-height:1.65;position:relative}.context-en{color:var(--text-soft);font-family:var(--font-en);direction:ltr;margin:13px auto 0;font-size:.88rem;line-height:1.75}.translation{color:var(--text-soft);margin:8px 0 0;font-size:.76rem;line-height:1.75}.options{gap:10px;margin-top:17px;display:grid}.option{border:1.5px solid var(--border-strong);min-height:62px;color:var(--text);text-align:left;background:var(--surface);box-shadow:0 4px 12px color-mix(in srgb, var(--text) 4%, transparent);direction:ltr;border-radius:18px;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 13px;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s;display:grid}.option:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 60%, var(--border));background:var(--brand-faint);transform:translateY(-1px)}.option:disabled{cursor:default;opacity:1}.option-key{border:1px solid var(--border);width:38px;height:38px;color:var(--text-soft);background:var(--surface-soft);font-family:var(--font-en);border-radius:13px;place-items:center;font-size:.78rem;font-weight:800;display:grid}.option-text{min-width:0;color:inherit;font-family:var(--font-en);overflow-wrap:anywhere;font-size:.96rem;font-weight:570;line-height:1.55}.option-state{font-family:var(--font-fa);white-space:nowrap;direction:rtl;align-items:center;gap:4px;font-size:.65rem;font-weight:760;display:inline-flex}.option-selected{border:2px solid var(--brand);color:var(--option-selected-text);background:var(--option-selected-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 15%, transparent)}.option-selected .option-key{border-color:var(--brand-strong);color:#fff;background:#4f2ca8}:root[data-theme=dark] .option-selected .option-key{background:#8065e8}.option-correct{border:2px solid var(--option-correct-border);color:var(--option-correct-text);background:var(--option-correct-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--option-correct-border) 12%, transparent)}.option-correct .option-key{border-color:var(--option-correct-border);color:#fff;background:var(--option-correct-border)}.option-incorrect{border:2px solid var(--option-wrong-border);color:var(--option-wrong-text);background:var(--option-wrong-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--option-wrong-border) 11%, transparent)}.option-incorrect .option-key{border-color:var(--option-wrong-border);color:#fff;background:var(--option-wrong-border)}.option-revealed{border-color:var(--border);color:var(--text-soft);background:var(--surface-soft);box-shadow:none}.sticky-action-wrap{z-index:10;bottom:calc(8px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:var(--surface-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;margin-top:17px;padding:8px;position:sticky;box-shadow:0 15px 35px #1f163321}.sticky-action{width:100%}.sticky-action-wrap>small{color:var(--text-faint);text-align:center;margin:5px 0 1px;font-size:.65rem;display:block}.button-spinner{border:2px solid;border-left-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.inline-error{border:1px solid color-mix(in srgb, var(--danger) 30%, var(--border));color:var(--danger);background:var(--danger-soft);border-radius:13px;align-items:flex-start;gap:7px;margin:13px 0;padding:11px 13px;font-size:.78rem;line-height:1.7;display:flex}.feedback{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid;margin-top:17px;padding:18px}.feedback-correct{border-color:color-mix(in srgb, var(--success) 35%, var(--border));background:var(--success-soft)}.feedback-incorrect{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:var(--danger-soft)}.feedback-title{align-items:center;gap:12px;display:flex}.feedback-icon{color:#fff;border-radius:17px;flex:none;place-items:center;width:48px;height:48px;display:grid}.feedback-correct .feedback-icon{background:#0a704b;box-shadow:0 8px 18px #0a704b38}.feedback-incorrect .feedback-icon{background:#a82d42;box-shadow:0 8px 18px #a82d4233}.feedback-title>div{flex-direction:column;min-width:0;display:flex}.feedback-kicker{color:var(--text-soft);font-size:.68rem}.feedback-title strong{color:var(--text);margin:1px 0;font-size:1.02rem}.feedback-title small{color:var(--text-soft);font-size:.68rem}.feedback-explanation{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 76%, transparent);border-radius:16px;margin:15px 0 12px;padding:13px 14px}.feedback-explanation>span,.contrast-label{color:var(--brand-strong);font-size:.67rem;font-weight:780}.feedback-explanation p{color:var(--text);margin:4px 0 0;font-size:.82rem;line-height:1.9}.contrast-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:7px;padding:13px;display:grid}.contrast-line{font-family:var(--font-en);direction:ltr;grid-template-columns:19px 1fr;align-items:start;gap:6px;font-size:.81rem;line-height:1.6;display:grid}.contrast-good{color:var(--success)}.contrast-bad{color:var(--danger)}.contrast-card>p{color:var(--text-soft);margin:3px 0 0;font-size:.71rem;line-height:1.75}.disclosure-button,.report-toggle{width:100%;min-height:44px;color:var(--brand-strong);background:0 0;border:0;align-items:center;gap:7px;padding:9px 2px;font-size:.75rem;font-weight:760;display:flex}.disclosure-button{justify-content:space-between}.disclosure-button[aria-expanded=true] .disclosure-chevron{transform:rotate(180deg)}.disclosure-chevron{font-size:1.1rem;transition:transform .16s}.option-explanations{gap:7px;margin-bottom:6px;display:grid}.option-explanations>div{border:1px solid var(--border);background:var(--surface);border-radius:13px;grid-template-columns:34px 1fr;gap:9px;padding:10px;display:grid}.option-explanations bdi{width:31px;height:31px;color:var(--text-soft);background:var(--surface-soft);border-radius:10px;place-items:center;font-size:.7rem;font-weight:800;display:grid}.option-explanations p{color:var(--text-soft);margin:0;font-size:.72rem;line-height:1.8}.report-toggle{color:var(--text-soft);font-weight:650}.report-sent{color:var(--success);background:color-mix(in srgb, var(--success-soft) 78%, var(--surface));border-radius:12px;align-items:center;gap:6px;margin:7px 0;padding:10px 12px;font-size:.72rem;display:flex}.question-report-box{border:1px solid var(--border);background:var(--surface);border-radius:15px;gap:11px;margin:7px 0 13px;padding:13px;display:grid}.question-report-box label,.settings-fields label{color:var(--text-soft);gap:6px;font-size:.75rem;display:grid}select,textarea{border:1px solid var(--border-strong);width:100%;min-height:48px;color:var(--text);background:var(--surface-soft);border-radius:12px;padding:10px 12px}textarea{resize:vertical;min-height:88px;line-height:1.75}.feedback-next{width:100%;margin-top:8px}.feedback-next .ui-icon,.today-action .ui-icon,.focus-action .ui-icon,.section-link .ui-icon,.placement-result .primary .ui-icon{transform:rotate(180deg)}.page-header>div:first-child{flex:1}.progress-header,.settings-header{align-items:center}.header-art{border-radius:21px;width:58px;height:58px}.mastery-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0, var(--brand-faint), transparent 16rem), var(--surface);box-shadow:var(--shadow-md);grid-template-columns:142px 1fr;align-items:center;gap:20px;padding:21px;display:grid}.mastery-ring{width:138px}.mastery-ring:before{inset:11px}.mastery-ring strong{font-size:1.55rem}.mastery-summary h2{margin:3px 0;font-size:1.1rem}.mastery-summary>p{color:var(--text-soft);margin:0 0 11px;font-size:.76rem;line-height:1.75}.mastery-mini-stats{flex-wrap:wrap;gap:8px;display:flex}.mastery-mini-stats span{border:1px solid var(--border);color:var(--text-soft);background:var(--surface-soft);border-radius:10px;padding:6px 9px;font-size:.65rem}.mastery-mini-stats b{color:var(--text)}.review-strip{border:1px solid color-mix(in srgb, var(--accent-amber) 24%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-amber-soft) 72%, var(--surface));grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:14px;display:grid}.review-icon{width:43px;height:43px;color:var(--accent-amber);background:color-mix(in srgb, var(--accent-amber-soft) 60%, var(--surface));border-radius:14px}.review-strip strong{font-size:.82rem;display:block}.review-strip p{color:var(--text-soft);margin:2px 0 0;font-size:.68rem;line-height:1.65}.skill-list{gap:9px;display:grid}.skill-row{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:17px;padding:14px}.skill-head{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.skill-level{width:40px;height:40px;color:var(--brand-strong);background:var(--brand-soft);border-radius:13px;place-items:center;font-size:.7rem;font-weight:800;display:grid}.skill-head>div{flex-direction:column;min-width:0;display:flex}.skill-head strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.skill-head small{color:var(--text-soft);margin-top:2px;font-size:.64rem}.skill-head>b{color:var(--text);text-align:left;font-size:.75rem}.mini-bar{height:7px}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;background:var(--surface-soft);flex-direction:column;align-items:center;padding:26px 18px;display:flex}.empty-state>span{width:50px;height:50px;color:var(--brand-strong);background:var(--brand-soft);border-radius:18px;place-items:center;display:grid}.empty-state>strong{margin-top:9px;font-size:.9rem}.empty-state>p{max-width:360px;color:var(--text-soft);margin:4px 0 11px;font-size:.73rem;line-height:1.75}.settings-section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);margin-top:12px;padding:17px}.settings-section-head{align-items:center;gap:11px;margin-bottom:17px;display:flex}.settings-section-head>span{border-radius:14px;width:43px;height:43px}.settings-section-head h2,.settings-section-head p{margin:0}.settings-section-head h2{font-size:.94rem}.settings-section-head p{color:var(--text-soft);margin-top:2px;font-size:.67rem}.settings-fields{gap:17px;display:grid}.range-field>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.range-field>span strong{color:var(--text)}.range-field>span b{color:var(--brand-strong);background:var(--brand-soft);border-radius:9px;padding:5px 9px;font-size:.7rem}input[type=range]{width:100%;height:24px;accent-color:var(--brand)}.range-field>small{color:var(--text-faint);justify-content:space-between;font-size:.6rem;display:flex}.select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:15px;display:grid}.theme-selector button{border:1px solid var(--border);min-width:0;min-height:76px;color:var(--text-soft);background:var(--surface-soft);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 5px;display:flex}.theme-selector button.active{border:2px solid var(--brand);color:var(--brand-strong);background:var(--brand-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 10%, transparent)}.theme-selector button>span{flex-direction:column;min-width:0;display:flex}.theme-selector strong{font-size:.7rem}.theme-selector small{color:var(--text-soft);font-size:.55rem;display:none}.toggle-row{min-height:58px;color:var(--text);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.toggle-row+.toggle-row{border-top:1px solid var(--border)}.toggle-row>span{flex-direction:column;display:flex}.toggle-row strong{font-size:.8rem}.toggle-row small{color:var(--text-soft);margin-top:3px;font-size:.65rem;line-height:1.6}.toggle-row input[type=checkbox]{appearance:none;border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:999px;width:48px;height:27px;margin:0;transition:background-color .16s,border-color .16s;position:relative}.toggle-row input[type=checkbox]:after{content:"";background:var(--text-faint);border-radius:50%;width:19px;height:19px;transition:transform .17s,background-color .17s;position:absolute;top:3px;right:3px;box-shadow:0 2px 5px #0000002e}.toggle-row input[type=checkbox]:checked{background:#5a36ba;border-color:#5430b4}.toggle-row input[type=checkbox]:checked:after{background:#fff;transform:translate(-21px)}.settings-save{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:19px;margin-top:14px;padding:8px}.settings-save .primary{width:100%}.settings-save p{color:var(--text-faint);text-align:center;margin:7px 4px 2px;font-size:.61rem;line-height:1.6}.settings-error{margin-bottom:0}.placement-result{width:min(100%,560px);min-height:calc(100vh - 70px);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 70px);margin-inline:auto;padding:26px 20px;display:flex}.placement-result-icon{width:62px;height:62px;color:var(--brand-strong);background:var(--brand-soft);box-shadow:var(--shadow-sm);border-radius:22px;place-items:center;margin-bottom:10px;display:grid}.placement-result h1{color:var(--brand-strong);font-family:var(--font-en);margin:4px 0 0;font-size:clamp(3.7rem,18vw,5rem);line-height:1.25}.placement-result h2{margin:0;font-size:1.1rem}.placement-result>p{max-width:420px;color:var(--text-soft);margin:5px 0;font-size:.76rem;line-height:1.8}.placement-bars{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);direction:ltr;gap:10px;margin:22px 0;padding:17px;display:grid}.placement-bars>div{grid-template-columns:34px 1fr 43px;align-items:center;gap:8px;display:grid}.placement-bars b,.placement-bars strong{color:var(--text);font-family:var(--font-en);font-size:.73rem}.placement-bars strong{text-align:right}.placement-bars i{background:var(--brand-soft);border-radius:999px;height:8px;overflow:hidden}.placement-bars i span{border-radius:inherit;background:linear-gradient(90deg,#0f8b63,#7350cf);height:100%;display:block}.placement-result .primary{width:100%}.splash,.state-card{min-height:78vh;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:78dvh;padding:28px;display:flex}.splash-orbit{place-items:center;width:86px;height:86px;margin-bottom:10px;display:grid;position:relative}.brand-mark-large{width:62px;height:62px;box-shadow:var(--shadow-brand);border-radius:21px 21px 21px 8px}.brand-mark-large b{font-size:1.65rem}.brand-mark-large i{width:20px;height:20px;font-size:.65rem}.splash-orbit>i{border:2px solid #0000;border-top-color:var(--brand);border-left-color:color-mix(in srgb, var(--brand) 25%, transparent);border-radius:50%;animation:1.2s linear infinite spin;position:absolute;inset:0}.splash>strong{font-size:1.05rem}.splash>span,.state-card>p{color:var(--text-soft);font-size:.8rem;line-height:1.8}.loading-dots{direction:ltr;gap:4px;margin-top:4px;display:flex}.loading-dots i{background:var(--brand);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite pulse-dot}.loading-dots i:nth-child(2){animation-delay:.12s}.loading-dots i:nth-child(3){animation-delay:.24s}.state-card{width:min(100%,460px);margin-inline:auto}.state-illustration{width:64px;height:64px;color:var(--danger);background:var(--danger-soft);border-radius:23px;margin-bottom:10px}.state-card h1{margin:4px 0 1px;font-size:1.35rem}.state-card>p{max-width:360px;margin:3px 0 15px}.skeleton-stack{gap:13px;padding-top:7px;display:grid}.skeleton-stack>i,.skeleton-stack>span>i{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-soft), var(--surface), var(--surface-soft));background-size:220% 100%;height:130px;animation:1.35s ease-in-out infinite shimmer;display:block}.skeleton-stack>.skeleton-hero{border-radius:var(--radius-lg);height:230px}.skeleton-stack>span{grid-template-columns:1fr 1fr;gap:11px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes shimmer{to{background-position:-220% 0}}@media (min-width:620px){.page{padding-inline:28px}.app-bar{padding-inline:30px}.theme-selector small{display:block}.theme-selector button{min-height:90px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{grid-template-columns:1fr}.metric-icon{grid-row:auto;margin-bottom:7px}.metric small{grid-column:auto}.bottom-nav{border:1px solid var(--border);width:min(720px,100% - 24px);box-shadow:var(--shadow-md);border-radius:24px;padding-bottom:8px;bottom:10px}}@media (max-width:520px){.page{padding-inline:14px}.app-bar{padding-inline:15px}.hero,.page-header{gap:11px}.placement-invite{grid-template-columns:auto 1fr}.placement-invite .ghost{grid-column:1/-1;width:100%}.mastery-card{grid-template-columns:116px 1fr;gap:14px;padding:17px}.mastery-ring{width:112px}.mastery-ring strong{font-size:1.27rem}.review-strip{grid-template-columns:auto 1fr}.review-strip .ghost{grid-column:1/-1;width:100%}}@media (max-width:380px){.brand-lockup small{display:none}.hero p{font-size:.78rem}.today-card{padding:17px}.today-heading h2{font-size:.96rem}.today-stats{gap:5px}.today-stats .ui-icon{display:none}.progress-overview-card{grid-template-columns:93px 1fr;gap:12px;padding:14px}.compact-mastery-ring{width:90px}.overview-legend{gap:5px}.option{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:10px}.option-state{grid-column:2;justify-self:start}.mastery-card{text-align:center;grid-template-columns:1fr;justify-items:center}.mastery-mini-stats{justify-content:center}.select-grid{grid-template-columns:1fr}}@media (hover:hover){.bottom-nav a:hover{color:var(--brand-strong);background:var(--brand-faint)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}