:root{--grape:#7c4dff;--grape-shadow:#5b2fe0;--grape-soft:#efe9ff;--mint:#22c38e;--mint-shadow:#16a273;--mint-soft:#ddf8ee;--coral:#ff5a5f;--coral-shadow:#d93d42;--coral-soft:#ffe5e6;--sun:#ffc53d;--sun-shadow:#e0a100;--sun-soft:#fff4d6;--sky:#2fa8ff;--sky-shadow:#1487db;--sky-soft:#e0f2ff;--grape-ink:#5b2fe0;--mint-ink:#0e7a56;--coral-ink:#c2282e;--sun-ink:#8a5a00;--sky-ink:#0b6bb3;--color-primary:var(--grape);--color-primary-dark:var(--grape-shadow);--color-primary-light:var(--grape-soft);--color-accent:var(--sky);--color-success:var(--mint);--color-error:var(--coral);--color-danger:var(--coral);--color-warning:var(--sun);--color-info:var(--sky);--color-success-bg:var(--mint-soft);--color-error-bg:var(--coral-soft);--color-bg:#fffbf5;--color-bg-subtle:#fbf6ee;--color-bg-muted:#f6f1e9;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#ece6dc;--color-border-strong:#d9d1c3;--color-text:#1b1740;--color-text-muted:#5e5a7a;--color-text-subtle:#8a86a3;--color-text-inverse:#fff;--color-bg-card:var(--color-surface);--color-muted:var(--color-text-muted);--color-border-light:var(--color-border);--color-blue-500:var(--sky);--color-interactive:var(--color-primary);--color-text-error:var(--color-error);--color-text-subtlest:var(--color-text-subtle);--color-code-bg:#1b1740;--color-code-text:#e9e4ff;--font-sans:"Nunito", ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-sans);--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--font-zh:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ja:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--font-ko:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-ar:"Noto Naskh Arabic", "Noto Sans Arabic", "Segoe UI", sans-serif;--font-fa:"Vazirmatn", "Noto Naskh Arabic", "Noto Sans Arabic", sans-serif;--font-hi:"Noto Sans Devanagari", "Mangal", sans-serif;--font-bn:"Noto Sans Bengali", "Vrinda", sans-serif;--font-th:"Noto Sans Thai", "Tahoma", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-pill:9999px;--radius-full:9999px;--press-sm:0 3px 0 0;--press-md:0 4px 0 0;--press-lg:0 6px 0 0;--shadow-sm:0 1px 2px #1b17400d;--shadow-md:0 4px 0 0 var(--color-border);--shadow-lg:0 6px 0 0 var(--color-border);--shadow-xl:0 16px 40px #1b17401a;--max-w-content:80rem;--max-w-prose:68ch;--max-w-narrow:45rem;--bp-sm:640;--bp-md:768;--bp-lg:1024;--bp-xl:1280;--bp-2xl:1536}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--grape:#8b63ff;--grape-shadow:#5b2fe0;--grape-soft:#2b2452;--mint:#34d6a0;--mint-shadow:#1fa878;--mint-soft:#173a30;--coral:#ff7479;--coral-shadow:#d8474c;--coral-soft:#40202a;--sun:#ffd166;--sun-shadow:#d9a21e;--sun-soft:#3a3120;--sky:#56b9ff;--sky-shadow:#2a8fd6;--sky-soft:#1a2f45;--grape-ink:#b9a3ff;--mint-ink:#5be3b4;--coral-ink:#ff9a9e;--sun-ink:#ffd98a;--sky-ink:#8ccfff;--color-bg:#15122b;--color-bg-subtle:#1a1633;--color-bg-muted:#282347;--color-surface:#1f1b3a;--color-surface-raised:#282347;--color-border:#332d55;--color-border-strong:#4a4273;--color-text:#f4f1ff;--color-text-muted:#b9b4d6;--color-text-subtle:#8f8ab3;--color-code-bg:#0e0c1f}}[data-theme=dark]{--grape:#8b63ff;--grape-shadow:#5b2fe0;--grape-soft:#2b2452;--mint:#34d6a0;--mint-shadow:#1fa878;--mint-soft:#173a30;--coral:#ff7479;--coral-shadow:#d8474c;--coral-soft:#40202a;--sun:#ffd166;--sun-shadow:#d9a21e;--sun-soft:#3a3120;--sky:#56b9ff;--sky-shadow:#2a8fd6;--sky-soft:#1a2f45;--grape-ink:#b9a3ff;--mint-ink:#5be3b4;--coral-ink:#ff9a9e;--sun-ink:#ffd98a;--sky-ink:#8ccfff;--color-bg:#15122b;--color-bg-subtle:#1a1633;--color-bg-muted:#282347;--color-surface:#1f1b3a;--color-surface-raised:#282347;--color-border:#332d55;--color-border-strong:#4a4273;--color-text:#f4f1ff;--color-text-muted:#b9b4d6;--color-text-subtle:#8f8ab3;--color-code-bg:#0e0c1f}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-var-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-var-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-var-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 900;font-display:optional;src:url(/fonts/jetbrains-mono-var-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 900;font-display:optional;src:url(/fonts/jetbrains-mono-var-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}[hidden]:not([hidden=until-found]){display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:500;line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline 2px}button{cursor:pointer;font-family:inherit;font-weight:inherit;background:0 0;border:none}ul,ol{list-style:none}::selection{background:var(--grape-soft);color:var(--color-text)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--color-text);text-wrap:balance}h1{font-size:var(--text-4xl);letter-spacing:-.02em;font-weight:900}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{max-width:var(--max-w-prose)}code,kbd{font-family:var(--font-mono);background:var(--grape-soft);color:var(--grape-ink);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:.1em .4em;font-size:.875em}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-6);border-radius:var(--radius-lg);line-height:var(--leading-relaxed);overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;padding:0}:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{top:-100%;z-index:1000;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:800;position:absolute;inset-inline-start:var(--space-4)}@media (width<=640px){.container{padding-inline:var(--space-4)}}.section{padding-block:var(--space-20)}.section-sm{padding-block:var(--space-12)}.eyebrow{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--grape-ink);font-weight:900;display:inline-block}.btn{--btn-bg:var(--color-surface);--btn-edge:var(--color-border-strong);--btn-fg:var(--color-text);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:.03em;text-transform:uppercase;color:var(--btn-fg);background:var(--btn-bg);box-shadow:var(--press-md) var(--btn-edge);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #0000;padding:.8125rem 1.375rem;font-weight:900;line-height:1.1;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;text-decoration:none!important}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 0 0 0 var(--btn-edge);transform:translateY(4px)}.btn:disabled,.btn[aria-disabled=true]{--btn-bg:var(--color-bg-muted);--btn-edge:var(--color-border);--btn-fg:var(--color-text-subtle);cursor:not-allowed;filter:none;transform:none}.btn-primary{--btn-bg:var(--grape);--btn-edge:var(--grape-shadow);--btn-fg:#fff}.btn-success{--btn-bg:var(--mint);--btn-edge:var(--mint-shadow);--btn-fg:#fff}.btn-danger{--btn-bg:var(--coral);--btn-edge:var(--coral-shadow);--btn-fg:#fff}.btn-sun{--btn-bg:var(--sun);--btn-edge:var(--sun-shadow);--btn-fg:#1b1740}.btn-sky{--btn-bg:var(--sky);--btn-edge:var(--sky-shadow);--btn-fg:#fff}.btn-outline,.btn-secondary{--btn-bg:var(--color-surface);--btn-edge:var(--color-border-strong);--btn-fg:var(--color-text);border-color:var(--color-border-strong)}.btn-ghost{--btn-bg:transparent;--btn-edge:transparent;--btn-fg:var(--color-text-muted);box-shadow:none;text-transform:none;letter-spacing:0;font-weight:800}.btn-ghost:hover{--btn-bg:var(--color-bg-muted);--btn-fg:var(--color-text);filter:none}.btn-ghost:active{transform:none}.btn-sm{font-size:var(--text-sm);border-radius:var(--radius-md);box-shadow:var(--press-sm) var(--btn-edge);padding:.5rem .875rem}.btn-sm:active{transform:translateY(3px)}.btn-lg{font-size:var(--text-lg);box-shadow:var(--press-lg) var(--btn-edge);padding:1.0625rem 2rem}.btn-lg:active{transform:translateY(6px)}.btn-block{width:100%}.card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--press-md) var(--color-border);transition:transform .15s,box-shadow .15s,border-color .15s}a.card:hover,.card-link:hover,.card.is-interactive:hover{box-shadow:0 7px 0 0 var(--color-border);border-color:var(--color-border-strong);text-decoration:none;transform:translateY(-3px)}a.card:active,.card-link:active{box-shadow:0 2px 0 0 var(--color-border);transform:translateY(2px)}.icon-tile{--tile-bg:var(--grape-soft);--tile-fg:var(--grape-ink);background:var(--tile-bg);width:3.5rem;height:3.5rem;color:var(--tile-fg);font-family:var(--font-mono);letter-spacing:-.02em;border-radius:1.125rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;display:inline-flex}.tone-grape{--tile-bg:var(--grape-soft);--tile-fg:var(--grape-ink);--tone:var(--grape);--tone-edge:var(--grape-shadow);--tone-soft:var(--grape-soft);--tone-ink:var(--grape-ink)}.tone-mint{--tile-bg:var(--mint-soft);--tile-fg:var(--mint-ink);--tone:var(--mint);--tone-edge:var(--mint-shadow);--tone-soft:var(--mint-soft);--tone-ink:var(--mint-ink)}.tone-coral{--tile-bg:var(--coral-soft);--tile-fg:var(--coral-ink);--tone:var(--coral);--tone-edge:var(--coral-shadow);--tone-soft:var(--coral-soft);--tone-ink:var(--coral-ink)}.tone-sun{--tile-bg:var(--sun-soft);--tile-fg:var(--sun-ink);--tone:var(--sun);--tone-edge:var(--sun-shadow);--tone-soft:var(--sun-soft);--tone-ink:var(--sun-ink)}.tone-sky{--tile-bg:var(--sky-soft);--tile-fg:var(--sky-ink);--tone:var(--sky);--tone-edge:var(--sky-shadow);--tone-soft:var(--sky-soft);--tone-ink:var(--sky-ink)}.progress{border-radius:var(--radius-pill);background:var(--color-bg-muted);height:1rem;position:relative;overflow:hidden}.progress>span{border-radius:inherit;background:var(--mint);transition:width .4s;position:absolute;inset:0 auto 0 0}.progress>span:after{content:"";border-radius:inherit;background:#ffffff59;height:4px;position:absolute;top:3px;left:8px;right:8px}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:.02em;padding:.25em .75em;font-weight:800;display:inline-flex}.badge-blue{background:var(--sky-soft);color:var(--sky-ink)}.badge-green{background:var(--mint-soft);color:var(--mint-ink)}.badge-amber{background:var(--sun-soft);color:var(--sun-ink)}.badge-red{background:var(--coral-soft);color:var(--coral-ink)}.badge-purple{background:var(--grape-soft);color:var(--grape-ink)}.badge-teal{background:var(--mint-soft);color:var(--mint-ink)}.stat-pill{font-weight:900;font-size:var(--text-sm);white-space:nowrap;border-radius:.875rem;align-items:center;gap:.375rem;padding:.4rem .75rem;line-height:1;display:inline-flex}.stat-pill.streak{background:var(--sun-soft);color:var(--color-text);transition:transform .1s;text-decoration:none!important}a.stat-pill.streak:hover{transform:translateY(-1px)}.stat-pill.xp{background:var(--grape-soft);color:var(--grape-ink)}.tag{background:var(--color-bg-muted);color:var(--color-text-muted);border-radius:var(--radius-pill);font-size:var(--text-xs);padding:.25em .7em;font-weight:700;display:inline-flex}.chip{border-radius:var(--radius-pill);background:var(--grape-soft);color:var(--grape-ink);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:.375rem;padding:.3rem .75rem;font-weight:800;display:inline-flex}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.grid-auto-sm{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.grid-auto-md{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));display:grid}.grid-auto-lg{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(28rem,100%),1fr));display:grid}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (width<=480px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-xl);border:2px solid var(--color-border);background:var(--color-surface);overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:480px}.table-wrap th,.table-wrap td{padding:var(--space-3) var(--space-4);text-align:start;font-size:var(--text-sm);border-bottom:2px solid var(--color-border)}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th{background:var(--color-bg-muted);color:var(--color-text-muted);text-transform:uppercase;font-weight:900;font-size:var(--text-xs);letter-spacing:.08em;text-align:start}.study-first-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-3));margin-bottom:var(--space-6)}.study-first-hint a{color:var(--grape-ink);font-weight:800;text-decoration:underline}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header p{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--color-text-muted);max-width:56ch;margin-inline:auto}.breadcrumb{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-subtle);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center;font-weight:700;display:flex}.breadcrumb a{color:var(--color-text-muted)}.divider{border:none;border-top:2px solid var(--color-border);margin-block:var(--space-8)}[dir=rtl] .breadcrumb{flex-direction:row-reverse}:lang(zh),:lang(zh-Hans){font-family:var(--font-zh)}:lang(ja){font-family:var(--font-ja)}:lang(ko){font-family:var(--font-ko);word-break:keep-all}:lang(ar){font-family:var(--font-ar)}:lang(fa){font-family:var(--font-fa)}:lang(hi){font-family:var(--font-hi)}:lang(bn){font-family:var(--font-bn)}:lang(th){font-family:var(--font-th);word-break:break-all}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-subtitle{font-size:var(--text-base);color:var(--color-text-muted)}.tip-card h2{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:700}.tip-card ul{padding-left:var(--space-5);gap:var(--space-1);flex-direction:column;list-style:outside;display:flex}.tip-card li{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.progress-fill{background:var(--color-primary,#3b82f6);border-radius:var(--radius-full);width:0%;height:100%;transition:width .3s}.progress-label{font-size:var(--text-sm);color:var(--color-text-muted)}.exercise-item{margin-bottom:var(--space-6)}.question-text{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:600;line-height:1.5}.options-grid{gap:var(--space-3);flex-direction:column;display:flex}.option-btn{text-align:left;width:100%;padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:var(--text-base);line-height:1.5;transition:border-color .15s,background .15s}.option-btn:hover{border-color:var(--color-primary,#3b82f6);background:var(--color-primary-subtle,#eff6ff)}.feedback-block{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-raised,var(--color-surface));border:1px solid var(--color-border)}.feedback-text.correct{color:var(--color-success,#22c55e)}.feedback-text.incorrect{color:var(--color-error,#ef4444)}.exercise-actions{margin-top:var(--space-4);justify-content:flex-end;display:flex}.btn-primary{padding:var(--space-3) var(--space-6);background:var(--color-primary,#3b82f6);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;border:none;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-block}.btn-secondary{padding:var(--space-3) var(--space-6);color:var(--color-primary,#3b82f6);border:2px solid var(--color-primary,#3b82f6);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;background:0 0;font-weight:600;transition:all .15s}.btn-secondary:hover{background:var(--color-primary-subtle,#eff6ff)}.results-screen h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:700}.results-score{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-8)}.next-up{margin-top:var(--space-6);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.next-up p{font-size:var(--text-sm);color:var(--color-text-muted)}.ex-options{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.option-btn{text-align:left;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);cursor:pointer;font-size:var(--text-base);color:var(--color-text);transition:border-color .15s,background .15s;display:flex}.option-letter{background:var(--color-bg-subtle);border:1px solid var(--color-border);width:1.5rem;height:1.5rem;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ex-feedback{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.feedback-explanation ul{padding-left:var(--space-5);margin:var(--space-2) 0}.feedback-explanation table{margin-top:var(--space-2)}.ex-actions{margin-top:var(--space-6);gap:var(--space-3);display:flex}.cmp-code-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.cmp-code-grid{grid-template-columns:1fr}}.cmp-code-grid pre{background:var(--color-code-bg);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-code-text);line-height:1.5;overflow-x:auto}.cmp-code-grid code{font-size:inherit;background:0 0;padding:0}@media (width<=768px){.cmp-phrases-grid{grid-template-columns:1fr}}.cmp{line-height:1.7}.cmp-hero{margin-bottom:var(--space-8)}.cmp-eyebrow{font-size:var(--text-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.cmp-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.cmp-sub{font-size:var(--text-lg);color:var(--color-text-muted)}.cmp h2{font-size:var(--text-2xl);margin-block:var(--space-8) var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border)}.cmp h3{font-size:var(--text-lg);margin-top:var(--space-4);margin-bottom:var(--space-2)}.cmp ul,.cmp ol{margin-bottom:var(--space-4);padding-inline-start:var(--space-5)}.cmp li{margin-bottom:var(--space-2)}.cmp p{margin-bottom:var(--space-3)}.cmp code{background:var(--color-bg-muted);font-family:var(--font-mono);border-radius:4px;padding:.1em .4em;font-size:.9em}.cmp-tldr{background:var(--color-bg-subtle);padding:var(--space-5);border-radius:var(--radius-lg);border-inline-start:4px solid var(--color-primary)}.cmp-tldr h2{border-bottom:none;margin-top:0;padding-bottom:0}.cmp-table-wrap{overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4);font-size:var(--text-sm)}.cmp-table th,.cmp-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:start;vertical-align:top}.cmp-table th{background:var(--color-bg-subtle);font-weight:600}.cmp-table td:first-child{white-space:nowrap}.cmp-phrases-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.cmp-phrases-grid{grid-template-columns:1fr}}.decision-list{padding:0;list-style:none}.decision-list li{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);background:var(--color-bg-subtle);border-radius:var(--radius-md)}.cmp-related{padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.cmp-related h2{border-bottom:none;margin-top:0;padding-bottom:0}.cmp-related a{color:var(--color-primary)}.transcript-block{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.transcript-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);margin-bottom:var(--space-3);font-weight:700}.transcript-text{font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);white-space:pre-wrap;margin:0}.filter-pill{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;font-weight:500;transition:all .15s}.filter-pill:hover,.filter-pill.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle,#eff6ff)}.quiz-wrap{max-width:680px;margin:0 auto}.quiz-progress{color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.85rem}.quiz-question{margin-bottom:var(--space-6);font-size:1.1rem;font-weight:600;line-height:1.5}.options{gap:var(--space-3);flex-direction:column;display:flex}.option-btn{text-align:left;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:1rem;transition:border-color .15s}.option-btn:hover:not(:disabled){border-color:var(--color-primary)}.feedback{min-height:1.5rem;margin-top:var(--space-4);font-weight:700}.feedback.correct{color:var(--color-success,#16a34a)}.feedback.incorrect{color:var(--color-error,#dc2626)}#explanation{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-alt,#f8fafc);border-radius:var(--radius-md);font-size:.95rem;line-height:1.6}.next-btn{margin-top:var(--space-6)}.result-card{text-align:center;padding:var(--space-10)}.result-score{color:var(--color-primary);font-size:3rem;font-weight:800}.reading-passage{padding:var(--space-5);margin-bottom:var(--space-6);border-left:4px solid var(--sun)}.passage-label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:600;display:flex}.passage-text{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--space-4);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.7;overflow-x:auto}.page-wrapper{max-width:760px;padding:var(--space-6) var(--space-4);margin:0 auto}.breadcrumb ol{gap:var(--space-1);margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";margin-right:var(--space-1)}.page-subtitle{color:var(--color-text-muted);margin:0}.tip-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.tip-card h2{font-size:var(--text-base);margin:0 0 var(--space-2);font-weight:600}.tip-card li{font-size:var(--text-sm)}.progress-container{margin-bottom:var(--space-6)}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden}.progress-fill{background:var(--color-primary);width:0;height:100%;transition:width .3s}.progress-label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.exercise-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.question-text{font-size:var(--text-lg);margin:0 0 var(--space-4);font-weight:500;line-height:1.5}.options-grid{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.option-btn{text-align:left;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);transition:border-color .15s,background .15s}.option-btn:disabled{cursor:default}.option-btn.correct{border-color:var(--color-success,#16a34a);background:var(--color-success-bg,#f0fdf4)}.option-btn.incorrect{border-color:var(--color-error,#dc2626);background:var(--color-error-bg,#fef2f2)}.feedback-block{margin-bottom:var(--space-4)}.feedback-text{margin:0 0 var(--space-2);font-weight:600}.correct-feedback{color:var(--color-success,#16a34a)}.incorrect-feedback{color:var(--color-error,#dc2626)}.explanation{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.exercise-actions{gap:var(--space-3);display:flex}.btn-primary{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);border:none;font-weight:500;text-decoration:none;display:inline-block}.btn-primary:hover{opacity:.9}.btn-secondary{padding:var(--space-2) var(--space-4);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);background:0 0;font-weight:500}.results-screen{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.results-screen h2{font-size:var(--text-2xl);margin:0 0 var(--space-3)}.results-score{font-size:var(--text-xl);margin:0 0 var(--space-6)}.next-up{margin-top:var(--space-6)}.next-up p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-2)}.ex-page{max-width:760px;margin:0 auto;padding:2rem 1rem}.breadcrumb{color:#666;margin-bottom:1.2rem;font-size:.85rem}.ex-header h1{margin-bottom:.5rem;font-size:1.7rem}.tip-card{background:#f0f6ff;border-left:4px solid #4f8cff;border-radius:6px;margin-bottom:1.2rem;padding:.7rem 1rem;font-size:.95rem}.progress-bar-wrap{background:#e5e7eb;border-radius:9999px;height:8px;margin-bottom:.4rem}.progress-bar{background:#4f8cff;border-radius:9999px;height:8px;transition:width .4s}.progress-label{color:#555;margin-bottom:1.5rem;font-size:.85rem}.exercise-item[data-done] .options-grid{pointer-events:none}.ex-num{color:#999;margin-bottom:.5rem;font-size:.8rem}.scenario{color:#444;border-left:3px solid #d1d5db;margin-bottom:.9rem;padding-left:.9rem;font-style:italic}.ex-question{margin-bottom:.9rem;font-weight:600}.options-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}@media (width<=520px){.options-grid{grid-template-columns:1fr}}.opt-btn{text-align:left;cursor:pointer;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;padding:.6rem .9rem;font-size:.95rem;transition:background .2s,border-color .2s}.opt-btn:hover{background:#eff6ff;border-color:#4f8cff}.opt-btn.correct{background:#d1fae5;border-color:#10b981}.opt-btn.wrong{background:#fee2e2;border-color:#ef4444}.feedback{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.feedback-text.ok{color:#10b981}.feedback-text.err{color:#ef4444}.explanation{color:#555;margin-bottom:.8rem;font-size:.9rem}.next-btn,.retry-btn{color:#fff;cursor:pointer;background:#4f8cff;border:none;border-radius:8px;padding:.55rem 1.3rem;font-size:.95rem}.next-btn:hover,.retry-btn:hover{background:#2563eb}.results-screen h2{margin-bottom:.8rem}.option-btn.correct .option-letter,.option-btn.incorrect .option-letter{background:0 0}.ex-feedback{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-subtle);border:1px solid var(--color-border)}.results-screen{text-align:center;padding:var(--space-12)}.results-score{font-size:var(--text-4xl);color:var(--color-primary);margin-bottom:var(--space-3);font-weight:800}@media (width<=640px){.path-hero h1{font-size:var(--text-3xl)}.vocab-grid{grid-template-columns:1fr}.day-row{gap:var(--space-2);flex-direction:column}}.phases-overview{margin-bottom:var(--space-10)}.phases-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.phase-card{gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;display:flex}.phase-num{background:var(--color-primary);color:#fff;width:2.5rem;height:2.5rem;font-size:var(--text-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.phase-title{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-1)}.phase-weeks{font-size:var(--text-xs);color:var(--color-primary);margin-bottom:var(--space-1);font-weight:600}.phase-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.phase-block{margin-bottom:var(--space-10)}.phase-label{font-size:var(--text-xl);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);font-weight:700;display:inline-block}.weeks-list{gap:var(--space-3);flex-direction:column;display:flex}.week-card{gap:var(--space-4);padding:var(--space-4) var(--space-5);scroll-margin-top:var(--space-8);align-items:flex-start;display:flex}.week-card:hover{transform:none}.week-num-wrap{flex-shrink:0}.week-num{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:3rem;height:2.5rem;color:var(--color-primary);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:800;display:flex}.week-content{flex:1}.week-theme{font-size:var(--text-base);margin:0 0 var(--space-3) 0;font-weight:700}.week-resources{gap:var(--space-2);flex-wrap:wrap;display:flex}.week-link{font-size:var(--text-xs);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);color:var(--color-primary);background:var(--color-bg-subtle);align-items:center;padding:3px 10px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.week-link:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.week-link:before{content:"→ "}@media (width<=640px){.path-hero h1{font-size:var(--text-3xl)}.vocab-grid{grid-template-columns:1fr}.week-card{gap:var(--space-2);flex-direction:column}.phases-grid{grid-template-columns:1fr}}.tip-banner{background:var(--color-surface-raised,var(--color-surface));border:1px solid var(--color-border);border-left:4px solid var(--color-primary,#3b82f6);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.sets-grid{gap:var(--space-5);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0;list-style:none;display:grid}.set-card{gap:var(--space-2);padding:var(--space-6);color:inherit;flex-direction:column;height:100%;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.set-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.set-card-top{justify-content:space-between;align-items:flex-start;display:flex}.set-title{font-size:var(--text-lg);margin:0;font-weight:700}.set-desc{font-size:var(--text-sm);color:var(--color-text-muted);flex:1;margin:0}.set-footer{padding-top:var(--space-2);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.set-count{font-size:var(--text-xs);color:var(--color-text-muted)}.set-arrow{font-size:var(--text-lg);color:var(--color-primary)}.useful-language{margin-bottom:var(--space-10)}.useful-language h2{font-size:var(--text-2xl);margin-bottom:var(--space-6);font-weight:700}.lang-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.lang-card{padding:var(--space-5)}.lang-card h3{font-size:var(--text-base);margin-bottom:var(--space-3);font-weight:600}.lang-card ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lang-card li{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.guide-hero{margin-bottom:var(--space-10)}.guide-role-badge{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);font-weight:600;display:inline-block}.guide-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);line-height:1.2}.guide-tagline{font-size:var(--text-lg);color:var(--color-text-muted);max-width:65ch;margin-bottom:var(--space-4)}.guide-meta{font-size:var(--text-sm);color:var(--color-text-muted);gap:var(--space-2);flex-wrap:wrap;display:flex}.guide-toc{padding:var(--space-6) var(--space-8);margin-bottom:var(--space-10)}.guide-toc-title{font-size:var(--text-base);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:700}.guide-toc-list{padding-left:var(--space-6);gap:var(--space-2);flex-direction:column;margin:0;list-style:decimal;display:flex}.guide-toc-list a{color:var(--color-primary);font-size:var(--text-sm);text-decoration:none}.guide-toc-list a:hover{text-decoration:underline}.guide-section{margin-bottom:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.guide-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.guide-section h3{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}.guide-section p{max-width:72ch;margin-bottom:var(--space-4);line-height:1.75}.guide-practice-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin-top:var(--space-8)}.guide-practice-box h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:var(--space-3);font-weight:700}.guide-practice-box ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide-practice-box li:before{content:"→ ";color:var(--color-primary);font-weight:700}.guide-practice-box a{color:var(--color-primary);font-size:var(--text-sm);text-decoration:none}.guide-practice-box a:hover{text-decoration:underline}.vocab-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.learning-path-list{margin:var(--space-6) 0 0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.lp-step{gap:var(--space-4);align-items:flex-start;display:flex}.lp-num{background:var(--color-primary);color:#fff;width:2rem;min-width:2rem;height:2rem;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;font-weight:700;display:flex}.lp-content strong a{color:var(--color-text);font-size:var(--text-lg);text-decoration:none}.lp-content strong a:hover{color:var(--color-primary)}.lp-content p{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.guide-cta{padding:var(--space-8);margin-top:var(--space-10);text-align:center}.guide-cta h3{font-size:var(--text-xl);margin-bottom:var(--space-5)}.guide-cta-links{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=640px){.guide-hero h1{font-size:var(--text-3xl)}.vocab-grid{grid-template-columns:1fr}}.path-page{max-width:900px}.breadcrumb a:hover{text-decoration:underline}.path-hero{margin-bottom:var(--space-10)}.path-role-badge{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);font-weight:600;display:inline-block}.path-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);line-height:1.2}.path-tagline{font-size:var(--text-lg);color:var(--color-text-muted);max-width:70ch;margin-bottom:var(--space-4);line-height:1.75}.path-meta-bar{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;display:flex}.path-meta-bar a{color:var(--color-primary);text-decoration:none}.progress-overview{margin-bottom:var(--space-10);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.day-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.day-pip{border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);width:2.25rem;height:2.25rem;font-size:var(--text-xs);color:var(--color-text-muted);justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:flex}.day-pip:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.schedule-section{margin-bottom:var(--space-12)}.week-block{margin-bottom:var(--space-10)}.week-label{font-size:var(--text-xl);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);font-weight:700;display:inline-block}.days-list{gap:var(--space-3);flex-direction:column;display:flex}.day-row{gap:var(--space-4);padding:var(--space-4) var(--space-5);scroll-margin-top:var(--space-8);align-items:flex-start;display:flex}.day-row:hover{transform:none}.day-num-wrap{flex-shrink:0}.day-num{background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:2.5rem;height:2.5rem;color:var(--color-primary);font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.day-content{flex:1}.day-theme{font-size:var(--text-base);margin:0 0 var(--space-2) 0;font-weight:700}.day-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.day-link{font-size:var(--text-xs);border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-subtle);align-items:center;gap:4px;padding:3px 10px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.day-link:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.day-link-exercise{border-color:color-mix(in srgb, var(--color-primary) 30%, transparent);color:var(--color-primary)}.day-link-blog{color:#059669;border-color:#10b9814d}.day-link-label:before{content:"→ "}.vocab-highlight{margin-bottom:var(--space-12)}.vocab-highlight h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.vocab-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.vocab-card{padding:var(--space-4)}.vocab-phrase{font-family:var(--font-mono);color:var(--color-primary);font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-2)}.vocab-context{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65}.related-paths{margin-bottom:var(--space-12)}.related-paths h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.related-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.related-card{gap:var(--space-4);padding:var(--space-5);color:inherit;align-items:flex-start;text-decoration:none;display:flex}.related-icon{flex-shrink:0;font-size:1.75rem}.related-role{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-1)}.related-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.faq-section{margin-bottom:var(--space-12)}.faq-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.faq-list{gap:var(--space-2);flex-direction:column;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.faq-item[open]{border-color:var(--color-primary)}.faq-q{padding:var(--space-4) var(--space-5);font-weight:600;font-size:var(--text-base);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-3);list-style:none;display:flex}.faq-q::-webkit-details-marker{display:none}.faq-q:after{content:"+";font-size:var(--text-xl);color:var(--color-primary);flex-shrink:0;font-weight:400}.faq-item[open] .faq-q:after{content:"−"}.faq-a{padding:0 var(--space-5) var(--space-4)}.faq-a p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:72ch;margin:0;line-height:1.75}.faq-a a{color:var(--color-primary)}@media (width<=640px){.path-hero h1{font-size:var(--text-3xl)}.vocab-grid{grid-template-columns:1fr}.day-row{gap:var(--space-2);flex-direction:column}}.tip-card ul{gap:var(--space-1);flex-direction:column;margin-bottom:0;list-style:none;display:flex}@media (width<=640px){.phrase-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.phrase-note{flex:none}.copy-btn{align-self:flex-start}}.section-header{padding-block:var(--space-12) var(--space-8);max-width:680px}.section-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.section-header p{font-size:var(--text-lg);color:var(--color-text-muted)}.set-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0;list-style:none;display:grid}.set-card{padding:var(--space-6);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.set-card-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.set-card h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.set-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.page-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-3);font-weight:800}.tip-banner strong{color:var(--color-text)}.filter-pill{padding:var(--space-1) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.filter-pill:hover,.filter-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ex-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.ex-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex}.ex-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.ex-card-icon{flex-shrink:0;font-size:1.75rem}.ex-card-body{gap:var(--space-2);flex-direction:column;display:flex}.ex-card-meta{align-items:center;gap:var(--space-2);display:flex}.ex-card-count{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.ex-card-title{font-size:var(--text-base);margin:0;font-weight:700}.ex-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.exercise-intro{color:#6b7280;margin-bottom:2rem;font-size:1rem}.question-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.question-text{margin-bottom:1.25rem;font-size:1.1rem;font-weight:600;line-height:1.5}.option-btn{text-align:left;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;width:100%;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.95rem;transition:border-color .15s;display:block}.option-btn:hover{background:#eff6ff;border-color:#2563eb}.correct{color:#16a34a;margin-bottom:.5rem;font-weight:700}.incorrect{color:#dc2626;margin-bottom:.5rem;font-weight:700}.explanation{color:#6b7280;margin-bottom:1rem;font-size:.875rem;line-height:1.6}#results{text-align:center;padding:2rem}#results h2{margin-bottom:1rem;font-size:1.5rem}.option-btn{align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:left;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;line-height:var(--leading-relaxed);transition:border-color .15s,background .15s;display:flex}.breadcrumb{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-text-subtle)}.page-header h1{font-size:var(--text-3xl);margin:0 0 var(--space-3);font-weight:700}.page-header p{color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}nav[aria-label=Sub-pages] a{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:block}nav[aria-label=Sub-pages] a:hover{border-color:var(--color-primary);background:var(--color-bg-subtle);color:var(--color-primary)}.cs-header{margin-bottom:var(--space-8)}.cs-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.cs-header p{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.6}.cs-toc{margin-bottom:var(--space-8)}.cs-toc ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cs-toc a{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:700;font-size:var(--text-sm);border-radius:999px;padding:.35rem .85rem;text-decoration:none;display:inline-block}.cs-toc a:hover{border-color:var(--grape);color:var(--grape)}.cs-section{margin-bottom:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:2px solid var(--color-border);box-shadow:0 4px 0 var(--color-border);border-radius:1.25rem;scroll-margin-top:5rem}.cs-section>h2{font-size:var(--text-xl);margin-bottom:var(--space-1)}.cs-section-intro{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.6}.cs-phrases{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));margin:0;padding:0;list-style:none;display:grid}.cs-phrase{padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);background:var(--color-bg-muted);border-radius:.875rem;position:relative}.cs-phrase-text{color:var(--color-text);margin-bottom:var(--space-1);font-weight:700;line-height:1.45;display:block}.cs-phrase-text:before{content:"“"}.cs-phrase-text:after{content:"”"}.cs-phrase-note{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;display:block}.cs-copy{top:var(--space-2);right:var(--space-2);width:2rem;height:2rem;color:var(--color-text-subtle);cursor:pointer;background:0 0;border:0;border-radius:.5rem;font-size:.95rem;position:absolute}.cs-copy:hover{background:var(--color-surface);color:var(--grape)}.cs-copy.is-copied{color:var(--mint-ink)}.cs-practise{justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);background:var(--grape);color:#fff;box-shadow:0 6px 0 var(--grape-shadow);border-radius:1.25rem;flex-wrap:wrap;text-decoration:none;display:flex}.cs-practise>span:first-child{flex-direction:column;gap:2px;display:flex}.cs-practise strong{font-size:var(--text-lg)}.cs-practise>span:first-child>span{font-size:var(--text-sm);opacity:.85}.cs-practise-btn{--btn-bg:var(--sun);--btn-edge:var(--sun-shadow);--btn-fg:#1b1740}.cs-practise:hover{transform:translateY(-2px)}@media print{.cs-practise,.site-header,.site-footer,footer,.cs-toc,.cs-related,.cs-copy,.breadcrumb,[data-print-hide]{display:none!important}.cs-section{box-shadow:none;break-inside:avoid-page;border:1px solid #ccc;margin-bottom:12px;padding:12px}.cs-phrases{grid-template-columns:1fr}.cs-phrase{padding:6px 10px}}.cs-howto,.cs-related{padding:var(--space-5);background:var(--color-bg-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.cs-howto h2,.cs-related h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.cs-howto h3{font-size:var(--text-lg);margin:var(--space-5) 0 var(--space-2)}.cs-howto ul,.cs-related ul{padding-left:var(--space-5)}.cs-howto li,.cs-related li{margin-bottom:var(--space-2);line-height:1.5}.cs-related a{color:var(--color-primary)}.acronym-badge{font-size:var(--text-4xl);letter-spacing:.04em;font-weight:900;font-family:var(--font-mono);color:var(--color-primary);margin-bottom:var(--space-3);background:var(--color-primary-light,#eff6ff);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-primary);display:inline-block}.badge-purple-light{color:#5b21b6;background:#ede9fe}.badge-sky-light{color:#0369a1;background:#e0f2fe}.badge-teal-light{color:#0f766e;background:#ccfbf1}.feedback-text{margin-bottom:var(--space-3);font-weight:700;font-size:var(--text-base)}.badge-blue{color:#1e40af;background:#dbeafe}.hub-list{margin:var(--space-8) 0;gap:var(--space-4);padding:0;list-style:none;display:grid}.hub-card a{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.hub-card a:hover{border-color:var(--color-primary);box-shadow:0 1px 8px #0000000f}.hub-card-title{font-weight:700;font-size:var(--text-lg);color:var(--color-text)}.hub-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.hub-card-level{align-self:flex-start}.ex-index{padding-block:var(--space-12) var(--space-20)}.ex-index-header{margin-bottom:var(--space-8);max-width:680px}.ex-index-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.ex-index-header p{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.ex-banner{max-width:680px;padding:var(--space-5);margin-bottom:var(--space-8)}.ex-banner p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.ex-set-list{gap:var(--space-4);flex-direction:column;max-width:680px;padding:0;list-style:none;display:flex}.ex-set-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);color:inherit;border-radius:var(--radius-lg);border:1px solid var(--color-border);text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.ex-set-card:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #0000000f}.ex-set-icon{flex-shrink:0;font-size:1.75rem;line-height:1}.ex-set-body{flex:1;min-width:0}.ex-set-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.ex-set-count{font-size:var(--text-xs);color:var(--color-text-subtle)}.ex-set-label{font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-1);font-weight:700}.ex-set-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.badge-green{color:#14532d;background:#dcfce7}.badge-blue-light{color:#1e40af;background:#dbeafe}.badge-red{color:#991b1b;background:#fee2e2}.badge-amber{color:#92400e;background:#fef3c7}.page-header p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch}.tip-banner{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);max-width:680px;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.tip-banner strong{margin-bottom:var(--space-1);color:var(--color-text);display:block}.level-filter{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-pill{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);font-size:var(--text-sm);cursor:pointer;transition:border-color .15s,background .15s;display:flex}.filter-pill.active,.filter-pill:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.sets-grid{gap:var(--space-5);margin-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.set-card{gap:var(--space-2);padding:var(--space-5);color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.set-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.set-card-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.set-icon{font-size:var(--text-2xl)}.set-meta{align-items:center;gap:var(--space-2);display:flex}.set-count{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.set-title{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-snug)}.set-desc{font-size:var(--text-sm);color:var(--color-text-muted);flex:1;line-height:1.6}.phrases-section{margin-top:var(--space-8)}.phrases-section h2{font-size:var(--text-xl);margin-bottom:var(--space-5)}.phrases-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.phrase-group h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:var(--space-3);font-weight:700}.phrase-group ul{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.phrase-group li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:var(--space-3);border-left:2px solid var(--color-border);line-height:1.5}.set-card[hidden]{display:none}.tip-card ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ex-options{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.option-letter{border-radius:var(--radius-md);background:var(--color-bg-muted);width:1.75rem;height:1.75rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.ex-feedback{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-subtle);border:1px solid var(--color-border);max-width:680px}.feedback-text{margin-bottom:var(--space-3);font-weight:700}.feedback-text.correct-msg{color:var(--color-success)}.feedback-text.incorrect-msg{color:var(--color-error)}.results-screen{max-width:480px;padding:var(--space-8);text-align:center}.results-score{font-size:var(--text-4xl);margin-bottom:var(--space-2);font-weight:800}.results-actions{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.results-next{font-size:var(--text-sm);color:var(--color-text-muted)}.badge-orange-light{color:#9a3412;background:#ffedd5}.ex-page{padding-block:var(--space-12) var(--space-20)}.tip-card{border-left:3px solid var(--color-primary);background:var(--color-bg-subtle);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.tip-card code{font-family:var(--font-mono);font-size:.9em}.ex-progress-bar{background:var(--color-border);border-radius:var(--radius-pill);height:6px;margin-bottom:var(--space-2);overflow:hidden}.passage{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;margin:var(--space-3) 0 var(--space-2);line-height:1.6;overflow-x:auto}.option-btn code{font-family:var(--font-mono);font-size:.9em}.feedback-explanation code{font-family:var(--font-mono);background:var(--color-bg);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}.reading-page{padding-block:var(--space-12) var(--space-20)}.ex-header{margin-bottom:var(--space-10)}.ex-header-meta{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.ex-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.ex-header p{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-6)}.tip-card{border-left:3px solid var(--color-primary);background:var(--color-bg-subtle);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);max-width:680px}.tip-card strong{color:var(--color-text);margin-bottom:var(--space-2);display:block}.tip-card ul{padding-left:var(--space-5);gap:var(--space-1);flex-direction:column;margin:0;display:flex}.ex-progress-bar{background:var(--color-border);border-radius:var(--radius-pill);height:6px;margin-bottom:var(--space-2);max-width:680px;overflow:hidden}.ex-progress-fill{background:var(--color-primary);border-radius:var(--radius-pill);height:100%;transition:width .4s}.ex-progress-label{font-size:var(--text-sm);color:var(--color-text-muted)}.exercise-item{max-width:680px}.ex-number{font-size:var(--text-sm);color:var(--color-text-subtle);margin-bottom:var(--space-2);font-weight:600;font-family:var(--font-mono)}.passage-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:700}.passage-block{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;margin-bottom:var(--space-6);line-height:1.6;overflow-x:auto}.ex-question{font-size:var(--text-lg);color:var(--color-text);font-weight:600;line-height:var(--leading-snug);margin-bottom:var(--space-5)}.ex-question code{font-family:var(--font-mono);background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}.ex-options{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.option-btn{align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:left;font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s;display:flex}.option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.option-btn.correct{border-color:var(--color-success);color:#14532d;background:#dcfce7}.option-btn.incorrect{border-color:var(--color-error);color:#7f1d1d;background:#fee2e2}.option-letter{border-radius:var(--radius-md);background:var(--color-bg-muted);width:1.75rem;height:1.75rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:background .15s,color .15s;display:flex}.option-btn.correct .option-letter{background:var(--color-success);color:#fff}.option-btn.incorrect .option-letter{background:var(--color-error);color:#fff}.ex-feedback{margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-subtle)}.feedback-text{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-3)}.feedback-text.correct-feedback{color:var(--color-success)}.feedback-text.incorrect-feedback{color:var(--color-error)}.feedback-explanation{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.ex-actions{margin-top:var(--space-6)}.results-screen{text-align:center;max-width:480px;padding:var(--space-10)}.results-score{font-size:var(--text-5xl);color:var(--color-primary);margin-bottom:var(--space-4);font-weight:800;line-height:1}.results-msg{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.results-actions{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.results-next{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.results-next a{color:var(--color-primary)}.more-set{max-width:680px;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.more-set h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}.more-set ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.more-set a{color:var(--color-primary);font-weight:600}.phrasebook-page{padding-block:var(--space-8) var(--space-20)}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.page-header p{font-size:var(--text-lg);color:var(--color-text-muted)}.tip-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);max-width:680px}.tip-card strong{font-size:var(--text-sm);margin-bottom:var(--space-2);font-weight:700;display:block}.tip-card ul{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.tip-card li{font-size:var(--text-sm);color:var(--color-text-muted)}.situations{gap:var(--space-10);flex-direction:column;display:flex}.situation-title{font-size:var(--text-xl);margin-bottom:var(--space-4);font-weight:700}.phrase-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:0;list-style:none;display:flex;overflow:hidden}.phrase-item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);transition:background .12s;display:flex}.phrase-item:last-child{border-bottom:none}.phrase-item:hover{background:var(--color-bg-card)}.phrase-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);flex:1;font-weight:600}.phrase-note{font-size:var(--text-xs);color:var(--color-text-muted);flex:1;font-style:italic}.copy-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1);color:var(--color-text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.copy-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.copy-btn.copied{color:var(--color-success);border-color:var(--color-success)}.related-links{padding:var(--space-6);margin-top:var(--space-12)}.related-links strong{margin-bottom:var(--space-3);font-size:var(--text-base);display:block}.related-links ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.related-links a{color:var(--color-primary);font-size:var(--text-sm)}@media (width<=640px){.phrase-item{align-items:flex-start;gap:var(--space-2);flex-direction:column}.phrase-note{flex:none}.copy-btn{align-self:flex-start}}.post-faq{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.post-faq h2{font-size:var(--text-xl);margin-bottom:var(--space-6);color:var(--color-text);font-weight:700}.ex-faq{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.ex-faq h2{font-size:var(--text-xl);margin-bottom:var(--space-6);color:var(--color-text);font-weight:700}body .ex-page{padding-block:var(--space-10) var(--space-20);max-width:56rem}body .ex-header{margin-bottom:var(--space-8)}body .ex-header h1,body .page-header h1{margin-bottom:var(--space-3);font-size:clamp(2rem,4vw,3rem);font-weight:900}body .ex-header p,body .page-subtitle{font-size:var(--text-lg);color:var(--color-text-muted)}body .tip-card{background:var(--sun-soft);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);color:var(--color-text);font-size:var(--text-base);border:0}body .tip-card strong:first-child,body .tip-card h2{font-size:var(--text-lg);color:var(--color-text);font-weight:900}body .tip-card ul{padding-left:var(--space-5);list-style:outside}body .tip-card li::marker{color:var(--sun-ink)}body .ex-progress-bar,body .progress-bar{background:var(--color-bg-muted);border-radius:var(--radius-pill);height:1rem;position:relative;overflow:hidden}body .ex-progress-fill,body .progress-fill{background:var(--mint);border-radius:var(--radius-pill);position:relative}body .ex-progress-fill:after,body .progress-fill:after{content:"";border-radius:inherit;background:#ffffff59;height:4px;position:absolute;top:3px;left:8px;right:8px}body .ex-progress-label,body .progress-label{color:var(--color-text-muted);margin-top:var(--space-2);font-weight:800}body .exercise-item,body .question-block{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-2xl);max-width:none;box-shadow:0 6px 0 0 var(--color-border);margin-bottom:var(--space-6);padding:clamp(1.25rem,3vw,2.25rem)}body .ex-number{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--grape-ink);font-weight:900}body .ex-question,body .question-text{font-size:clamp(1.25rem,2.4vw,1.625rem);font-weight:800;line-height:var(--leading-snug);color:var(--color-text);margin-bottom:var(--space-6)}body .ex-options,body .options-grid,body .options{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}body .option-btn,body .opt-btn,body .options label{align-items:center;gap:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;box-shadow:0 3px 0 0 var(--color-border);color:var(--color-text);font-size:var(--text-base);text-align:start;cursor:pointer;padding:.875rem 1rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .15s,border-color .15s;display:flex}body .option-btn:hover:not(:disabled),body .opt-btn:hover:not(:disabled),body .options label:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}body .option-btn:active:not(:disabled),body .opt-btn:active:not(:disabled){box-shadow:0 0 0 0 var(--color-border);transform:translateY(3px)}body .option-btn[aria-pressed=true],body .opt-btn.selected,body .options label:has(input:checked){background:var(--sky-soft);border-color:var(--sky);box-shadow:0 3px 0 0 var(--sky-shadow)}body .option-btn:disabled,body .opt-btn:disabled{cursor:default}body .option-btn.correct,body .opt-btn.correct,body .options label.correct,body .correct-opt{background:var(--mint-soft);border-color:var(--mint);box-shadow:0 3px 0 0 var(--mint-shadow);color:var(--color-text)}body .option-btn.incorrect,body .opt-btn.incorrect,body .opt-btn.wrong,body .options label.incorrect,body .incorrect-opt{background:var(--coral-soft);border-color:var(--coral);box-shadow:0 3px 0 0 var(--coral-shadow);color:var(--color-text);animation:.35s cl-shake}body .options label input[type=radio]{accent-color:var(--grape);flex-shrink:0;width:1.125rem;height:1.125rem}body .option-letter{border:2px solid var(--color-border-strong);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-text-muted);font-family:var(--font-sans);border-radius:.625rem;font-weight:900}body .option-btn.correct .option-letter{background:var(--mint);border-color:var(--mint);color:#fff}body .option-btn.incorrect .option-letter{background:var(--coral);border-color:var(--coral);color:#fff}body .ex-feedback,body .feedback-block{border-radius:var(--radius-xl);background:var(--color-bg-muted);padding:var(--space-5) var(--space-6);margin-top:var(--space-5);border:0}body .ex-feedback:has(.correct-feedback),body .feedback-block:has(.correct-feedback){background:var(--mint-soft)}body .ex-feedback:has(.incorrect-feedback),body .feedback-block:has(.incorrect-feedback){background:var(--coral-soft)}body .feedback-text{font-size:var(--text-xl);font-weight:900}body .feedback-text.correct-feedback,body .correct-feedback{color:var(--mint-ink)}body .feedback-text.incorrect-feedback,body .incorrect-feedback{color:var(--coral-ink)}body .feedback-explanation,body .explanation{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed)}body .feedback-explanation ul{padding-left:var(--space-5);margin-block:var(--space-2);list-style:outside}body .question-block .feedback:not(:empty){margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg-muted);border:0;font-weight:700}body .check-btn{margin-top:var(--space-5);border-radius:var(--radius-lg);background:var(--grape);color:#fff;letter-spacing:.03em;text-transform:uppercase;box-shadow:var(--press-md) var(--grape-shadow);justify-content:center;align-items:center;padding:.8125rem 1.5rem;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:inline-flex}body .check-btn:active{box-shadow:0 0 0 0 var(--grape-shadow);transform:translateY(4px)}body .ex-actions{margin-top:var(--space-6);justify-content:flex-end;display:flex}body .results-screen{text-align:center;background:var(--color-surface);border:2px solid var(--color-border);max-width:40rem;box-shadow:0 8px 0 0 var(--color-border);border-radius:2.5rem;margin-inline:auto;padding:clamp(2rem,5vw,3rem)}body .results-score{min-width:7.5rem;height:7.5rem;padding-inline:var(--space-4);margin-bottom:var(--space-6);background:var(--sun);color:#1b1740;box-shadow:0 8px 0 0 var(--sun-shadow);font-size:var(--text-4xl);border-radius:2.25rem;justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex;transform:rotate(-6deg)}body .results-msg{font-size:var(--text-lg);color:var(--color-text-muted);margin-inline:auto;font-weight:700}body .results-actions{justify-content:center;gap:var(--space-4);flex-flow:wrap}body .results-next a,body .next-up a{color:var(--grape-ink);font-weight:800}body .feedback{border-top-color:var(--color-border)}@keyframes cl-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}body .btn,body .btn-primary,body .btn-secondary,body .next-btn,body .finish-btn,body .retry-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:.03em;text-transform:uppercase;color:var(--btn-fg);background:var(--btn-bg);box-shadow:var(--press-md) var(--btn-edge);opacity:1;border:2px solid #0000;padding:.8125rem 1.375rem;font-weight:900;line-height:1.1;text-decoration:none;display:inline-flex}body .btn-primary,body .next-btn,body .finish-btn{--btn-bg:var(--grape);--btn-edge:var(--grape-shadow);--btn-fg:#fff}body .retry-btn,body .btn-secondary,body .btn-outline{--btn-bg:var(--color-surface);--btn-edge:var(--color-border-strong);--btn-fg:var(--color-text);border-color:var(--color-border-strong)}body .btn-success{--btn-bg:var(--mint);--btn-edge:var(--mint-shadow);--btn-fg:#fff}body .btn-sun{--btn-bg:var(--sun);--btn-edge:var(--sun-shadow);--btn-fg:#1b1740}body .btn-sky{--btn-bg:var(--sky);--btn-edge:var(--sky-shadow);--btn-fg:#fff}body .btn-danger{--btn-bg:var(--coral);--btn-edge:var(--coral-shadow);--btn-fg:#fff}body .btn-ghost{box-shadow:none;text-transform:none;letter-spacing:0;border-color:#0000;font-weight:800}body .btn-sm{font-size:var(--text-sm);border-radius:var(--radius-md);box-shadow:var(--press-sm) var(--btn-edge);padding:.5rem .875rem}body .btn-lg{font-size:var(--text-lg);box-shadow:var(--press-lg) var(--btn-edge);padding:1.0625rem 2rem}body :is(.btn,.next-btn,.finish-btn,.retry-btn):hover{filter:brightness(1.05);text-decoration:none}body :is(.btn,.next-btn,.finish-btn,.retry-btn):active{box-shadow:0 0 0 0 var(--btn-edge);transform:translateY(4px)}body .btn-ghost:active{transform:none}body .breadcrumb{font-size:var(--text-sm);color:var(--color-text-subtle);font-weight:700}body .breadcrumb a{color:var(--color-text-muted);text-decoration:none}body .breadcrumb a:hover{color:var(--grape-ink)}body .badge{border-radius:var(--radius-pill);font-size:var(--text-xs);text-transform:none;letter-spacing:.02em;border:0;padding:.25em .75em;font-weight:800}body :is(.badge-blue,.badge-blue-light,.badge-sky-light){background:var(--sky-soft);color:var(--sky-ink)}body :is(.badge-green,.badge-teal,.badge-teal-light){background:var(--mint-soft);color:var(--mint-ink)}body :is(.badge-amber,.badge-orange-light){background:var(--sun-soft);color:var(--sun-ink)}body .badge-red{background:var(--coral-soft);color:var(--coral-ink)}body :is(.badge-purple,.badge-purple-light,.badge-violet){background:var(--grape-soft);color:var(--grape-ink)}body .tip-card li strong,body .tip-card li b{font-size:inherit;color:var(--color-text);margin:0;display:inline}body .tip-card li{color:var(--color-text)}@media (hover:hover) and (pointer:fine){body .exercise-item .ex-options:after{content:"Tip: press 1–4 to answer · Enter for next";margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-subtle);font-weight:700;display:block}}.save-nudge{align-items:center;gap:var(--space-4);margin-top:var(--space-5,1.25rem);padding:var(--space-4) var(--space-5,1.25rem);border:2px solid var(--sky);border-radius:var(--radius-xl,1.25rem);background:var(--sky-soft);text-align:start;display:flex}.save-nudge-icon{background:var(--sky);color:#fff;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.375rem;display:inline-flex}.save-nudge-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.save-nudge-text strong{color:var(--color-text);font-weight:900}.save-nudge-text span{font-size:var(--text-sm);color:var(--color-text-muted)}.save-nudge-actions{flex-direction:column;flex-shrink:0;align-items:stretch;gap:.375rem;display:flex}.save-nudge-later{font:inherit;font-size:var(--text-sm);color:var(--color-text-subtle);cursor:pointer;background:0 0;border:0;font-weight:700}.save-nudge-later:hover{color:var(--color-text)}html.signed-in .save-nudge{display:none}@media (width<=560px){.save-nudge{flex-wrap:wrap}.save-nudge-actions{flex-direction:row;width:100%}.save-nudge-actions .btn{flex:1;justify-content:center}}.missed-review{align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--color-bg-muted);text-align:start;display:flex}.missed-review-text{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.missed-review-text strong{color:var(--color-text);font-weight:900}.missed-review-words{font-family:var(--font-mono);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.missed-review-btn{flex-shrink:0}.missed-review-btn.is-added{background:var(--mint-soft);border-color:var(--mint);color:var(--mint-ink);box-shadow:none;transform:none}@media (width<=560px){.missed-review{flex-wrap:wrap}.missed-review-btn{justify-content:center;width:100%}}body .phrasebook-page .situation-tabs{z-index:5;gap:var(--space-2);padding:var(--space-2) 0 var(--space-3);margin-bottom:var(--space-6);background:var(--color-bg);scrollbar-width:none;display:flex;position:sticky;top:4.75rem;overflow-x:auto}body .phrasebook-page .situation-tabs::-webkit-scrollbar{display:none}body .phrasebook-page .situation-tabs a{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:800;font-size:var(--text-sm);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.5rem .875rem;text-decoration:none}body .phrasebook-page .situation-tabs a:hover{border-color:var(--coral);color:var(--coral-ink)}body .phrasebook-page .situation{scroll-margin-top:9rem}body .phrasebook-page .situation-title{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:900}body .phrasebook-page .tip-card{border-radius:var(--radius-xl);background:var(--sun-soft);padding:var(--space-5) var(--space-6);color:var(--color-text);border:0}body .phrasebook-page .tip-card li{color:var(--color-text-muted)}body .phrasebook-page .tip-card>strong:first-child{margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:900;display:block}body .phrasebook-page.phrasebook-page .tip-card li strong,body .phrasebook-page.phrasebook-page .tip-card p strong{color:var(--color-text);margin:0;display:inline}body .phrasebook-page.phrasebook-page .tip-card li,body .phrasebook-page.phrasebook-page .tip-card p{display:block}body .phrasebook-page.phrasebook-page .tip-card li{display:list-item}body .phrasebook-page .tip-card ul{padding-left:var(--space-5);list-style:outside}body .phrasebook-page .tip-card li{display:list-item}body .phrasebook-page .tip-card p{margin:var(--space-3) 0 0;color:var(--color-text-muted)}body .phrasebook-page .phrase-list{gap:var(--space-3);background:0 0;border:0;flex-direction:column;padding:0;display:flex}body .phrasebook-page .phrase-item{align-items:start;gap:var(--space-1) var(--space-4);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 4px 0 var(--color-border);grid-template-columns:1fr auto;grid-template-areas:"text copy""note copy";display:grid}body .phrasebook-page .phrase-text{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text);grid-area:text;font-weight:800;line-height:1.4}body .phrasebook-page .phrase-note{font-size:var(--text-sm);color:var(--color-text-muted);grid-area:note;font-style:normal}body .phrasebook-page .phrase-note:before{content:"💡 "}body .phrasebook-page .copy-btn{border-radius:var(--radius-md);background:var(--color-bg-muted);color:var(--color-text-muted);cursor:pointer;border:0;grid-area:copy;align-items:center;gap:.375rem;padding:.5rem .75rem;display:inline-flex}body .phrasebook-page .copy-btn:hover{background:var(--grape-soft);color:var(--grape-ink)}body .phrasebook-page .copy-btn.copied{background:var(--mint-soft);color:var(--mint-ink)}body .phrasebook-page .related-links{border-radius:var(--radius-xl);background:var(--grape);color:#fff;padding:var(--space-5) var(--space-6);box-shadow:0 5px 0 var(--grape-shadow);border:0}body .phrasebook-page .related-links strong{color:#fff;font-size:var(--text-lg);font-weight:900}body .phrasebook-page .related-links a{color:#fff;font-weight:800}body .phrasebook-page .related-links a:hover{color:var(--sun)}@media (width<=640px){body .phrasebook-page .phrase-item{padding:var(--space-4)}body .phrasebook-page .phrase-text{font-size:var(--text-base)}body .phrasebook-page .situation-tabs{top:4rem}}.cat-progress{align-items:center;gap:var(--space-5);margin:var(--space-6) 0 var(--space-8);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);background:var(--color-surface);box-shadow:0 4px 0 var(--color-border);border-radius:1.25rem;flex-wrap:wrap;display:flex}.cat-progress-text{flex-direction:column;flex:1;gap:.25rem;min-width:14rem;display:flex}.cat-progress-text strong{color:var(--color-text);font-weight:900}.cat-progress-text>span:not(.cat-progress-bar){font-size:var(--text-sm);color:var(--color-text-muted);font-weight:700}.cat-progress-bar{background:var(--color-bg-muted);border-radius:999px;height:.625rem;margin-top:.25rem;display:block;overflow:hidden}.cat-progress-bar>span{background:var(--mint);border-radius:999px;height:100%;display:block}.cat-progress-go{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}a.is-practised-card{position:relative}a.is-practised-card:after{content:"✓";background:var(--mint);color:#fff;width:1.625rem;height:1.625rem;box-shadow:0 2px 0 var(--mint-shadow);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:900;display:inline-flex;position:absolute;top:-.5rem;right:-.5rem}a.is-practised-inline:before{content:"✓ ";color:var(--mint-ink);font-weight:900}body .filter-pill.filter-pill.active{background:var(--grape);border-color:var(--grape);color:#fff}body .filter-pill.filter-pill:not(.active):hover{background:var(--grape-soft);border-color:var(--grape);color:var(--grape-ink)}#options-list{counter-reset:legacy-opt}#options-list button{counter-increment:legacy-opt;border:2px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:0 3px 0 0 var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}#options-list button:before{content:counter(legacy-opt, upper-alpha);background:var(--color-bg-muted);width:1.75rem;height:1.75rem;font-weight:800;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}#options-list button:hover:not(:disabled){border-color:var(--grape)}#options-list button:disabled{opacity:1;cursor:default}#feedback-verdict{font-size:var(--text-lg)}#result-container h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.moment{z-index:1000;padding:var(--space-4);background:#1b17408c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.moment-card{width:min(100%,35rem);padding:2rem var(--space-6,1.5rem);border-radius:var(--radius-xl,1.25rem);background:var(--color-bg,#fffbf5);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;box-shadow:0 6px #1b17401f}.moment-sun{background:var(--sun-soft)}.moment-badge{min-width:6rem;height:6rem;padding:0 var(--space-4);color:#fff;background:var(--grape);box-shadow:0 6px 0 var(--grape-shadow);border-radius:1.5rem;justify-content:center;align-items:center;font-size:2.5rem;font-weight:900;display:inline-flex}.moment-sun .moment-badge{box-shadow:none;background:0 0;font-size:4rem}.moment-coral .moment-badge{background:var(--coral);box-shadow:0 6px 0 var(--coral-shadow)}.moment-kicker{letter-spacing:.1em;color:var(--grape);margin:0;font-size:.75rem;font-weight:900}.moment-coral .moment-kicker{color:var(--coral)}.moment-title{color:var(--color-text);margin:0;font-size:2rem;font-weight:900}.moment-sun .moment-title{color:#1b1740}.moment-text{margin:0 0 var(--space-3);max-width:28rem;color:var(--color-text-muted)}.moment-cta{justify-content:center;min-width:14rem}.moment-coral .moment-cta{--btn-bg:var(--coral);--btn-edge:var(--coral-shadow)}.moment-sun .moment-cta{--btn-bg:var(--sun);--btn-edge:var(--sun-shadow);--btn-fg:#1b1740}.moment-secondary{font-weight:700;font-size:var(--text-sm);color:var(--grape);cursor:pointer;text-decoration:none}.moment-sky .moment-badge{background:var(--sky);box-shadow:0 6px 0 var(--sky-shadow,#1487db)}.moment-sky .moment-kicker{color:var(--sky)}.moment-sky .moment-cta{--btn-bg:var(--sky);--btn-edge:var(--sky-shadow,#1487db)}.lang-switcher[data-astro-cid-l4evwy7q]{position:relative}.lang-btn[data-astro-cid-l4evwy7q]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.lang-btn[data-astro-cid-l4evwy7q]:hover{background:var(--color-bg-muted);color:var(--color-text);border-color:var(--color-border-strong)}.lang-btn[data-astro-cid-l4evwy7q]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lang-btn[data-astro-cid-l4evwy7q][aria-expanded=true]{background:var(--color-bg-muted);border-color:var(--color-primary);color:var(--color-text)}.lang-current[data-astro-cid-l4evwy7q]{text-overflow:ellipsis;max-width:6rem;overflow:hidden}.lang-chevron[data-astro-cid-l4evwy7q]{flex-shrink:0;transition:transform .2s}.lang-btn[data-astro-cid-l4evwy7q][aria-expanded=true] .lang-chevron[data-astro-cid-l4evwy7q]{transform:rotate(180deg)}.lang-dropdown[data-astro-cid-l4evwy7q]{top:calc(100% + var(--space-2));background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:200px;max-height:320px;box-shadow:var(--shadow-lg);z-index:300;padding:var(--space-2) 0;list-style:none;animation:.15s both dd-open;position:absolute;inset-inline-end:0;overflow-y:auto}@keyframes dd-open{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-option[data-astro-cid-l4evwy7q]{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:background .1s,color .1s;display:flex;text-decoration:none!important}.lang-option[data-astro-cid-l4evwy7q]:hover{background:var(--color-bg-muted);color:var(--color-text)}.lang-option--active[data-astro-cid-l4evwy7q]{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.lang-native[data-astro-cid-l4evwy7q]{flex:1}.site-header[data-astro-cid-nen7h5rs]{z-index:100;background:color-mix(in srgb, var(--color-surface) 92%, transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:2px solid var(--color-border);position:sticky;top:0}.header-inner[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-6);height:4.5rem;display:flex}.logo[data-astro-cid-nen7h5rs]{flex-shrink:0;align-items:center;gap:.625rem;display:flex;text-decoration:none!important}.logo-mark[data-astro-cid-nen7h5rs]{background:var(--grape);width:2.5rem;height:2.5rem;box-shadow:var(--press-sm) var(--grape-shadow);color:#fff;font-family:var(--font-mono);letter-spacing:-.04em;border-radius:.875rem;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;transition:transform .15s;display:inline-flex}.logo[data-astro-cid-nen7h5rs]:hover .logo-mark[data-astro-cid-nen7h5rs]{transform:rotate(-6deg)}.logo-text[data-astro-cid-nen7h5rs]{letter-spacing:-.02em;color:var(--color-text);white-space:nowrap;font-size:1.375rem;font-weight:900}.logo-text[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs]{color:var(--grape)}.main-nav[data-astro-cid-nen7h5rs]{flex:1}.main-nav[data-astro-cid-nen7h5rs]>ul[data-astro-cid-nen7h5rs]{gap:var(--space-1);list-style:none;display:flex}.nav-group[data-astro-cid-nen7h5rs]{position:relative}.nav-link[data-astro-cid-nen7h5rs]{border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);white-space:nowrap;background:0 0;align-items:center;gap:.375rem;padding:.5rem .875rem;font-weight:800;transition:background .15s,color .15s;display:inline-flex;text-decoration:none!important}.nav-link[data-astro-cid-nen7h5rs]:hover,.nav-group[data-astro-cid-nen7h5rs]:focus-within .nav-trigger[data-astro-cid-nen7h5rs],.nav-trigger[data-astro-cid-nen7h5rs][aria-expanded=true]{background:var(--color-bg-muted)}.nav-link[data-astro-cid-nen7h5rs].active{background:var(--grape-soft);color:var(--grape-ink)}.chev[data-astro-cid-nen7h5rs]{color:var(--color-text-subtle);flex-shrink:0;transition:transform .2s}.nav-link[data-astro-cid-nen7h5rs].active .chev[data-astro-cid-nen7h5rs]{color:inherit}.nav-trigger[data-astro-cid-nen7h5rs][aria-expanded=true] .chev[data-astro-cid-nen7h5rs]{transform:rotate(180deg)}.nav-panel[data-astro-cid-nen7h5rs]{width:22.5rem;padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 6px 0 0 var(--color-border), 0 24px 48px #1b17401f;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + .75rem);left:-.5rem;transform:translateY(-6px)}.nav-panel[data-astro-cid-nen7h5rs]:before{content:"";height:.875rem;position:absolute;top:-.875rem;left:0;right:0}.nav-group[data-astro-cid-nen7h5rs]:hover .nav-panel[data-astro-cid-nen7h5rs],.nav-group[data-astro-cid-nen7h5rs].open .nav-panel[data-astro-cid-nen7h5rs]{opacity:1;visibility:visible;transform:none}.nav-panel-head[data-astro-cid-nen7h5rs]{padding:0 var(--space-2) var(--space-2);color:var(--color-text-subtle)}.nav-panel[data-astro-cid-nen7h5rs] ul[data-astro-cid-nen7h5rs]{flex-direction:column;gap:2px;display:flex}.nav-item[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);transition:background .12s;display:flex;text-decoration:none!important}.nav-item[data-astro-cid-nen7h5rs]:hover,.nav-item[data-astro-cid-nen7h5rs]:focus-visible,.nav-item[data-astro-cid-nen7h5rs].active{background:var(--color-bg-muted)}.nav-item[data-astro-cid-nen7h5rs] .icon-tile[data-astro-cid-nen7h5rs]{border-radius:.875rem;width:2.75rem;height:2.75rem;font-size:.875rem}.nav-item-text[data-astro-cid-nen7h5rs]{flex-direction:column;min-width:0;display:flex}.nav-item-label[data-astro-cid-nen7h5rs]{color:var(--color-text);font-weight:800}.nav-item-desc[data-astro-cid-nen7h5rs]{font-size:var(--text-sm);color:var(--color-text-muted)}.header-actions[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.search-btn[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);background:var(--color-bg-muted);min-width:13rem;height:2.625rem;color:var(--color-text-subtle);font-size:var(--text-sm);padding:0 .5rem 0 .875rem;font-weight:700;transition:background .15s,color .15s;display:flex}.search-btn[data-astro-cid-nen7h5rs]:hover{color:var(--color-text);background:var(--color-border)}.search-label[data-astro-cid-nen7h5rs]{text-align:start;flex:1}.search-shortcut[data-astro-cid-nen7h5rs]{font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);white-space:nowrap;border-radius:6px;padding:.15em .4em;font-size:.6875rem;font-weight:700}.icon-btn[data-astro-cid-nen7h5rs]{border-radius:var(--radius-md);width:2.625rem;height:2.625rem;color:var(--color-text-muted);background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn[data-astro-cid-nen7h5rs]:hover{background:var(--color-bg-muted);color:var(--color-text)}.icon-moon[data-astro-cid-nen7h5rs],[data-astro-cid-nen7h5rs][data-theme=dark] .icon-sun[data-astro-cid-nen7h5rs]{display:none}[data-astro-cid-nen7h5rs][data-theme=dark] .icon-moon[data-astro-cid-nen7h5rs]{display:block}.header-cta[data-astro-cid-nen7h5rs]{white-space:nowrap;margin-inline-start:var(--space-1)}html.signed-in .header-cta[data-astro-cid-nen7h5rs]{display:none}.account[data-astro-cid-nen7h5rs]{margin-inline-start:var(--space-1);display:none;position:relative}html.signed-in .account[data-astro-cid-nen7h5rs]{display:block}.account-trigger[data-astro-cid-nen7h5rs]{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.25rem;padding:.1875rem .375rem .1875rem .1875rem;display:inline-flex}.account-trigger[data-astro-cid-nen7h5rs]:hover,.account[data-astro-cid-nen7h5rs].open .account-trigger[data-astro-cid-nen7h5rs]{border-color:var(--grape)}.account-avatar[data-astro-cid-nen7h5rs]{background:var(--grape);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8125rem;font-weight:900;display:inline-flex;overflow:hidden}.account-avatar[data-astro-cid-nen7h5rs] img{object-fit:cover;width:100%;height:100%}.account-panel[data-astro-cid-nen7h5rs]{inset-inline-end:0;border-radius:var(--radius-lg);background:var(--color-surface);border:2px solid var(--color-border);min-width:14rem;box-shadow:0 4px 0 var(--color-border);z-index:60;padding:.5rem;display:none;position:absolute;top:calc(100% + .5rem)}.account[data-astro-cid-nen7h5rs].open .account-panel[data-astro-cid-nen7h5rs]{flex-direction:column;display:flex}.account-name[data-astro-cid-nen7h5rs]{border-bottom:2px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;padding:.5rem .75rem .625rem;font-weight:900;overflow:hidden}.account-name[data-astro-cid-nen7h5rs]:empty{display:none}.account-panel[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs],.account-signout[data-astro-cid-nen7h5rs]{border-radius:var(--radius-md);font-weight:800;font-size:var(--text-sm);color:var(--color-text);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;text-decoration:none!important}.account-panel[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,.account-signout[data-astro-cid-nen7h5rs]:hover{background:var(--color-bg-muted)}.account-due[data-astro-cid-nen7h5rs]{background:var(--sun);color:#3b2a00;text-align:center;border-radius:999px;min-width:1.375rem;padding:0 .375rem;font-size:.75rem}.account-panel[data-astro-cid-nen7h5rs] form[data-astro-cid-nen7h5rs]{border-top:2px solid var(--color-border);margin:.25rem 0 0;padding-top:.25rem}.account-signout[data-astro-cid-nen7h5rs]{cursor:pointer;width:100%;color:var(--color-text-muted);background:0 0;border:0;font-family:inherit}.mobile-account[data-astro-cid-nen7h5rs]{margin-top:var(--space-4);display:flex}.mobile-account[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs]{flex:1;justify-content:center}.mobile-account-in[data-astro-cid-nen7h5rs]{display:none}html.signed-in .mobile-account-in[data-astro-cid-nen7h5rs]{display:inline-flex}html.signed-in .mobile-account-out[data-astro-cid-nen7h5rs],.mobile-menu-btn[data-astro-cid-nen7h5rs]{display:none}.search-dialog[data-astro-cid-nen7h5rs]{background:var(--color-surface);width:min(680px,94vw);max-height:calc(100vh - 8rem);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 8px 0 0 var(--color-border), 0 32px 64px #1b174040;margin:0;padding:0;position:fixed;top:5.5rem;left:50%;overflow:hidden;transform:translate(-50%)}.search-dialog[data-astro-cid-nen7h5rs]::backdrop{backdrop-filter:blur(4px);background:#1b174073}.search-box[data-astro-cid-nen7h5rs]{flex-direction:column;display:flex}.search-input-row[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:2px solid var(--color-border);display:flex}.search-icon[data-astro-cid-nen7h5rs]{color:var(--grape);flex-shrink:0}.search-input[data-astro-cid-nen7h5rs]{font-size:var(--text-lg);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-weight:700}.search-input[data-astro-cid-nen7h5rs]::placeholder{color:var(--color-text-subtle);font-weight:600}.search-input[data-astro-cid-nen7h5rs]::-webkit-search-cancel-button{display:none}.search-esc[data-astro-cid-nen7h5rs]{font-size:var(--text-xs);color:var(--color-text-subtle);background:var(--color-bg-muted);border-radius:6px;flex-shrink:0;padding:.2em .5em}.search-results[data-astro-cid-nen7h5rs]{max-height:420px;padding:var(--space-2);overflow-y:auto}.search-results[data-astro-cid-nen7h5rs]:empty:after{content:"Type to search...";text-align:center;color:var(--color-text-subtle);padding:var(--space-8) var(--space-4);font-size:var(--text-sm);font-weight:700;display:block}.search-footer[data-astro-cid-nen7h5rs]{padding:var(--space-2) var(--space-4);border-top:2px solid var(--color-border);justify-content:flex-end;display:flex}.search-footer-hint[data-astro-cid-nen7h5rs]{color:var(--color-text-subtle);gap:.25rem;font-size:.7rem;font-weight:700;display:flex}.search-footer-hint[data-astro-cid-nen7h5rs] kbd[data-astro-cid-nen7h5rs]{font-size:inherit;background:var(--color-bg-muted);color:var(--color-text-muted);border-radius:4px;padding:0 .3em}.mobile-menu[data-astro-cid-nen7h5rs]{background:var(--color-surface);border-top:2px solid var(--color-border);padding:var(--space-4) var(--space-4) var(--space-6);max-height:calc(100vh - 4.5rem);overflow-y:auto}.mobile-group[data-astro-cid-nen7h5rs]{margin-bottom:var(--space-4)}.mobile-group[data-astro-cid-nen7h5rs] .eyebrow[data-astro-cid-nen7h5rs]{padding:0 var(--space-2) var(--space-2);color:var(--color-text-subtle);font-size:var(--text-xs)}.mobile-nav-link[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text);font-weight:800;display:flex;text-decoration:none!important}.mobile-nav-link[data-astro-cid-nen7h5rs] .icon-tile[data-astro-cid-nen7h5rs]{border-radius:.75rem;width:2.5rem;height:2.5rem;font-size:.8125rem}.mobile-nav-link[data-astro-cid-nen7h5rs]:hover,.mobile-nav-link[data-astro-cid-nen7h5rs].active{background:var(--color-bg-muted)}.mobile-lang-switcher[data-astro-cid-nen7h5rs]{margin-top:var(--space-4);padding-top:var(--space-4);border-top:2px solid var(--color-border)}@media (width<=1180px){.search-btn[data-astro-cid-nen7h5rs]{justify-content:center;width:2.625rem;min-width:0;padding:0}.search-label[data-astro-cid-nen7h5rs],.search-shortcut[data-astro-cid-nen7h5rs]{display:none}}@media (width<=1024px){.main-nav[data-astro-cid-nen7h5rs],.header-cta[data-astro-cid-nen7h5rs]{display:none}.mobile-menu-btn[data-astro-cid-nen7h5rs]{display:inline-flex}.header-inner[data-astro-cid-nen7h5rs]{gap:var(--space-3)}}@media (width<=640px){.header-actions[data-astro-cid-nen7h5rs] .lang-switcher{display:none}.header-actions[data-astro-cid-nen7h5rs]{gap:var(--space-1)}}@media (width<=420px){.logo-text[data-astro-cid-nen7h5rs]{font-size:1.125rem}.header-streak[data-astro-cid-nen7h5rs]{display:none!important}}.search-result-item:hover,.search-result-item[aria-selected=true]{background:var(--color-bg-muted)!important}.site-footer[data-astro-cid-jo6i4kqk]{--f-text:#e9e4ff;--f-muted:#e9e4ffad;--f-line:#e9e4ff1f;background:var(--color-code-bg);color:var(--f-text);margin-top:auto}.footer-inner[data-astro-cid-jo6i4kqk]{gap:var(--space-16);padding-block:var(--space-16);grid-template-columns:minmax(16rem,1fr) 3fr;display:grid}.footer-brand[data-astro-cid-jo6i4kqk]{gap:var(--space-4);flex-direction:column;display:flex}.footer-logo[data-astro-cid-jo6i4kqk]{letter-spacing:-.02em;color:var(--f-text);align-items:center;gap:.625rem;width:fit-content;font-size:1.5rem;font-weight:900;display:flex;text-decoration:none!important}.footer-logo[data-astro-cid-jo6i4kqk] .accent[data-astro-cid-jo6i4kqk]{color:#9b7bff}.logo-mark[data-astro-cid-jo6i4kqk]{color:#fff;width:2.5rem;height:2.5rem;font-family:var(--font-mono);letter-spacing:-.04em;background:#7c4dff;border-radius:.875rem;justify-content:center;align-items:center;font-size:.8125rem;font-weight:800;display:inline-flex;box-shadow:0 3px #5b2fe0}.footer-brand[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{color:var(--f-muted);max-width:30ch}.footer-pills[data-astro-cid-jo6i4kqk]{gap:var(--space-2);flex-wrap:wrap;display:flex}.footer-pills[data-astro-cid-jo6i4kqk] li[data-astro-cid-jo6i4kqk]{color:#ffd166;font-size:var(--text-xs);background:#ffc53d24;border-radius:999px;padding:.3rem .75rem;font-weight:800}.footer-nav[data-astro-cid-jo6i4kqk]{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.footer-nav-col[data-astro-cid-jo6i4kqk] h2[data-astro-cid-jo6i4kqk]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:#ffc53d;margin-bottom:var(--space-4);font-weight:900}.footer-nav-col[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{gap:var(--space-2);flex-direction:column;display:flex}.footer-nav-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--f-muted);font-weight:600;transition:color .15s;text-decoration:none!important}.footer-nav-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:#fff}.footer-bottom[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--f-line);padding-block:var(--space-6)}.footer-bottom-inner[data-astro-cid-jo6i4kqk]{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--f-muted);flex-wrap:wrap;display:flex}.footer-dev[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--f-text);align-items:center;gap:5px;text-decoration:underline;display:inline-flex}.cw-accent[data-astro-cid-jo6i4kqk]{color:#9b7bff}@media (width<=1024px){.footer-inner[data-astro-cid-jo6i4kqk]{gap:var(--space-10);padding-block:var(--space-12);grid-template-columns:1fr}.footer-brand[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{max-width:none}}@media (width<=768px){.footer-nav[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.footer-nav[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr}.footer-bottom-inner[data-astro-cid-jo6i4kqk]{text-align:center;justify-content:center}}:root{--grape:#7c4dff;--grape-shadow:#5b2fe0;--grape-soft:#efe9ff;--color-primary:var(--grape);--color-primary-dark:var(--grape-shadow);--color-primary-light:var(--grape-soft);--color-bg:#fffbf5;--color-bg-subtle:#fbf6ee;--color-bg-muted:#f6f1e9;--color-surface:#fff;--color-border:#ece6dc;--color-text:#1b1740;--color-text-muted:#5e5a7a;--color-text-subtle:#8a86a3;--color-text-inverse:#fff;--font-sans:"Nunito", ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-4xl:3rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-md:.75rem;--radius-lg:1rem;--max-w-content:80rem}[data-theme=dark]{--grape:#8b63ff;--grape-shadow:#5b2fe0;--grape-soft:#2b2452;--color-bg:#15122b;--color-bg-subtle:#1a1633;--color-bg-muted:#282347;--color-surface:#1f1b3a;--color-border:#332d55;--color-text:#f4f1ff;--color-text-muted:#b9b4d6;--color-text-subtle:#8f8ab3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);flex-direction:column;min-height:100vh;font-weight:500;line-height:1.6;display:flex}.skip-link{top:-100%;z-index:1000;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;text-decoration:none;position:absolute;inset-inline-start:var(--space-4)}.skip-link:focus{top:var(--space-4)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:var(--max-w-content);padding-inline:var(--space-8);margin-inline:auto}@media (width<=640px){.container{padding-inline:var(--space-4)}}.ex-nav-strip{bottom:0;background:var(--color-bg);border-top:1px solid var(--color-border);z-index:50;padding:var(--space-3) 0;position:fixed;inset-inline:0}.ex-nav-inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.ex-nav-btn{font-size:var(--text-sm);color:var(--color-primary);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4em;max-width:38%;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex;overflow:hidden}.ex-nav-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.ex-nav-pos{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}body:has(#ex-nav-strip:not([hidden])) main{padding-bottom:4rem}.copy-passage-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg,#fff);color:var(--color-text-muted);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.copy-passage-btn:hover{background:var(--color-primary-light,#eff6ff);color:var(--color-primary);border-color:var(--color-primary)}.report-fab{right:var(--space-4);bottom:var(--space-4);z-index:40;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);border:2px solid var(--color-border);box-shadow:var(--press-sm,0 2px 0 0) var(--color-border);font-size:var(--text-xs);align-items:center;gap:.4em;padding:.55rem .9rem;font-weight:800;transition:background .15s,color .15s,bottom .15s;display:inline-flex;position:fixed}.report-fab:hover{background:var(--color-bg-muted);color:var(--color-text)}body:has(#ex-nav-strip:not([hidden])) .report-fab{bottom:calc(var(--space-4) + 3.25rem)}@media (width<=640px){.report-fab span:last-child{display:none}.report-fab{padding:.6rem}}.report-dialog{border-radius:var(--radius-xl,1rem);box-shadow:0 8px 0 0 var(--color-border), 0 24px 48px #1b17402e;background:var(--color-surface);max-width:min(28rem,92vw);color:var(--color-text);border:none;padding:0}.report-dialog::backdrop{backdrop-filter:blur(2px);background:#1b174073}.report-dialog form{gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.report-dialog h2{font-size:var(--text-xl);margin:0}.report-dialog label{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;font-weight:700;display:flex}.report-dialog .optional{color:var(--color-text-subtle);font-weight:500}.report-dialog select,.report-dialog textarea{font-family:inherit;font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md,.5rem);border:2px solid var(--color-border-strong,var(--color-border));background:var(--color-bg);color:var(--color-text);resize:vertical}.report-actions{justify-content:flex-end;gap:var(--space-3);display:flex}#report-status{min-height:1.2em;font-size:var(--text-sm);color:var(--color-text-muted);margin:0}