:root{--color-paper:oklch(99.39% .0082 91.48);--color-paper-2:oklch(97.88% .0192 80.12);--color-surface:oklch(99.7% .004 91.48);--color-surface-strong:oklch(96.8% .012 84.58);--color-quiet:oklch(94.87% .0035 354.69);--color-ink:oklch(21.03% .0294 266.12);--color-ink-soft:oklch(39.75% .0072 264.49);--color-muted:oklch(53.5% .035 265.11);--color-rule:oklch(91.4% .0145 84.58);--color-rule-strong:oklch(80.5% .018 84.58);--color-brand:oklch(60.76% .202 25.57);--color-brand-ink:oklch(54% .1831 25.53);--color-brand-soft:oklch(94.08% .0297 17.69);--color-green:oklch(53.34% .1084 164.34);--color-green-ink:oklch(46.07% .0914 165.72);--color-green-soft:oklch(95.42% .0308 168.37);--color-amber:oklch(64.38% .1382 67.1);--color-amber-ink:oklch(52.6% .117 60.93);--color-amber-soft:oklch(95.68% .0555 90.32);--color-accent:var(--color-brand);--color-accent-ink:var(--color-paper);--color-focus:oklch(55% .2 25.57);--color-disabled:oklch(89.5% .007 84.58);--color-disabled-ink:oklch(57% .015 265.11);--color-grid:oklch(21.03% .0294 266.12/.035);--color-shadow:oklch(21.03% .0294 266.12/.08);--color-shadow-strong:oklch(21.03% .0294 266.12/.14);--color-transparent:transparent;--font-display:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--font-body:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--font-vocabulary:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--text-4xl:3.815rem;--text-display-s:clamp(2.45rem, 6vw, 4.2rem);--text-display:clamp(2.8rem, 5vw, 5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.1s;--dur-short:.18s;--dur-medium:.28s;--dur-long:.42s;--rule-hair:1px;--rule-strong:2px;--radius-control:.5rem;--radius-card:.75rem;--radius-stage:1rem;--radius-round:999px;--shadow-whisper:0 1px 2px var(--color-shadow);--shadow-card:0 12px 32px var(--color-shadow);--shadow-action:0 14px 28px var(--color-shadow-strong);--page-max:84rem;--page-gutter:clamp(1rem, 4vw, 3rem);--section-gap:clamp(4.5rem, 9vw, 8rem);--control-height:2.75rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;background:var(--color-paper)}body{background:repeating-linear-gradient(90deg, var(--color-grid) 0 var(--rule-hair), var(--color-transparent) var(--rule-hair) 5.5rem), var(--color-paper);min-width:20rem;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.008em;font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.72}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,select,summary{font:inherit}button,select{color:inherit}button{border:0}h1,h2,h3,p,dl,dd,ol{margin:0}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-style:normal}h1{max-width:11ch;font-size:var(--text-display-s);letter-spacing:-.032em;font-weight:900;line-height:1.09}h2{letter-spacing:-.024em;font-size:clamp(2rem,4vw,3.35rem);font-weight:900;line-height:1.16}h3{font-size:var(--text-xl);letter-spacing:-.012em;font-weight:700;line-height:1.24}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-tooltip);min-height:var(--control-height);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);background:var(--color-ink);color:var(--color-paper);position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}.nav-edge{width:min(100%, var(--page-max));min-height:4.75rem;padding:var(--space-sm) var(--page-gutter);justify-content:space-between;align-items:center;gap:var(--space-sm);margin-inline:auto;display:flex}.wordmark{min-width:0;min-height:var(--control-height);align-items:center;gap:var(--space-xs);white-space:nowrap;display:inline-flex}.wordmark img{width:2.125rem;height:2.125rem}.wordmark>span{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.03em;font-weight:700}.wordmark small{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600;display:none}.nav-edge__tools{justify-content:flex-end;align-items:center;gap:var(--space-xs);min-width:0;display:flex}.language-control{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink-soft);place-items:center;display:grid;position:relative}.language-control:before{content:"文";font-size:var(--text-sm);pointer-events:none;font-weight:700;position:absolute}.language-control select{border-radius:inherit;outline:var(--rule-strong) solid var(--color-transparent);background:var(--color-transparent);width:100%;height:100%;color:var(--color-transparent);cursor:pointer;border:0}.language-control:focus-within{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}.language-control:has(select:active){transform:translateY(1px)}.language-control:has(select:disabled){border-color:var(--color-disabled);background:var(--color-disabled);color:var(--color-disabled-ink);cursor:not-allowed;opacity:.72}.language-control[data-state=loading]{cursor:progress;opacity:.78}.language-control[data-state=error]{border-color:var(--color-brand-ink)}.language-control[data-state=success]{border-color:var(--color-green-ink)}.nav-task,.action-card{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-lg);border:var(--rule-hair) solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-ink);color:var(--color-paper);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700;line-height:1;display:flex}.nav-task{padding-inline:var(--space-md)}.nav-task span:first-child{display:none}.hero-split{width:min(100%, var(--page-max));padding:var(--space-2xl) var(--page-gutter) var(--space-3xl);gap:var(--space-2xl);align-items:center;margin-inline:auto;display:grid}.hero-copy{align-items:flex-start;gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.hero-copy h1{max-width:none;font-size:clamp(2.25rem,5vw,3.2rem)}.hero-context{color:var(--color-brand-ink);font-size:var(--text-sm);font-weight:700}.hero-lede{max-width:38rem;color:var(--color-ink-soft);font-size:var(--text-md);line-height:1.62}.hero-actions{align-items:flex-start;gap:var(--space-md);flex-direction:column;width:min(100%,31rem);display:flex}.action-card{width:min(100%,24rem);min-height:5.25rem;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);box-shadow:var(--shadow-action)}.action-card>span:first-child{align-items:flex-start;gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.action-card small{color:var(--color-rule-strong);font-size:var(--text-xs);font-weight:600}.action-card strong{color:inherit;font-size:var(--text-md)}.action-card__arrow{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400}.plain-link{min-height:var(--control-height);color:var(--color-ink-soft);white-space:nowrap;align-items:center;font-weight:700;display:inline-flex;position:relative}.plain-link:after{content:"";height:var(--rule-hair);background:var(--color-ink);transform-origin:inline-start;transition:transform var(--dur-short) var(--ease-out);position:absolute;inset-block-end:var(--space-xs);inset-inline:0;transform:scaleX(.3)}.flash-progress,.dictation-top,.wrong-head{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.wrong-head>span{flex-direction:column;min-width:0;display:flex}.wrong-head small{color:var(--color-muted);font-size:var(--text-xs)}.word-status,.word-meta span,.stage-result,.error-count{border-radius:var(--radius-round);white-space:nowrap}.hero-demo{min-width:0;padding:var(--space-md);border-block:var(--rule-hair) solid var(--color-rule);background:repeating-linear-gradient(90deg, var(--color-grid) 0 var(--rule-hair), var(--color-transparent) var(--rule-hair) 4.5rem), var(--color-paper)}.hero-demo__topline,.hero-demo__panel-head{justify-content:space-between;align-items:center;gap:var(--space-md);min-width:0;display:flex}.hero-demo__topline{border-block-end:var(--rule-hair) solid var(--color-rule);padding-block-end:var(--space-md)}.hero-demo__brand{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.hero-demo__brand img{width:2.375rem;height:2.375rem}.hero-demo__brand>span,.hero-demo__tab>span:nth-child(2),.hero-return>div{flex-direction:column;min-width:0;display:flex}.hero-demo__brand strong{font-family:var(--font-display);font-size:var(--text-sm)}.hero-demo__brand small,.hero-demo__tab small,.hero-demo__panel-head,.hero-lesson__context small,.hero-lesson__context span,.hero-shape small,.hero-hook>span,.hero-return small,.hero-return li span{color:var(--color-muted);font-size:var(--text-xs)}.hero-demo__pause{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink-soft);cursor:pointer;place-items:center;display:grid}.hero-demo__tabs{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-md);display:grid}.hero-demo__tab{min-width:0;min-height:5.75rem;padding:var(--space-sm);align-content:center;justify-items:start;gap:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);text-align:start;cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);display:grid;position:relative}.hero-demo__tab:after,.hero-demo__tab-progress{content:"";inset-inline:var(--space-sm);height:var(--rule-strong);position:absolute;inset-block-end:var(--space-xs)}.hero-demo__tab:after{background:var(--color-rule)}.hero-demo__tab-progress{z-index:var(--z-raised);background:var(--color-brand);transform-origin:inline-start;pointer-events:none;transform:scaleX(0)}.hero-demo__tab-index{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:700}.hero-demo__tab strong{font-size:var(--text-xs);white-space:nowrap}.hero-demo__tab small{display:none}.hero-demo__tab.is-active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.hero-demo__tab.is-active .hero-demo__tab-index,.hero-demo__tab.is-active small{color:var(--color-rule-strong)}.hero-demo__viewport{min-width:0;min-height:18rem;border-block:var(--rule-hair) solid var(--color-rule);margin-block-start:var(--space-xs);display:grid;position:relative;overflow:clip}.hero-demo__panel{width:100%;min-width:0;min-height:18rem;padding:var(--space-md);gap:var(--space-md);background:repeating-linear-gradient(0deg, var(--color-grid) 0 var(--rule-hair), var(--color-transparent) var(--rule-hair) 4.5rem), var(--color-paper);flex-direction:column;grid-area:1/1;display:flex}.hero-demo__panel[hidden]{visibility:hidden;pointer-events:none;display:flex!important}.hero-demo__panel-head{border-block-end:var(--rule-hair) solid var(--color-rule);padding-block-end:var(--space-sm);font-weight:700}.hero-demo__panel-head strong{color:var(--color-ink-soft);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.hero-lesson{gap:var(--space-sm);flex:1;min-width:0;display:grid}.hero-lesson__word,.hero-lesson__context,.hero-shape article,.hero-hook{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface)}.hero-lesson__word{min-width:0;min-height:10rem;padding:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-lesson__word .hanzi{font-size:clamp(3rem,8vw,5rem)}.hero-lesson__context{padding:var(--space-lg);justify-content:center;gap:var(--space-sm);flex-direction:column;display:flex}.hero-lesson__context p{color:var(--color-ink-soft);font-size:var(--text-sm)}.hero-lesson__context span{border-block-start:var(--rule-hair) solid var(--color-rule);padding-block-start:var(--space-sm)}.hero-shape{gap:var(--space-sm);flex:1;min-width:0;display:grid}.hero-shape article{min-width:0;padding:var(--space-lg);align-items:center;gap:var(--space-xs);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.hero-shape article>strong{font-family:var(--font-vocabulary);font-size:var(--text-3xl);font-weight:700}.hero-shape__parts{justify-content:center;align-items:center;gap:var(--space-xs);min-width:0;display:flex}.hero-shape__parts b{border-radius:var(--radius-control);background:var(--color-quiet);width:2.75rem;height:2.75rem;font-family:var(--font-vocabulary);font-size:var(--text-lg);place-items:center;display:grid}.hero-shape__parts i{color:var(--color-muted);font-style:normal}.hero-demo__explain{padding:var(--space-sm) var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-ink-soft);font-size:var(--text-sm)}.hero-hook{min-width:0;padding:var(--space-xl);justify-content:center;gap:var(--space-md);flex-direction:column;display:flex}.hero-hook>span{color:var(--color-brand-ink);font-weight:700}.hero-hook>strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.45}.hero-hook p{max-width:38rem;color:var(--color-ink-soft);font-size:var(--text-sm)}.hero-return{min-width:0;gap:var(--space-sm);border-block-start:var(--rule-hair) solid var(--color-rule);margin-block-start:var(--space-md);padding-block-start:var(--space-md);display:grid}.hero-return>div{gap:var(--space-2xs)}.hero-return>div>strong{font-size:var(--text-sm)}.hero-return ol{gap:var(--space-2xs);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hero-return li{min-width:0;border-block-start:var(--rule-strong) solid var(--color-rule);flex-direction:column;padding-block-start:var(--space-xs);display:flex}.hero-return li.is-current{border-color:var(--color-brand)}.hero-return li strong{font-size:var(--text-xs);white-space:nowrap}.facts{border-block:var(--rule-hair) solid var(--color-rule);background:var(--color-surface)}.facts dl{width:min(100%, var(--page-max));padding-inline:var(--page-gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;display:grid}.facts dl>div{min-width:0;padding:var(--space-lg) var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule)}.facts dl>div:nth-child(odd){border-inline-end:var(--rule-hair) solid var(--color-rule)}.facts dl>div:nth-last-child(-n+2){border-block-end:0}.facts dt{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15}.facts dd{color:var(--color-muted);font-size:var(--text-xs);margin-block-start:var(--space-2xs)}.section{width:min(100%, var(--page-max));padding:var(--section-gap) var(--page-gutter);margin-inline:auto}.section-heading{gap:var(--space-lg);max-width:68rem;display:grid}.section-heading h2{max-width:14ch}.section-heading p{max-width:42rem;color:var(--color-ink-soft);font-size:var(--text-md)}.workflow-controls{justify-content:flex-end;margin-block-start:var(--space-lg);display:flex}.autoplay-control{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink-soft);cursor:pointer;place-items:center;line-height:1;display:grid}.workflow-tabs{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-sm);display:grid}.workflow-tab{min-width:0;min-height:6.25rem;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);text-align:start;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);line-height:1;display:grid;position:relative}.workflow-tab:after{content:"";inset-inline:var(--space-sm);height:var(--rule-strong);background:var(--color-rule);position:absolute;inset-block-end:var(--space-sm)}.workflow-tab__progress{z-index:var(--z-raised);inset-inline:var(--space-sm);height:var(--rule-strong);background:var(--color-brand);transform-origin:inline-start;pointer-events:none;position:absolute;inset-block-end:var(--space-sm);transform:scaleX(0)}.workflow-tab>span{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:700}.workflow-tab strong{font-size:var(--text-sm);white-space:nowrap;align-self:end}.workflow-tab small{color:var(--color-muted);font-size:var(--text-xs);display:none}.workflow-tab.is-active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.workflow-tab.is-active:after{background:var(--color-rule-strong)}.workflow-tab.is-active>span,.workflow-tab.is-active small{color:var(--color-rule-strong)}.stage-viewport{min-width:0;border-block:var(--rule-hair) solid var(--color-rule);margin-block-start:var(--space-xs);position:relative;overflow:clip}.stage-panel{gap:var(--space-xl);min-width:0;padding:var(--space-lg);display:grid}.stage-panel[hidden]{display:none}.stage-copy{align-items:flex-start;gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.stage-number{font-family:var(--font-display);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:700}.stage-copy p{max-width:34rem;color:var(--color-ink-soft)}.stage-result{padding:var(--space-xs) var(--space-sm);background:var(--color-quiet);color:var(--color-ink-soft);font-size:var(--text-xs);margin-block-start:auto;font-weight:700;display:inline-flex}.stage-result--green{background:var(--color-green-soft);color:var(--color-green-ink)}.stage-result--amber{background:var(--color-amber-soft);color:var(--color-amber-ink)}.stage-result--red{background:var(--color-brand-soft);color:var(--color-brand-ink)}.product-ui{background:repeating-linear-gradient(0deg, var(--color-grid) 0 var(--rule-hair), var(--color-transparent) var(--rule-hair) 4.5rem), var(--color-paper);min-width:0}.product-ui--core{gap:var(--space-sm);padding:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.word-focus{min-width:0;min-height:17rem;padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-ink);cursor:pointer;text-align:center;transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.word-focus.is-revealed{border-color:var(--color-ink);background:var(--color-paper-2)}.word-focus__answer{opacity:.24;min-height:3.5rem;transform:translateY(var(--space-xs));transition:opacity var(--dur-medium) var(--ease-out), transform var(--dur-medium) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.word-focus.is-revealed .word-focus__answer{opacity:1;transform:translateY(0)}.word-focus__prompt{color:var(--color-muted);font-size:var(--text-xs);margin-block-start:var(--space-sm);font-weight:700;display:block}.word-status{padding:var(--space-2xs) var(--space-xs);background:var(--color-quiet);color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:700}.hanzi,.wrong-word{font-family:var(--font-vocabulary)}.hanzi{margin-block-start:var(--space-sm);font-size:clamp(3.5rem,9vw,6rem);line-height:1.1}.pinyin{color:var(--color-ink);font-size:var(--text-base);letter-spacing:.08em}.meaning{color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-xs)}.word-meta{justify-content:center;gap:var(--space-xs);flex-wrap:wrap;margin-block-start:var(--space-md);display:flex}.word-meta span{padding:var(--space-2xs) var(--space-xs);background:var(--color-quiet);color:var(--color-ink-soft);font-size:var(--text-xs)}.learning-modules{gap:var(--space-sm);min-width:0;display:grid}.learning-modules article{min-width:0;padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface)}.learning-modules article>span,.recall-face>span,.dictation-top span{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.learning-modules p{color:var(--color-ink);font-size:var(--text-base);margin-block-start:var(--space-sm);line-height:1.6}.learning-modules small{color:var(--color-muted);font-size:var(--text-xs);margin-block-start:var(--space-sm);display:block}.product-ui--flash,.product-ui--dictation,.product-ui--wrong{min-height:25rem;padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.flash-progress,.dictation-top{border-block-end:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs);padding-block-end:var(--space-sm)}.flash-progress strong,.dictation-top strong{color:var(--color-ink);font-variant-numeric:tabular-nums}.recall-card{border-radius:var(--radius-card);background:var(--color-transparent);min-width:0;min-height:17rem;color:var(--color-ink);cursor:pointer;perspective:70rem;border:0;flex:1;padding:0;display:block}.recall-card__inner{width:100%;min-height:17rem;transform-style:preserve-3d;display:block;position:relative}.recall-face{min-width:0;padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);text-align:center;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.recall-face>small{color:var(--color-muted);font-size:var(--text-xs);margin-block-start:var(--space-md)}.recall-back{background:var(--color-green-soft);transform:rotateY(180deg)}.recall-back strong{font-size:var(--text-md);margin-block-start:var(--space-sm)}.recall-back p{color:var(--color-ink-soft);font-size:var(--text-sm);margin-block-start:var(--space-xs)}.rating-row{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rating-card{min-height:var(--control-height);padding-inline:var(--space-sm);justify-content:center;align-items:center;gap:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-quiet);color:var(--color-ink-soft);font-size:var(--text-xs);text-align:center;cursor:pointer;flex-direction:column;font-weight:700;line-height:1;display:flex}.rating-card small{color:inherit;font-size:var(--text-xs);font-weight:400}.rating-card:disabled{border-color:var(--color-disabled);background:var(--color-disabled);color:var(--color-disabled-ink);cursor:not-allowed;opacity:.72}.rating-card[data-state=success]:disabled{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper);cursor:default;opacity:1}.rating-card--green{border-color:var(--color-green);background:var(--color-green);color:var(--color-paper)}.audio-prompt{padding:var(--space-lg);align-items:center;gap:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-ink);text-align:start;cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);display:flex}.audio-mark{border-radius:var(--radius-control);background:var(--color-amber-soft);place-items:center;width:3rem;height:3rem;display:grid}.audio-mark img{width:1.35rem;height:1.35rem}.audio-prompt>span:last-child{flex-direction:column;display:flex}.audio-prompt small{color:var(--color-muted);font-size:var(--text-xs)}.candidate-grid{gap:var(--space-xs);flex:1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.candidate-grid button{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-surface);min-width:0;min-height:4.25rem;color:var(--color-ink);font-family:var(--font-vocabulary);font-size:var(--text-xl);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);place-items:center;font-weight:700;display:grid}.candidate-grid button.is-picked{border-color:var(--color-green);background:var(--color-green-soft);color:var(--color-green-ink)}.candidate-grid button.is-wrong{border-color:var(--color-brand);background:var(--color-brand-soft);color:var(--color-brand-ink)}.candidate-grid button:disabled{cursor:default}.dictation-answer{align-items:center;gap:var(--space-xs);grid-template-columns:auto auto minmax(0,1fr);display:grid}.dictation-answer>span{border-block-end:var(--rule-strong) solid var(--color-rule-strong);width:2.75rem;height:2.75rem;font-family:var(--font-vocabulary);font-size:var(--text-md);place-items:center;font-weight:700;display:grid}.dictation-answer>span.is-filled{border-color:var(--color-green);color:var(--color-green-ink)}.dictation-answer strong{color:var(--color-muted);font-size:var(--text-xs);text-align:end;justify-self:end}.difficulty-line{gap:var(--space-2xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.difficulty-line span{border-block-start:var(--rule-strong) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs);text-align:center;padding-block-start:var(--space-xs)}.difficulty-line .is-done{border-color:var(--color-green);color:var(--color-green-ink)}.difficulty-line .is-current{border-color:var(--color-amber);color:var(--color-amber-ink);font-weight:700}.wrong-head{border-block-end:var(--rule-hair) solid var(--color-rule);padding-block-end:var(--space-sm)}.wrong-head>strong{border-radius:var(--radius-round);background:var(--color-brand-soft);width:2.5rem;height:2.5rem;color:var(--color-brand-ink);font-variant-numeric:tabular-nums;place-items:center;display:grid}.wrong-list{gap:var(--space-xs);display:grid}.wrong-list article{align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.wrong-word{min-width:3.5rem;height:3.5rem;padding-inline:var(--space-xs);border-radius:var(--radius-control);background:var(--color-brand-soft);font-size:var(--text-md);place-items:center;font-weight:700;display:grid}.wrong-list article>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.wrong-list article small{color:var(--color-muted);font-size:var(--text-xs)}.error-count{padding:var(--space-2xs) var(--space-xs);background:var(--color-brand-soft);color:var(--color-brand-ink);font-size:var(--text-xs);font-weight:700}.row-action{min-height:var(--control-height);padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--text-xs);white-space:nowrap;background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;font-weight:700;line-height:1;display:none}.wrong-list article.is-queued{border-color:var(--color-green);background:var(--color-green-soft)}.row-action[data-state=success]{border-color:var(--color-green);background:var(--color-green);color:var(--color-paper);cursor:default;opacity:1}.interaction-note{min-height:1lh;color:var(--color-muted);font-size:var(--text-xs)}.memory-path{gap:var(--space-2xl);display:grid}.workflow.section{padding-block-end:var(--space-xl)}.memory-path.section{padding-block-start:var(--space-2xl)}.memory-path__lead{gap:var(--space-lg);display:grid}.memory-path__lead h2{max-width:17ch}.memory-path__lead p{max-width:38rem;color:var(--color-ink-soft);font-size:var(--text-md)}.memory-rail{border-block-start:var(--rule-strong) solid var(--color-ink);padding:0;list-style:none;display:grid}.memory-rail li{gap:var(--space-xs) var(--space-md);min-width:0;padding:var(--space-lg) 0;border-block-end:var(--rule-hair) solid var(--color-rule);grid-template-columns:2rem minmax(0,1fr);display:grid}.memory-rail li>span{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;grid-row:span 2;font-weight:700}.memory-rail strong{font-size:var(--text-base)}.memory-rail small{color:var(--color-muted);font-size:var(--text-sm)}.questions{gap:var(--space-2xl);border-block-start:var(--rule-hair) solid var(--color-rule);display:grid}.questions-lead{align-items:flex-start;gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.questions-lead h2{max-width:14ch}.questions-lead p{max-width:38rem;color:var(--color-ink-soft);font-size:var(--text-md)}.action-card--quiet{border-color:var(--color-rule);background:var(--color-paper-2);width:min(100%,28rem);color:var(--color-ink);box-shadow:none}.action-card--quiet small{color:var(--color-muted)}.faq-list{border-block-start:var(--rule-strong) solid var(--color-ink)}.faq-list details{border-block-end:var(--rule-hair) solid var(--color-rule)}.faq-list summary{min-height:4.5rem;color:var(--color-ink);font-family:var(--font-display);cursor:pointer;justify-content:space-between;align-items:center;padding-inline-end:var(--space-xl);font-weight:700;list-style:none;display:flex;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--font-display);font-size:var(--text-md);font-weight:400;position:absolute;inset-inline-end:0}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:50rem;color:var(--color-ink-soft);padding-block-end:var(--space-lg)}.beta-feedback{gap:var(--space-2xl);border-block:var(--rule-strong) solid var(--color-ink);background:var(--color-paper-2);display:grid}.beta-feedback__copy{align-items:flex-start;gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.beta-feedback__copy h2{max-width:18ch}.beta-feedback__copy p{max-width:45rem;color:var(--color-ink-soft);font-size:var(--text-md)}.beta-feedback__label,.beta-feedback__status{align-items:center;gap:var(--space-xs);color:var(--color-brand-ink);font-size:var(--text-xs);font-weight:700;display:inline-flex}.beta-feedback__label i{width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-round);background:var(--color-brand)}.beta-feedback__action{align-items:flex-start;gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.beta-feedback__status img{width:1.25rem;height:1.25rem}.action-card--feedback{width:min(100%,30rem);padding-inline:var(--space-md);gap:var(--space-sm);box-shadow:none}.beta-feedback__action>p{color:var(--color-muted);font-size:var(--text-sm)}.foot-line{width:min(100%, var(--page-max));padding:var(--space-lg) var(--page-gutter) var(--space-2xl);align-items:flex-start;gap:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs);flex-direction:column;margin-inline:auto;display:flex}.foot-line p{gap:var(--space-xs);flex-direction:column;display:flex}.foot-line strong{color:var(--color-ink);font-family:var(--font-display)}.foot-line a{min-height:var(--control-height);color:var(--color-ink-soft);font-weight:700;line-height:var(--control-height);white-space:nowrap}.nav-task:active,.action-card:active,.hero-demo__pause:active,.hero-demo__tab:active,.workflow-tab:active,.row-action:active,.autoplay-control:active,.word-focus:active,.recall-card:active,.rating-card:active,.audio-prompt:active,.candidate-grid button:active{transform:translateY(1px)scale(.99)}.wordmark:active,.plain-link:active,.foot-line a:active,.faq-list summary:active{color:var(--color-brand-ink)}.nav-task[aria-disabled=true],.action-card[aria-disabled=true],.hero-demo__pause:disabled,.hero-demo__tab:disabled,.workflow-tab:disabled,.row-action[aria-disabled=true],.autoplay-control:disabled,.word-focus:disabled,.recall-card:disabled,.audio-prompt:disabled,.candidate-grid button:disabled:not(.is-picked){border-color:var(--color-disabled);background:var(--color-disabled);color:var(--color-disabled-ink);cursor:not-allowed;opacity:.72;pointer-events:none}.nav-task[data-state=loading],.action-card[data-state=loading],.workflow-tab[data-state=loading],.row-action[data-state=loading]{cursor:progress;opacity:.78}.nav-task[data-state=error],.action-card[data-state=error],.workflow-tab[data-state=error],.row-action[data-state=error]{border-color:var(--color-brand);color:var(--color-brand)}.nav-task[data-state=success],.action-card[data-state=success],.workflow-tab[data-state=success],.row-action[data-state=success]{border-color:var(--color-green)}.wordmark[aria-disabled=true],.plain-link[aria-disabled=true],.foot-line a[aria-disabled=true],.faq-list details[aria-disabled=true] summary{color:var(--color-disabled-ink);cursor:not-allowed;opacity:.72;pointer-events:none}.wordmark[data-state=loading],.plain-link[data-state=loading],.foot-line a[data-state=loading],.faq-list details[data-state=loading] summary{cursor:progress;opacity:.78}.wordmark[data-state=error],.plain-link[data-state=error],.foot-line a[data-state=error],.faq-list details[data-state=error] summary{color:var(--color-brand-ink)}.wordmark[data-state=success],.plain-link[data-state=success],.foot-line a[data-state=success],.faq-list details[data-state=success] summary{color:var(--color-green-ink)}@media (hover:hover) and (pointer:fine){.nav-task:hover,.action-card:hover{transform:translateY(-1px)}.action-card--quiet:hover{border-color:var(--color-ink);background:var(--color-surface)}.plain-link:hover:after{transform:scaleX(1)}.workflow-tab:hover:not(.is-active){background:var(--color-paper-2)}.hero-demo__tab:hover:not(.is-active){border-color:var(--color-rule-strong);background:var(--color-paper-2)}.hero-demo__pause:hover,.autoplay-control:hover,.audio-prompt:hover,.row-action:hover{border-color:var(--color-ink-soft);background:var(--color-paper-2)}.word-focus:hover,.recall-card:hover .recall-face,.candidate-grid button:hover:not(:disabled){border-color:var(--color-rule-strong)}.language-control:hover{background:var(--color-paper-2)}.wordmark:hover,.foot-line a:hover,.faq-list summary:hover{color:var(--color-brand-ink)}}@media (width>=40rem){.wordmark small,.nav-task span:first-child{display:inline}.language-control{width:auto;min-width:8.5rem}.language-control:before{display:none}.language-control select{min-width:8.5rem;padding-inline:var(--space-sm) var(--space-lg);color:var(--color-ink-soft);font-size:var(--text-sm)}.hero-demo{padding:var(--space-lg)}.hero-demo__tab{align-items:center;align-content:initial;grid-template-columns:auto minmax(0,1fr);justify-items:stretch}.hero-demo__tab strong{font-size:var(--text-sm)}.hero-demo__tab small{display:block}.hero-demo__panel{padding:var(--space-lg)}.hero-lesson{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero-shape{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-return{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end}.workflow-tab{padding:var(--space-md)}.workflow-tab small{display:block}.stage-panel{padding:var(--space-xl)}.product-ui--core{padding:var(--space-lg);grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr)}.wrong-list article{grid-template-columns:auto minmax(0,1fr) auto auto}.row-action{display:flex}.memory-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-rail li:nth-child(odd){border-inline-end:var(--rule-hair) solid var(--color-rule);padding-inline-end:var(--space-lg)}.memory-rail li:nth-child(2n){padding-inline-start:var(--space-lg)}.foot-line,.foot-line p{flex-direction:row;align-items:center}.foot-line{justify-content:space-between}.foot-line p{gap:var(--space-lg)}}@media (width>=60rem){.nav-edge{min-height:5.5rem}.hero-split{min-height:clamp(38rem,76dvh,52rem);grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding-block-start:var(--space-xl);padding-block-end:calc(var(--space-3xl) + var(--space-lg))}.hero-copy{gap:clamp(var(--space-lg), 3.6vh, var(--space-xl));padding-inline-end:var(--space-lg)}.hero-copy h1{font-size:clamp(3.2rem,3.1vw,3.65rem)}.hero-lede{max-width:40rem;font-size:clamp(1.2rem,1.1vw,1.3rem)}.hero-actions{gap:clamp(var(--space-md), 2.2vh, var(--space-lg));width:min(100%,33rem)}.hero-actions .action-card{width:min(100%,27rem);min-height:clamp(5.25rem,10vh,6rem)}.hero-demo{transform:translateY(var(--space-md))}.facts dl{grid-template-columns:repeat(4,minmax(0,1fr))}.facts dl>div{padding:var(--space-xl) var(--space-lg);border-block-end:0;border-inline-end:var(--rule-hair) solid var(--color-rule)}.facts dl>div:last-child{border-inline-end:0}.section-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end}.workflow-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-tab{min-height:7.25rem}.stage-panel{align-items:stretch;gap:var(--space-2xl);grid-template-columns:minmax(15rem,.72fr) minmax(0,2fr);min-height:36rem}.stage-copy{padding-block:var(--space-sm)}.product-ui--flash,.product-ui--dictation,.product-ui--wrong{min-height:30rem}.memory-path{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}.memory-rail{margin-block-start:var(--space-xs)}.questions{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.beta-feedback{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:center}}@media (width>=90rem){.hero-demo{padding:var(--space-xl)}.stage-panel{gap:var(--space-3xl)}}@media (width>=60rem) and (height<=50rem){html:lang(fr) .hero-copy,html:lang(ru) .hero-copy{gap:var(--space-lg)}html:lang(fr) .hero-copy h1,html:lang(ru) .hero-copy h1{font-size:clamp(3rem,3vw,3.5rem)}html:lang(fr) .hero-copy h1{font-size:clamp(3rem,3vw,3.4rem)}html:lang(fr) .hero-lede{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:var(--dur-micro)!important;scroll-behavior:auto!important;transition-duration:var(--dur-micro)!important;animation-iteration-count:1!important}.word-focus__answer,.word-focus.is-revealed .word-focus__answer{transform:none}}@media (prefers-contrast:more){.hero-demo,.hero-demo__tab,.hero-lesson__word,.hero-lesson__context,.hero-shape article,.hero-hook,.stage-viewport,.word-focus,.learning-modules article,.recall-card,.wrong-list article{border-color:var(--color-ink-soft)}}