:root{color-scheme:light dark;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--leading-tight:1.15;--leading-normal:1.5;--leading-code:1.6;--weight-regular:400;--weight-medium:500;--weight-bold:700;--measure:65ch;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius:12px;--radius-lg:20px;--radius-full:999px;--tap:44px;--button-h:52px;--progress-h:4px;--nav-bottom-h:64px;--nav-rail-w:72px;--content-max:720px;--page-max:1120px;--z-nav:10;--z-sheet:20;--z-toast:30;--dur-fast:120ms;--dur-base:160ms;--dur-slow:200ms;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--color-bg:#ffffff;--color-surface:#f6f7f5;--color-surface-2:#edefec;--color-border:#d9dddb;--color-border-strong:#8c948f;--color-text:#1a1f1c;--color-text-muted:#5b635e;--color-accent:#0b7a68;--color-accent-hover:#09685a;--color-accent-contrast:#ffffff;--color-accent-soft:#e3f3ef;--color-success:#1e7b34;--color-success-soft:#e6f4e9;--color-warning:#8a5a00;--color-warning-soft:#fbf1dc;--color-error:#c2261e;--color-error-soft:#fbe9e7;--color-focus:var(--color-accent);--focus-ring:0 0 0 3px color-mix(in srgb,var(--color-focus) 45%,transparent);--shadow-1:0 1px 2px rgb(16 24 20/0.06),0 1px 1px rgb(16 24 20/0.04);--shadow-2:0 4px 12px rgb(16 24 20/0.08),0 2px 4px rgb(16 24 20/0.05);--shadow-3:0 12px 32px rgb(16 24 20/0.12),0 4px 8px rgb(16 24 20/0.06);--code-bg:var(--color-surface);--code-text:var(--color-text);--code-keyword:#8f3fb0;--code-string:#1e7b34;--code-number:#b0500f;--code-comment:#6b736e;--code-function:#0b62a8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#121514;--color-surface:#1a1e1c;--color-surface-2:#232826;--color-border:#2c322f;--color-border-strong:#5c6460;--color-text:#eceeed;--color-text-muted:#a3aba6;--color-accent:#4cc9b0;--color-accent-hover:#6fd6c1;--color-accent-contrast:#0b1f1a;--color-accent-soft:#173a33;--color-success:#5bc77a;--color-success-soft:#173222;--color-warning:#e8b04b;--color-warning-soft:#3a2d12;--color-error:#ff7a70;--color-error-soft:#3d1c1a;--shadow-1:0 1px 2px rgb(0 0 0/0.4);--shadow-2:0 4px 12px rgb(0 0 0/0.45);--shadow-3:0 12px 32px rgb(0 0 0/0.55);--code-keyword:#d19bf0;--code-string:#7fd492;--code-number:#f0a36b;--code-comment:#8a938e;--code-function:#7cb8f0}}:root[data-theme=dark]{color-scheme:dark;--color-bg:#121514;--color-surface:#1a1e1c;--color-surface-2:#232826;--color-border:#2c322f;--color-border-strong:#5c6460;--color-text:#eceeed;--color-text-muted:#a3aba6;--color-accent:#4cc9b0;--color-accent-hover:#6fd6c1;--color-accent-contrast:#0b1f1a;--color-accent-soft:#173a33;--color-success:#5bc77a;--color-success-soft:#173222;--color-warning:#e8b04b;--color-warning-soft:#3a2d12;--color-error:#ff7a70;--color-error-soft:#3d1c1a;--shadow-1:0 1px 2px rgb(0 0 0/0.4);--shadow-2:0 4px 12px rgb(0 0 0/0.45);--shadow-3:0 12px 32px rgb(0 0 0/0.55);--code-keyword:#d19bf0;--code-string:#7fd492;--code-number:#f0a36b;--code-comment:#8a938e;--code-function:#7cb8f0}:root[data-theme=light]{color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms}}*,:after,:before{box-sizing:border-box}html{text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:var(--leading-tight)}h1,h2,h3,p{margin:0 0 var(--space-4)}p{max-width:var(--measure)}code,kbd,pre{font-family:var(--font-mono)}a{color:var(--color-accent)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius)}img,svg,video{max-width:100%;height:auto}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}.label,.muted{color:var(--color-text-muted)}.label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.row--center{justify-content:center}.between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.block{margin-top:var(--space-6)}.plain{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.plain>li{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.plain p{margin:var(--space-1) 0 0}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-2);font-size:var(--text-sm);font-weight:var(--weight-medium)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--space-5);border:1px solid transparent;border-radius:var(--radius);font:inherit;font-weight:var(--weight-medium);line-height:var(--leading-tight);text-decoration:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast)}.btn svg{width:var(--space-5);height:var(--space-5);flex:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{display:flex;width:100%}.btn--block,.btn--lg{min-height:var(--button-h);font-size:var(--text-lg)}.btn--lg{padding-inline:var(--space-6)}.btn--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-2)}.btn--ghost{background:transparent;color:var(--color-accent);padding-inline:var(--space-3)}.btn--ghost:hover:not(:disabled){background:var(--color-accent-soft)}.btn--danger{background:var(--color-bg);color:var(--color-error);border-color:var(--color-error)}.btn--danger:hover:not(:disabled){background:var(--color-error-soft)}.btn.is-loading{position:relative;color:transparent}.btn.is-loading:after{content:"";position:absolute;width:var(--space-5);height:var(--space-5);border:2px solid var(--color-accent-contrast);border-right:2px solid transparent;border-radius:var(--radius-full);animation:spin .8s linear infinite}.btn--ghost.is-loading:after,.btn--secondary.is-loading:after{border-color:var(--color-accent);border-right-color:transparent}@keyframes spin{to{transform:rotate(1turn)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--tap);height:var(--tap);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text);cursor:pointer;text-decoration:none}.icon-btn:hover{background:var(--color-surface-2)}.field{margin-bottom:var(--space-4)}.field__label{display:block;margin-bottom:var(--space-1);font-weight:var(--weight-medium)}.field__error,.field__hint{margin:var(--space-1) 0 0;font-size:var(--text-sm)}.field__hint{color:var(--color-text-muted)}.field__error{color:var(--color-error)}.input{display:block;width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit}.input[aria-invalid=true]{border-color:var(--color-error)}.input--area{resize:vertical;line-height:var(--leading-normal)}.input--code{font-family:var(--font-mono)}.check{margin-bottom:var(--space-4)}.check__row{display:flex;gap:var(--space-3);align-items:flex-start;min-height:var(--tap);padding-block:var(--space-2);cursor:pointer}.check__row input{flex:none;width:var(--space-5);height:var(--space-5);margin:0;accent-color:var(--color-accent)}.subform{padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-surface);border-radius:var(--radius)}.skeleton{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.skeleton__line{height:var(--space-5);border-radius:var(--radius);background:var(--color-surface-2);animation:pulse 1.2s var(--ease-in-out) infinite alternate}.skeleton__line--tall{height:var(--space-8)}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.state{padding:var(--space-6) var(--space-4);text-align:center;background:var(--color-surface);border-radius:var(--radius-lg)}.state p{margin-inline:auto}.state .row{justify-content:center}.state__title{font-size:var(--text-xl)}.state--error{background:var(--color-error-soft)}.notice{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border-left:4px solid var(--color-border-strong);background:var(--color-surface);font-size:var(--text-md)}.notice--success{border-color:var(--color-success);background:var(--color-success-soft)}.notice--warning{border-color:var(--color-warning);background:var(--color-warning-soft)}.notice--error{border-color:var(--color-error);background:var(--color-error-soft)}.bar{height:var(--progress-h);border-radius:var(--radius-full);background:var(--color-surface-2);overflow:hidden}.bar__fill{height:100%;width:100%;background:var(--color-accent);transform-origin:left;transition:transform var(--dur-slow) var(--ease-out)}.menu{position:relative}.menu__list{position:absolute;right:0;top:100%;z-index:var(--z-sheet);min-width:calc(var(--space-9) * 2);margin:var(--space-1) 0 0;padding:var(--space-2);list-style:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-2)}.menu__item{display:flex;align-items:center;width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius);background:transparent;color:var(--color-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;white-space:nowrap}.menu__item:hover{background:var(--color-surface-2)}.menu__item--danger{color:var(--color-error)}.sheet-wrap{position:fixed;inset:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center;background:rgb(0 0 0/.45)}.sheet{width:100%;max-height:90dvh;overflow-y:auto;padding:var(--space-4) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));background:var(--color-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-3);animation:sheet-in var(--dur-slow) var(--ease-out)}.sheet:focus{outline:none}.sheet__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.sheet__title{margin:0;font-size:var(--text-xl)}@keyframes sheet-in{0%{transform:translateY(var(--space-5));opacity:0}to{transform:none;opacity:1}}.shell__main{padding-bottom:calc(var(--nav-bottom-h) + var(--space-5) + env(safe-area-inset-bottom))}.nav{position:fixed;inset:auto 0 0 0;z-index:var(--z-nav);height:calc(var(--nav-bottom-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg);border-top:1px solid var(--color-border);box-shadow:var(--shadow-2)}.nav__logo{display:none}.nav__list{display:grid;grid-template-columns:repeat(4,1fr);height:var(--nav-bottom-h);margin:0;padding:0;list-style:none}.nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);height:100%;color:var(--color-text-muted);font-size:var(--text-xs);text-decoration:none}.nav__link[aria-current=page]{color:var(--color-accent);font-weight:var(--weight-bold)}.nav__link svg{width:var(--space-5);height:var(--space-5)}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-4)}.page--narrow{max-width:var(--content-max)}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.head__title{margin:0;font-size:var(--text-2xl);overflow-wrap:anywhere}.head__sub{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.dock{position:-webkit-sticky;position:sticky;bottom:calc(var(--nav-bottom-h) + env(safe-area-inset-bottom));z-index:1;margin-top:var(--space-5);padding:var(--space-3) 0;background:var(--color-bg)}.dock--over{border-top:1px solid var(--color-border)}.grades{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.grades .btn{min-height:var(--button-h)}.cards{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.card{display:block;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);color:var(--color-text)}.card p{margin-block:var(--space-1)}.card--link{text-decoration:none;display:grid;grid-gap:var(--space-2);gap:var(--space-2);transition:transform var(--dur-fast) var(--ease-out)}.card--link:hover{transform:translateY(calc(var(--space-1) * -.5));border-color:var(--color-border-strong)}.card__title{margin:0;font-size:var(--text-lg);overflow-wrap:anywhere}.card__text{margin:0;color:var(--color-text-muted)}.seg{display:flex;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-4);background:var(--color-surface-2);border-radius:var(--radius)}.seg__btn{flex:1 1;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius);background:transparent;color:var(--color-text);font:inherit;cursor:pointer}.seg__btn.is-on{background:var(--color-bg);font-weight:var(--weight-bold);box-shadow:var(--shadow-1)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.chip{min-height:var(--tap);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer}.chip--num{min-width:var(--tap);padding-inline:var(--space-3)}.chip.is-selected{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent);font-weight:var(--weight-bold)}.avatar{flex:none;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);object-fit:cover;background:var(--color-surface-2)}.avatar--blank{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);color:var(--color-text-muted)}.tutor-card{grid-template-columns:auto 1fr;align-items:center}.tutor-card__main{min-width:0}.tutor-card__main p{margin:0}.tutor-card .badge,.tutor-card__price{grid-column:1/-1}.tutor-head{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-3)}.tutor-head p{margin:0}.slotday{margin-bottom:var(--space-3)}.slotday__title{margin:0 0 var(--space-2);font-size:var(--text-md);text-transform:capitalize}.stats{display:grid;grid-template-columns:1fr;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-5)}.stat{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg)}.stat svg{align-self:center;width:var(--space-5);height:var(--space-5);color:var(--color-accent)}.stat__n{font-size:var(--text-3xl);line-height:var(--leading-tight)}.module{margin-top:var(--space-5)}.module__title{font-size:var(--text-lg);color:var(--color-text-muted)}.lessons{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.lesson-row{display:flex;gap:var(--space-3);align-items:center;min-height:var(--button-h);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);text-decoration:none}.lesson-row.is-next{border-color:var(--color-accent);background:var(--color-accent-soft)}.lesson-row__mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border:2px solid var(--color-border-strong);border-radius:var(--radius-full)}.lesson-row__mark.is-done{background:var(--color-success);border-color:var(--color-success);color:var(--color-bg)}.lesson-row__mark svg{width:var(--text-md);height:var(--text-md)}.lesson-row__text{display:grid;min-width:0}.lesson-row__title{font-weight:var(--weight-medium)}.exam-row{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin-top:var(--space-3);padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius)}.exam-row p{margin:0}.lesson{display:flex;flex-direction:column;height:100dvh}.lesson-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.lesson-bar__progress{flex:1 1;display:flex;align-items:center;gap:var(--space-3)}.lesson-bar__progress .bar{flex:1 1}.lesson-bar__count{font-size:var(--text-sm);color:var(--color-text-muted)}.step-anim{display:flex;flex:1 1;min-height:0;flex-direction:column;animation:step-in var(--dur-slow) var(--ease-out)}@keyframes step-in{0%{opacity:0;transform:translateX(var(--space-4))}to{opacity:1;transform:none}}.step{display:flex;flex:1 1;min-height:0;flex-direction:column}.step__body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-4) 0 var(--space-5)}.step__col{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}.step__footer{padding:var(--space-3) 0 calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-bg)}.step__footer .btn--block+.row{margin-top:var(--space-2)}.step__title{font-size:var(--text-2xl)}.step__task{font-size:var(--text-lg)}.explain__emoji{font-size:var(--text-5xl);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.explain__metaphor,.term__metaphor{font-size:var(--text-lg)}.explain__say{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-accent);background:var(--color-surface);border-radius:var(--radius)}.term__word{font-size:var(--text-4xl);margin-bottom:var(--space-1);overflow-wrap:anywhere}.term__pron{font-size:var(--text-xl);margin-bottom:var(--space-4)}.term__tr{font-weight:var(--weight-bold)}.codeblock{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);overflow-x:auto;background:var(--code-bg);color:var(--code-text);border-radius:var(--radius);font-size:var(--text-md);line-height:var(--leading-code)}.codeblock code{font-family:var(--font-mono)}.options{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-4)}.option{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:var(--button-h);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.option:disabled{cursor:default}.option.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.option.is-wrong{border-color:var(--color-error);background:var(--color-error-soft)}.option.is-right{border-color:var(--color-success);background:var(--color-success-soft)}.option svg{width:var(--space-5);height:var(--space-5);color:var(--color-success)}.option__tag{font-size:var(--text-sm);color:var(--color-error);font-weight:var(--weight-medium)}.fill-code{white-space:pre-wrap}.gap{display:inline-block;min-width:var(--space-7);min-height:var(--tap);margin-inline:var(--space-1);padding:0 var(--space-2);border:2px dashed var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text-muted);font:inherit;cursor:pointer}.gap.is-filled{border-style:solid;color:var(--color-text)}.gap.is-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.editor-box{margin-bottom:var(--space-4)}.editor-box__bar{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.editor{position:relative;min-height:calc(var(--min-lines, 6) * var(--text-md) * var(--leading-code));background:var(--code-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.editor--loading{min-height:calc(6 * var(--text-md) * var(--leading-code))}.editor__host .cm-editor{min-height:calc(var(--min-lines, 6) * var(--text-md) * var(--leading-code));max-height:50dvh}.editor__fallback{position:absolute;inset:0;margin:0;overflow:hidden;font-size:var(--text-md);line-height:var(--leading-code);color:var(--color-text-muted)}.editor__fallback,.output{padding:var(--space-3) var(--space-4)}.output{margin-bottom:var(--space-4);background:var(--color-surface);border-radius:var(--radius)}.output pre{margin:0 0 var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-md)}.output__err{color:var(--color-error)}.finish{text-align:center;padding-top:var(--space-6)}.finish__badge{display:inline-flex;align-items:center;justify-content:center;width:var(--space-9);height:var(--space-9);margin-bottom:var(--space-4);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-contrast);font-size:var(--text-4xl);animation:pop var(--dur-slow) var(--ease-out)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.finish__title{font-size:var(--text-3xl)}.finish__lesson{margin-inline:auto;color:var(--color-text-muted)}.finish__stats{display:flex;justify-content:center;gap:var(--space-5);font-size:var(--text-lg)}.finish__stats,.gloss{list-style:none;margin:0;padding:0}.gloss{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.gloss p{margin:var(--space-1) 0 0}.flash{margin:var(--space-4) 0;padding:var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);min-height:calc(var(--space-9) * 2)}.flash__title{font-size:var(--text-3xl);overflow-wrap:anywhere}.flash__back{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);animation:step-in var(--dur-slow) var(--ease-out)}.flash__answer{font-size:var(--text-xl);font-weight:var(--weight-bold)}.auth{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4)}.auth__logo{margin-bottom:var(--space-5);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);text-decoration:none}.auth__card{width:100%;max-width:calc(var(--space-9) * 5)}.auth__alt{margin:var(--space-4) 0 0;text-align:center}.landing{display:flex;flex-direction:column;min-height:100dvh}.landing__bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-2) var(--space-4)}.landing__logo{font-size:var(--text-xl);font-weight:var(--weight-bold)}.landing__main{flex:1 1;display:grid;grid-gap:var(--space-6);gap:var(--space-6);align-content:start;width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-5) var(--space-4) var(--space-7)}.landing__title{font-size:var(--text-3xl)}.landing__lead{font-size:var(--text-lg)}.landing__note{margin:var(--space-3) 0 0}.landing__foot{display:flex;justify-content:space-between;gap:var(--space-3);width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.demo{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.demo__word{margin:0;font-size:var(--text-3xl)}.demo__tr{margin:0 0 var(--space-4);font-size:var(--text-lg);color:var(--color-text-muted)}.demo__step{opacity:0;animation:demo-in var(--dur-slow) var(--ease-out) forwards}.demo__step--1{animation-delay:calc(var(--dur-slow) * 2)}.demo__step--2{animation-delay:calc(var(--dur-slow) * 4)}.demo__step--3{animation-delay:calc(var(--dur-slow) * 6)}.demo__say{margin:0}@keyframes demo-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}.doc{max-width:var(--content-max);margin-inline:auto;padding:var(--space-5) var(--space-4) var(--space-8)}.cookie{position:fixed;inset:auto var(--space-2) var(--space-2) var(--space-2);z-index:var(--z-toast);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}.cookie__text{margin:0 0 var(--space-3)}.cookie__actions{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.admin__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.admin__back{font-weight:var(--weight-bold);text-decoration:none}.admin__tabs{display:flex;gap:var(--space-1);overflow-x:auto}.admin__tab{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius);color:var(--color-text);text-decoration:none;white-space:nowrap}.admin__tab[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-bold)}.admin__main{width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-4)}.filters{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:end}.filters .field{margin:0}.filters .btn{grid-column:1/-1}.funnel{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table td,.table th{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.table thead th{background:var(--color-surface)}@media (min-width:768px){.admin__main,.page{padding:var(--space-6) var(--space-5)}.cards{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.sheet-wrap{align-items:center}.sheet{border-radius:var(--radius-lg)}.cookie,.sheet{max-width:calc(var(--space-9) * 5)}.cookie{inset:auto auto var(--space-4) var(--space-4)}.cookie__actions{grid-template-columns:1fr 1fr}.filters{grid-template-columns:repeat(3,1fr)}.filters .btn{grid-column:auto}.landing__title{font-size:var(--text-4xl)}.grades{grid-template-columns:repeat(4,1fr)}.tutor-card{grid-template-columns:auto 1fr auto}.tutor-card .badge,.tutor-card__price{grid-column:auto}}@media (min-width:1024px){.shell__main{margin-left:var(--nav-rail-w);padding-bottom:var(--space-8)}.nav{inset:0 auto 0 0;width:var(--nav-rail-w);height:auto;padding:var(--space-4) 0;border-top:0;border-right:1px solid var(--color-border);box-shadow:none}.nav__logo{display:block;margin-bottom:var(--space-5);text-align:center;font-weight:var(--weight-bold);color:var(--color-text);text-decoration:none}.nav__list{display:grid;grid-template-columns:1fr;height:auto;grid-gap:var(--space-2);gap:var(--space-2)}.nav__link{height:auto;padding:var(--space-3) 0}.dock{bottom:0}.cards{grid-template-columns:repeat(3,1fr)}.landing__main{grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--space-8);padding-block:var(--space-9)}.landing__title{font-size:var(--text-5xl)}.landing__lead{font-size:var(--text-xl)}.demo{padding:var(--space-6)}.page--narrow .cards{grid-template-columns:1fr}.filters{grid-template-columns:repeat(6,1fr)}}@media (prefers-reduced-motion:reduce){.btn.is-loading:after,.skeleton__line{animation-duration:1ms;animation-iteration-count:1}.demo__step{opacity:1;animation:none}}