:root{--bg:#fffaf3;--surface:#fff;--text:#2d2a32;--muted:#8a8494;--line:#f0e6da;--primary:#ff7a59;--primary-dark:#e9603e;--primary-soft:#ffe9e2;--listening:#4f8cff;--speaking:#ff7a59;--reading:#2bb673;--writing:#a66cff;--ok:#2bb673;--ok-soft:#e3f7ec;--no:#f2545b;--no-soft:#fde6e7;--radius:20px;--shadow:0 4px 16px #78502814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.45}h1{margin:.2rem 0;font-size:1.6rem}h2{margin:.4rem 0;font-size:1.35rem}h3{margin:0 0 .5rem;font-size:1.05rem}h4{margin:.8rem 0 .2rem}p{margin:.4rem 0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.muted{color:var(--muted)}.small{font-size:.85rem}.block{display:block}.center{text-align:center;justify-content:center}.error{color:var(--no)}.ok-text{color:var(--ok);font-weight:600}.row{flex-wrap:wrap;align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap{gap:10px}.gap-s{gap:8px}.stretch>*{flex:1}.layout{min-height:100dvh}.content{max-width:640px;padding:16px 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.page{flex-direction:column;gap:14px;display:flex}.tabs{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10;display:flex;position:fixed;inset:auto 0 0}.brand{display:none}.tab{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 10px;display:flex}.tab-icon{font-size:1.4rem}.tab-label{font-size:.75rem;font-weight:600}.tab.active{color:var(--primary)}@media (width>=860px){.tabs{border-top:0;border-right:1px solid var(--line);flex-direction:column;gap:4px;width:220px;padding:20px 12px;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 10px 18px;font-size:1.15rem;font-weight:800;display:flex}.tab{border-radius:14px;flex-direction:row;flex:none;gap:12px;padding:12px 14px}.tab.active{background:var(--primary-soft)}.tab-label{font-size:1rem}.content{margin-left:max(220px,50vw - 210px);padding-bottom:40px}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;border:0;padding:16px}.pill{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:700;display:inline-block}.btn{border:0;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform 80ms,background .15s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-dark)}.btn-soft{background:var(--primary-soft);color:var(--primary-dark)}.btn-ghost{color:var(--muted);background:0 0;align-self:flex-start;padding-left:0}.btn-big{width:100%;padding:16px;font-size:1.1rem}.btn-wide{width:100%;padding:14px}.btn-sub{opacity:.9;font-size:.8rem;font-weight:500;display:block}.btn-right{background:var(--ok);color:#fff}.btn-wrong{background:var(--no-soft);color:var(--no)}.btn-record{background:var(--speaking);color:#fff;padding:16px 28px;font-size:1.05rem}.btn-record.recording{background:var(--no);animation:1s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 10px #f2545b33}}.icon-btn{background:var(--surface);width:38px;height:38px;box-shadow:var(--shadow);border:0;border-radius:50%;flex:none;font-weight:700}.icon-btn.small{width:28px;height:28px;font-size:.85rem}.bar{background:var(--line);border-radius:999px;flex:1;height:10px;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .4s}.ipa{color:var(--listening);font-family:Charis SIL,Doulos SIL,Noto Sans,Segoe UI,sans-serif}.ipa.big{font-size:1.4rem}.home-head{justify-content:space-between;align-items:flex-start;display:flex}.streak{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;padding:8px 12px;font-size:1.2rem;line-height:1.1;display:flex}.week-dots{align-items:center;gap:6px;display:flex}.dot{background:var(--line);border-radius:50%;width:14px;height:14px}.dot.on{background:var(--primary)}.week-dots .small{margin-left:6px}.lesson-card{background:linear-gradient(135deg,#fff 0%,#fff4ec 100%);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.lesson-card .btn-big{margin-top:6px}.skills{flex-direction:column;gap:10px;display:flex}.skill-row{grid-template-columns:80px 1fr 40px;align-items:center;gap:10px;display:grid}.unit-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.unit{background:var(--bg);text-align:left;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.unit.current{background:var(--primary-soft);font-weight:700}.unit.locked{opacity:.5}.unit-icon{text-align:center;width:24px;color:var(--ok);font-weight:800}.unit.current .unit-icon{color:var(--primary)}.word-row{background:var(--bg);text-align:left;border:0;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;width:100%;padding:10px 12px;display:flex}.word-en{font-weight:700}.guide-link{align-items:center;gap:14px;width:100%;display:flex}.guide-link>span:nth-child(2){flex:1}.guide-icon{font-size:1.6rem}.guide ul{margin:0;padding-left:1.2rem}.guide li{margin:4px 0}.stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=520px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;padding:14px;display:flex}.stat b{font-size:1.5rem}.week-chart{justify-content:space-between;align-items:flex-end;height:90px;display:flex}.day{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.day-bar{background:var(--line);border-radius:8px;width:60%;height:12px}.day-bar.on{background:var(--primary);height:60px}.mission{align-items:flex-start;gap:12px;display:flex}.mission input{width:22px;height:22px;accent-color:var(--ok);flex:none}.badges{letter-spacing:4px;font-size:1.3rem}.session{max-width:640px;min-height:100dvh;padding:12px 16px calc(110px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin:0 auto;display:flex}.session-head{align-items:center;gap:12px;display:flex}.progress-track{background:var(--line);border-radius:999px;flex:1;height:12px;overflow:hidden}.progress-fill{background:var(--ok);border-radius:999px;height:100%;transition:width .3s}.section-label{align-items:center;gap:8px;display:flex}.sec-review,.sec-learn{color:var(--listening);background:#e7efff}.sec-pattern,.sec-shadow{background:var(--primary-soft);color:var(--primary-dark)}.sec-reflex,.sec-pairs,.sec-sounds{color:var(--listening);background:#e7efff}.sec-reading{background:var(--ok-soft);color:var(--reading)}.sec-writing{color:var(--writing);background:#f1e8ff}.session-body{flex-direction:column;gap:14px;display:flex}.hint{color:var(--muted);text-align:center;margin:4px 0 0;font-weight:600}.hero{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;display:flex}.hero-en{font-size:1.6rem;font-weight:800;line-height:1.25}.hero-vi{color:var(--muted)}.hero-vi.big{color:var(--text);font-size:1.4rem;font-weight:700}.hero-ipa{color:var(--listening);font-family:Charis SIL,Doulos SIL,Noto Sans,Segoe UI,sans-serif;font-size:3rem;font-weight:700}.hero .ipa{font-size:1.15rem}.big-emoji{font-size:4rem}.session-body>.row{justify-content:center}.tip{background:#fff6d9;border-radius:16px;padding:10px 14px}.choices{flex-direction:column;gap:10px;display:flex}.choice{border:2px solid var(--line);background:var(--surface);text-align:left;white-space:pre;white-space:pre-wrap;border-radius:16px;padding:14px 16px;font-weight:600}.choice:active:not(:disabled){border-color:var(--primary)}.choice.right{border-color:var(--ok);background:var(--ok-soft)}.choice.wrong{border-color:var(--no);background:var(--no-soft)}.choice:disabled{opacity:1}.feedback{text-align:center;border-radius:14px;padding:10px;font-weight:700;animation:.25s ease-out pop}.feedback.ok{background:var(--ok-soft);color:var(--ok)}.feedback.no{background:var(--no-soft);color:var(--no)}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.bottom-action{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-action>*{max-width:608px}.frame{text-align:center;color:var(--muted);font-weight:700}.slot{color:var(--primary)}mark{background:var(--primary-soft);color:var(--primary-dark);border-radius:6px;padding:0 4px}.dialog{flex-direction:column;gap:8px;display:flex}.bubble{text-align:left;background:#e7efff;border:0;border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:85%;padding:8px 14px}.bubble.me{background:var(--primary-soft);border-radius:18px 18px 4px;align-self:flex-end}.who{color:var(--muted);font-size:.75rem;font-weight:700;display:block}.message{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.message-head{margin-bottom:6px}.tag{background:var(--ok-soft);color:var(--reading);border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.message-text{font-size:1.1rem}.tap-word{cursor:pointer;border-bottom:1px dashed var(--line)}.tap-word:active{background:var(--ok-soft)}.question p{margin-bottom:8px}.task{text-align:center;font-size:1.1rem;font-weight:700}.answer-line{border:2px dashed var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding:10px;display:flex}.answer-line.right{border-style:solid;border-color:var(--ok);background:var(--ok-soft)}.answer-line.wrong{border-style:solid;border-color:var(--no);background:var(--no-soft)}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--surface);box-shadow:0 2px 0 var(--line);border-radius:12px;padding:8px 14px;font-weight:600}.chip:disabled{opacity:.25}.chip-on{border-color:var(--writing)}.chip-on:disabled{opacity:1}.timer{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.timer-fill{background:var(--listening);height:100%;transition:width 1s linear}.modal{z-index:20;background:#2d2a3266;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:12px;width:100%;max-width:640px;max-height:85dvh;display:flex;overflow:auto}.summary .hero{margin-top:15vh}