:root{--ink:#071c2c;--ink-soft:#4a6275;--sea:#0f766e;--sea-bright:#14b8a6;--sea-deep:#0a4f49;--foam:#e6f7f4;--mist:#d0e4e8;--paper:#f4f8f7;--ember:#e4572e;--gold:#d4a017;--line:#071c2c1a;--glass:#ffffffb8;--shadow:0 20px 60px #071c2c17;--shadow-sm:0 8px 24px #071c2c0f;--radius:22px;--radius-sm:14px;--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.55}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#eaf3f2;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:#14b8a647}.app-shell{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 8% -5%,#14b8a647,#0000 58%),radial-gradient(700px 420px at 96% 8%,#e4572e24,#0000 52%),radial-gradient(600px 400px at 70% 90%,#0f766e1a,#0000 55%),linear-gradient(165deg,#eaf6f4 0%,#f3f7f6 42%,#eef2f4 100%);position:fixed;inset:0}.bg-glow:after{content:"";opacity:.35;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid var(--line);background:#f4f8f7c7;align-items:center;gap:1rem;padding:.75rem 1.35rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;min-width:max-content;display:flex}.brand-mark{background:linear-gradient(145deg,#0f766e,#14b8a6 55%,#e4572e);border-radius:.85rem;place-items:center;width:2.35rem;height:2.35rem;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f766e47,inset 0 0 0 1.5px #ffffff47}.brand-mark span{background:#fff;border-radius:50%;width:.55rem;height:.55rem;animation:3.2s ease-in-out infinite mark-breathe;box-shadow:0 0 0 4px #fff3}@keyframes mark-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.25)}}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-text strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.2rem;font-weight:800}.brand-text em{color:var(--ink-soft);letter-spacing:.01em;font-size:.7rem;font-style:normal}.nav{border:1px solid var(--line);background:#ffffff73;border-radius:999px;flex-wrap:wrap;flex:1;justify-content:center;gap:.25rem;width:fit-content;max-width:100%;margin:0 auto;padding:.2rem;display:flex}.nav a{color:var(--ink-soft);transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);border-radius:999px;padding:.42rem .9rem;font-size:.92rem;font-weight:500}.nav a:hover{color:var(--ink);background:#0f766e14}.nav a.active{background:var(--ink);color:#fff;box-shadow:0 6px 16px #071c2c33}.top-stats{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.chip{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.chip.streak i{background:var(--ember);border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 3px #e4572e33}.chip.xp{color:var(--sea-deep);background:#14b8a61f;border-color:#0f766e2e}.chip.muted{color:var(--ink-soft)}.main{flex:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:1.25rem 0 3.5rem}.footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);background:#ffffff59;padding:1.35rem;font-size:.88rem}.hero{min-height:min(78vh,680px);box-shadow:var(--shadow);color:#fff;background:linear-gradient(135deg,#071c2ceb 0%,#0a4f49e0 48%,#0f766ed1 100%);border:1px solid #ffffff73;border-radius:32px;align-items:end;margin:0 0 1.5rem;padding:2.4rem 2rem 2rem;display:grid;position:relative;overflow:hidden}.hero-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wave{background:#ffffff0d;border-radius:50%;width:120%;height:180px;animation:12s ease-in-out infinite wave-drift;position:absolute;left:-10%}.wave.w1{animation-duration:14s;bottom:-60px}.wave.w2{opacity:.7;background:#e4572e14;animation-duration:10s;animation-delay:-2s;bottom:-30px}.wave.w3{opacity:.5;animation-duration:16s;animation-delay:-4s;bottom:10px}@keyframes wave-drift{0%,to{transform:translate(0)scaleX(1)}50%{transform:translate(3%)scaleX(1.04)}}.float-letters span{font-family:var(--font-display);color:#ffffff1f;font-weight:800;animation:7s ease-in-out infinite float-y;position:absolute}.float-letters span:first-child{font-size:4.5rem;top:12%;left:62%}.float-letters span:nth-child(2){font-size:3rem;animation-delay:-1.5s;top:28%;left:78%}.float-letters span:nth-child(3){font-size:3.6rem;animation-delay:-3s;top:48%;left:68%}.float-letters span:nth-child(4){font-size:2rem;animation-delay:-2s;top:18%;left:88%}.float-letters span:nth-child(5){font-size:2.4rem;animation-delay:-4s;top:58%;left:86%}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-copy{z-index:1;max-width:38rem;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#ffffffb8;animation:rise-in .7s var(--ease) both;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;margin:0 0 .85rem;padding:.35rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.brand-hero{font-family:var(--font-display);letter-spacing:-.045em;color:#fff;text-shadow:0 12px 40px #0000002e;animation:rise-in .8s var(--ease) 50ms both;margin:0 0 .9rem;font-size:clamp(3.8rem,11vw,6.4rem);font-weight:800;line-height:.92}.lede{color:#ffffffd1;max-width:34rem;animation:rise-in .85s var(--ease) .1s both;margin:0 0 1.5rem;font-size:1.12rem}.cta-row{animation:rise-in .9s var(--ease) .16s both;flex-wrap:wrap;gap:.7rem;display:flex}.hero .btn.primary{color:var(--ink);background:#fff;border-color:#fff;box-shadow:0 12px 30px #0000002e}.hero .btn.primary:hover{background:#f3fffc}.hero .btn.ghost{color:#fff;background:#ffffff14;border-color:#ffffff59}.hero .btn.ghost:hover{background:#ffffff29}.hero-path{animation:rise-in 1s var(--ease) .22s both;flex-wrap:wrap;gap:.45rem;margin-top:2rem;display:flex}.hero-path span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;place-items:center;min-width:2.6rem;height:2.6rem;font-size:.78rem;font-weight:700;display:grid}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease), border-color .18s;background:#fff;border-radius:999px;padding:.58rem 1.1rem;font-weight:600}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #071c2c1a}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:#0d2f44}.btn.ghost{background:0 0}.btn.danger{color:#a83224;background:#fff1ef;border-color:#f0c2bb}.btn.lg{padding:.85rem 1.4rem;font-size:1rem}.btn.speak{white-space:nowrap;padding:.38rem .75rem;font-size:.8rem;font-weight:600}.btn.speak.active{background:var(--sea);color:#fff;border-color:var(--sea)}.welcome-card,.page-hero,.lesson-hero,.lesson-section,.level-card,.flash-card .face,.stat,.dict-row,.vocab-row,.grammar-card,.alpha-card,.phonics-card{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-card{grid-template-columns:1.1fr 1fr;align-items:center;gap:1.2rem;margin-bottom:1.8rem;padding:1.25rem 1.4rem;display:grid}.welcome-left{flex-direction:column;gap:.65rem;display:flex}.welcome-card label{color:var(--ink-soft);flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.welcome-card input,.search,.write-area{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:220px;padding:.7rem .85rem;transition:border-color .2s,box-shadow .2s}.welcome-card input:focus,.search:focus,.write-area:focus{border-color:#0f766e73;outline:none;box-shadow:0 0 0 4px #14b8a626}.welcome-text{color:var(--ink-soft);margin:0}.welcome-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.welcome-stats div{text-align:center;background:linear-gradient(#e6f7f4e6,#ffffffb3);border:1px solid #0f766e1a;border-radius:16px;padding:.75rem .4rem}.welcome-stats strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.35rem;display:block}.welcome-stats span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.section-title{margin-bottom:1rem}.section-title h2,.level-strip h2,.page-hero h1,.lesson-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .35rem;font-size:clamp(1.6rem,3vw,2rem)}.section-title p{color:var(--ink-soft);margin:0}.level-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem;display:grid}.level-cards.stack{grid-template-columns:1fr}.level-card{transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-top:4px solid var(--c,var(--sea));animation:rise-in .6s var(--ease) both;animation-delay:calc(var(--i,0) * 60ms);flex-direction:column;gap:.45rem;padding:1.15rem;display:flex}.level-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.level-card.wide{flex-direction:row;align-items:start;gap:1rem}.level-card-top{justify-content:space-between;align-items:center;display:flex}.level-pct{color:var(--c,var(--sea));font-size:.78rem;font-weight:700}.level-card h3,.level-card p,.level-card small{margin:0}.level-card p{color:var(--ink-soft);flex:1;font-size:.9rem}.code{background:color-mix(in srgb, var(--c,var(--sea)) 16%, white);width:fit-content;color:var(--c,var(--sea-deep));letter-spacing:.02em;border-radius:9px;padding:.22rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}.bar{background:#071c2c0f;border-radius:999px;height:8px;margin-top:.35rem;overflow:hidden}.bar.lg{height:10px;margin:.85rem 0 0}.bar i{background:linear-gradient(90deg, var(--c,var(--sea)), color-mix(in srgb, var(--c,var(--sea)) 45%, var(--gold)));border-radius:inherit;height:100%;transition:width .5s var(--ease);display:block}.feature-rail{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.8rem;display:grid}.feature-rail article{border-radius:var(--radius);border:1px solid var(--line);transition:transform .2s var(--ease);background:#ffffff8c;padding:1.25rem 1.15rem}.feature-rail article:hover{transform:translateY(-3px)}.feat-icon{background:var(--ink);color:#fff;width:2.4rem;height:2.4rem;font-family:var(--font-display);border-radius:12px;place-items:center;margin-bottom:.75rem;font-size:.85rem;font-weight:800;display:inline-grid}.feature-rail h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem}.feature-rail p{color:var(--ink-soft);margin:0;font-size:.94rem}.page-hero,.lesson-hero{border-top:4px solid var(--c,var(--sea));margin-bottom:1.2rem;padding:1.4rem 1.5rem}.page-hero.plain{border-top-color:var(--sea);background:linear-gradient(135deg, #e6f7f4a6, #fffc), var(--glass)}.back{color:var(--sea-deep);transition:transform .15s var(--ease);align-items:center;margin-bottom:.85rem;font-weight:700;display:inline-flex}.back:hover{transform:translate(-3px)}.lesson-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.lesson-list a{border:1px solid var(--line);transition:transform .18s var(--ease), border-color .18s, box-shadow .18s;background:#ffffffb8;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:1rem 1.05rem;display:grid}.lesson-list a:hover{box-shadow:var(--shadow-sm);border-color:#0f766e59;transform:translate(4px)}.lesson-list .idx{background:linear-gradient(145deg, var(--foam), white);width:2.15rem;height:2.15rem;color:var(--sea-deep);border:1px solid #0f766e26;border-radius:50%;place-items:center;font-weight:800;display:grid}.lesson-list li.done a{background:linear-gradient(90deg,#e6f7f4e6,#ffffffbf)}.lesson-list li.done .idx{background:var(--sea);color:#fff;border-color:var(--sea)}.lesson-list strong,.lesson-list em,.lesson-list small{display:block}.lesson-list em{color:var(--ink-soft);font-size:.9rem;font-style:normal}.lesson-list small{color:var(--ink-soft);margin-top:.2rem}.lesson-list .status{color:var(--sea-deep);background:var(--foam);border-radius:999px;padding:.3rem .65rem;font-size:.82rem;font-weight:700}.goals{color:var(--ink-soft);margin:.75rem 0 0;padding-left:1.15rem}.en-title{color:var(--ink-soft);margin:0}.meta{color:var(--ink-soft);margin:.65rem 0 0;font-size:.9rem}.sections{flex-direction:column;gap:1rem;display:flex}.lesson-section{padding:1.25rem 1.3rem 1.4rem;transition:box-shadow .2s}.lesson-section:hover{box-shadow:var(--shadow)}.section-head{align-items:center;gap:.7rem;margin-bottom:.85rem;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.28rem}.type-pill{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:.3rem .6rem;font-size:.68rem;font-weight:700}.intro,.rule,.tip,.prompt,.explain,.feedback,.muted{color:var(--ink-soft)}.alpha-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:.7rem;display:grid}.alpha-card{text-align:center;transition:transform .2s var(--ease), border-color .2s;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .85rem;display:flex}.alpha-card:hover{border-color:#0f766e4d;transform:translateY(-3px)}.alpha-card .letter{font-family:var(--font-display);background:linear-gradient(145deg, var(--ink), var(--sea));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.15rem;line-height:1}.phonetic{color:var(--sea-deep);font-size:.84rem}.alpha-card .example{flex-direction:column;font-size:.86rem;display:flex}.vocab-list,.dict-list,.grammar-list,.phonics-list{flex-direction:column;gap:.55rem;display:flex}.vocab-row,.dict-row,.phonics-card{grid-template-columns:1fr auto;align-items:start;gap:.6rem .8rem;padding:.9rem 1rem;transition:border-color .2s;display:grid}.vocab-row:hover,.dict-row:hover{border-color:#0f766e47}.vocab-main,.dict-row div{flex-direction:column;gap:.15rem;display:flex}.meaning{color:var(--ink-soft)}.vocab-ex{background:var(--foam);border-radius:12px;flex-direction:column;grid-column:1/-1;gap:.1rem;padding:.55rem .7rem;font-size:.92rem;display:flex}.grammar-card{padding:1.1rem}.grammar-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .4rem}.examples{flex-direction:column;gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.examples li{background:linear-gradient(135deg, var(--foam), #fffc);border:1px solid #0f766e14;border-radius:14px;justify-content:space-between;align-items:start;gap:.7rem;padding:.65rem .8rem;display:flex}.examples li span,.examples li strong{display:block}.examples li span{color:var(--ink-soft);font-size:.9rem}.tips{color:var(--ink-soft);margin:.75rem 0 0}.dialogue-lines{flex-direction:column;gap:.55rem;margin:.85rem 0;padding:0;list-style:none;display:flex}.dialogue-lines li{background:linear-gradient(135deg,#e6f7f4d9,#ffffffe6);border:1px solid #0f766e1a;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;padding:.85rem;display:grid}.speaker{background:var(--ink);color:#fff;border-radius:9px;padding:.25rem .55rem;font-size:.76rem;font-weight:700}.line-body strong,.line-body span{display:block}.line-body span{color:var(--ink-soft);font-size:.9rem}.speak-practice,.listen-panel,.passage,.writing{background:#0f766e0f;border:1px dashed #0f766e47;border-radius:16px;margin-top:.85rem;padding:1rem}.passage .en,.listen-panel .en{font-size:1.05rem}details{margin-top:.65rem}details summary{cursor:pointer;color:var(--sea-deep);font-weight:700}.hints{flex-wrap:wrap;gap:.4rem;margin:.65rem 0;display:flex}.hint{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.28rem .65rem;font-size:.84rem}.write-area{resize:vertical;width:100%;min-width:0}.quiz-block{flex-direction:column;gap:1rem;display:flex}.quiz-prompt{margin:0 0 .55rem;font-weight:700}.q-num{color:var(--sea)}.quiz-options{gap:.4rem;display:grid}.opt{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:.75rem .9rem;transition:border-color .15s,background .15s,transform .15s}.opt:hover:not(:disabled){border-color:#0f766e59;transform:translate(2px)}.opt.selected{border-color:var(--sea);background:var(--foam)}.opt.correct{background:#e8f7ef;border-color:#1f7a4d}.opt.wrong{background:#ffefec;border-color:#b33a2b}.quiz-actions,.flash-actions,.pager,.lesson-complete,.cta-row,.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.lesson-complete{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#ffffffc7;justify-content:space-between;margin-top:1.5rem;padding:1.15rem}.done-msg{color:#1f7a4d;margin:0;font-weight:800}.tabs{border:1px solid var(--line);background:#fff9;border-radius:999px;gap:.35rem;width:fit-content;margin-top:.9rem;padding:.25rem;display:flex}.tabs button{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:999px;padding:.45rem .95rem;font-weight:600}.tabs button.active{background:var(--ink);color:#fff}.flash-wrap{flex-direction:column;align-items:center;gap:1rem;display:flex}.flash-card{cursor:pointer;perspective:1000px;width:min(420px,100%);min-height:230px;box-shadow:none;background:0 0;border:none;padding:0;position:relative}.flash-card .face{backface-visibility:hidden;transition:transform .5s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.3rem;display:flex;position:absolute;inset:0}.flash-card .front{background:linear-gradient(160deg, #fff 30%, var(--foam)), white}.flash-card .back{color:#fff;background:linear-gradient(160deg,#0f766e,#071c2c);border-color:#0000;transform:rotateY(180deg)}.flash-card .back em{color:#ffffffbf}.flash-card.flipped .front{transform:rotateY(180deg)}.flash-card.flipped .back{transform:rotateY(0)}.flash-card strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.9rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1.25rem;display:grid}.stat{text-align:center;padding:1.1rem}.stat strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.9rem;display:block}.level-progress-list{flex-direction:column;gap:.55rem;margin-bottom:1.4rem;display:flex}.lp-row{border:1px solid var(--line);transition:transform .18s var(--ease);background:#ffffffbf;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.9rem 1.05rem;display:grid}.lp-row:hover{transform:translate(3px)}.lp-body .bar{margin-top:.35rem}.quiz-scores ul{margin:0 0 1.2rem;padding:0;list-style:none}.quiz-scores li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.phonics-card{grid-template-columns:auto 1fr}.phonics-card .sound{font-family:var(--font-display);background:linear-gradient(145deg, var(--ink), var(--sea-deep));color:#fff;text-align:center;border-radius:14px;min-width:4.4rem;padding:.7rem .75rem;font-size:1.3rem;font-weight:800}.chips{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.chip-word{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .25rem .15rem .55rem;font-size:.86rem;display:inline-flex}.chip-word .btn.speak{padding:.2rem .45rem;font-size:.75rem}.score-line{margin:0;font-size:1.05rem}.transcript{margin:.6rem 0 0}.search{width:min(420px,100%);margin-top:.85rem;display:block}.talk-hero .btn{margin-top:.75rem}.talk-layout{grid-template-columns:280px 1fr;align-items:start;gap:1rem;display:grid}.talk-list{border-radius:var(--radius);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);flex-direction:column;gap:.45rem;max-height:min(70vh,640px);padding:1rem;display:flex;overflow:auto}.talk-list h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.05rem}.talk-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:.15rem;padding:.75rem .8rem;transition:border-color .15s,transform .15s;display:flex}.talk-item:hover{border-color:#c45c2659;transform:translate(2px)}.talk-item.active{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff7f2,#fff);border-color:#c45c26}.talk-item strong{font-size:.95rem}.talk-item em{color:var(--ink-soft);font-size:.8rem;font-style:normal}.lvl{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;width:fit-content;margin-bottom:.2rem;padding:.18rem .45rem;font-size:.68rem;font-weight:800;display:inline-flex}.lvl.easy{color:#1f7a4d;background:#e8f7ef}.lvl.medium{color:#9a6b00;background:#fff4df}.lvl.challenge{color:#a83224;background:#ffefec}.talk-stage{border-radius:var(--radius);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);min-height:420px;padding:1.25rem}.talk-meta h2{font-family:var(--font-display);letter-spacing:-.02em;margin:.35rem 0}.talk-meta p{color:var(--ink-soft);margin:.35rem 0}.talk-meta small{color:var(--ink-soft)}.talk-turn,.talk-done{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1rem}.turn-progress{color:#c45c26;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.turn-prompt{margin:0 0 .7rem;font-size:1.05rem;font-weight:600}.example-line{background:linear-gradient(135deg,#e6f7f4e6,#ffffffe6);border:1px solid #0f766e1f;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.8rem 0;padding:.85rem 1rem;display:flex}.example-line span{width:100%;color:var(--ink-soft);font-size:.8rem}.talk-actions{flex-wrap:wrap;gap:.55rem;margin-top:.75rem;display:flex}.talk-score{border-radius:14px;flex-direction:column;align-items:flex-start;gap:.7rem;margin-top:.9rem;padding:.9rem 1rem;display:flex}.talk-score.ok{color:#1f7a4d;background:#e8f7ef;border:1px solid #b7e4c7;font-weight:600}.talk-score.low{color:#7a5600;background:#fff4df;border:1px solid #f0d9a0;font-weight:600}.talk-done h3{font-family:var(--font-display);margin:0 0 .5rem}@media (width<=900px){.talk-layout{grid-template-columns:1fr}.talk-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:none;display:grid}.talk-list h2{grid-column:1/-1}.topbar{flex-wrap:wrap}.nav{border-radius:16px;order:3;justify-content:flex-start;width:100%}.hero{min-height:auto;padding:2rem 1.35rem 1.5rem}.float-letters{display:none}.welcome-card{grid-template-columns:1fr}.feature-rail,.stat-grid{grid-template-columns:1fr 1fr}.welcome-stats{grid-template-columns:repeat(2,1fr)}.lesson-complete{flex-direction:column;align-items:stretch}.pager{justify-content:space-between}}@media (width<=560px){.feature-rail,.stat-grid{grid-template-columns:1fr}.top-stats .chip.muted{display:none}.dialogue-lines li,.vocab-row,.dict-row{grid-template-columns:1fr}.brand-text em{display:none}}