@layer tokens{:root{color-scheme:light dark;--teal:#16b8a6;--teal-bright:#20c9b5;--teal-text:light-dark(#08776c,#62d7cb);--teal-dark:light-dark(#063f47,#8ce6dc);--teal-ink:#052f35;--teal-soft:light-dark(#dff5f0,#123c3b);--yellow:#ffd45b;--yellow-soft:light-dark(#fff2bb,#463b17);--coral:#ff785a;--coral-soft:light-dark(#ffe9e2,#4b251e);--paper:light-dark(#f3f1e9,#071e22);--surface:light-dark(#fffef9,#0d2a2f);--surface-muted:light-dark(#f8f7f1,#102f34);--surface-elevated:light-dark(rgba(255,254,249,.94),rgba(13,42,47,.94));--ink:light-dark(#102f34,#edf7f4);--muted:light-dark(#62777a,#a2b6b7);--line:light-dark(#d5dfda,#2a484c);--on-primary:#fff;--button-bg:light-dark(#063f47,#0c5a62);--button-hover:light-dark(#0a5660,#11717a);--button-shadow:#032e34;--target-end:light-dark(#20c7b3,#19ad9e);--target-meta:light-dark(#125f61,#0a4c51);--pinyin:light-dark(#365f61,#b7d8d4);--support-line:light-dark(#e6e7e1,#28474b);--yellow-line:light-dark(#edcf62,#7c6827);--yellow-ink:light-dark(#665a2a,#ffe89a);--danger-ink:light-dark(#8c3928,#ffb4a3);--danger-line:light-dark(#f3b6a7,#8a4b3e);--favorite-ink:light-dark(#8d3b2b,#ffc0b0);--error-surface-strong:#7b3025;--local-muted:light-dark(#718688,#91a7a8);--inverse-muted:#b7d3d3;--hero-kicker:#07545a;--inverse-teal-ink:light-dark(#084e52,#063f47);--scene-travel-soft:light-dark(#e7efff,#172f46);--scene-business-soft:light-dark(#eceef0,#283135);--glass:rgba(255,255,255,.16);--glass-line:rgba(255,255,255,.14);--glass-soft:rgba(255,255,255,.025);--glass-strong:rgba(255,255,255,.6);--glass-highlight:rgba(255,255,255,.25);--glass-toast:rgba(255,255,255,.15);--glass-border-strong:rgba(255,255,255,.35);--overlay:light-dark(rgba(4,28,32,.5),rgba(0,8,10,.72));--positive:light-dark(#087f70,#62d7cb);--focus:#ff785a;--shadow-soft:0 0.875rem 2.25rem light-dark(rgba(6,63,71,.08),rgba(0,0,0,.24));--shadow-strong:0 1.75rem 4.5rem light-dark(rgba(6,63,71,.16),rgba(0,0,0,.38));--shadow-header:0 0.625rem 2rem rgba(6,63,71,.08);--shadow-mini-card:0 1.25rem 3.75rem rgba(6,63,71,.23);--shadow-card-rest:0 0.375rem 0 rgba(6,63,71,.04);--yellow-shadow:#d6ad33;--coral-shadow:#c9533d;--radius-sm:.75rem;--radius-md:1.375rem;--radius-lg:2.375rem;--radius-pill:100vmax;--max:73.75rem;--learn-max:47.5rem;--control-min:2.75rem;--page-edge:clamp(.75rem,2.4vi,1.5rem);--section-space:clamp(3.25rem,8vb,5.5rem);--component-gap:clamp(.625rem,1.6cqi,1rem);--text-xs:clamp(.6875rem,.65rem + .12cqi,.75rem);--text-sm:clamp(.8125rem,.76rem + .18cqi,.9375rem);--text-body:clamp(.9375rem,.88rem + .2cqi,1.0625rem);--ease:200ms cubic-bezier(.2,.8,.2,1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}::selection{background:var(--yellow);color:var(--teal-ink)}html{scroll-behavior:smooth;scroll-padding-block-start:clamp(4.5rem,10vb,6rem);text-size-adjust:100%}body,html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Noto Sans SC,Noto Sans,Microsoft YaHei,system-ui,-apple-system,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:color var(--ease),background var(--ease)}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),select{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:.1875rem solid var(--focus);outline-offset:.1875rem}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer base{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--teal-dark);color:var(--on-primary);padding:.75rem 1.125rem;border-radius:var(--radius-sm)}.skip-link:focus{top:1rem}.deployment-banner{min-height:2rem;padding:.375rem 1.125rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--yellow);color:var(--teal-ink);font-size:.6875rem;font-weight:800;text-align:center}.logo-lockup{display:inline-flex;align-items:center;gap:.625rem;min-height:2.75rem}.logo-lockup img{width:2.75rem;height:2.75rem;object-fit:contain}.logo-lockup span{display:grid;line-height:1.05}.logo-lockup strong{color:var(--teal-dark);font-size:1.125rem;letter-spacing:-.04em}.logo-lockup small{color:var(--muted);font-size:.625rem;margin-top:.3125rem;letter-spacing:.1em}.eyebrow{margin:0 0 .875rem;color:var(--teal-text);font-size:.6875rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.primary-button,.secondary-button{min-height:3.25rem;padding:0 1.5rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-weight:850;transition:transform var(--ease),background var(--ease),box-shadow var(--ease),border-color var(--ease)}.primary-button{color:var(--on-primary);background:var(--button-bg);border:1px solid var(--button-bg);box-shadow:0 .5rem 0 var(--button-shadow)}.secondary-button{color:var(--teal-dark);background:var(--surface);border:1px solid var(--line)}.secondary-button:hover{border-color:var(--teal);background:var(--teal-soft);transform:translateY(-1px)}.primary-button:hover,.small-cta:hover{transform:translateY(-.125rem);background:var(--button-hover)}.primary-button:active{transform:translateY(.125rem);box-shadow:0 .25rem 0 var(--button-shadow)}.content-note{color:var(--muted);font-size:.6875rem;margin:1rem 0 0}.icon-control{width:2.75rem;height:2.75rem;flex:0 0 2.75rem;border:1px solid var(--line);border-radius:50%;background:var(--surface);display:grid;place-items:center;transition:transform var(--ease),background var(--ease),border-color var(--ease)}.icon-control:hover{transform:translateY(-1px);border-color:var(--teal);background:var(--teal-soft)}.theme-control{display:flex;align-items:center;gap:.5rem;color:var(--teal-dark)}.theme-control,.theme-control select{min-height:2.75rem;font-size:.6875rem;font-weight:800}.theme-control select{padding:0 1.875rem 0 .625rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-muted);color:var(--ink);cursor:pointer}.theme-control.compact{width:2.75rem;height:2.75rem;min-height:2.75rem;position:relative;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.theme-control.compact select{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.utility-theme{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:4}.loading-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.loading-screen span{width:2.375rem;height:2.375rem;border:.25rem solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.not-found,.share-page{min-height:100dvh;padding:3rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 14% 82%,color-mix(in srgb,var(--teal) 12%,transparent),transparent 26rem),var(--paper);position:relative;overflow:hidden}.not-found:before,.share-page:before{content:"";position:absolute;width:21.25rem;height:21.25rem;border-radius:50%;background:var(--yellow);right:-11.875rem;top:-11.875rem}.share-brand{display:flex;align-items:center;gap:.625rem;margin-bottom:1.125rem;z-index:1}.share-brand span{display:grid;line-height:1.15}.share-brand strong{color:var(--teal-dark)}.share-brand small{color:var(--muted);margin-top:.25rem}.quote-card{width:min(42.5rem,100%);padding:clamp(1.375rem,4cqi,2.875rem);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-strong);text-align:left;z-index:1;position:relative;isolation:isolate}.quote-card:after{content:"↔";position:absolute;right:2rem;top:1.75rem;color:var(--teal);font-weight:900;font-size:1.5rem}.quote-card h1,.quote-card h2{margin:.5rem 0;color:var(--teal-dark);font-size:clamp(1.875rem,7cqi,3.25rem);line-height:1.2;letter-spacing:-.04em}.quote-card h2{font-size:clamp(1.5625rem,6cqi,2.5rem)}.share-pinyin{margin:.5rem 0;color:var(--muted)}.quote-divider{width:100%;height:1px;margin:1.75rem 0;background:var(--line)}.share-bridge{margin:1.75rem 0 0;padding:.875rem 1rem;border-radius:var(--radius-sm);background:var(--yellow-soft);color:var(--yellow-ink);font-size:.75rem}.share-slogan{text-align:center;color:var(--teal-dark);font-weight:850;z-index:1}.share-slogan span{color:var(--muted);font-weight:500}.share-page .primary-button{margin-top:.5rem;z-index:1}.not-found{text-align:center}.not-found img{z-index:1}.not-found h1{margin:0;color:var(--teal-dark);font-size:clamp(2.375rem,7cqi,4rem);letter-spacing:-.055em;z-index:1}.not-found>p{z-index:1}.not-found>p:not(.eyebrow){color:var(--muted);margin:.625rem 0 1.875rem}.quote-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--yellow)),var(--surface))}}@layer marketing{.site-header{max-width:var(--max);width:calc(100% - 2rem);margin:.625rem auto 0;padding:.75rem 1rem;justify-content:space-between;position:sticky;top:max(.5rem,env(safe-area-inset-top));z-index:30;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:1.25rem;background:var(--surface-elevated);box-shadow:var(--shadow-header);-webkit-backdrop-filter:blur(1.125rem) saturate(140%);backdrop-filter:blur(1.125rem) saturate(140%)}.site-header,.site-header nav{display:flex;align-items:center}.site-header nav{gap:1.125rem}.text-link{color:var(--muted);font-weight:750}.small-cta,.text-link{min-height:2.75rem;display:inline-flex;align-items:center;font-size:.8125rem}.small-cta{padding:0 1.125rem;border-radius:var(--radius-sm);gap:.5rem;background:var(--button-bg);color:var(--on-primary);font-weight:800;transition:transform var(--ease),background var(--ease)}.hero-section{max-width:var(--max);margin:0 auto;padding:3.625rem 1.5rem 4.75rem;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4rem}.hero-copy h1{margin:0;color:var(--teal-dark);font-size:clamp(3.125rem,5.7cqi,5.125rem);line-height:.99;letter-spacing:-.07em}.hero-copy h1 span{display:block}.hero-body{max-width:38.75rem;margin:1.5rem 0 0;color:var(--muted);font-size:1.0625rem;line-height:1.75}.hero-actions{gap:.75rem;margin-top:1.75rem}.hero-actions,.hero-facts{display:flex;flex-wrap:wrap}.hero-facts{margin-top:1.5rem;gap:.5rem}.hero-facts>span{min-height:2.375rem;padding:0 .75rem;border:1px solid var(--line);border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:.375rem;background:var(--surface-elevated);color:var(--muted);font-size:.6875rem}.hero-facts svg{color:var(--teal-text)}.hero-facts strong{color:var(--teal-dark);font-size:.8125rem}.release-note{min-height:2.75rem;margin:1.125rem 0 0;display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.75rem;font-weight:700}.release-note>span{width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;background:var(--yellow-soft);color:var(--teal-dark)}.hero-visual{position:relative;min-height:26.875rem;border-radius:3rem 3rem 1.125rem 3rem;overflow:hidden;background:var(--teal);box-shadow:var(--shadow-strong)}.hero-visual:before{content:"";position:absolute;width:18.125rem;height:18.125rem;right:-7.375rem;top:-8.125rem;border-radius:50%;background:var(--yellow)}.hero-visual:after{content:"";position:absolute;width:10.625rem;height:10.625rem;left:-5.5rem;bottom:-5.125rem;border:1.5rem solid var(--glass);border-radius:50%}.hero-visual>img{position:absolute;right:1.375rem;bottom:1.25rem;width:4.25rem;height:4.25rem;z-index:3}.visual-kicker{position:absolute;left:1.875rem;top:1.625rem;color:var(--hero-kicker);font-size:.625rem;font-weight:900;letter-spacing:.18em}.mini-card{position:absolute;width:18.125rem;min-height:11.75rem;padding:1.5625rem;border-radius:1.75rem 1.75rem .6875rem 1.75rem;display:flex;flex-direction:column;box-shadow:var(--shadow-mini-card)}.mini-card>span{width:2.625rem;height:1.6875rem;border-radius:.5rem;display:grid;place-items:center;font-size:.625rem;font-weight:900}.mini-card strong{margin-top:1.375rem;font-size:2rem;line-height:1.1}.mini-card small{margin-top:.5rem;font-size:.8125rem}.mini-card-back{right:2.125rem;top:3.75rem;transform:rotate(5deg);background:var(--button-bg);color:var(--on-primary)}.mini-card-back>span{background:var(--yellow);color:var(--teal-ink)}.mini-card-back small{color:var(--inverse-muted)}.mini-card-front{left:2.125rem;bottom:2.625rem;z-index:2;transform:rotate(-4deg);background:var(--surface);color:var(--teal-dark)}.mini-card-front>span{background:var(--teal-soft)}.mini-card-front small{color:var(--muted)}.mini-card-front i{position:absolute;right:1.375rem;bottom:1.25rem;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--teal-dark);font-style:normal}.scene-section{max-width:var(--max);margin:0 auto;padding:4.75rem 1.5rem 5.5rem;scroll-margin-top:6rem}.section-heading{max-width:46.875rem;margin-bottom:2.375rem}.section-heading h2,.trust-section h2{margin:0;color:var(--teal-dark);font-size:clamp(2.125rem,4cqi,3.375rem);line-height:1.08;letter-spacing:-.055em}.section-heading>p:last-child{color:var(--muted);font-size:1rem;line-height:1.75}.scene-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.scene-card{min-width:0;min-height:20.625rem;padding:1.125rem;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;background:var(--surface);box-shadow:var(--shadow-card-rest);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.scene-card:hover{transform:translateY(-.25rem);border-color:var(--teal);box-shadow:var(--shadow-soft)}.scene-card-top{display:flex;align-items:center;justify-content:space-between}.scene-index{color:var(--muted);font-size:.625rem;font-weight:900;letter-spacing:.14em}.scene-arrow{width:2.375rem;height:2.375rem;border:1px solid;border-radius:50%;display:grid;place-items:center;color:var(--teal-dark)}.scene-icon{width:3.125rem;height:3.125rem;margin-top:1.375rem;border-radius:1rem;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal-dark)}.scene-care .scene-icon{background:var(--coral-soft)}.scene-travel .scene-icon{background:var(--scene-travel-soft)}.scene-business .scene-icon{background:var(--scene-business-soft)}.scene-copy{margin-top:.9375rem}.scene-card h3{margin:0 0 .3125rem;color:var(--teal-dark);font-size:1.25rem;line-height:1.2}.scene-card p{margin:0;min-height:2.5rem;color:var(--muted);font-size:.75rem;line-height:1.6}.scene-card blockquote{margin:auto 0 0;padding-top:1.375rem;color:var(--teal-dark);font-size:.875rem;font-weight:800;line-height:1.45;overflow-wrap:anywhere}.scene-card blockquote small{display:block;margin-top:.3125rem;color:var(--muted);font-size:.6875rem;font-weight:600}.scene-count{margin-top:.875rem;color:var(--local-muted);font-size:.6875rem}.how-section{padding:5.125rem max(1.5rem,calc((100vi - var(--max)) / 2 + 1.5rem));background:var(--button-bg)}.how-section,.section-heading.inverse h2{color:var(--on-primary)}.section-heading.inverse .eyebrow{color:var(--teal-bright)}.step-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.step-grid article{min-height:13.125rem;padding:1.75rem;border:1px solid var(--glass-line);border-radius:var(--radius-md);display:flex;flex-direction:column;background:var(--glass-soft)}.step-grid article:first-child{background:var(--teal);color:var(--teal-ink)}.step-grid article>span{color:var(--yellow);font-size:.6875rem;font-weight:900}.step-grid article:first-child>span{color:var(--teal-ink)}.step-grid article>div{margin-top:auto}.step-grid h3{margin:0 0 .625rem;font-size:1.5rem}.step-grid p{margin:0;color:var(--inverse-muted);font-size:.875rem;line-height:1.7}.step-grid article:first-child p{color:var(--inverse-teal-ink)}.trust-section{max-width:var(--max);margin:0 auto;padding:4.5rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.trust-section article{min-height:16.875rem;padding:1.875rem;border:1px solid var(--line);border-radius:var(--radius-md);display:grid;grid-template-columns:3.25rem 1fr;align-items:start;gap:1.375rem;background:var(--surface)}.ready-card{box-shadow:inset 0 .3125rem 0 var(--yellow)}.privacy-card{box-shadow:inset 0 .3125rem 0 var(--teal)}.trust-icon{width:3.25rem;height:3.25rem;border-radius:1rem;display:grid;place-items:center;background:var(--yellow-soft);color:var(--teal-dark)}.privacy-card .trust-icon{background:var(--teal-soft)}.trust-section h2{font-size:clamp(1.6875rem,3cqi,2.4375rem)}.trust-section article p:last-child{margin:.875rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.75}.site-footer{max-width:var(--max);margin:0 auto;padding:1.875rem 1.5rem 2.875rem;border-top:1px solid var(--line);display:flex;align-items:center;gap:1.5rem;color:var(--muted);font-size:.75rem}.site-footer p{margin-right:auto}.site-footer>a{min-height:2.75rem;display:inline-flex;align-items:center;color:var(--teal-dark);font-weight:850}.footer-links{display:flex;align-items:center;gap:1.125rem}.footer-links a{min-height:2.75rem;display:inline-flex;align-items:center;color:var(--teal-dark);font-weight:800}.language-page{min-height:100dvh;padding:max(1.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left));display:grid;place-items:center;background:var(--button-bg)}.language-card{width:min(65rem,100%);padding:1.75rem;border-radius:var(--radius-lg);display:grid;grid-template-columns:.75fr 1.25fr;gap:1.75rem;position:relative;background:var(--paper);box-shadow:var(--shadow-strong)}.language-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.language-brand>div{display:flex;align-items:center;gap:.75rem}.language-brand>div>span{color:var(--muted);font-size:.75rem;font-weight:800}.language-intro{padding:2.375rem 1.125rem 1.75rem}.language-intro h1{margin:0;color:var(--teal-dark);font-size:clamp(2.75rem,6cqi,4.5rem);line-height:1.02;letter-spacing:-.065em}.language-intro>p:last-child{margin-top:1.5rem;color:var(--muted)}.language-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.language-facts span{min-height:2.25rem;padding:0 .6875rem;border:1px solid var(--line);border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:.375rem;background:var(--surface);color:var(--muted);font-size:.625rem;font-weight:800}.language-facts svg{color:var(--positive)}.language-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.language-option{min-height:20.625rem;padding:1.5rem;border-radius:var(--radius-md);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;transition:transform var(--ease),box-shadow var(--ease)}.language-option:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-soft)}.option-zh{background:var(--yellow);color:var(--teal-ink)}.option-vi{background:var(--teal);color:var(--teal-ink)}.language-code{width:2.5rem;height:1.875rem;border-radius:.5rem;display:grid;place-items:center;background:var(--glass-strong);font-size:.625rem;font-weight:900}.language-option>svg{justify-self:end}.language-option strong{grid-column:1/-1;align-self:end;font-size:1.75rem}.language-option small{grid-column:1/-1;margin-top:.375rem;font-size:.8125rem}.language-card>.content-note{grid-column:1/-1;text-align:center}.marketing-page{position:relative;overflow:clip;background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--yellow) 18%,transparent),transparent 24rem),radial-gradient(circle at 92% 24%,color-mix(in srgb,var(--teal) 13%,transparent),transparent 28rem)}.language-option:active,.scene-card:active{transform:translateY(1px) scale(.995)}.share-actions{z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem;margin-top:.5rem}.share-actions .primary-button{margin-top:0}}@layer learner{.learn-shell{height:100dvh;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--teal) 10%,transparent),transparent 30rem),var(--paper);overflow:hidden}.learn-header{width:min(var(--learn-max),100%);min-height:4.25rem;margin:0 auto;padding:.625rem .875rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:var(--surface-elevated);-webkit-backdrop-filter:blur(1rem) saturate(140%);backdrop-filter:blur(1rem) saturate(140%)}.learn-header .logo-lockup span{display:none}.learn-context{min-width:0;display:grid;justify-items:center;line-height:1.25}.learn-context span{max-width:100%;color:var(--teal-dark);font-size:.875rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-context strong{margin-top:.1875rem;color:var(--muted);font-size:.5625rem;font-weight:700}.learn-header-actions{display:flex;gap:.4375rem}.settings-toggle[aria-expanded=true]{background:var(--button-bg);color:var(--on-primary);border-color:var(--button-bg)}.learn-toolbar{width:min(var(--learn-max),100%);margin:0 auto;padding:0 .75rem;position:relative;z-index:5;background:linear-gradient(180deg,var(--surface-elevated),color-mix(in srgb,var(--paper) 88%,transparent));-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem)}.category-tabs{display:flex;gap:.4375rem;padding:.125rem .125rem .625rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{flex:0 0 auto;min-height:2.75rem;padding:0 .8125rem;border:1px solid transparent;border-radius:.875rem;background:transparent;color:var(--muted);display:flex;align-items:center;gap:.4375rem;font-size:.6875rem;font-weight:850;cursor:pointer;scroll-snap-align:start;transition:background var(--ease),color var(--ease),transform var(--ease),box-shadow var(--ease)}.category-tabs button:hover{background:var(--surface);transform:translateY(-1px)}.category-tabs button.active{background:var(--button-bg);color:var(--on-primary);box-shadow:0 .3125rem 0 var(--button-shadow)}.learn-controls{display:grid;grid-template-columns:.8fr 1.25fr .9fr .9fr;gap:.5rem;margin-top:.75rem}.learn-controls label{min-width:0;display:grid;gap:.3125rem}.learn-controls label>span{color:var(--muted);font-size:.5625rem;font-weight:800}.learn-controls select{width:100%;min-width:0;min-height:2.75rem;padding:0 1.875rem 0 .6875rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-muted);color:var(--ink);font-size:.6875rem;font-weight:800;outline:0}.learn-controls>.theme-control{display:grid;grid-template-columns:1fr;align-items:normal}.learn-controls>.theme-control svg{display:none}.learn-controls>.theme-control select{padding-left:.6875rem}.learn-controls select:focus-visible{border-color:var(--coral)}.learn-main{width:min(var(--learn-max),100%);height:100%;min-height:0;margin:0 auto;padding:.25rem .75rem 1.125rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.learning-card{background:var(--surface);border:1px solid var(--line);border-radius:1.625rem;overflow:hidden;box-shadow:var(--shadow-soft);animation:card-enter .2s ease-out}.card-progress{min-height:2.875rem;padding:.625rem 1rem;justify-content:space-between;color:var(--muted);font-size:.625rem;border-bottom:1px solid var(--line)}.card-progress,.card-scene{display:flex;align-items:center}.card-scene{gap:.4375rem;flex-wrap:wrap;font-weight:850}.dialogue-turn,.learning-type{padding:.2rem .4rem;border-radius:99rem;background:var(--surface-muted);font-size:.5625rem;font-weight:850}.dialogue-turn{color:var(--teal-dark)}.progress-count{display:flex;align-items:baseline;gap:.1875rem}.progress-count strong{color:var(--teal-dark);font-size:1.125rem}.progress-count span{font-size:.625rem}.language-stack{padding:.5625rem;display:grid;gap:.5rem}.language-block{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:1.25rem;border-radius:1.125rem;transition:transform var(--ease),box-shadow var(--ease)}.language-block.target{min-height:11.5rem;background:linear-gradient(145deg,var(--teal) 0,var(--target-end) 100%);color:var(--teal-ink);box-shadow:inset 0 1px var(--glass-highlight)}.language-block.support{min-height:7.625rem;background:var(--surface-muted);border:1px solid var(--support-line)}.language-copy{min-width:0}.language-label{display:flex;align-items:center;gap:.5625rem;flex-wrap:wrap}.language-label span{font-size:.625rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.language-label small{color:var(--muted);font-size:.5625rem}.language-block.target .language-label small{color:var(--target-meta)}.language-block h1,.language-block h2{margin:.875rem 0 .1875rem;color:inherit;font-size:clamp(1.8125rem,7cqi,2.625rem);line-height:1.17;letter-spacing:-.04em;overflow-wrap:anywhere}.language-block h2{font-size:clamp(1.4375rem,5.8cqi,2rem)}.pinyin{margin:.375rem 0 0;color:var(--pinyin);font-size:.8125rem}.audio-button{width:3.5rem;height:3.5rem;border:0;border-radius:50%;background:var(--yellow);color:var(--teal-dark);display:grid;place-items:center;cursor:pointer;box-shadow:0 .3125rem 0 var(--yellow-shadow);transition:transform var(--ease),background var(--ease),box-shadow var(--ease);position:relative}.audio-button:hover{transform:scale(1.04)}.audio-button:active{transform:translateY(.125rem);box-shadow:0 .1875rem 0 var(--yellow-shadow)}.audio-button.playing{background:var(--coral);color:var(--on-primary);box-shadow:0 .3125rem 0 var(--coral-shadow);animation:play-pulse 1.25s ease-in-out infinite}.audio-status{position:absolute;right:.125rem;top:0;font-size:.5625rem}.pronunciation-focus{margin:0 .5625rem .5625rem;padding:.75rem .9375rem;border:1px solid var(--support-line);border-radius:.875rem;background:var(--surface-muted);display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.pronunciation-focus>span{color:var(--muted);font-size:.5625rem;font-weight:900}.pronunciation-focus strong{display:inline-flex;align-items:baseline;gap:.4rem}.pronunciation-focus b{color:var(--teal-dark);font-size:.875rem}.pronunciation-focus i{color:var(--pinyin);font-size:.75rem;font-style:normal}.bridge-note{margin:0 .5625rem .5625rem;padding:.8125rem .9375rem;border:1px solid var(--yellow-line);border-radius:.875rem;background:var(--yellow-soft);color:var(--yellow-ink)}.bridge-note>div{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.bridge-note span{font-size:.5625rem;font-weight:900}.bridge-note strong{font-size:.75rem}.bridge-note p{margin:.375rem 0 0;font-size:.625rem;line-height:1.55}.audio-disclaimer{min-height:2.25rem;margin:0;padding:.5rem 1rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:.375rem;color:var(--muted);font-size:.5625rem;text-align:center}.error-message{margin:0;padding:.5625rem .875rem;background:var(--coral-soft);color:var(--danger-ink);font-size:.6875rem;text-align:center}.card-actions{padding:.5625rem;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.4375rem;border-top:1px solid var(--line)}.card-actions button{min-width:0;min-height:3rem;border-radius:.8125rem;display:flex;align-items:center;justify-content:center;gap:.4375rem;font-size:.6875rem;font-weight:850;cursor:pointer}.bilingual-action{border:0;background:var(--button-bg);color:var(--on-primary)}.secondary-action{border:1px solid var(--line);background:var(--surface);color:var(--teal-dark)}.secondary-action[aria-pressed=true]{background:var(--coral-soft);border-color:var(--danger-line);color:var(--favorite-ink)}.double-play{display:flex}.double-play svg+svg{margin-left:-.5625rem}.card-pager{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5625rem}.card-pager button{min-height:3rem;border:1px solid var(--line);border-radius:.875rem;background:var(--surface);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.6875rem;font-weight:850;cursor:pointer}.card-pager button:disabled{opacity:.42;cursor:not-allowed;background:transparent}.card-pager button:not(:disabled):hover{border-color:var(--teal);transform:translateY(-1px)}@keyframes card-enter{0%{opacity:.6;transform:translateY(.3125rem)}to{opacity:1;transform:none}}@keyframes play-pulse{50%{transform:scale(1.05)}}.favorites-panel{min-height:100%;padding:.5rem 0 1.125rem}.favorites-intro{padding:.875rem .5rem 1.125rem}.favorites-intro h1{margin:0;color:var(--teal-dark);font-size:clamp(1.6875rem,5cqi,2.25rem);letter-spacing:-.04em}.favorites-intro>p:last-child{margin:.5rem 0 0;color:var(--muted);font-size:.75rem}.favorite-groups{display:grid;gap:.625rem}.favorite-group{padding:.875rem;border:1px solid var(--line);border-radius:1.25rem;background:var(--surface);box-shadow:var(--shadow-soft)}.favorite-group-title{display:flex;align-items:center;gap:.625rem;margin-bottom:.6875rem}.favorite-group-title .scene-icon{width:2.375rem;height:2.375rem;border-radius:.75rem}.favorite-group-title h2{margin:0;color:var(--teal-dark);font-size:.9375rem}.favorite-group-title small{color:var(--muted);font-size:.5625rem}.favorite-list{display:grid;gap:.4375rem}.favorite-list button{width:100%;min-height:3.875rem;padding:.625rem .75rem;border:1px solid var(--line);border-radius:.8125rem;background:var(--surface-muted);display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;cursor:pointer}.favorite-list button:hover{border-color:var(--teal);transform:translateX(.125rem)}.favorite-list button>span{min-width:0;display:grid;gap:.1875rem}.favorite-list small,.favorite-list strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-list strong{color:var(--teal-dark);font-size:.8125rem}.favorite-list small{color:var(--muted);font-size:.625rem}.empty-panel,.stage-panel{min-height:20.625rem;padding:2.5rem 1.75rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--surface);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-panel>span,.stage-icon{width:4rem;height:4rem;display:grid;place-items:center;border-radius:1.1875rem;background:var(--teal-soft);color:var(--teal-dark)}.stage-panel .eyebrow{margin:1.125rem 0 .3125rem}.empty-panel h2,.stage-panel h1{margin:.5rem 0;color:var(--teal-dark);font-size:1.5rem}.empty-panel p,.stage-panel>p:not(.eyebrow){max-width:30rem;margin:.25rem 0 0;color:var(--muted);font-size:.75rem}.empty-panel .secondary-button{margin-top:1.25rem}.offline-ready{margin-top:1rem;padding:.5625rem .75rem;border-radius:.75rem;display:inline-flex;align-items:center;gap:.375rem;background:var(--paper);color:var(--muted);font-size:.625rem;font-weight:800}.learn-footer{width:min(var(--learn-max),100%);margin:0 auto;padding:.3125rem .75rem max(.5rem,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}.local-status{margin:0 0 .25rem;display:flex;align-items:center;justify-content:center;gap:.3125rem;color:var(--local-muted);font-size:.5625rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{min-height:3.625rem;padding:.3125rem;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:1.125rem;background:var(--surface);box-shadow:var(--shadow-soft)}.bottom-nav button{position:relative;min-height:2.875rem;border:0;border-radius:.8125rem;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.625rem;font-weight:800;cursor:pointer;transition:background var(--ease),color var(--ease),transform var(--ease)}.bottom-nav button>span{display:grid}.bottom-nav button.active{color:var(--teal-dark);background:var(--teal-soft)}.bottom-nav small{position:absolute;right:calc(50% - 2.625rem);top:.1875rem;min-width:1.0625rem;height:1.0625rem;padding:0 .25rem;display:grid;place-items:center;border-radius:.5625rem;background:var(--coral);color:var(--on-primary);font-size:.5rem}.toast{position:fixed;z-index:50;left:50%;bottom:5.75rem;min-height:3rem;max-width:calc(100vi - 1.75rem);padding:.6875rem .75rem .6875rem 1rem;border-radius:.875rem;background:var(--button-bg);display:flex;align-items:center;gap:.75rem;font-size:.6875rem;box-shadow:var(--shadow-strong);transform:translateX(-50%);animation:toast-in .18s ease-out}.toast,.toast button{color:var(--on-primary)}.toast button{min-height:2.25rem;padding:0 .625rem;border:1px solid var(--glass-border-strong);border-radius:.5625rem;background:transparent;font-size:.625rem;font-weight:850;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,.5rem)}to{opacity:1;transform:translate(-50%)}}body:has(>.deployment-banner):has(>.learn-shell){height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}body:has(>.deployment-banner):has(>.learn-shell)>.learn-shell{height:100%;min-height:0}.settings-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:max(1.125rem,env(safe-area-inset-top)) max(1.125rem,env(safe-area-inset-right)) max(1.125rem,env(safe-area-inset-bottom)) max(1.125rem,env(safe-area-inset-left))}.settings-layer .settings-panel{position:relative;z-index:1;inset:auto;width:min(40rem,100%);max-height:min(45rem,calc(100dvh - 2.25rem));margin:0;padding:1.375rem;border:1px solid var(--line);border-radius:1.625rem;background:var(--surface-elevated);box-shadow:var(--shadow-strong);overflow-y:auto;animation:dialog-in .2s cubic-bezier(.2,.8,.2,1)}.settings-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem}.settings-heading-icon{width:2.625rem;height:2.625rem;border-radius:.875rem;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal-dark)}.settings-heading h2{margin:0;color:var(--teal-dark);font-size:1.125rem;line-height:1.2}.settings-heading p{margin:.25rem 0 0;color:var(--muted);font-size:.6875rem}.settings-layer .learn-controls{grid-template-columns:1fr 1fr;margin-top:1.25rem;gap:.75rem}.settings-layer .learn-controls label>span,.settings-layer .theme-control>span{font-size:.625rem}.settings-layer .learn-controls select{min-height:3rem;background:var(--surface);font-size:.75rem}.settings-layer .learn-controls>.theme-control{display:grid;grid-template-columns:1fr;gap:.3125rem;align-items:normal}.settings-layer .learn-controls>.theme-control svg{display:none}.settings-footnote{margin:1.125rem 0 0;padding:.6875rem .8125rem;border-radius:.75rem;display:flex;align-items:center;gap:.4375rem;background:var(--teal-soft);color:var(--teal-dark);font-size:.625rem;font-weight:800}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(.625rem) scale(.985)}to{opacity:1;transform:none}}.bilingual-action.playing{background:var(--coral);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 60%,var(--on-primary))}.offline-ready.ready{color:var(--positive)}.offline-ready.pending{color:var(--yellow-ink)}.local-status svg{flex:0 0 auto}.local-status.online svg{color:var(--positive)}.local-status.offline svg{color:var(--danger-ink)}.local-status i{width:.1875rem;height:.1875rem;border-radius:50%;background:var(--line)}.bottom-nav button:hover{color:var(--teal-dark);background:var(--surface-muted)}.bottom-nav button:active{transform:scale(.98)}.toast-icon{width:1.5625rem;height:1.5625rem;flex:0 0 1.5625rem;border-radius:50%;display:grid;place-items:center;background:var(--glass-toast)}.toast.error{background:var(--error-surface-strong)}.toast-message{min-width:0;overflow-wrap:anywhere}.toast .toast-action{min-height:2.75rem}.toast .toast-dismiss{min-width:2.75rem;padding:0;display:grid;place-items:center}.storage-warning{margin:0 0 .625rem;padding:.6875rem .8125rem;border:1px solid var(--danger-line);border-radius:.8125rem;background:var(--coral-soft);color:var(--danger-ink);display:flex;align-items:center;gap:.5rem;font-size:.6875rem}}@layer responsive{.marketing-page{container:marketing/inline-size}.learn-shell{container:learner/inline-size}.not-found,.share-page{container:utility-page/inline-size}.site-header{inline-size:min(calc(100% - var(--page-edge) - var(--page-edge)),var(--max));padding-block:.625rem;padding-inline:clamp(.625rem,1.8cqi,1rem);margin-block-start:max(.5rem,env(safe-area-inset-top));border-radius:clamp(1rem,2cqi,1.25rem)}.site-header nav{gap:clamp(.5rem,1.8cqi,1.125rem)}.small-cta,.text-link{min-block-size:var(--control-min);font-size:var(--text-sm)}.small-cta{padding-inline:clamp(.75rem,2cqi,1.125rem)}.hero-section,.scene-section,.site-footer,.trust-section{inline-size:min(100%,var(--max));padding-inline:var(--page-edge)}.hero-section{padding-block:clamp(2rem,6vb,4.75rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:clamp(2rem,5cqi,4rem)}.hero-copy h1{font-size:clamp(2.65rem,7.2cqi,5.125rem)}.hero-body{max-inline-size:38.75rem;margin-block-start:clamp(1.125rem,2.5cqi,1.5rem);font-size:var(--text-body)}.hero-actions{gap:var(--component-gap);margin-block-start:clamp(1.25rem,3cqi,1.75rem)}.hero-facts{gap:clamp(.4rem,1cqi,.625rem);margin-block-start:clamp(1rem,2.5cqi,1.5rem)}.hero-facts>span{min-block-size:2.375rem;padding-inline:clamp(.625rem,1.5cqi,.875rem)}.hero-facts>span,.release-note{font-size:var(--text-xs)}.hero-visual{min-block-size:clamp(20rem,38cqi,26.875rem);border-radius:clamp(1.75rem,4cqi,3rem) clamp(1.75rem,4cqi,3rem) 1.125rem clamp(1.75rem,4cqi,3rem)}.mini-card{inline-size:clamp(12rem,25cqi,18.125rem);min-block-size:clamp(7.75rem,16cqi,11.75rem);padding:clamp(.9375rem,2.1cqi,1.5625rem)}.mini-card strong{font-size:clamp(1.375rem,2.8cqi,2rem)}.scene-section{padding-block:var(--section-space);scroll-margin-block-start:clamp(4.5rem,10vb,6rem)}.section-heading{max-inline-size:46.875rem;margin-block-end:clamp(1.75rem,4cqi,2.375rem)}.section-heading h2,.trust-section h2{font-size:clamp(2.125rem,4.6cqi,3.375rem)}.section-heading>p:last-child{font-size:var(--text-body)}.scene-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--component-gap)}.scene-card{container:scene-card/inline-size;min-block-size:clamp(18.5rem,28cqi,20.625rem);padding:clamp(1rem,1.8cqi,1.25rem)}.scene-card h3{font-size:clamp(1.125rem,10cqi,1.25rem)}.scene-card blockquote,.scene-card p{font-size:var(--text-sm)}.scene-card blockquote small,.scene-count{font-size:var(--text-xs)}.how-section{padding-block:var(--section-space);padding-inline:max(var(--page-edge),calc((100vi - var(--max))/2 + var(--page-edge)))}.step-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--component-gap)}.step-grid article{min-block-size:clamp(10rem,18cqi,13.125rem);padding:clamp(1.25rem,3cqi,1.75rem)}.step-grid h3{font-size:clamp(1.25rem,2.5cqi,1.5rem)}.step-grid p{font-size:var(--text-sm)}.trust-section{padding-block:var(--section-space);grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:var(--component-gap)}.trust-section article{min-block-size:clamp(13rem,22cqi,16.875rem);padding:clamp(1.25rem,3cqi,1.875rem);grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,2.2cqi,1.375rem)}.site-footer,.trust-section article p:last-child{font-size:var(--text-sm)}.site-footer{padding-block:clamp(1.5rem,4vb,2.875rem)}.language-page{min-block-size:100svh;padding:max(var(--page-edge),env(safe-area-inset-top)) max(var(--page-edge),env(safe-area-inset-right)) max(var(--page-edge),env(safe-area-inset-bottom)) max(var(--page-edge),env(safe-area-inset-left));container:language-entry/inline-size}.language-card{inline-size:min(100%,65rem);padding:clamp(.875rem,3cqi,1.75rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:clamp(.875rem,2.8cqi,1.75rem)}.language-intro{padding:clamp(.625rem,3.5cqi,2.375rem) clamp(.5rem,1.7cqi,1.125rem)}.language-intro h1{font-size:clamp(2.5rem,8cqi,4.5rem)}.language-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--component-gap)}.language-option{min-block-size:clamp(9rem,28cqi,20.625rem);padding:clamp(1.125rem,3cqi,1.5rem)}.language-option strong{font-size:clamp(1.375rem,4cqi,1.75rem)}.learn-footer,.learn-header,.learn-main,.learn-toolbar{inline-size:min(100%,var(--learn-max));padding-inline:clamp(.5rem,2cqi,1.5rem)}.learn-header{min-block-size:clamp(3.5rem,8vb,4.25rem);gap:clamp(.375rem,1.5cqi,.75rem)}.category-tabs{gap:clamp(.375rem,1cqi,.5rem);scroll-padding-inline:50%}.category-tabs button{min-block-size:var(--control-min);padding-inline:clamp(.55rem,2cqi,.8125rem);font-size:var(--text-xs)}.learn-main{padding-block:.25rem clamp(.625rem,2vb,1.125rem)}.learning-card{border-radius:clamp(1.125rem,3cqi,1.625rem)}.language-block{padding:clamp(.875rem,3cqi,1.25rem);gap:clamp(.625rem,2cqi,.875rem)}.language-block.target{min-block-size:clamp(8.25rem,22vb,11.5rem)}.language-block.support{min-block-size:clamp(5.75rem,14vb,7.625rem)}.language-block h1,.language-block h2{font-size:clamp(1.7rem,8cqi,2.625rem)}.language-block h2{font-size:clamp(1.4rem,6.4cqi,2rem)}.audio-button{inline-size:clamp(3rem,9cqi,3.5rem);block-size:clamp(3rem,9cqi,3.5rem)}.card-actions,.card-pager{gap:clamp(.4rem,1cqi,.625rem)}.card-actions button,.card-pager button{min-block-size:3rem;font-size:var(--text-xs)}.bottom-nav button{min-block-size:var(--control-min);font-size:var(--text-xs)}.toast{max-inline-size:min(calc(100vi - var(--page-edge) - var(--page-edge)),32rem);inset-inline-start:50%;inset-block-end:max(5.25rem,calc(env(safe-area-inset-bottom) + 4.75rem))}.settings-layer .settings-panel{inline-size:min(calc(100vi - var(--page-edge) - var(--page-edge)),40rem);max-block-size:min(45rem,calc(100dvb - var(--page-edge) - var(--page-edge)));padding:clamp(1.125rem,3cqi,1.5rem)}.settings-layer .learn-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}dialog.settings-layer{inline-size:100%;max-inline-size:none;block-size:100%;max-block-size:none;margin:0;border:0;background:transparent;color:inherit}dialog.settings-layer::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);animation:backdrop-in .18s ease-out}.quote-card{inline-size:min(100%,42.5rem);padding:clamp(1.375rem,6cqi,2.875rem)}.quote-card h1,.quote-card h2{font-size:clamp(1.875rem,8cqi,3.25rem)}.quote-card h2{font-size:clamp(1.5625rem,6.5cqi,2.5rem)}@container marketing (inline-size < 52rem){.hero-section{grid-template-columns:1fr}.hero-visual{display:none}.step-grid,.trust-section{grid-template-columns:1fr}}@container marketing (inline-size < 36rem){.site-header .logo-lockup small,.site-header .text-link{display:none}.hero-actions>*{inline-size:100%}.hero-facts>span{flex:1 1 7rem;justify-content:center}.scene-grid{grid-template-columns:1fr}.scene-card{min-block-size:auto;display:grid;grid-template-columns:3.125rem minmax(0,1fr) 2.375rem;grid-template-rows:auto auto auto;align-items:center;column-gap:.875rem}.scene-card-top{grid-column:1/-1}.scene-icon{grid-column:1}.scene-copy,.scene-icon{grid-row:2;margin-block-start:1rem}.scene-copy{grid-column:2/-1}.scene-card p{min-block-size:0}.scene-card blockquote{grid-column:1/-1;grid-row:3;margin-block-start:.875rem;padding-block-start:.875rem;border-block-start:1px solid var(--line)}.scene-count{grid-column:1/-1}.site-footer{flex-wrap:wrap}.site-footer p{inline-size:100%;order:3}.footer-links{inline-size:100%;order:2;justify-content:space-between}}@container language-entry (inline-size < 42rem){.language-card{grid-template-columns:1fr}.language-brand .logo-lockup small{display:none}.language-actions{grid-template-columns:1fr}}@container learner (inline-size < 35rem){.settings-layer .learn-controls{grid-template-columns:1fr}.card-actions{grid-template-columns:1fr 1fr}.card-actions .bilingual-action{grid-column:1/-1;grid-row:1}}@media (max-height:42rem){.learn-header{min-block-size:3.25rem;padding-block:.25rem}.category-tabs{padding-block-end:.25rem}.learning-card{overflow:visible}.language-block.target{min-block-size:6.75rem}.language-block.support{min-block-size:4.75rem}.language-block h1{font-size:clamp(1.55rem,7cqi,2rem)}.language-block h2{font-size:clamp(1.25rem,5.5cqi,1.65rem)}.audio-disclaimer{min-block-size:1.75rem;padding-block:.25rem}.learn-main:has(>.learning-card){padding-block-end:4rem}.card-actions{position:fixed;z-index:14;inset-inline-start:50%;inset-block-end:max(4.5rem,calc(env(safe-area-inset-bottom) + 4.25rem));inline-size:min(calc(100vi - 1rem),var(--learn-max));padding:.4rem;grid-template-columns:1.2fr 1fr 1fr;border:1px solid var(--line);border-radius:1rem;background:var(--surface-elevated);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);transform:translateX(-50%)}.card-actions .bilingual-action{grid-column:auto;grid-row:auto}.bottom-nav{min-block-size:3rem}.bottom-nav button{min-block-size:2.5rem}}@media (hover:none){.icon-control:hover,.language-option:hover,.primary-button:hover,.scene-card:hover,.small-cta:hover{transform:none}}@media (forced-colors:active){.bilingual-action,.category-tabs button.active,.primary-button,.small-cta{border:1px solid ButtonText}.audio-button,.scene-icon,.trust-icon{forced-color-adjust:none}}}@layer tokens, base, marketing, learner, responsive;