:root{--teal:#16b8a6;--teal-bright:#20c9b5;--teal-text:#08776c;--teal-dark:#063f47;--teal-ink:#052f35;--teal-soft:#dff5f0;--yellow:#ffd45b;--yellow-soft:#fff2bb;--coral:#ff785a;--coral-soft:#ffe9e2;--paper:#f3f1e9;--paper-deep:#eae7dc;--surface:#fffef9;--surface-muted:#f8f7f1;--ink:#102f34;--muted:#62777a;--line:#d5dfda;--white:#fff;--shadow-soft:0 12px 34px rgba(6,63,71,.08);--shadow-strong:0 26px 70px rgba(6,63,71,.16);--radius-sm:12px;--radius-md:22px;--radius-lg:38px;--max:1180px;--learn-max:760px;--ease:200ms cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);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}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.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:16px;top:-80px;z-index:1000;background:var(--teal-dark);color:white;padding:12px 18px;border-radius:var(--radius-sm)}.skip-link:focus{top:16px}.fixture-banner{min-height:32px;padding:6px 18px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--yellow);color:var(--teal-ink);font-size:11px;font-weight:800;text-align:center}.logo-lockup{display:inline-flex;align-items:center;gap:10px;min-height:44px}.logo-lockup img{width:44px;height:44px;object-fit:contain}.logo-lockup span{display:grid;line-height:1.05}.logo-lockup strong{color:var(--teal-dark);font-size:18px;letter-spacing:-.04em}.logo-lockup small{color:var(--muted);font-size:10px;margin-top:5px;letter-spacing:.1em}.eyebrow{margin:0 0 14px;color:var(--teal-text);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.primary-button,.secondary-button{min-height:52px;padding:0 24px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:850;transition:transform var(--ease),background var(--ease),box-shadow var(--ease)}.primary-button{color:white;background:var(--teal-dark);border:1px solid var(--teal-dark);box-shadow:0 8px 0 #032e34}.secondary-button{color:var(--teal-dark);background:var(--surface);border:1px solid var(--line)}.primary-button:hover,.small-cta:hover{transform:translateY(-2px);background:#0a5660}.primary-button:active{transform:translateY(2px);box-shadow:0 4px 0 #032e34}.fixture-note{color:var(--muted);font-size:11px;margin:16px 0 0}.icon-control{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);display:grid;place-items:center}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.loading-screen span{width:38px;height:38px;border:4px 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:100vh;padding:48px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);position:relative;overflow:hidden}.not-found:before,.share-page:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--yellow);right:-190px;top:-190px}.share-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px;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:4px}.quote-card{width:min(680px,100%);padding:46px;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}.quote-card:after{content:"↔";position:absolute;right:32px;top:28px;color:var(--teal);font-weight:900;font-size:24px}.quote-card h1,.quote-card h2{margin:8px 0;color:var(--teal-dark);font-size:clamp(30px,7vw,52px);line-height:1.2;letter-spacing:-.04em}.quote-card h2{font-size:clamp(25px,6vw,40px)}.share-pinyin{margin:8px 0;color:var(--muted)}.quote-divider{width:100%;height:1px;margin:28px 0;background:var(--line)}.share-bridge{margin:28px 0 0;padding:14px 16px;border-radius:var(--radius-sm);background:var(--yellow-soft);color:#675c2f;font-size:12px}.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:8px;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(38px,7vw,64px);letter-spacing:-.055em;z-index:1}.not-found>p{z-index:1}.not-found>p:not(.eyebrow){color:var(--muted);margin:10px 0 30px}@media(max-width:700px){.quote-card{padding:34px 22px}}.site-header{max-width:var(--max);margin:0 auto;padding:18px 24px;justify-content:space-between}.site-header,.site-header nav{display:flex;align-items:center}.site-header nav{gap:18px}.text-link{color:var(--muted);font-weight:700}.small-cta,.text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.small-cta{padding:0 18px;border-radius:var(--radius-sm);background:var(--teal-dark);color:white;gap:8px;font-weight:800;transition:transform var(--ease),background var(--ease)}.hero-section{max-width:var(--max);margin:0 auto;padding:60px 24px 90px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:64px}.hero-copy h1{margin:0;font-size:clamp(56px,6vw,88px);line-height:.98;letter-spacing:-.075em;color:var(--teal-dark)}.hero-copy h1 span{display:block}.hero-body{max-width:610px;margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;margin-top:30px}.hero-text-link{margin-top:24px;min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--teal-text);font-size:13px;font-weight:800}.hero-text-link:hover svg{transform:translateX(4px)}.hero-text-link svg{transition:transform var(--ease)}.hero-visual{position:relative;min-height:490px;border-radius:54px 54px 18px 54px;background:var(--teal);overflow:hidden;box-shadow:var(--shadow-strong)}.hero-visual:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:var(--yellow);right:-120px;top:-135px}.hero-visual:after{content:"";position:absolute;width:180px;height:180px;border:25px solid rgba(255,255,255,.16);border-radius:50%;left:-88px;bottom:-70px}.hero-visual>img{position:absolute;right:28px;bottom:26px;width:78px;height:78px;z-index:3}.mini-card{position:absolute;width:310px;min-height:210px;border-radius:30px 30px 12px 30px;padding:28px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(6,63,71,.23)}.mini-card>span{width:42px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:900}.mini-card strong{margin-top:26px;font-size:34px;line-height:1.1}.mini-card small{margin-top:9px;font-size:13px}.mini-card-back{right:42px;top:65px;transform:rotate(6deg);background:var(--teal-dark);color:white}.mini-card-back>span{background:var(--yellow);color:var(--teal-dark)}.mini-card-back small{color:#aed6d4}.mini-card-front{left:40px;bottom:56px;transform:rotate(-4deg);background:var(--surface);color:var(--teal-dark);z-index:2}.mini-card-front>span{background:var(--teal-soft)}.mini-card-front small{color:var(--muted)}.mini-card-front button{position:absolute;right:24px;bottom:22px;width:50px;height:50px;border:0;border-radius:50%;background:var(--yellow);color:var(--teal-dark);display:grid;place-items:center}.section-block{max-width:var(--max);margin:0 auto;padding:88px 24px}.section-heading{max-width:740px;margin-bottom:40px}.privacy-section h2,.section-heading h2{margin:0;color:var(--teal-dark);font-size:clamp(35px,4vw,54px);line-height:1.08;letter-spacing:-.055em}.privacy-section>div>p:last-child,.section-heading>p:last-child{color:var(--muted);font-size:16px;line-height:1.8}.scene-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(185px,auto);gap:14px}.scene-card{grid-column:span 2;padding:22px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:52px 1fr 38px;grid-template-rows:auto 1fr auto;gap:16px;transition:transform var(--ease),box-shadow var(--ease),border var(--ease);position:relative;overflow:hidden}.scene-card:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:var(--shadow-soft)}.scene-card.featured{grid-column:span 4;grid-row:span 2;background:var(--yellow);border-color:#e7c348;padding:28px}.scene-icon{width:48px;height:48px;border-radius:15px;background:var(--teal-soft);color:var(--teal-dark);display:grid;place-items:center}.scene-featured .scene-icon{background:rgba(255,255,255,.65)}.scene-arrow{width:38px;height:38px;border:1px solid;border-radius:50%;display:grid;place-items:center;justify-self:end;color:var(--teal-dark)}.scene-card>div{grid-column:1/-1;align-self:end}.scene-card h3{margin:0 0 5px;color:var(--teal-dark);font-size:21px}.scene-card p{margin:0;color:var(--muted);font-size:13px}.scene-card blockquote{grid-column:1/-1;margin:0;color:var(--teal-dark);font-size:15px;font-weight:800;align-self:end}.scene-card.featured blockquote{font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:-.04em}.scene-count{grid-column:1/-1;color:#718688;font-size:11px}.scene-card.featured .scene-count{color:#695a22}.scene-social{background:#eef9f6}.scene-care{background:#fff4ef}.scene-travel{background:#edf3ff}.scene-business{background:#f0f1f2}.feature-section{background:var(--teal-dark);color:white;padding:88px max(24px,calc((100vw - var(--max))/2 + 24px))}.section-heading.inverse h2{color:white}.section-heading.inverse .eyebrow{color:var(--teal-bright)}.feature-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:14px}.feature-grid article{min-height:230px;padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);display:flex;flex-direction:column}.feature-grid article:first-child{background:var(--teal);color:var(--teal-ink)}.feature-number{font-size:11px;font-weight:900;color:var(--yellow)}.feature-grid article:first-child .feature-number{color:var(--teal-ink)}.feature-grid h3{margin:auto 0 12px;font-size:24px}.feature-grid p{margin:0;color:#b7d3d3;line-height:1.7;font-size:14px}.feature-grid article:first-child p{color:#084e52}.privacy-section{max-width:var(--max);margin:28px auto 58px;padding:30px 34px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.privacy-section>div:first-child{max-width:800px}.privacy-section h2{font-size:clamp(28px,3vw,40px)}.privacy-mark{width:112px;height:78px;border-radius:18px;background:var(--yellow);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--teal-dark)}.privacy-mark span{font-size:10px;font-weight:900;letter-spacing:.15em}.site-footer{max-width:var(--max);margin:0 auto;padding:30px 24px 46px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:var(--muted);font-size:12px}.site-footer p{margin-right:auto}.site-footer>a{color:var(--teal-dark);font-weight:850}.language-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--teal-dark)}.language-card{width:min(1040px,100%);padding:28px;border-radius:var(--radius-lg);background:var(--paper);display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;box-shadow:var(--shadow-strong);position:relative}.language-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.language-brand>span{color:var(--muted);font-size:12px;font-weight:800}.language-intro{padding:38px 18px 28px}.language-intro h1{margin:0;color:var(--teal-dark);font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-.065em}.language-intro>p:last-child{color:var(--muted);margin-top:24px}.language-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.language-option{min-height:330px;border-radius:var(--radius-md);padding:24px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;transition:transform var(--ease)}.language-option:hover{transform:translateY(-4px)}.option-zh{background:var(--yellow);color:var(--teal-dark)}.option-vi{background:var(--teal);color:var(--teal-ink)}.language-code{width:40px;height:30px;border-radius:8px;background:rgba(255,255,255,.6);display:grid;place-items:center;font-size:10px;font-weight:900}.language-option>svg{justify-self:end}.language-option strong{grid-column:1/-1;align-self:end;font-size:28px}.language-option small{grid-column:1/-1;font-size:13px;margin-top:6px}.language-card>.fixture-note{grid-column:1/-1;text-align:center}.scene-card.featured .scene-icon{background:rgba(255,255,255,.65)}@media(max-width:820px){.hero-section{grid-template-columns:1fr;padding-top:42px;gap:42px}.hero-visual{min-height:440px}.scene-grid{grid-template-columns:repeat(2,1fr)}.scene-card{grid-column:span 1}.scene-card.featured{grid-column:span 2}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article:first-child{grid-column:span 2}.language-card{grid-template-columns:1fr}.language-intro{padding:20px 8px}.language-actions{min-height:270px}}@media(max-width:560px){.fixture-banner{font-size:9px}.site-header{padding:12px 16px}.site-header .logo-lockup small,.site-header .text-link{display:none}.hero-section{padding:30px 18px 58px;gap:32px}.hero-copy h1{font-size:45px}.hero-body{font-size:15px;line-height:1.7}.hero-actions{margin-top:24px}.hero-actions .primary-button{width:100%}.hero-text-link{margin-top:18px}.hero-visual{min-height:300px;border-radius:32px 32px 12px 32px}.mini-card{width:220px;min-height:150px;padding:20px;border-radius:22px 22px 9px 22px}.mini-card strong{font-size:25px;margin-top:15px}.mini-card-back{right:16px;top:35px}.mini-card-front{left:18px;bottom:32px}.mini-card-front button{width:44px;height:44px}.hero-visual>img{width:54px;height:54px;right:14px;bottom:14px}.section-block{padding:66px 16px}.scene-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:10px}.scene-card{grid-column:span 1;min-height:180px;padding:16px;grid-template-columns:42px 1fr 32px;gap:10px}.scene-card.featured{grid-column:1/-1;min-height:270px;padding:22px}.scene-icon{width:42px;height:42px}.scene-arrow{width:32px;height:32px}.scene-card h3{font-size:18px}.scene-card p{display:none}.scene-card blockquote{font-size:12px}.scene-card.featured blockquote{font-size:29px}.feature-section{padding:66px 16px}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article:first-child{grid-column:auto;min-height:185px}.privacy-section{margin:18px 16px 46px;padding:24px;grid-template-columns:1fr}.privacy-mark{width:100%}.site-footer{margin:0 16px;padding-left:0;padding-right:0;flex-wrap:wrap}.site-footer p{width:100%;order:3}.language-page{padding:12px}.language-card{padding:18px;border-radius:28px;gap:14px}.language-brand .logo-lockup small{display:none}.language-intro h1{font-size:44px}.language-intro>p:last-child{font-size:13px}.language-actions{grid-template-columns:1fr;min-height:0}.language-option{min-height:150px}.language-option strong{font-size:23px}}.learn-shell{height:100dvh;min-height:620px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;background:var(--paper);overflow:hidden}.learn-header{width:min(var(--learn-max),100%);margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}.learn-header .logo-lockup{width:44px;overflow:hidden;flex:0 0 44px}.learn-header-title{display:grid;line-height:1.1}.learn-header-title strong{color:var(--teal-dark);font-size:14px}.learn-header-title small{color:var(--muted);font-size:10px;margin-top:4px}.learn-home{margin-left:auto}.learn-toolbar{width:min(var(--learn-max),100%);margin:0 auto;padding:0 12px;background:var(--paper)}.learn-controls{display:flex;gap:7px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:none}.category-tabs::-webkit-scrollbar,.learn-controls::-webkit-scrollbar{display:none}.learn-controls label{flex:0 0 auto;min-height:42px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);display:flex;align-items:center;gap:6px;color:var(--teal-dark);font-size:11px;font-weight:850}.learn-controls label>span:not(.sr-only){font-size:10px;letter-spacing:.04em}.learn-controls select{min-height:40px;max-width:165px;border:0;background:transparent;color:var(--teal-dark);font-size:11px;font-weight:800;padding:0 19px 0 0;outline:0}.category-tabs{display:flex;gap:7px;padding:2px 2px 10px;overflow-x:auto;scrollbar-width:none}.category-tabs button{flex:0 0 auto;min-height:40px;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 13px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;cursor:pointer;transition:background var(--ease),color var(--ease),transform var(--ease)}.category-tabs button:hover{background:var(--surface)}.category-tabs button.active{background:var(--teal-dark);color:white;box-shadow:0 5px 0 #032e34}.learn-main{width:min(var(--learn-max),100%);min-height:0;margin:0 auto;padding:4px 12px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.learning-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-soft)}.card-progress{padding:11px 16px;justify-content:space-between;color:var(--muted);font-size:10px;border-bottom:1px solid var(--line)}.card-progress,.card-scene{display:flex;align-items:center}.card-scene{gap:7px;font-weight:800}.progress-count strong{color:var(--teal-dark);font-size:15px}.language-stack{padding:9px;display:grid;gap:8px}.language-block{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;border-radius:17px}.language-block.target{min-height:190px;background:var(--teal);color:var(--teal-ink)}.language-block.support{min-height:126px;background:var(--surface-muted);border:1px solid #e6e7e1}.language-copy{min-width:0}.language-label{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.language-label span{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.language-label small{color:var(--muted);font-size:9px}.language-block.target .language-label small{color:#125f61}.language-block h1,.language-block h2{margin:15px 0 3px;color:inherit;font-size:clamp(29px,7vw,43px);line-height:1.17;letter-spacing:-.04em;overflow-wrap:anywhere}.language-block h2{font-size:clamp(23px,5.8vw,33px)}.pinyin{margin:6px 0 0;color:#365f61;font-size:13px}.audio-button{width:54px;height:54px;border:0;border-radius:50%;background:var(--yellow);color:var(--teal-dark);display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 0 #d6ad33;transition:transform var(--ease),background var(--ease);position:relative}.audio-button:hover{transform:scale(1.04)}.audio-button.playing{background:var(--coral);color:white;box-shadow:0 5px 0 #c9533d}.audio-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bridge-note{margin:2px 9px 10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--yellow-soft);border:1px solid #e8d37a}.bridge-note div{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.bridge-note span{color:#79671d;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.bridge-note strong{color:var(--teal-dark);font-size:13px}.bridge-note p{color:#665d40;font-size:10px;line-height:1.55;margin:6px 0 0}.audio-disclaimer{margin:0;padding:8px 14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;color:#748689;font-size:9px}.error-message{margin:0;padding:10px 16px;color:#912f22;background:var(--coral-soft);text-align:center;font-size:11px}.card-actions{padding:9px;display:grid;grid-template-columns:auto auto minmax(150px,1fr);gap:7px;border-top:1px solid var(--line)}.card-actions button{min-height:48px;border-radius:var(--radius-sm);font-size:11px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.secondary-action{min-width:92px;border:1px solid var(--line);background:var(--surface)}.secondary-action[aria-pressed=true]{background:var(--coral-soft);color:#a33f2d;border-color:#f2b5a7}.bilingual-action{border:0;background:var(--teal-dark);color:white;box-shadow:0 4px 0 #032e34}.double-play{display:flex;margin-right:2px}.double-play svg+svg{margin-left:-10px}.card-pager{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.card-pager button{min-height:46px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--teal-dark);font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.card-pager button:disabled{opacity:.42;cursor:not-allowed;background:transparent}.learn-footer{width:min(var(--learn-max),100%);margin:0 auto;padding:5px 12px max(8px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}.local-status{text-align:center;color:#778b8e;font-size:9px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.local-status>span{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--teal)}.bottom-nav{min-height:58px;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.bottom-nav button{position:relative;min-height:46px;border:0;border-radius:13px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800;cursor:pointer}.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% - 37px);top:4px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:white;font-size:8px}.toast{position:fixed;z-index:50;left:50%;bottom:92px;transform:translateX(-50%);padding:11px 16px;border-radius:var(--radius-sm);background:var(--teal-dark);color:white;font-size:11px;box-shadow:var(--shadow-strong)}.empty-panel,.stage-panel{min-height:340px;padding:42px 28px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-panel>span,.stage-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:var(--teal-soft);color:var(--teal-dark)}.empty-panel h1,.stage-panel h1{margin:20px 0 8px;color:var(--teal-dark);font-size:24px}.stage-panel p{max-width:480px;color:var(--muted);font-size:13px}.offline-ready{margin-top:16px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--paper);color:var(--muted);font-size:10px;font-weight:800}.offline-ready span{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--teal)}@media(min-width:900px){.learn-shell{background:linear-gradient(90deg,var(--paper-deep) 0,var(--paper) calc(50% - 420px),var(--paper) calc(50% + 420px),var(--paper-deep) 100%)}.learn-main,.learn-toolbar{padding-left:24px;padding-right:24px}}@media(max-width:560px){.learn-shell{min-height:560px}.learn-header{padding:7px 12px}.learn-header-title{display:none}.learn-toolbar{padding:0 8px}.learn-controls{padding-bottom:6px}.category-tabs{padding-bottom:8px}.learn-main{padding:2px 8px 10px}.language-stack{padding:7px}.language-block{padding:16px}.language-block.target{min-height:160px}.language-block.support{min-height:105px}.language-block h1{font-size:clamp(27px,7.5vw,34px)}.language-block h2{font-size:clamp(22px,6.2vw,29px)}.audio-button{width:50px;height:50px}.bridge-note{margin:0 7px 8px}.card-actions{grid-template-columns:1fr 1fr}.card-actions .bilingual-action{grid-column:1/-1;grid-row:1}.secondary-action{min-width:0}.learn-footer{padding-left:8px;padding-right:8px}.bottom-nav{min-height:54px}.bottom-nav button{min-height:43px}.quote-card{padding:34px 22px}.learn-controls{gap:5px;overflow-x:hidden}.learn-controls label{min-width:0;padding-inline:7px;gap:4px}.learn-controls label:first-child select{width:46px;max-width:46px}.learn-controls label:nth-child(2){flex:1 1 auto}.learn-controls label:nth-child(2) select{width:100%;min-width:108px;max-width:128px}.learn-controls label:nth-child(3) select{width:48px;max-width:48px}.bottom-nav button{min-height:44px}}@media(max-width:370px){.learn-controls label{padding-inline:5px}.learn-controls label:nth-child(2) select{min-width:96px;font-size:10px}.learn-controls select{padding-right:14px}.language-block{gap:10px;padding:14px}.audio-button{width:48px;height:48px}}.learn-shell{grid-template-columns:minmax(0,1fr)}.language-block,.learn-footer,.learn-header,.learn-main,.learn-toolbar,.learning-card{max-width:100%;min-width:0}.audio-button{flex:0 0 auto}