:root{--bg:#34315f;--panel:#3e3a70;--panel-2:#474283;--accent:#fff;--accent-2:#b9445c;--success:#35c759;--text:#f1eff9;--muted:#b8b4d6;--border:#565093;--glow:#4b4789;--on-accent:#262248;--brand:#3472a1;--brand-soft:rgba(52,114,161,.12);--brand-lip:#20507a;--mist:#cddadb;--taupe:#9e9982;--deep-dark:#20507a;--btn-bg:var(--brand);--btn-fg:#fff;--btn-bd:transparent;--chem:#42b6eb;--vocab-key:var(--chem);--tabbar-h:64px;--r-sm:10px;--r:14px;--r-lg:18px;--r-pill:999px;--ease-pop:cubic-bezier(0.2,0.8,0.2,1.2)}[data-theme=light]{--bg:#f7f8fa;--panel:#fff;--panel-2:#eef0f3;--accent:#a9750f;--accent-2:#b9445c;--success:#2e9e4a;--text:#1b1c22;--muted:#6b6c78;--border:#e7e8ec;--glow:#fff;--chem:#0f8f8a;--vocab-key:var(--accent);--on-accent:#fff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(900px 520px at 50% -4%,hsla(0,0%,100%,.22) 0,transparent 55%),radial-gradient(1200px 600px at 50% -10%,var(--glow) 0,var(--bg) 60%);background-attachment:fixed;color:var(--text);font-family:var(--font-serif),ui-serif,Georgia,"Times New Roman",serif;min-height:100vh}#app-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#f6f1e7;transition:opacity .4s ease}#app-splash.hide{opacity:0;pointer-events:none}html[data-splash-shown="1"] #app-splash{display:none!important}.wrap{max-width:720px;margin:0 auto;padding:32px 20px 120px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.topbtns{display:flex;flex-direction:column;gap:6px}.cards-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;white-space:nowrap}.cards-btn:disabled{opacity:.45;cursor:not-allowed}.review{position:fixed;z-index:11;left:50%;top:16%;transform:translateX(-50%);background:var(--panel-2);border:1px solid var(--accent);border-radius:14px;padding:18px;width:min(440px,92vw);font-family:ui-sans-serif,system-ui,sans-serif;text-align:center}.rev-progress{color:var(--muted);font-size:13px}.rev-front{font-size:30px;font-weight:700;color:var(--accent);margin:24px 0}.flip{width:100%}.rate-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:18px}.rate{display:flex;flex-direction:column;gap:2px;color:#fff;font-weight:700;padding:10px 4px}.rate span{font-weight:400;font-size:11px;opacity:.85}.rate.again{background:#8a3243}.rate.hard{background:#8a6b32}.rate.good{background:#2f6b46}.rate.easy{background:#2f5a8a}.rev-done{font-size:18px;padding:20px 0 4px;display:flex;flex-direction:column;gap:16px;align-items:center}.title{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin:0}.briefing{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:14px 16px;margin:8px 0 18px;line-height:1.6;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}.briefing .goal{margin-top:10px;color:var(--accent);font-weight:600}.goal-label{margin-bottom:6px}.goal-star-badge{display:inline-block;font-size:12px;font-weight:800;color:#f5b301;background:rgba(245,179,1,.12);border:1px solid rgba(245,179,1,.35);border-radius:999px;padding:2px 8px;vertical-align:middle}.goal-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:5px;font-weight:600}.goal-list li{position:relative;padding-left:20px;line-height:1.45}.goal-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent)}.episode{font-size:26px;margin:4px 0 2px}.tagline{color:var(--muted);font-style:italic;margin:0 0 20px}.progress{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:16px}.clue-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--accent);display:inline-block}.clue-dot.on{background:var(--accent)}.dialogue{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.bubble{padding:12px 16px;border-radius:14px;max-width:85%;line-height:1.5;white-space:pre-wrap}.bubble.character{background:var(--panel);border:1px solid var(--border);align-self:flex-start}.bubble.user{background:var(--panel-2);align-self:flex-end;font-family:ui-sans-serif,system-ui,sans-serif}.bubble .who{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.msg-check{display:inline-block;margin-left:6px;color:#3a9d5d;font-weight:700;vertical-align:middle}.clue-badge{margin-top:6px;font-size:12px;color:var(--accent);font-family:ui-sans-serif,system-ui,sans-serif}.row{display:flex;flex-direction:column}.row .bubble.user{align-self:flex-end}.word{cursor:pointer;border-radius:3px;transition:background .1s}.word:hover{background:rgba(217,164,65,.25);-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent)}.correction{align-self:flex-end;max-width:85%;margin-top:4px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;color:#8fd19e;background:rgba(143,209,158,.08);border:1px solid rgba(143,209,158,.3);border-radius:10px;padding:6px 12px}.correction .cnote{color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:10}.cards-panel,.popup{position:fixed;z-index:11;left:50%;transform:translateX(-50%);background:var(--panel-2);border:1px solid var(--accent);border-radius:14px;padding:16px 18px;width:min(420px,92vw);font-family:ui-sans-serif,system-ui,sans-serif}.popup{top:22%}.cards-panel{top:12%;max-height:70vh;overflow-y:auto}.pword{font-size:20px;font-weight:700;color:var(--accent)}.ipa{color:var(--muted);font-weight:400;font-size:14px}.pvi{margin-top:8px;font-size:16px}.pex{margin-top:6px;color:var(--muted);font-style:italic;font-size:13px}.save{margin-top:12px;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd);font-weight:700}.close{position:absolute;top:10px;right:12px;background:transparent;color:var(--muted);padding:2px 8px}.cards-head{align-items:center;margin-bottom:12px}.card,.cards-head{display:flex;justify-content:space-between}.card{gap:10px;padding:10px 0;border-top:1px solid var(--border);font-size:14px}.del{background:transparent;color:var(--accent-2);padding:2px 6px}.controls{position:fixed;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px));left:0;right:0;background:linear-gradient(transparent,var(--bg) 25%);padding:18px 20px 14px}.controls-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.input-row,.voice-row{display:flex;gap:10px;align-items:center}.voice-row{flex-direction:column;align-items:stretch}.mode-toggle{display:flex;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:4px;align-self:center}.mode-btn{background:transparent;color:var(--muted);padding:8px 18px;border-radius:9px}.mode-btn.on{background:var(--brand);color:#fff;font-weight:700}.mic-big{background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd);font-weight:700;font-size:18px;padding:18px;border-radius:14px}.mic-big.listening{animation:pulse 1s infinite}.mic-big:disabled{opacity:.5}.interim{text-align:center;font-style:italic}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-family:ui-sans-serif,system-ui,sans-serif}.mic{background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd);font-weight:700}.mic.listening{background:var(--brand);color:#fff;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.6}}.hint,.send{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.hint:disabled{opacity:.45;cursor:default}.textinput{flex:1 1;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.note,.textinput{font-family:ui-sans-serif,system-ui,sans-serif}.note{color:var(--muted);font-size:13px;margin-top:8px}.hint-box{background:var(--glow);border:1px dashed var(--accent);border-radius:10px;padding:10px 14px;margin-bottom:12px}.error,.hint-box{font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}.error{color:var(--accent-2)}.ending{text-align:center;font-style:italic;margin-top:16px}.ending,.user-chip{color:var(--accent)}.user-chip{display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:6px 10px;background:var(--panel-2);border-radius:8px;white-space:nowrap}.scene-menu-groups{gap:24px;margin-top:20px}.genre-group,.scene-menu-groups{display:flex;flex-direction:column}.genre-group{gap:12px}.genre-label{margin:0;font-size:18px;color:var(--accent);border-bottom:1px solid var(--panel-2);padding-bottom:6px}.section-badge-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-badge-head .genre-label{border-bottom:none;padding-bottom:0;margin:0;font-size:19px;font-weight:800;color:var(--text)}.section-badge-icon{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px}.chapter-group{display:flex;flex-direction:column;gap:10px}.chapter-label{margin:4px 0 0;font-size:14px;font-weight:700;color:var(--text);opacity:.82}.scene-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.scene-card{display:flex;flex-direction:column;gap:8px;text-align:left;padding:18px;background:var(--panel);border:1px solid var(--panel-2);border-left:3px solid var(--accent);border-radius:12px;color:var(--text);cursor:pointer;transition:border-color .15s,transform .1s,background .15s}.scene-card:hover{background:var(--panel-2);border-color:var(--accent);transform:translateY(-2px)}.scene-emoji{font-size:28px}.scene-name{font-weight:600;color:var(--accent);font-size:16px}.scene-blurb{color:var(--muted);font-size:14px;line-height:1.4}.series-card{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--panel);border:1px solid var(--panel-2);border-left:3px solid var(--accent);border-radius:12px}.series-head{display:flex;align-items:center;gap:10px}.series-head .scene-emoji{font-size:24px}.series-head .scene-name{font-weight:600;color:var(--accent);font-size:16px}.episode-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.episode-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:var(--panel-2);border:1px solid transparent;color:var(--text);font:inherit;cursor:pointer;transition:border-color .12s,background .12s}.episode-row:hover{border-color:var(--accent)}.episode-row.locked{cursor:not-allowed;opacity:.55}.episode-row.locked:hover{border-color:transparent}.episode-row.done{border-color:#2f6b46}.ep-num{font-weight:600;color:var(--accent);white-space:nowrap}.ep-name{flex:1 1;min-width:0}.ep-name.muted{color:var(--muted);font-style:italic}.ep-tag{font-size:12px;color:#8fd19e;white-space:nowrap}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(env(safe-area-inset-top, 0px) + 12px) 16px 12px;background:var(--bg);border-bottom:1px solid var(--border)}.brand{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);font-weight:700}.header-actions{display:flex;align-items:center;gap:8px;font-family:ui-sans-serif,system-ui,sans-serif}.icon-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font-size:13px;padding:7px 10px;white-space:nowrap}.onb{position:fixed;inset:0;z-index:90;overflow-y:auto;background:var(--bg)}.onb-inner{max-width:460px;margin:0 auto;padding:max(40px,env(safe-area-inset-top)) 20px 40px}.onb-step{margin:0;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.onb-title{margin:10px 0 0;font-size:26px;font-weight:800;line-height:1.25}.onb-sub{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}.onb-list{display:flex;flex-direction:column;gap:10px;margin-top:22px}.onb-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:16px;color:inherit;cursor:pointer}.onb-row:active{transform:scale(.99)}.onb-chip{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff}.onb-row-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.onb-row-title{font-size:15.5px;font-weight:700}.onb-row-sub{font-size:12.5px;color:var(--muted)}.onb-row-chev{flex:0 0 auto;font-size:20px;color:var(--muted)}.onb-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:22px}.onb-topic{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:18px;color:inherit;cursor:pointer}.onb-topic:active{transform:scale(.98)}.onb-topic-emoji{font-size:32px;line-height:1}.onb-topic-name{font-size:14.5px;font-weight:700}.onb-topic-soon{font-size:11px;color:var(--muted)}.wlc{position:fixed;inset:0;z-index:91;overflow-y:auto;background:var(--bg)}.wlc-inner{max-width:460px;margin:0 auto;padding:max(36px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100%}.wlc-logo{width:96px;height:96px;border-radius:24px;align-self:center;object-fit:contain}.wlc-title{margin:18px 0 0;font-size:26px;font-weight:800;line-height:1.25;text-align:center}.wlc-sub{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted);text-align:center}.wlc-perks{list-style:none;margin:26px 0 0;padding:0;flex-direction:column}.wlc-perk,.wlc-perks{display:flex;gap:12px}.wlc-perk{align-items:center;padding:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:16px;font-size:14px;line-height:1.4}.wlc-perk-emoji{font-size:22px;line-height:1;flex:0 0 auto}.wlc-actions{margin-top:auto;padding-top:26px}.wlc-signin{margin-top:0}.signin-btns{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px}.signin-btns>button{margin-top:0}.signin-alt{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}.wlc-skip{display:block;width:100%;margin-top:12px;padding:14px;background:none;border:none;border-radius:12px;color:var(--muted);font-size:14.5px;font-weight:700;cursor:pointer}.rate-stage,.wlc-skip{font-family:ui-sans-serif,system-ui,sans-serif}.rate-stage{position:fixed;inset:0;z-index:62;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .18s ease both;overflow-y:auto}.rate-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:22px 20px;text-align:center;animation:popInCenter .28s var(--ease-pop) both}.rate-title{margin:0;font-size:20px;font-weight:800;line-height:1.3}.rate-sub{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.rate-private{margin:6px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted);opacity:.85}.rate-stars{display:flex;justify-content:center;gap:4px;margin-top:18px}.rate-star{background:none;border:none;padding:4px 2px;font-size:34px;line-height:1;cursor:pointer;color:var(--border);transition:transform .12s var(--ease-pop),color .12s ease}.rate-star.on{color:#ffc53d}.rate-star:active{transform:scale(1.15)}.rate-star-label{margin:4px 0 0;min-height:20px;font-size:14px;font-weight:700}.rate-comment{width:100%;margin-top:14px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;color:inherit;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.45;resize:none}.rate-error{margin:10px 0 0;font-size:13px;font-weight:700;color:#e05a5a}.rate-secondary{display:flex;justify-content:center;gap:18px;margin-top:12px}.rate-link{background:none;border:none;padding:8px 4px;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:13.5px;font-weight:700;cursor:pointer}.rate-link.muted{font-weight:500;opacity:.75}.rate-thanks-emoji{font-size:44px;line-height:1;margin-bottom:6px}.back-btn{align-self:flex-start;flex:0 0 auto;width:38px;height:38px;padding:0;margin-bottom:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:50%}.back-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.streak-badge{display:inline-flex;align-items:center;gap:4px;font-size:15px;color:var(--accent);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-family:ui-sans-serif,system-ui,sans-serif;text-decoration:none}.tab-content{max-width:720px;margin:0 auto;padding:12px 20px calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px) + 28px);min-height:60vh}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:7;display:flex;align-items:stretch;gap:0;padding:5px 6px calc(env(safe-area-inset-bottom, 0px) + 5px);background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -2px 12px rgba(0,0,0,.06)}.tab{flex:1 1;display:flex;margin:0 3px;padding:6px 0;border-radius:10px;border:1.5px solid transparent;text-decoration:none;color:var(--muted);opacity:.7}.tab,.tab-icon{align-items:center;justify-content:center}.tab-icon{width:25px;height:25px;display:inline-flex}.tab-icon svg{display:block}.tab.active{color:var(--tab-active,var(--accent));opacity:1;background:color-mix(in srgb,var(--tab-active,var(--accent)) 12%,transparent);border-color:color-mix(in srgb,var(--tab-active,var(--accent)) 50%,transparent)}[data-tab=speak]{--tab-color:#7c56cf}[data-tab=listening]{--tab-color:#2f7d6b}[data-tab=reading]{--tab-color:#b9445c}.page-title{font-size:24px;margin:4px 0;border-left:3px solid var(--tab-color,var(--accent));padding-left:10px}.tab-banner{margin:0 0 14px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--muted);background:color-mix(in srgb,var(--tab-color,var(--accent)) 12%,transparent);border:1px solid color-mix(in srgb,var(--tab-color,var(--accent)) 28%,transparent)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin:18px 0}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif}.stat-num{font-size:26px;font-weight:700;color:var(--accent)}.stat-label{font-size:12px;color:var(--muted);margin-top:4px}.goal-box{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:14px 16px;line-height:1.6;font-size:14px}.cta-btn,.goal-box{font-family:ui-sans-serif,system-ui,sans-serif}.cta-btn{display:block;width:100%;text-align:center;text-decoration:none;margin-top:18px;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd);font-weight:700;border-radius:12px;padding:16px}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;text-align:center;line-height:1}.home-hero,.progress-ring-center{display:flex;flex-direction:column;align-items:center}.home-hero{margin-top:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg,18px);padding:22px 18px 18px;gap:12px;font-family:ui-sans-serif,system-ui,sans-serif;animation:popInCenter .3s both}.home-hero.goal-done{border-color:var(--success)}.hero-label{font-size:14px;font-weight:700;color:var(--muted)}.goal-ring-num{font-size:30px;font-weight:800;color:var(--accent)}.goal-done .goal-ring-num{color:var(--success)}.goal-ring-den{font-size:16px;font-weight:700;color:var(--muted)}.goal-ring-unit{font-size:12px;color:var(--muted);margin-top:2px}.goal-sub{font-size:14px;text-align:center;color:var(--text)}.goal-change{background:transparent;color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:7px 16px;font-size:13px;cursor:pointer}.goal-presets{display:flex;gap:8px;width:100%;justify-content:center}.goal-preset{flex:1 1;max-width:110px;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:10px 6px;color:var(--text);cursor:pointer}.goal-preset.active{background:var(--brand);border-color:var(--brand);color:#fff}.goal-preset-min{font-size:18px;font-weight:800}.goal-preset-name{font-size:11px;opacity:.85}.home-streak{width:100%;margin-top:12px;display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:var(--text);cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif;text-align:left}.home-streak-fire{font-size:24px;line-height:1}.home-streak-txt{flex:1 1;font-size:15px}.home-streak-txt b{color:var(--accent);font-size:18px}.home-streak-go{color:var(--muted);font-size:22px;line-height:1}.home-allclear{margin-top:12px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;font-size:14px;text-align:center}.home-allclear,.home-section-label{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif}.home-section-label{margin-top:20px;font-size:13px;font-weight:700}.home-section-label+.stat-grid{margin-top:10px}.home{padding-bottom:84px}.home-hero-greet{display:flex;align-items:center;gap:12px;margin-top:6px;animation:pageIn .3s both}.greet-text{flex:1 1;min-width:0}.greet-line{font-size:21px;font-weight:800;color:var(--text);line-height:1.25;font-family:ui-sans-serif,system-ui,sans-serif}.greet-wave{display:inline-block;animation:badgePulse 1.6s ease-in-out infinite}.greet-sub{font-size:13px;color:var(--muted);margin-top:4px;font-family:ui-sans-serif,system-ui,sans-serif}.home-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6e56cf,#b9445c);color:#fff;font-weight:800;font-size:20px;border:2px solid var(--border)}.home-avatar img{width:100%;height:100%;object-fit:cover}main.tab-content[data-tab=home]{padding:0;min-height:0}.home-path{--blue:var(--brand);--blue-soft:var(--brand-soft);--card-tint:#eaf5ff;--card-bd:#bfe0fb;--rail-done:#a9d5f7;--ico-locked:#c6cad3;--red:#c0392b;display:flex;flex-direction:column;min-height:0;font-family:ui-sans-serif,system-ui,sans-serif}[data-theme=dark] .home-path{--card-tint:rgba(47,155,240,.16);--card-bd:var(--brand);--rail-done:#3d7fb5;--ico-locked:#7d78ad}.home-fixed{flex:none;padding:20px 20px 0}.home-title-row{flex-wrap:wrap;border-left:3px solid var(--accent);padding-left:10px;margin:0 0 14px}.home-title-row,.home-title-row h1{display:flex;align-items:center;gap:8px}.home-title-row h1{margin:0;font-size:24px;font-weight:800;color:var(--text)}.home-title-icon path{fill:#c6cad3}[data-theme=dark] .home-title-icon path{fill:#7d78ad}.home-hero-card{border-radius:28px;overflow:hidden;padding:18px 18px 14px;min-height:var(--hero-card-h);box-sizing:border-box;background:linear-gradient(120deg,#20507a,#3472a1 55%,#9e9982)}.home-path .home-hero-card .greet-line,.home-path .home-hero-card .home-avatar{color:#fff}.home-path .home-hero-card .home-avatar{border-color:hsla(0,0%,100%,.55)}.home-week{display:flex;justify-content:space-between;margin-top:14px}.home-week-day{display:flex;flex-direction:column;align-items:center;gap:5px}.home-week-day>span:first-child{font-size:10.5px;font-weight:800;color:hsla(0,0%,100%,.65)}.home-week-cell{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:hsla(0,0%,100%,.16);font-size:13px;line-height:1;opacity:.38}.home-week-cell.on{background:#fff;opacity:1}.home-week-cell.today{border:2px solid #ffd9a8}.home-hero-card .home-task{margin-top:14px;background:rgba(20,14,22,.55);border-color:hsla(0,0%,100%,.18);border-radius:18px}.home-hero-card .home-task.done .task-text,.home-hero-card .task-streak b,.home-hero-card .task-text{color:#fff}.home-hero-card .task-label{color:hsla(0,0%,100%,.75)}.home-hero-card .task-go{background:#fff;color:var(--brand)}.home-hero-card .home-task.done{border-color:hsla(0,0%,100%,.18)}.home-hero-card .task-check{border-color:#35c759;color:#35c759}.home-path .home-hero-greet{display:flex;align-items:center;gap:12px;margin-top:0}.home-path .greet-line{flex:1 1;min-width:0;font-size:20px;font-weight:800;color:var(--text);line-height:1.25}.home-path .home-avatar{width:42px;height:42px;font-size:17px}.home-task{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-lg,18px);background:var(--panel);cursor:pointer;font-family:inherit;text-align:left}.home-task.done{border-color:var(--success);cursor:default}.task-streak{display:flex;flex-direction:column;align-items:center;min-width:34px}.task-fire{font-size:20px;line-height:1}.task-streak b{font-size:14px;font-weight:900;color:var(--text)}.task-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.task-label{font-size:11.5px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;color:var(--muted)}.task-text{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-task.done .task-text{color:var(--success)}.task-go{border-radius:var(--r-pill,999px);background:var(--blue);color:#fff;font-size:12.5px;padding:7px 14px}.task-check,.task-go{flex:none;font-weight:900}.task-check{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;border:2px solid var(--success);color:var(--success);font-size:13px}.home-trail-scroll{position:relative;flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;margin:16px 20px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:28px}.trail{position:relative;margin:0 auto}.unit-hero{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;grid-gap:4px 10px;gap:4px 10px;width:100%;text-align:left;margin:8px 0 18px;padding:18px 56px 18px 18px;border:none;border-radius:26px;cursor:pointer;font-family:inherit;color:#fff;background:linear-gradient(120deg,#20507a,#3472a1 55%,#9e9982)}.unit-hero-chevron{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);font-size:14px;font-weight:800}.unit-hero-badge{grid-column:1/-1;justify-self:start;background:hsla(0,0%,100%,.18);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800;letter-spacing:.6px;margin-bottom:8px}.unit-hero-unit{grid-column:1/-1;font-size:11.5px;font-weight:800;letter-spacing:.4px;color:hsla(0,0%,100%,.7)}.unit-hero-title{grid-column:1/-1;font-size:22px;font-weight:800;line-height:1.23;color:#fff;margin-top:2px}.unit-hero-progress{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:12px}.unit-hero-bar{flex:1 1;height:5px;border-radius:3px;background:hsla(0,0%,100%,.25);overflow:hidden}.unit-hero-bar>span{display:block;height:100%;background:#fff}.unit-hero-count{flex:0 0 auto;font-size:11px;font-weight:700;color:hsla(0,0%,100%,.85)}.unit-hero-desc{grid-column:1/-1;margin-top:10px;font-size:12.5px;line-height:1.4;color:hsla(0,0%,100%,.78);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.trail-row{position:relative}.trail-rail{position:absolute;left:35px;top:0;bottom:0;width:2px;background:var(--border);z-index:0}.trail-row.done .trail-rail{background:var(--rail-done)}.trail-rail.half{bottom:auto;height:50%}.row-inner{position:relative;z-index:1;display:flex;align-items:center;gap:14px;width:100%;padding:11px 0;background:none;border:2px solid transparent;border-radius:22px;font:inherit;color:inherit;text-align:left;cursor:pointer}.trail-row.locked .row-inner{cursor:default}.trail-row.active .row-inner{width:calc(100% + 24px);margin:0 -12px;padding:12px 12px 12px 10px;background:var(--card-tint);border-color:var(--card-bd);box-shadow:0 8px 20px rgba(47,155,240,.14)}.row-ico{position:relative;flex:0 0 72px;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--panel);background:var(--panel-2)}.trail-row.done .row-ico{background:var(--blue-soft)}.trail-row.active .row-ico{background:var(--blue);border-color:#fff;box-shadow:0 4px 10px rgba(47,155,240,.35)}.trail-row.active .row-ico:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:3px solid var(--blue);animation:startPulse 1.6s ease-out infinite;pointer-events:none}@media (prefers-reduced-motion:reduce){.trail-row.active .row-ico:before{animation:none}}.trail-row:not(.locked):not(.open) .row-ico.mascot{background:var(--panel);border-color:var(--blue)}.node-ico-svg path{fill:var(--ico-locked)}.trail-row.done .node-ico-svg path{fill:var(--blue)}.trail-row.open .node-ico-svg path{fill:var(--ico-locked)}.trail-row.open .row-ico{border-color:var(--border)}.trail-row.open .row-sent{opacity:.9}.trail-row.active .node-ico-svg path{fill:#fff}.row-mascot{width:62px;height:62px;object-fit:contain}.trail-row.locked .row-mascot,.trail-row.open .row-mascot{opacity:.45}.row-check{position:absolute;right:-3px;bottom:-1px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--success);border:2px solid var(--panel);color:#fff;font-size:12px;font-weight:900}.trail-row.active .row-check{border-color:var(--card-tint)}.row-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.row-kind{margin-bottom:4px;font-size:12px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trail-row.active .row-kind{color:var(--blue);opacity:1}.row-sent{font-size:18.5px;font-weight:700;line-height:24px;color:var(--ico-locked);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trail-row.done .row-sent{color:var(--muted)}.trail-row.active .row-sent{font-size:20px;font-weight:800;line-height:26px;color:var(--text)}.row-pals{flex:0 0 auto}.friend-marker-av,.row-pals{display:flex;align-items:center}.friend-marker-av{justify-content:center;width:28px;height:28px;margin-left:-10px;border-radius:999px;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.28);font-size:15px;line-height:1}.row-pals .friend-marker-av:first-child{margin-left:0}.friend-marker-av.more{background:#6b7280;color:#fff;font-size:12px;font-weight:800}.row-go{flex:0 0 auto;margin-left:8px;padding:10px 16px;border-radius:999px;background:var(--text);color:var(--bg);font-size:13px;font-weight:800;letter-spacing:.4px;white-space:nowrap;box-shadow:0 3px 8px rgba(0,0,0,.22)}.trail-row.finish{display:flex;align-items:center;gap:14px;padding:11px 0}.row-ico.finish{border-color:var(--panel);background:linear-gradient(150deg,#ffe27a,#ffb428 45%,#e8452b);box-shadow:0 0 14px rgba(240,120,40,.45)}.trail-row.finish.won .row-ico.finish{box-shadow:0 0 26px rgba(255,150,40,.9)}.trail-row.finish.won .trail-rail.half{background:#b0301a}.finish-flag{font-size:24px;line-height:1}.trail-row.finish .row-kind,.trail-row.finish .row-sent{color:#d4571f;opacity:1}.trail-row.finish.won .row-sent{color:var(--text)}.start-pulse{position:absolute;top:-10px;left:50%;width:92px;height:92px;margin-left:-46px;border-radius:50%;border:4px solid #f0a92f;animation:startPulse 1.6s ease-out infinite;pointer-events:none}@keyframes startPulse{0%{transform:scale(1);opacity:.45}to{transform:scale(1.4);opacity:0}}@media (prefers-reduced-motion:reduce){.start-pulse{animation:none}}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:rgba(15,25,45,.42);display:flex;align-items:flex-end;justify-content:center}.node-sheet{width:100%;max-width:720px;max-height:90dvh;display:flex;flex-direction:column;background:var(--bg);border-radius:26px 26px 0 0;padding:0 20px 28px;font-family:ui-sans-serif,system-ui,sans-serif;animation:sheetUp .28s var(--ease-pop)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grip{flex:none;width:40px;height:5px;border-radius:5px;background:var(--border);margin:8px auto 6px}.node-head{gap:12px;padding:6px 0}.node-head,.node-head-icon{flex:none;display:flex;align-items:center}.node-head-icon{width:50px;height:50px;border-radius:15px;background:var(--blue-soft,var(--brand-soft));justify-content:center;font-size:26px;border:0;overflow:hidden}.node-head-icon.back{background:var(--panel-2);color:var(--text);font-size:22px;cursor:pointer}.brief-mascot{width:46px;height:46px;object-fit:contain}.node-head-text{flex:1 1;min-width:0}.node-head-title{font-size:18px;font-weight:900;color:var(--text)}.node-head-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.node-close{flex:none;border:0;background:none;color:var(--muted);font-size:20px;padding:4px;cursor:pointer}.node-body{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.node-tint{background:var(--blue-soft,var(--brand-soft));border-radius:12px;padding:12px;margin-top:4px;font-size:13px;line-height:19px;color:var(--text)}.node-tint.mt12{margin-top:12px}.node-tint b{color:var(--brand);font-weight:900}.node-label{font-size:12px;font-weight:900;color:var(--muted);letter-spacing:.4px;margin:14px 0 10px}.node-label.mt16{margin-top:18px}.node-step{font-size:12px;font-weight:900;color:var(--brand);letter-spacing:.4px;margin-bottom:4px}.node-hint{font-size:13px;color:var(--muted);margin-bottom:10px}.node-cta{flex:none;display:block;width:100%;margin-top:16px;padding:15px;border:0;border-radius:15px;background:var(--brand);color:#fff;font-size:16px;font-weight:900;font-family:inherit;cursor:pointer}.node-cta:disabled{background:#9db8e6;opacity:.7;cursor:default}.node-cta.narrow{width:auto;padding:14px 40px;margin:12px auto 0}.lesson-hub{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.lesson-hub::-webkit-scrollbar{display:none}.hub-item{flex:none;width:96px;display:flex;flex-direction:column;align-items:center;border:0;background:none;padding:0;cursor:pointer;font-family:inherit}.hub-item.locked{opacity:.5;cursor:default}.hub-circle{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--brand);box-shadow:0 4px 6px rgba(0,0,0,.12)}.hub-circle.done{background:var(--success);color:#fff}.hub-circle.locked{background:var(--panel-2)}.hub-circle.current{border:3px solid #fff;box-shadow:0 4px 12px rgba(47,155,240,.35)}.hub-title{font-size:12.5px;font-weight:700;color:var(--text);text-align:center;margin-top:8px;line-height:16px}.hub-title.current{font-weight:900;color:var(--brand)}.node-next{background:var(--panel-2);border-radius:12px;padding:12px;margin-top:14px;font-size:13px;line-height:19px;color:var(--text)}.node-pattern-card{background:var(--panel);border:1.5px solid var(--border);border-radius:18px;padding:20px;text-align:center}.node-pattern-en{font-size:26px;font-weight:900;color:var(--text)}.node-pattern-vi{font-size:15px;color:var(--muted);margin-top:6px}.node-slots{display:flex;flex-wrap:wrap;gap:8px}.node-slot{display:flex;flex-direction:column;align-items:flex-start;background:var(--panel);border:1.5px solid var(--border);border-radius:11px;padding:9px 12px;cursor:pointer;font-family:inherit}.node-slot-en{font-size:14.5px;font-weight:800;color:var(--text)}.node-slot-en .spk{color:var(--brand)}.node-slot-vi{font-size:12px;color:var(--muted);margin-top:1px}.rep-card{background:var(--panel);border:1.5px solid var(--border);border-radius:14px;padding:12px;margin-bottom:10px}.rep-card.passed{background:rgba(46,158,107,.08);border-color:var(--success)}.rep-card.skipped{background:rgba(192,57,43,.06)}.rep-card.bad,.rep-card.skipped{border-color:#c0392b}.rep-row{gap:10px}.rep-row,.rep-speak{display:flex;align-items:center}.rep-speak{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:var(--panel-2);font-size:17px;cursor:pointer;justify-content:center;padding:0;line-height:1}.rep-text{flex:1 1;min-width:0}.rep-en{font-size:15.5px;font-weight:800;color:var(--text)}.rep-vi{font-size:12.5px;color:var(--muted);margin-top:2px}.rep-mic{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.rep-mic.passed{background:var(--success)}.rep-mic.skipped{background:#c0392b}.rep-mic.rec{background:var(--brand)}.rep-rec-note{margin-top:8px;font-size:12.5px;font-weight:800;color:var(--brand);text-align:center}.rep-fb{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.rep-fb-good{color:var(--success)}.rep-fb-bad,.rep-fb-good{font-size:13.5px;font-weight:800}.rep-fb-bad{color:#c0392b}.rep-fb-bad.sm,.rep-fb-note{font-size:12.5px;margin-top:3px}.rep-fb-note{color:var(--muted)}.rep-skip{border:0;background:none;padding:0;margin-top:8px;font-size:13px;font-weight:800;color:var(--brand);cursor:pointer;font-family:inherit}.rep-skip.center{display:block;margin:12px auto 0;font-size:13.5px}.drill-card{background:var(--panel);border:1.5px solid var(--border);border-radius:16px;padding:16px}.drill-count{font-size:12px;font-weight:900;color:var(--muted);letter-spacing:.4px}.drill-skipped{color:#c0392b}.drill-vi{font-size:20px;color:var(--text)}.drill-hint,.drill-vi{font-weight:800;margin-top:8px}.drill-hint{font-size:12.5px;color:var(--brand)}.drill-fb{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.drill-fb .rep-fb-bad,.drill-fb .rep-fb-good{font-size:15px}.drill-mic{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;border:0;margin:18px auto 0;padding:0;line-height:1;color:#fff;font-size:30px;cursor:pointer;box-shadow:0 8px 16px rgba(47,155,240,.4)}.drill-mic,.drill-mic.rec{background:var(--brand)}.drill-mic-cap{text-align:center;font-size:12.5px;color:var(--muted);margin-top:8px}.node-reward{display:flex;flex-direction:column;align-items:center;padding:20px 0;text-align:center}.node-reward-emoji{font-size:52px;line-height:1}.node-reward .star-burst{margin-bottom:40px}.node-reward .sb-xp{color:var(--success);text-shadow:none}.node-reward-title{font-size:20px;font-weight:900;color:var(--success);margin-top:8px}.node-reward-sub{font-size:14px;color:var(--muted);margin-top:6px}.node-reward-skipped{font-size:13px;font-weight:800;color:#c0392b;margin-top:6px}.node-reward-next{font-size:13.5px;color:var(--text);margin-top:4px}.brief-blurb{font-size:12.5px;color:var(--muted);margin-top:4px}.brief-pattern{display:flex;align-items:center;gap:10px;background:var(--panel);border:1.5px solid var(--border);border-radius:14px;padding:12px;margin-bottom:8px}.brief-pattern-icon{font-size:20px}.brief-pattern-text{flex:1 1;min-width:0;display:flex;flex-direction:column}.brief-pattern-text b{font-size:15.5px;font-weight:800;color:var(--text)}.brief-pattern-text span{font-size:12.5px;color:var(--muted);margin-top:2px}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:16px}.home-stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg,18px);padding:14px 8px;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif}.home-stat .stat-emoji{font-size:22px;line-height:1}.home-stat .stat-icon{height:26px;display:flex;align-items:center;justify-content:center}.home-stat .stat-num{font-size:24px;font-weight:800;color:var(--text);margin-top:4px}.home-stat .stat-label{font-size:12px;color:var(--muted);margin-top:2px}.goal-card{margin-top:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg,18px);padding:16px;font-family:ui-sans-serif,system-ui,sans-serif}.goal-card.done{border-color:var(--success)}.goal-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.goal-card-title{font-size:15px;font-weight:700;color:var(--text)}.goal-card-amount{font-size:13px;font-weight:700;color:var(--muted)}.goal-bar{margin-top:10px;height:10px;border-radius:999px;background:var(--panel-2);overflow:hidden}.goal-bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease}.goal-card.done .goal-bar-fill{background:var(--success)}.goal-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.goal-card-sub{font-size:12px;color:var(--muted)}.goal-card-edit{flex-shrink:0;background:transparent;border:none;cursor:pointer;font-size:15px;opacity:.7;padding:2px 4px}.goal-card .goal-presets{margin-top:12px}.weekchart-card{margin-top:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg,18px);padding:16px;font-family:ui-sans-serif,system-ui,sans-serif}.weekchart-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:14px}.weekchart{display:flex;align-items:flex-end;gap:8px;height:110px}.weekbar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%}.weekbar-min{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px}.weekbar-min.zero{opacity:.4}.weekbar-min.today{color:var(--accent)}.weekbar-track{flex:1 1;width:100%;display:flex;align-items:flex-end;justify-content:center}.weekbar{width:70%;max-width:22px;border-radius:6px;background:var(--panel-2);transition:height .4s ease}.weekbar.today{background:var(--accent)}.weekbar-label{margin-top:8px;font-size:11px;color:var(--muted)}.weekbar-label.today{color:var(--accent);font-weight:800}.srs-toggle{display:block;width:100%;margin-top:12px;background:transparent;border:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;padding:4px}.srs-collapse{margin-top:10px;animation:pageIn .25s both}.goal-fab{position:fixed;right:16px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px) + 14px);z-index:8;padding:3px;border-radius:50%;background:var(--panel);border:none;box-shadow:0 6px 18px rgba(0,0,0,.4);cursor:pointer;display:flex}.goal-fab-icon{font-size:20px;line-height:1}.mission-fab{position:fixed;right:16px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px) + 14px);z-index:8;padding:3px;border-radius:50%;background:var(--panel);border:none;box-shadow:0 6px 18px rgba(0,0,0,.4);cursor:pointer;display:flex}.mission-reward{font-size:22px;font-weight:800;color:var(--accent-2);text-align:center;margin:4px 0 10px}.mission-card{display:flex;align-items:center;gap:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin:0 0 12px;text-align:left}.mission-card-emoji{font-size:28px;flex-shrink:0}.mission-card-kind{font-size:12px;color:var(--muted);font-weight:700}.mission-card-title{font-size:15px;font-weight:700;color:var(--text)}.goal-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;justify-content:center;padding:16px;pointer-events:none}.goal-modal,.goal-modal-wrap{display:flex;align-items:center}.goal-modal{position:relative;pointer-events:auto;background:var(--panel-2);border:1px solid var(--accent);border-radius:18px;padding:24px 20px 20px;width:min(360px,92vw);flex-direction:column;gap:12px;font-family:ui-sans-serif,system-ui,sans-serif;animation:popInCenter .24s both}.goal-modal.goal-done{border-color:var(--success)}.goal-presets-label{font-size:13px;color:var(--muted);margin-top:4px}.feature-list{display:flex;flex-direction:column;gap:14px;margin-top:10px}.feature-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--r-lg,18px);background:linear-gradient(135deg,var(--panel) 0,var(--panel-2) 100%);font-family:ui-sans-serif,system-ui,sans-serif;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .1s,border-color .12s}.feature-card:active{transform:scale(.985)}.feature-card.feat-speak{background:linear-gradient(120deg,rgba(110,86,207,.28) 0,var(--panel-2) 62%)}.feature-card.feat-listen{background:linear-gradient(120deg,rgba(47,125,107,.28) 0,var(--panel-2) 62%)}.feature-card.feat-read{background:linear-gradient(120deg,rgba(185,68,92,.26) 0,var(--panel-2) 62%)}.feature-card.feat-vocab{background:linear-gradient(120deg,rgba(217,164,65,.26) 0,var(--panel-2) 62%)}.vocab-toggle{width:100%;margin-top:14px;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}.vocab-caret{transition:transform .2s ease}.vocab-toggle.open .vocab-caret{transform:rotate(180deg)}.vocab-panel{animation:pageIn .25s both}.vocab-panel .srs-banner{margin-top:14px}.feature-text{flex:1 1;min-width:0}.feature-title{font-size:16px;font-weight:700;color:var(--text)}.feature-desc{font-size:13px;color:var(--muted);line-height:1.5;margin:5px 0 0}.feature-go{flex-shrink:0;font-size:20px;color:var(--muted);opacity:.7}.feature-art{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:30px;border-radius:16px;background:hsla(0,0%,100%,.1)}.feature-art,.profile-card{border:1px solid var(--border)}.profile-card{background:var(--panel);border-radius:22px;padding:18px;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.6}.profile-card+.profile-card{margin-top:16px}.profile-name{font-size:18px;font-weight:700;color:var(--accent)}.plan-row{display:flex;align-items:center;gap:10px;margin-top:10px}.plan-badge{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.plan-badge.premium{color:var(--on-accent);background:var(--accent);font-weight:700}.profile-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}.profile-actions .cards-btn,.profile-actions .save{width:100%;padding:13px}.placeholder{text-align:center;padding-top:12vh}.placeholder-emoji{font-size:56px}.install-banner{position:relative;background:var(--panel-2);border:1px solid var(--accent);border-radius:12px;padding:14px 16px;margin-bottom:16px;font-family:ui-sans-serif,system-ui,sans-serif}.install-title{font-weight:700;color:var(--accent);margin-bottom:8px}.play-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.play-head .episode{font-size:20px;margin:0}.play{padding-bottom:240px}.lobby{display:flex;flex-direction:column;gap:12px}.lobby-card{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:14px;padding:22px;text-align:center}.lobby-emoji{font-size:44px}.lobby-cover{height:160px;aspect-ratio:var(--photo-ratio,1);max-width:100%;margin:0 auto 10px;border-radius:14px;overflow:hidden}.lobby-cover .story-art{width:100%;height:100%;object-fit:cover}.lobby .episode{font-size:22px;margin:8px 0 2px}.lobby-char{color:var(--accent);font-size:14px;font-family:ui-sans-serif,system-ui,sans-serif;margin-bottom:10px}.lobby .scene-blurb{margin-bottom:14px}.lobby .briefing{text-align:left}.mode-choose{margin:18px 0 6px}.mode-choose-label{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--muted);font-size:13px;margin-bottom:10px}.mode-options{display:flex;gap:12px;justify-content:center}.mode-option{flex:1 1;max-width:180px;display:flex;flex-direction:column;gap:4px;align-items:center;background:var(--panel-2);color:var(--text);border:2px solid var(--border);border-radius:12px;padding:16px 10px;font-size:18px;font-weight:700}.mode-option span{font-size:12px;font-weight:400;color:var(--muted)}.mode-option.on{border-color:var(--brand);background:var(--glow)}.mode-option.on span{color:var(--brand)}.settings-list{margin-top:18px;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-family:ui-sans-serif,system-ui,sans-serif}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;background:transparent;color:var(--text);border:none;border-bottom:1px solid var(--border);text-align:left;border-radius:0}.settings-list .setting-row:last-child{border-bottom:none}.setting-row.tappable{cursor:pointer;text-decoration:none}.setting-row.tappable:hover{background:var(--panel-2)}.setting-label{font-size:15px}.setting-chevron{color:var(--muted);font-size:14px;white-space:nowrap}.theme-options{display:flex;gap:8px}.theme-swatch{padding:8px 16px;border-radius:9px;border:2px solid var(--border);font-size:13px;font-weight:700}.theme-swatch.dark{background:#34315f;color:#e7ecf6}.theme-swatch.light{background:#f6f1e7;color:#2a2230}.theme-swatch.on{border-color:var(--accent)}.switch{width:54px;height:30px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);position:relative;padding:0;flex:none;transition:background .15s}.switch.on{background:var(--brand)}.switch-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;transition:left .15s}.switch.on .switch-knob{left:26px}.signout-btn{width:100%;margin-top:18px;padding:14px}.streak-modal{position:fixed;z-index:11;left:50%;top:8%;transform:translateX(-50%);background:var(--panel-2);border:1px solid var(--accent);border-radius:16px;padding:24px 20px 20px;width:min(420px,92vw);font-family:ui-sans-serif,system-ui,sans-serif}.streak-quote{text-align:center;font-style:italic;color:var(--accent);font-size:16px;margin:4px 16px 18px}.streak-stats{display:flex;gap:12px;margin-bottom:18px}.streak-stat{flex:1 1;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}.streak-stat-num{font-size:24px;font-weight:700;color:var(--accent)}.streak-stat-label{font-size:12px;color:var(--muted);margin-top:4px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-title{font-weight:700}.cal-nav{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:6px 16px;font-size:18px;line-height:1}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.cal-wd{text-align:center;font-size:11px;color:var(--muted);padding-bottom:4px}.cal-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--panel);border:1px solid var(--border);font-size:12px}.cal-cell.empty{background:transparent;border:none}.cal-cell.done{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.cal-cell.today{outline:2px solid var(--accent-2);outline-offset:-2px}.cal-day{font-weight:600}.cal-check{font-size:10px;line-height:1}.story-grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0 8px;scroll-padding-left:2px}.story-grid::-webkit-scrollbar{display:none}.story-card{flex:0 0 auto;width:clamp(180px,62vw,220px);scroll-snap-align:start;display:flex;flex-direction:column;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-align:left;cursor:pointer;transition:border-color .12s,transform .1s}.story-card:hover{border-color:var(--accent);transform:translateY(-2px)}.story-cover{position:relative;height:96px;min-height:96px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--glow),var(--panel))}.story-cover.big{height:140px;min-height:140px;border-radius:14px;margin-bottom:14px}.story-cover.big.photo{min-height:0;height:200px;aspect-ratio:var(--photo-ratio,1);max-width:100%;margin-left:auto;margin-right:auto}.story-cover.big.photo .story-art{width:100%;height:100%}.story-cover.detective{background:linear-gradient(135deg,#2a2138,#4a3a1c)}.story-cover.wizard{background:linear-gradient(135deg,#2d2350,#4a2f6b)}.story-cover.horror{background:linear-gradient(135deg,#2a1418,#4a1f28)}.story-cover.daily{background:linear-gradient(135deg,#9e9982,#cddadb)}.story-cover.visao-earth,.story-cover.visao-physics,.story-cover.visao-space{background:linear-gradient(135deg,#3472a1,#9e9982)}.reading-list .story-cover.detective{background:linear-gradient(135deg,#20507a,#3472a1)}.story-emoji-big{font-size:46px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.story-eps{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-family:ui-sans-serif,system-ui,sans-serif;padding:2px 8px;border-radius:999px}.story-eps.shift-left{right:auto;left:8px}.premium-badge{position:absolute;bottom:6px;right:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;line-height:1;background:linear-gradient(135deg,#f6c14b,#e09b2d);box-shadow:0 1px 4px rgba(0,0,0,.35);border:1.5px solid hsla(0,0%,100%,.7)}.premium-modal{position:fixed;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--panel-2);border:1px solid var(--accent);border-radius:18px;padding:26px 22px 20px;width:min(360px,90vw);text-align:center;font-family:ui-sans-serif,system-ui,sans-serif}.premium-crown{font-size:44px;line-height:1;margin-bottom:8px}.premium-title{font-size:20px;font-weight:800;margin:0 0 8px}.premium-msg{font-size:14px;line-height:1.5;color:var(--text);opacity:.85;margin:0 4px 18px}.premium-cta{display:block;width:100%;text-align:center;text-decoration:none}.premium-later{display:block;width:100%;margin-top:10px;background:none;border:none;color:var(--text);opacity:.6;font-size:14px;padding:6px;cursor:pointer}.story-body{padding:12px 14px}.story-title{font-weight:700;color:var(--text);font-size:15px;line-height:1.3}.story-blurb{color:var(--muted);font-size:13px;line-height:1.45;margin-top:6px;font-family:ui-sans-serif,system-ui,sans-serif}a.stat-card{text-decoration:none;color:inherit}.stat-card{cursor:pointer;transition:border-color .12s,transform .1s}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.vocab-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.flashcard{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px 20px 24px;text-align:center;margin-top:16px;font-family:ui-sans-serif,system-ui,sans-serif}.flashcard .rev-front{margin:8px 0 14px}.vocab-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:20px}.vocab-actions .rate{padding:14px 4px;font-size:15px}.vocab-done,.vocab-empty{text-align:center;padding-top:8vh;display:flex;flex-direction:column;align-items:center;gap:4px}.vocab-done .cta-btn,.vocab-empty .cta-btn{max-width:280px}.srs-home{font-family:ui-sans-serif,system-ui,sans-serif}.srs-banner{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:16px 18px;font-size:15px;line-height:1.5;margin:8px 0 14px}.srs-banner b{font-weight:800}.srs-link{background:none;border:none;padding:0;font:inherit;font-weight:800;color:var(--accent);text-decoration:underline;cursor:pointer}.srs-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px 16px}.srs-learned-row{display:flex;align-items:center;justify-content:space-between}.srs-label{font-size:13px;font-weight:700;opacity:.8}.srs-bignum{font-size:40px;font-weight:800;line-height:1.1}.srs-total{font-size:20px;font-weight:600;opacity:.5}.memo-chart{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;grid-gap:8px;gap:8px;height:210px;margin-top:10px}.memo-bar-col{display:flex;flex-direction:column;align-items:center;height:100%}.memo-val{font-size:12px;font-weight:700;opacity:.7;margin-bottom:2px}.memo-bar-track{flex:1 1;width:65%;display:flex;align-items:flex-end}.memo-bar{width:100%;min-height:2px;border-radius:6px 6px 0 0;transition:height .3s}.memo-bar-label{font-size:11px;opacity:.6;margin-top:6px;white-space:nowrap}.srs-review-card{background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:18px 16px;margin-top:14px;text-align:center}.srs-review-head{font-size:14px;font-weight:700;opacity:.85}.srs-review-count{font-size:26px;font-weight:800;color:var(--brand);margin:4px 0 12px}.srs-review-sub{font-size:13px;opacity:.7;margin-top:6px}.srs-review-card .cta-btn{margin-top:12px}.vocab-packs{display:flex;flex-direction:column;gap:12px}.vocab-pack-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:14px;cursor:pointer;color:inherit;transition:border-color .15s,transform .05s}.vocab-pack-card:hover{border-color:var(--brand)}.vocab-pack-card:active{transform:scale(.99)}.vocab-pack-emoji{font-size:26px;flex:0 0 auto;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--panel)}.vocab-pack-progress{display:flex;align-items:center;gap:8px;margin-top:8px}.vocab-pack-count{flex:0 0 auto;font-size:11.5px;font-weight:700;color:var(--muted)}.vocab-pack-chev{flex:0 0 auto;font-size:20px;color:var(--muted)}.vocab-pack-check{flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--success,#35c759);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center}.srs-info-chip{margin-left:auto;flex:0 0 auto;border:1px solid var(--border);background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:800;cursor:pointer;font-family:inherit}.hero-today.static{cursor:default}.hero-today.hero-topic{height:auto}.hero-topic-track{flex:1 1 auto;height:6px;border-radius:999px;background:hsla(0,0%,100%,.22);overflow:hidden}.hero-topic-track>i{display:block;height:100%;border-radius:999px;background:#fff}.hero-topic-row{display:flex;align-items:center;gap:8px;margin-top:8px}.hero-topic-count{font-size:12px;font-weight:800;color:#fff}.vocab-pack-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.vocab-pack-title{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vocab-pack-cat{font-size:11px;font-weight:700;opacity:.7;padding:2px 8px;border-radius:999px;background:var(--panel);border:1px solid var(--border)}.vocab-pack-blurb{font-size:12.5px;opacity:.72;line-height:1.35}.vocab-pack-done{color:#7cc576;border-color:#7cc576}.vocab-pack-track{display:flex;height:8px;border-radius:999px;background:var(--border);overflow:hidden;margin-top:6px}.vpt-seg{display:block;height:100%;transition:width .3s ease}.vpt-learned{background:#7cc576}.vpt-due{background:#f0a83c}.vocab-pack-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.vpt-stat{display:inline-flex;align-items:center;gap:5px;font-size:12px;opacity:.85}.vpt-stat b{font-weight:800;opacity:1}.vpt-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.vpt-dot-learned{background:#7cc576}.vpt-dot-due{background:#f0a83c}.vpt-dot-remaining{background:var(--border);border:1px solid var(--text);opacity:.35}.picker-list{margin-top:14px}.picker-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:10px}.picker-row.exiting{animation:picker-row-fade-exit .65s ease forwards;pointer-events:none}@keyframes picker-row-fade-exit{0%,55%{opacity:1}to{opacity:0;transform:scale(.97)}}.picker-word-info{display:flex;flex-direction:column;gap:2px;min-width:0}.picker-word{font-weight:800;font-size:15px}.picker-vi{font-size:12.5px;opacity:.72}.picker-actions{display:flex;gap:8px;flex:0 0 auto}.picker-btn{border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:700;border:1.5px solid var(--border);background:var(--panel);color:inherit;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.picker-btn-skip{opacity:.75}.picker-btn-skip:hover{opacity:1;border-color:var(--text)}.picker-btn.flash{background:var(--brand);border-color:var(--brand);color:#fff;opacity:1}.vw-count{margin-left:auto;font-size:12.5px;color:var(--muted)}.vw-hint{margin:8px 0 0}.vw-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.vw-card{background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:14px 16px}.vw-card.exiting{animation:picker-row-fade-exit .65s ease forwards;pointer-events:none}.vw-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.vw-word{font-size:19px;font-weight:800;color:var(--brand);word-break:break-word}.vw-star{flex:0 0 auto;width:34px;height:34px;border:none;background:none;font-size:22px;line-height:1;color:var(--muted);cursor:pointer}.vw-star.on{color:#f5b301}.vw-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.vw-pos{font-size:11.5px;font-weight:700;text-transform:lowercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.vw-speak{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:50%;color:inherit;cursor:pointer}.vw-img,.vw-speak{background:var(--panel)}.vw-img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin-top:12px}.vw-def{margin:10px 0 0}.vw-def,.vw-vi{font-size:14px;line-height:1.45}.vw-vi{margin:6px 0 0}.vw-ex{margin:8px 0 0;font-size:13px;font-style:italic;line-height:1.45}.vw-ex,.vw-skip{color:var(--muted)}.vw-skip{margin-top:12px;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:700;border:1.5px solid var(--border);background:none;cursor:pointer}.vw-skip.flash{background:var(--brand);border-color:var(--brand);color:#fff}.vw-more{padding:12px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:inherit;font-size:13.5px;font-weight:700}.reset-progress-link,.vw-more{display:block;width:100%;margin-top:14px;cursor:pointer}.reset-progress-link{text-align:center;background:none;border:none;padding:8px;font-size:12.5px;color:var(--muted);opacity:.8;text-decoration:underline}.reset-progress-link:hover{opacity:1}.skipped-toggle{display:block;width:100%;text-align:left;background:none;border:none;padding:0;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer}.srs-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px}.srs-modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px 20px;max-width:380px;width:100%;font-family:ui-sans-serif,system-ui,sans-serif}.srs-modal h2{margin:0 0 12px;font-size:19px}.srs-modal p{font-size:14px;line-height:1.6;margin:0 0 12px}.srs-levels-title{font-size:13.5px;font-weight:700;color:var(--text);margin:0 0 8px}.srs-levels{list-style:none;margin:0 0 14px;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.srs-level-row{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;color:var(--text);background:var(--panel-2,transparent)}.srs-level-row:nth-child(2n){background:transparent}.srs-level-num{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft,var(--panel-2));color:var(--brand);font-weight:800;font-size:12px}.srs-level-row.deep .srs-level-num{background:var(--brand);color:#fff}.srs-level-when{font-weight:700}.srs-levels-note{font-size:12.5px;line-height:1.5;color:var(--muted);margin:0 0 12px}.vocab-actions.srs{grid-template-columns:repeat(3,1fr)}.rate small{display:block;font-weight:400;font-size:11px;opacity:.85;margin-top:2px}.lb-title,.leaderboard{font-family:ui-sans-serif,system-ui,sans-serif}.lb-title{font-size:24px;font-weight:800;margin:8px 0 2px}.lb-day{font-size:12px;font-weight:700;letter-spacing:.04em;opacity:.55;text-transform:uppercase}.lb-trophies{gap:8px;margin:18px 0 22px;flex-wrap:wrap}.lb-trophies,.lb-trophy{display:flex;justify-content:center;align-items:flex-end}.lb-trophy{opacity:.5}.lb-trophy.active{opacity:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.lb-myrank{margin:16px auto 18px;max-width:460px;text-align:center;background:var(--panel-2);border:1px solid var(--accent);border-radius:12px;padding:10px 14px;font-size:14px;font-family:ui-sans-serif,system-ui,sans-serif;color:var(--text)}.lb-myrank b{color:var(--accent)}.lb-list{display:flex;flex-direction:column;margin-top:22px}.lb-row{display:grid;grid-template-columns:28px 36px 1fr auto auto;align-items:center;grid-gap:10px;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border)}.lb-row.me{background:var(--panel-2);border-radius:10px}.lb-rank{font-weight:700;text-align:center;color:#2f6b46}.star-rank,.trophy-rank{display:block;margin:0 auto}.star-badge{padding-left:8px;padding-right:8px}.rank-badge .rank-num{font-size:14px;font-weight:800;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.star-rank.soar{transform-origin:50% 60%;animation:star-soar 2.6s ease-in-out infinite}@keyframes star-soar{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.star-rank.soar{animation:none}}.lb-avatar{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;border:2px solid #7cc576}.lb-avatar.promote{border-color:#2f9b54}.lb-avatar.relegate{border-color:#d65a5a}.lb-avatar.emoji{font-size:19px}.lb-name{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:600}.lb-name-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-name .badge{flex:none}.lb-name small{font-weight:400;font-size:11px;opacity:.55}.lb-xp{font-weight:800;font-size:14px;white-space:nowrap}.lb-xp small{font-weight:600;font-size:10px;opacity:.5}.lb-rank{font-size:13px}.lb-rule{text-align:center;margin:16px 0;font-size:12px}.friend-btn{border:1px solid var(--accent);background:var(--brand);color:#fff;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}.friend-btn:disabled{opacity:.5;cursor:default}.friend-tag{font-size:12px;font-weight:700;color:#2f9b54;white-space:nowrap}.friend-tag.muted{color:var(--muted,#888);font-weight:600}.friend-ico{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;line-height:1;padding:0;border:1px solid transparent}.friend-ico.add{background:var(--brand);color:#fff;cursor:pointer}.friend-ico.add:disabled{opacity:.5;cursor:default}.friend-ico.friend{background:transparent;color:#2f9b54;cursor:pointer}.friend-ico.friend:hover{background:rgba(192,57,43,.12);color:#c0392b}.friend-ico.friend:disabled{opacity:.5;cursor:default}.friend-ico.muted{background:transparent;color:var(--muted,#888);font-size:15px}.friend-search{margin-top:14px;padding:12px;background:var(--panel-2);border-radius:12px}.friend-search-label{display:block;font-size:12px;font-weight:700;opacity:.7;margin-bottom:6px}.friend-search-row{display:flex;gap:8px}.friend-search-input{flex:1 1 auto;min-width:0;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:inherit;font-size:14px;text-transform:uppercase}.friend-search-msg{margin:8px 2px 0;font-size:12px}.friend-search-msg.ok{color:#2f9b54}.friend-search-msg.err{color:#d65a5a}.friend-btn.ghost{background:transparent;color:var(--accent)}.friend-invite-pop{position:fixed;z-index:60;top:calc(env(safe-area-inset-top) + 66px);left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:420px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.22);animation:friend-invite-in .28s ease-out}@keyframes friend-invite-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.friend-invite-pop{animation:none}}.friend-invite-av{flex:0 0 auto;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:22px;border:2px solid #fff}.friend-invite-body{flex:1 1 auto;min-width:0}.friend-invite-text{font-size:13px;line-height:1.35}.friend-invite-actions{display:flex;gap:8px;margin-top:8px}.friend-invite-more{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--muted,#888)}.friend-req-title{font-weight:800;margin-bottom:10px}.friend-req-list{display:flex;flex-direction:column;gap:10px}.friend-req-row{display:flex;align-items:center;gap:10px}.friend-req-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.story-cover.travel{background:linear-gradient(135deg,#1f4e54,#2f7d6b)}.story-cover.work{background:linear-gradient(135deg,#1f3a54,#2f5d7d)}.story-cover.self-dev{background:linear-gradient(135deg,#1f4a32,#2f7d52)}.story-cover.ai{background:linear-gradient(135deg,#2a2350,#4a3f8c)}.story-cover.daily-life{background:linear-gradient(135deg,#243056,#3a5285)}.story-cover.food{background:linear-gradient(135deg,#4a3320,#7d5a2f)}.story-cover.shopping{background:linear-gradient(135deg,#3a2350,#6b3f8c)}.story-status{position:absolute;top:8px;left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.28);border:1.5px solid hsla(0,0%,100%,.5);color:#fff;font-size:14px;font-weight:700}.story-status.done{background:var(--success);border-color:var(--success);box-shadow:0 1px 4px rgba(0,0,0,.4)}.listen-play{display:flex;flex-direction:column}.listen-head{text-align:center}.listen-tag{color:var(--muted);font-size:13px;margin-top:2px}.listen-intro,.listen-tag{font-family:ui-sans-serif,system-ui,sans-serif}.listen-intro{color:var(--text);font-size:14px;line-height:1.5;margin-top:8px}.listen-transcript{display:flex;flex-direction:column;gap:8px}.listen-line{padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--border);line-height:1.6;transition:border-color .15s,background .15s}.listen-line.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--glow)}.listen-speaker{display:block;font-size:12px;font-weight:700;color:var(--accent);font-family:ui-sans-serif,system-ui,sans-serif;margin-bottom:2px}.listen-hidden{color:var(--muted);opacity:.35;letter-spacing:2px;font-size:12px}.listen-hint{text-align:center;color:var(--muted);font-size:13px;margin:-4px 0 12px}.admin-table,.listen-hint{font-family:ui-sans-serif,system-ui,sans-serif}.admin-table{margin-top:12px;font-size:12px;overflow-x:auto}.admin-row{display:grid;grid-template-columns:56px 40px 40px repeat(7,minmax(40px,1fr));grid-gap:2px;gap:2px;width:100%;align-items:center;text-align:center;padding:8px 2px;background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-bottom:4px;color:var(--text);cursor:pointer}.admin-row.admin-head{background:transparent;border:none;color:var(--muted);font-weight:700;cursor:default}.admin-date{text-align:left;font-weight:600}.admin-h2{margin:22px 0 0;font-size:15px;font-weight:800;color:var(--text)}.admin-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;font-family:inherit}.admin-toggle-n{font-size:12px;font-weight:700;color:var(--muted)}.admin-hint{margin:4px 0 0}.admin-reviews{display:flex;flex-direction:column;gap:8px;margin-top:10px}.admin-review{padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.admin-review-head{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--muted)}.admin-review-stars{color:#ffc53d;font-size:13px;letter-spacing:1px}.admin-review-who{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-review-at{flex:0 0 auto}.admin-review-body{margin:6px 0 0;font-size:13.5px;line-height:1.5;white-space:pre-wrap}.admin-totals .admin-row{grid-template-columns:minmax(90px,2.2fr) repeat(7,minmax(30px,.55fr));cursor:default}.admin-acct{text-align:left;font-weight:600}.admin-acct,.admin-num{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-detail{padding:8px 10px;margin:-2px 0 8px;line-height:1.6;word-break:break-all}.admin-detail-head{font-weight:700;color:var(--accent);font-size:13px;margin:10px 0 4px}.admin-id{padding:6px 0;border-bottom:1px solid var(--border)}.admin-id:last-child{border-bottom:none}.admin-id-name{font-size:13px;font-weight:600;font-family:ui-sans-serif,system-ui,sans-serif}.admin-id-feats{font-size:12px;color:var(--muted);margin-top:2px}.read-story{display:flex;flex-direction:column}.read-body{margin-top:6px}.read-para{font-size:19px;line-height:2;margin:0 0 18px;color:var(--text)}.read-bipair{margin:0 0 20px}.read-bipair .read-en{margin:0 0 4px;font-weight:500}.read-bipair .read-vi{margin:0;font-size:17px;line-height:1.8;color:var(--muted);padding-left:12px;border-left:2px solid var(--border)}.read-today{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin:4px 0 20px;padding:14px 16px;border-radius:16px;border:1px solid var(--brand-lip,var(--brand));background:var(--brand-soft,rgba(47,155,240,.12));cursor:pointer}.read-today:active{transform:scale(.99)}.read-today-emoji{font-size:34px;line-height:1;flex:0 0 auto}.read-today-body{display:flex;flex-direction:column;gap:2px;min-width:0}.read-today-label{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--brand)}.read-today-name{font-size:16px;font-weight:700;color:var(--text)}.read-today-cta{font-size:13px;font-weight:600;color:var(--brand)}.listen-today{gap:14px;margin:4px 0 20px;padding:14px 16px;border:1px solid var(--brand-lip,var(--brand));background:var(--brand-soft,rgba(47,155,240,.12))}.listen-today-emoji{font-size:34px;line-height:1;flex:0 0 auto}.listen-today-label{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--brand)}.listen-today-name{font-size:16px;font-weight:700;color:var(--text)}.listen-today-cta{font-size:13px;font-weight:600;color:var(--brand)}:root{--hero-card-h:176px}.hero-today{display:block;width:100%;height:var(--hero-card-h);text-align:left;border:none;cursor:pointer;border-radius:28px;overflow:hidden;margin:4px 0 24px;padding:0;background:linear-gradient(120deg,#20507a,#3472a1 55%,#9e9982);color:inherit;font-family:inherit}.hero-today:active{transform:scale(.99)}.hero-today-inner{height:100%;display:flex;flex-direction:column;padding:20px 20px 16px;box-sizing:border-box}.hero-today-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.75)}.hero-today-title{margin:8px 0 0;font-size:18px;font-weight:800;color:#fff;line-height:1.2;max-width:85%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-today-strip{margin-top:auto;gap:12px;background:rgba(20,14,22,.55);border:1px solid hsla(0,0%,100%,.18);border-radius:18px;padding:12px}.hero-today-icon,.hero-today-strip{display:flex;align-items:center;flex:0 0 auto}.hero-today-icon{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.16);justify-content:center;font-size:20px}.hero-today-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.hero-today-cta{font-size:13px;font-weight:800;color:#fff}.hero-today-sub{font-size:12px;color:hsla(0,0%,100%,.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-today-xp{flex:0 0 auto;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:800;color:#ffd166;background:rgba(255,209,102,.16);border:1px solid rgba(255,209,102,.45);white-space:nowrap}.hero-today-xp.done{color:#d7ffe4;background:rgba(53,199,89,.24);border-color:rgba(53,199,89,.6)}.level-rows{display:flex;flex-direction:column;gap:12px}.level-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:14px;cursor:pointer;color:inherit;font-family:inherit;transition:border-color .12s}.level-row:hover{border-color:var(--accent)}.level-row-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.level-row-top{display:flex;align-items:center;gap:6px}.level-row-label{font-size:16px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-row-check{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;background:var(--success)}.level-row-blurb{font-size:12.5px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-row-progress{display:flex;align-items:center;gap:8px;margin-top:8px}.level-row-chevron{flex:0 0 auto;font-size:20px;color:var(--muted)}.read-cats{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;-webkit-overflow-scrolling:touch}.read-cat-chip{flex:0 0 auto;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.read-cat-chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.rd-grid{display:flex;flex-direction:column;gap:10px;padding:4px 0 8px}.rd-row{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:2px 2px 4px;-webkit-overflow-scrolling:touch}.rd-row::-webkit-scrollbar{display:none}.rd-tile{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 12px) / 2);width:calc((100% - 12px) / 2);max-width:240px;border-radius:20px;overflow:hidden;border:none;padding:0;text-align:left;cursor:pointer;font-family:inherit;background:var(--panel-2);scroll-snap-align:start}.rd-tile-cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;color:#fff}.rd-tile-cover.grad-a{background:linear-gradient(135deg,#20507a,#3472a1)}.rd-tile-cover.grad-b{background:linear-gradient(135deg,#3472a1,#9e9982)}.rd-tile-cover.grad-c{background:linear-gradient(135deg,#9e9982,#cddadb)}.rd-tile-emoji{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px}.rd-tile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rd-tile-motif{position:absolute;top:-6px;right:-6px;opacity:.24;pointer-events:none}.rd-tile-badge{position:absolute;top:8px;right:8px;z-index:2;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:var(--success)}.rd-tile-badge.premium{background:hsla(0,0%,100%,.22);font-size:12px}.rd-tile-eps{position:absolute;bottom:8px;right:8px;z-index:2;background:rgba(0,0,0,.45);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;color:#fff}.rd-tile-body{display:block;min-height:52px;padding:8px 8px 9px;overflow:hidden}.rd-tile-title-row{display:flex;align-items:center;gap:5px}.rd-tile-title{display:-webkit-box;font-size:13.5px;line-height:17px;font-weight:700;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.rd-tile-check{color:var(--success);font-size:13px;font-weight:800;flex-shrink:0}.chem-en{color:var(--chem);font-weight:700;cursor:pointer;border-bottom:1px dashed var(--chem);padding:0 1px;white-space:nowrap}.chem-en:active{background:var(--glow)}.tap-en{cursor:pointer}.tap-en:active{background:var(--glow);border-radius:3px}.read-done{text-align:center;color:#6fcf97;font-weight:600;padding:14px}.listen-vi{margin-top:10px;line-height:1.6}.listen-quiz{margin-top:22px;gap:16px}.listen-quiz,.quiz-q{display:flex;flex-direction:column}.quiz-q{gap:8px}.quiz-prompt-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.quiz-prompt{font-weight:600;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-opt{text-align:left;padding:12px 14px;font-size:15px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:12px;cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif}.quiz-opt:disabled{cursor:default}.quiz-opt.correct{background:#1f5135;border-color:#2f6b46;color:#d8f5e2}.quiz-opt.wrong{background:#5a232b;border-color:#8a3b4a;color:#f5d8de}.listen-score{text-align:center;font-weight:700;padding:14px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.listen-score.perfect{background:#1f5135;border-color:#2f6b46;color:#d8f5e2}.icon-btn{text-decoration:none;display:inline-block}.story-done{position:absolute;top:8px;left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#2f6b46;color:#fff;font-size:14px;font-weight:700;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.4)}.install-steps{margin:8px 0 0;padding-left:20px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;color:var(--muted);line-height:1.6}.install-steps b{color:var(--text)}.mini-btn{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;padding:4px 12px}.mini-btn:disabled{opacity:.6}.msg-tools{align-self:flex-start;max-width:85%;margin-top:4px}.msg-vi{margin-top:4px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;color:var(--text);background:rgba(217,164,65,.1);border:1px solid var(--border);border-radius:10px;padding:6px 12px}.redo-btn{align-self:flex-end;margin-top:4px}.star-burst{position:relative;width:var(--sb-size,132px);height:var(--sb-size,132px);display:grid;place-items:center}.sb-star{position:relative;z-index:2;width:100%;height:100%;filter:drop-shadow(0 10px 22px rgba(240,152,25,.45));animation:starPopIn .6s cubic-bezier(.2,1.3,.4,1) both,starPulse 1.6s ease-in-out .6s infinite}.sb-glow{position:absolute;z-index:1;width:150%;height:150%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,107,.55) 0,rgba(255,214,107,0) 62%);animation:sbGlow 1.6s ease-in-out infinite}.sb-spark{z-index:3;width:8px;height:8px;border-radius:2px;background:#ffe9a3;opacity:0;transform:rotate(var(--a,0deg)) translateY(-30px);animation:sparkOut .7s var(--d,.25s) ease-out both}.sb-spark,.sb-xp{position:absolute}.sb-xp{z-index:4;bottom:-34px;font-size:30px;font-weight:900;color:#fff3d0;text-shadow:0 3px 12px rgba(0,0,0,.5),0 0 18px rgba(255,190,60,.75);animation:popInCenter .3s .12s var(--ease-pop) both}.xp-stage{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 50% 42%,rgba(60,42,8,.72),rgba(0,0,0,.82));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .18s ease both}.xp-star-wrap{margin-bottom:44px}.xp-stage-title{font-size:22px;font-weight:900;color:#fff;animation:popInCenter .3s .25s var(--ease-pop) both}.xp-stage-next{margin-top:22px;min-width:200px;animation:popInCenter .28s var(--ease-pop) both}.xp-stage-mission{font-size:15px;font-weight:800;color:#ffd86b;animation:popInCenter .3s .35s var(--ease-pop) both}.xp-stage-sub{font-size:13.5px;color:hsla(0,0%,100%,.72)}.streak-cel{position:fixed;inset:0;z-index:61;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 22px;overflow:hidden;text-align:center;color:var(--text);font-family:ui-sans-serif,system-ui,sans-serif;background:var(--bg);animation:fadeIn .2s ease both}.sc-flame{position:relative;z-index:3;width:92px;height:92px;font-size:78px;line-height:1.05;filter:drop-shadow(0 8px 26px rgba(120,30,0,.55));animation:flamePop .5s var(--ease-pop) both}.streak-cel.fly .sc-flame{animation:flameArc .82s cubic-bezier(.45,.05,.35,1) forwards}.streak-cel.land .sc-flame{opacity:0;transition:opacity .22s ease}.sc-num{margin-top:10px;font-size:76px;font-weight:900;line-height:1;color:#f4741f;text-shadow:0 6px 22px rgba(244,116,31,.28)}.streak-cel.land .sc-num{animation:badgePulse .55s var(--ease-pop)}.sc-title{margin-top:6px;font-size:21px;font-weight:900}.sc-week{display:flex;gap:8px;margin-top:22px;padding:12px 12px 10px;border-radius:18px;background:var(--panel);border:1px solid var(--border)}.sc-day{display:flex;flex-direction:column;align-items:center;gap:6px}.sc-wd{font-size:11px;font-weight:800;opacity:.85}.sc-cell{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--muted);background:var(--panel-2)}.sc-cell.done{background:#f4741f;color:#fff}.sc-cell.today{box-shadow:0 0 0 2px rgba(244,116,31,.9)}.sc-cell.lit{background:#f4741f;color:#fff;animation:cellIgnite .6s var(--ease-pop) both}.sc-sub{margin-top:18px;font-size:13.5px;max-width:300px;color:var(--muted);line-height:1.5}.sc-actions{display:flex;flex-direction:column;gap:8px;width:min(320px,100%);margin-top:22px}.sc-actions .cta-btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.sc-confetti{position:absolute;inset:0;pointer-events:none}.sc-confetti>span{position:absolute;bottom:-20px;width:8px;height:14px;border-radius:2px;background:var(--c,#ffc63b);box-shadow:0 0 8px 1px var(--c,#ffc63b);animation:scRise 1.7s var(--d,0s) cubic-bezier(.15,.6,.35,1) forwards}.sc-confetti>span.dot{width:10px;height:10px;border-radius:50%}.sc-confetti>span.spark{width:auto;height:auto;background:none;box-shadow:none;font-size:20px;line-height:1;filter:drop-shadow(0 0 6px var(--c,#ffe9a3))}@keyframes starPopIn{0%{transform:scale(.2);opacity:0}65%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes sbGlow{0%,to{transform:scale(.92);opacity:.75}50%{transform:scale(1.06);opacity:1}}@keyframes sparkOut{0%{opacity:0;transform:rotate(var(--a,0deg)) translateY(-30px) scale(.4)}35%{opacity:1}to{opacity:0;transform:rotate(var(--a,0deg)) translateY(-86px) scale(.9)}}@keyframes flamePop{0%{transform:scale(.2) rotate(-18deg);opacity:0}60%{transform:scale(1.16) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes flameArc{0%{transform:translate(0) scale(1)}55%{transform:translate(calc(var(--fx, 0px) * .55),calc(var(--fy, 0px) * .3 - 34px)) scale(.72)}to{transform:translate(var(--fx,0),var(--fy,0)) scale(.34)}}@keyframes cellIgnite{0%{transform:scale(.7);box-shadow:0 0 0 0 hsla(0,0%,100%,.9)}55%{transform:scale(1.35);box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}@keyframes scRise{0%{opacity:0;transform:translate(0) rotate(0deg) scale(.6)}10%{opacity:1;transform:translate(calc(var(--dx, 0px) * .2),-10vh) rotate(70deg) scale(1)}55%{transform:translate(var(--dx,0),-58vh) rotate(300deg) scale(1)}to{opacity:0;transform:translate(calc(var(--dx, 0px) * 1.4),-105vh) rotate(600deg) scale(.8)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes popInCenter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes iconPop{0%{transform:scale(1)}50%{transform:scale(1.32)}to{transform:scale(1.18)}}@keyframes bounceIn{0%{opacity:0;transform:translateX(-50%) scale(.6)}60%{opacity:1;transform:translateX(-50%) scale(1.08)}to{transform:translateX(-50%) scale(1)}}@keyframes badgePulse{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}button{transition:transform .08s var(--ease-pop),filter .15s ease,background .15s ease,opacity .15s ease}button:active:not(:disabled){transform:scale(.96)}.cta-btn,.cta-btn:hover,.mic-big:hover,.mic:hover,.save,.save:hover,.srs-review-btn{transition:transform .08s var(--ease-pop),filter .15s ease}.overlay,.srs-modal-backdrop{animation:fadeIn .18s ease both}.cards-panel,.popup,.review,.streak-modal{animation:popIn .22s var(--ease-pop) both}.srs-modal{animation:popInCenter .22s var(--ease-pop) both}.reward-popup{animation:bounceIn .4s var(--ease-pop) both}.tab{transition:color .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.lb-trophy{transition:opacity .25s ease,transform .25s var(--ease-pop)}.tab-content{animation:pageIn .28s ease}.episode-row:active,.scene-card:active,.stat-card:active,.story-card:active{transform:scale(.98)}.streak-badge:active{transform:scale(.92)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.done-row{display:flex;flex-direction:column;gap:8px;margin-top:14px}.done-secondary{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r);padding:14px;font-weight:700;font-family:ui-sans-serif,system-ui,sans-serif}.voice-actions{display:flex;gap:10px;align-items:stretch}.voice-actions .hint,.voice-actions .mic-big{flex:1 1}.voice-actions .hint.hint-icon{flex:0 0 auto;width:60px;padding-left:0;padding-right:0;font-size:20px;display:flex;align-items:center;justify-content:center}.voice-clear{white-space:nowrap;font-weight:700}.voice-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0,var(--panel-2) 0,var(--bg) 58%);overflow:hidden}.stage-figure{position:absolute;inset:0;z-index:0}.tx-top{gap:10px;padding:calc(env(safe-area-inset-top, 0px) + 14px) 12px 16px;border-bottom:1px solid var(--border);background:var(--bg);z-index:2}.tx-top,.tx-top-btn{flex:0 0 auto;display:flex;align-items:center}.tx-top-btn{width:40px;height:40px;border-radius:999px;justify-content:center;background:var(--panel-2);color:var(--muted);font-size:16px;font-weight:700;cursor:pointer}.tx-top-title{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}.tx-top-name{max-width:100%;font-size:18px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-tasks{flex:0 0 auto;margin:14px 12px 0;background:linear-gradient(135deg,var(--deep-dark),var(--brand));border:1px solid hsla(0,0%,100%,.18);border-radius:22px;padding:20px 18px;z-index:2}.tx-tasks-head{display:flex;align-items:center;gap:8px;width:100%;background:none;text-align:left;cursor:pointer}.tx-tasks-title{font-size:18px;font-weight:800;color:#fff}.tx-tasks-badge{flex:0 0 auto;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--success);color:#fff;font-size:14px;font-weight:800}.tx-tasks-n{font-size:17px;font-weight:700;color:hsla(0,0%,100%,.9)}.tx-tasks-chev{margin-left:auto;display:flex;color:hsla(0,0%,100%,.85)}.tx-tasks-body{max-height:42vh;overflow-y:auto}.tx-brief{margin:10px 0 0;font-size:13.5px;line-height:1.55;color:hsla(0,0%,100%,.8)}.tx-task-list{margin-top:8px}.tx-task{display:flex;gap:12px;padding:11px 0}.tx-check-wrap{flex:0 0 auto;height:24px}.tx-check,.tx-check-wrap{display:flex;align-items:center}.tx-check{width:26px;height:26px;border-radius:999px;border:1.5px solid hsla(0,0%,100%,.45);background:hsla(0,0%,100%,.16);justify-content:center;font-size:14px;font-weight:800;color:hsla(0,0%,100%,.55)}.tx-check.on{border-color:var(--success);background:var(--success);color:#fff}.tx-task-label{flex:1 1 auto;min-width:0;font-size:16.5px;font-weight:600;line-height:24px;color:hsla(0,0%,100%,.88)}.tx-task.current .tx-task-label{font-weight:800;color:#fff}.tx-task-label.done{font-weight:500;color:hsla(0,0%,100%,.6);text-decoration:line-through}.tx-alldone{padding:11px 0;font-size:16.5px;font-weight:700;color:var(--success)}.stage-chat{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--bg);z-index:1}.stage-chat .stage-dialogue{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 16px;margin-bottom:0}.voice-stage.textmode .stage-mic{background:var(--bg);border-top:1px solid var(--border)}.stage-zoom{position:absolute;right:12px;bottom:12px;z-index:3;width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-zoom.contract{top:calc(env(safe-area-inset-top, 0px) + 60px);bottom:auto}.stage-top{position:absolute;top:0;left:0;right:0;justify-content:space-between;padding:calc(env(safe-area-inset-top, 0px) + 12px) 16px 0;z-index:3}.stage-top,.stage-top-right{display:flex;align-items:center;gap:10px}.stage-dots,.stage-x{height:38px;padding:0 14px;border-radius:999px;background:rgba(0,0,0,.35);color:#fff;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.stage-backdrop svg{width:100%;height:100%;display:block}@keyframes bdTwinkle{0%,to{opacity:.3}50%{opacity:.95}}.bd-tw{animation:bdTwinkle 3.6s ease-in-out infinite}.bd-tw.b{animation-delay:1.3s;animation-duration:4.4s}.bd-tw.c{animation-delay:2.2s;animation-duration:5.1s}.stage-avatar{position:absolute;top:0;right:0;bottom:0;left:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px));z-index:0;display:flex;align-items:flex-end;justify-content:center}.voice-stage.expanded .stage-avatar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px) + 11vh)}.voice-stage .stage-avatar,.voice-stage .stage-backdrop{transition:opacity .4s ease}.voice-stage.stage-loading .stage-avatar,.voice-stage.stage-loading .stage-backdrop{opacity:0}.stage-spinner{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:38px;height:38px;border-radius:50%;border:4px solid var(--border,rgba(0,0,0,.12));border-top-color:var(--accent,#7c6cff);animation:spin .8s linear infinite}.msg-line{display:flex;align-items:flex-end;gap:8px}.msg-line.user{flex-direction:row-reverse}.msg-line .bubble{align-self:flex-end;max-width:calc(85% - 42px)}.msg-ava{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;border:1px solid var(--border);box-shadow:0 2px 6px rgba(0,0,0,.12);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.msg-ava.emoji{background:var(--panel-2)}.msg-ava.img{background:var(--panel);object-fit:cover}.avatar-svg{width:100%;height:100%;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}.avatar-svg .av-arm,.avatar-svg .av-brow,.avatar-svg .av-ear,.avatar-svg .av-eye,.avatar-svg .av-fig,.avatar-svg .av-head,.avatar-svg .av-pupil,.avatar-svg .avatar-mouth{transform-box:fill-box;transform-origin:center}.avatar-svg .av-fig{transform-origin:50% 100%}.avatar-svg .av-head{transform-origin:50% 88%}.avatar-svg .av-arm-l{transform-origin:30% 95%}.avatar-svg .av-arm-r{transform-origin:70% 95%}.avatar-svg .av-ear-l{transform-origin:100% 80%}.avatar-svg .av-ear-r{transform-origin:0 80%}.avatar-svg .av-fig{animation:av-breathe 3.8s ease-in-out infinite}.avatar-svg .av-eye{animation:av-blink 4.6s infinite}@keyframes av-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.014)}}@keyframes av-blink{0%,90%,96%,to{transform:scaleY(1)}93%{transform:scaleY(.08)}}.avatar-svg.speaking .avatar-mouth{animation:av-stick-talk 1.1s ease-in-out infinite}.avatar-svg.speaking .av-fig{animation:av-sway 1.7s ease-in-out infinite}@keyframes av-sway{0%,to{transform:rotate(-1.7deg)}50%{transform:rotate(1.7deg)}}.avatar-svg.speaking .av-head{animation:av-nod 1.1s ease-in-out infinite}@keyframes av-nod{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1.6deg) translateY(2px)}}.avatar-svg.speaking .av-arm-l{animation:av-gest-l .9s ease-in-out infinite}.avatar-svg.speaking .av-arm-r{animation:av-gest-r 1.2s ease-in-out infinite}@keyframes av-gest-l{0%,to{transform:rotate(0deg) translateY(0)}50%{transform:rotate(-16deg) translateY(-8px)}}@keyframes av-gest-r{0%,to{transform:rotate(0deg) translateY(0)}50%{transform:rotate(14deg) translateY(-10px)}}.avatar-svg.speaking .av-brow{animation:av-brows .9s ease-in-out infinite}@keyframes av-brows{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.avatar-svg.listening .av-head{animation:av-tilt 3s ease-in-out infinite}@keyframes av-tilt{0%,to{transform:rotate(0deg)}30%,70%{transform:rotate(-5deg) translateY(1px)}}.avatar-svg.listening .av-eye{animation:av-curious 3s ease-in-out infinite}@keyframes av-curious{0%,to{transform:scale(1.05)}35%{transform:scale(1.22)}70%{transform:scale(1.14)}}.avatar-svg.listening .av-pupil{animation:av-look 3s ease-in-out infinite}@keyframes av-look{0%,to{transform:translate(0)}30%{transform:translate(2.5px,-1.5px)}60%{transform:translate(-2.5px,.5px)}}.avatar-svg.listening .av-ear{animation:av-ear 1.4s ease-in-out infinite}@keyframes av-ear{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(-9deg) scale(1.14)}}.avatar-svg.listening .av-brow{transform:translateY(-2.5px)}.stage-caption{flex:0 0 auto;position:relative;z-index:2;width:100%;max-width:640px;margin:auto auto 0;padding:10px 22px;text-align:center}.cap-char{font-size:18px;line-height:1.45}.cap-user{font-size:17px;font-style:italic;color:var(--text)}.cap-think{color:var(--muted);font-style:italic}.stage-caption .clue-badge,.stage-caption .correction,.stage-caption .hint-box{margin-left:auto;margin-right:auto}.stage-mic{flex:0 0 auto;position:relative;z-index:2;margin-top:auto;padding:8px 18px calc(env(safe-area-inset-bottom, 0px) + 18px)}.mic-cluster{align-items:center;justify-content:center;gap:12px;margin:0 auto}.mic-cluster,.stage-note{display:flex;max-width:560px}.stage-note{align-items:flex-start;gap:8px;margin:0 auto 10px;padding:10px 12px;border-radius:12px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.45;text-align:left;box-shadow:0 6px 18px rgba(0,0,0,.12);animation:stage-note-in .18s ease-out}@keyframes stage-note-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hint-note{background:var(--glow);border:1px solid var(--accent);color:var(--text)}.hint-note .hint-ico{flex:0 0 auto}.hint-note .hint-text{flex:1 1 auto}.hint-note .hint-close{flex:0 0 auto;background:transparent;border:none;color:var(--muted);font-size:14px;line-height:1;padding:2px 4px;cursor:pointer}.error-note{background:var(--panel-2);border:1px solid var(--accent-2);color:var(--accent-2)}.stage-mic-btn{flex:1 1;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd);font-weight:700;font-size:18px;padding:18px;border-radius:16px}.stage-mic-btn.listening{animation:pulse 1s infinite}.stage-mic-btn:disabled{opacity:.5}.stage-mini{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:18px}.stage-mini:disabled{opacity:.4}.stage-mic .done-row{max-width:560px;margin:0 auto}.mic-bar{justify-content:space-around;gap:12px;max-width:420px;margin:0 auto}.mic-bar,.mic-side{display:flex;align-items:center}.mic-side{flex-direction:column;gap:5px;width:72px;background:none;border:none;padding:0;cursor:pointer}.mic-side:disabled{opacity:.4;cursor:default}.mic-side-ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:20px;line-height:1}.mic-side-label{font-size:12px;color:var(--muted);white-space:nowrap}.mic-main{flex:0 0 auto;width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;border:none;font-size:30px;line-height:1;box-shadow:0 4px 14px rgba(47,155,240,.5);cursor:pointer}.mic-main:disabled{opacity:.6;cursor:default}.mic-main.listening{animation:pulse 1s infinite}.voice-stage.expanded .mic-side-ic{background:hsla(240,8%,51%,.28);border-color:transparent;color:#fff}.voice-stage.expanded .mic-side-label{color:hsla(0,0%,100%,.88)}.btn-spin{width:20px;height:20px;border-radius:50%;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;animation:spin .7s linear infinite}.mic-type-row{display:flex;align-items:center;gap:8px;max-width:560px;margin:0 auto}.voice-stage.typing .stage-mic{padding-bottom:calc(var(--kb, 0px) + 10px);transition:padding-bottom .16s ease-out}.mic-type-input{flex:1 1 auto;min-width:0;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:12px 16px;color:var(--text);font-size:15px}.mic-type-input:focus{outline:none;border-color:var(--accent)}.mic-type-btn{flex:0 0 auto;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;border:none;font-size:18px;cursor:pointer}.mic-type-btn:disabled{opacity:.6;cursor:default}.hint-sheet-sub{margin:0 0 12px}.hint-item{background:var(--glow);border-radius:12px;padding:12px;margin-bottom:10px}.hint-item-label{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:4px}.hint-item-row{display:flex;align-items:center;gap:10px}.hint-item-say{flex:1 1 auto;font-size:15px;line-height:1.5;color:var(--text)}.hint-item-play{flex:0 0 auto;background:none;border:none;font-size:20px;line-height:1;cursor:pointer;padding:2px}.hint-smart-block{margin-bottom:12px}.hint-smart-meaning{margin:0;font-size:15px;line-height:1.5;color:var(--text)}.task-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0,0,0,.5);display:flex;align-items:flex-end}.task-sheet{width:100%;max-height:82%;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-top-left-radius:18px;border-top-right-radius:18px;padding:16px 18px calc(env(safe-area-inset-bottom, 0px) + 18px)}.task-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.task-sheet-head h2{font-size:16px;margin:0}.task-sheet-head .stage-x{background:var(--panel-2);color:var(--text)}.review-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow-y:auto;background:var(--bg);padding:calc(env(safe-area-inset-top, 0px) + 18px) 18px calc(env(safe-area-inset-bottom, 0px) + 24px);animation:review-in .28s ease-out}@keyframes review-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.review-inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.review-title{font-size:18px;margin:4px 0 0}.review-note,.review-title{text-align:center}.review-inner .done-row{margin-top:6px}.voice-stage.paper{background:radial-gradient(120% 80% at 50% 0,#fdf6dd 0,#f1e5c2 65%)}.avatar-svg.stick{filter:none}.avatar-svg.stick .av-arm-l,.avatar-svg.stick .av-arm-r{transform-box:view-box;transform-origin:160px 330px}.avatar-svg.stick .av-forearm{transform-box:view-box}.avatar-svg.stick .av-arm-l .av-forearm{transform-origin:98px 392px}.avatar-svg.stick .av-arm-r .av-forearm{transform-origin:235px 375px}.avatar-svg.stick .av-arm,.avatar-svg.stick .av-forearm{transition:transform .45s ease}.avatar-svg.stick.speaking .av-fig{animation:av-stick-sway 3.2s ease-in-out infinite}@keyframes av-stick-sway{0%,to{transform:rotate(-.8deg) translateX(-2px)}30%{transform:rotate(.9deg) translateX(2px)}60%{transform:rotate(-.3deg) translateX(0)}}.avatar-svg.stick.speaking .av-head{animation:av-stick-nod 2.1s ease-in-out infinite}@keyframes av-stick-nod{0%,to{transform:rotate(0deg) translateY(0)}25%{transform:rotate(1.5deg) translateY(2px)}55%{transform:rotate(-1.1deg) translateY(-1px)}80%{transform:rotate(.6deg) translateY(1px)}}.avatar-svg.stick.speaking .av-arm-l{animation:av-talk-arm-l 2.6s ease-in-out infinite}@keyframes av-talk-arm-l{0%,to{transform:rotate(0deg)}20%{transform:rotate(-6deg)}45%{transform:rotate(3deg)}70%{transform:rotate(-4deg)}}.avatar-svg.stick.speaking .av-arm-l .av-forearm{animation:av-talk-fore-l 2.6s ease-in-out infinite}@keyframes av-talk-fore-l{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}55%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}}.avatar-svg.stick.speaking .av-arm-r{animation:av-talk-arm-r 2.2s ease-in-out infinite}@keyframes av-talk-arm-r{0%,to{transform:rotate(0deg)}18%{transform:rotate(7deg)}42%{transform:rotate(-5deg)}65%{transform:rotate(9deg)}85%{transform:rotate(-3deg)}}.avatar-svg.stick.speaking .av-arm-r .av-forearm{animation:av-talk-fore-r 2.2s ease-in-out infinite}@keyframes av-talk-fore-r{0%,to{transform:rotate(0deg)}22%{transform:rotate(-14deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-10deg)}}.avatar-svg.stick.listening .av-arm-r{transform:rotate(-30deg)}.avatar-svg.stick.listening .av-arm-r .av-forearm{transform:rotate(-60deg)}.avatar-svg.stick.listening .av-arm-l{transform:rotate(3deg)}.avatar-svg.stick.speaking .avatar-mouth{animation:av-stick-talk 1.1s ease-in-out infinite}@keyframes av-stick-talk{0%,to{transform:scaleY(.5) scaleX(1)}12%{transform:scaleY(1.7) scaleX(.92)}24%{transform:scaleY(.7) scaleX(1.02)}38%{transform:scaleY(2.1) scaleX(.88)}52%{transform:scaleY(.9) scaleX(1)}66%{transform:scaleY(1.5) scaleX(.94)}80%{transform:scaleY(.6) scaleX(1.04)}}.avatar-svg.stick .av-pupil{animation:av-idle-look 7s ease-in-out infinite}@keyframes av-idle-look{0%,52%,to{transform:translate(0)}58%,72%{transform:translate(2.2px,.6px)}78%,90%{transform:translate(-1.6px,.2px)}}.avatar-svg.stick.listening .av-pupil{animation:av-look 3s ease-in-out infinite}.story-art{flex:1 1 auto;align-self:stretch;height:96px;width:100%;min-width:0;display:block}.story-cover.big .story-art{height:140px}.story-art.photo{object-fit:cover;border-radius:inherit}.avatar-svg:not(.stick) .av-arm-l{transform-box:view-box;transform-origin:170px 455px}.avatar-svg:not(.stick) .av-arm-r{transform-box:view-box;transform-origin:290px 510px}.avatar-svg:not(.stick).speaking .av-arm-l{animation:av-cam-l 2.4s ease-in-out infinite}@keyframes av-cam-l{0%,to{transform:rotate(0deg)}30%{transform:rotate(-4deg)}60%{transform:rotate(2.5deg)}82%{transform:rotate(-1.5deg)}}.avatar-svg:not(.stick).speaking .av-arm-r{animation:av-cam-r 2s ease-in-out infinite}@keyframes av-cam-r{0%,to{transform:rotate(0deg)}25%{transform:rotate(2.5deg)}55%{transform:rotate(-2deg)}78%{transform:rotate(1.5deg)}}.avatar-svg .av-mouth-open{visibility:hidden}.avatar-svg.speaking .av-mouth-open{visibility:visible}.avatar-svg.speaking .av-mouth-closed{visibility:hidden}@property --mouth{syntax:"<number>";inherits:true;initial-value:0}.stage-avatar.lipsync .avatar-svg.speaking .avatar-mouth{animation:none;transform:scaleY(calc(.25 + var(--mouth) * 1.85)) scaleX(calc(1.04 - var(--mouth) * .12));transition:transform 60ms linear,scale .3s ease}.rive-mascot{flex:1 1 100%;align-self:stretch;height:100%;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35));transition:transform .5s ease,filter .5s ease,opacity .35s ease;transform-origin:50% 90%}.rive-mascot canvas{display:block;width:100%;height:100%}.rive-mascot.speaking canvas{animation:mascot-rock 2.6s ease-in-out infinite;transform-origin:50% 100%}@keyframes mascot-rock{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(4px) scale(1.016)}}.stage-avatar.settling .rive-mascot canvas{animation:mascot-settle .6s ease-in-out}@keyframes mascot-settle{0%,to{transform:rotate(0deg) translateY(0)}45%{transform:rotate(1.1deg) translateY(1.5px)}}.rive-mascot.emo-happy{transform:translateY(-3px)}.rive-mascot.emo-curious{transform:rotate(1.6deg) translateY(1px)}.rive-mascot.emo-concerned{transform:rotate(-1deg) translateY(2px)}.rive-mascot.emo-surprised{transform:translateY(-4px) scale(1.015)}.rive-mascot.listening{transform:rotate(-2.5deg) translateY(6px) scale(1.025);filter:drop-shadow(0 12px 28px rgba(0,0,0,.35)) brightness(1.07)}.rive-mascot.fx-celebrate{animation:mascot-bounce .9s cubic-bezier(.34,1.4,.64,1)}.rive-mascot.fx-confused{animation:mascot-puzzle 1.1s ease-in-out}@keyframes mascot-bounce{0%{transform:scale(1)}18%{transform:scaleY(.93) scaleX(1.04) translateY(4px)}42%{transform:scaleY(1.05) scaleX(.975) translateY(-18px)}60%{transform:scale(1) translateY(0)}74%{transform:scaleY(1.025) scaleX(.99) translateY(-8px)}to{transform:scale(1) translateY(0)}}@keyframes mascot-puzzle{0%{transform:rotate(0deg)}22%{transform:rotate(5deg) translateY(3px)}62%{transform:rotate(5deg) translateY(3px)}to{transform:rotate(0deg)}}.tutor-ava{position:relative;width:min(150%,720px);max-width:none;flex:0 0 auto;aspect-ratio:1;margin:auto -25% -4%;transform-origin:50% 100%;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}.tutor-layer{position:absolute;top:0;right:0;bottom:0;left:0}.tutor-layer svg{width:100%;height:100%}.tutor-ava .av-vis{opacity:0}.tutor-ava .av-vis-closed{opacity:1}.stage-avatar.lipsync .tutor-ava.speaking .av-vis-closed{opacity:clamp(0,(.12 - var(--mouth)) * 25,1)}.stage-avatar.lipsync .tutor-ava.speaking .av-vis-mid{opacity:min(clamp(0,(var(--mouth) - .08) * 25,1),clamp(0,(.5 - var(--mouth)) * 25,1))}.stage-avatar.lipsync .tutor-ava.speaking .av-vis-wide{opacity:clamp(0,(var(--mouth) - .46) * 25,1)}.stage-avatar:not(.lipsync) .tutor-ava.speaking .av-vis-closed{animation:av-swap-closed 1.1s steps(1) infinite}.stage-avatar:not(.lipsync) .tutor-ava.speaking .av-vis-wide{animation:av-swap-wide 1.1s steps(1) infinite}@keyframes av-swap-wide{0%,24%,52%,80%{opacity:1}16%,44%,70%,to{opacity:0}}@keyframes av-swap-closed{0%,24%,52%,80%{opacity:0}16%,44%,70%,to{opacity:1}}.tutor-ava.idle{animation:av-breathe 3.8s ease-in-out infinite}.tutor-ava.speaking{animation:av-tutor-talk 2.1s ease-in-out infinite}@keyframes av-tutor-talk{0%,to{transform:rotate(-.8deg) translateY(0)}30%{transform:rotate(.6deg) translateY(2px)}62%{transform:rotate(1deg) translateY(-1px)}}.tutor-ava.listening{animation:av-tilt 3s ease-in-out infinite}.avatar-svg .av-brow,.avatar-svg .av-eye,.avatar-svg .avatar-mouth{transition:rotate .3s ease,scale .3s ease,translate .3s ease}.avatar-svg.emo-happy .av-brow{translate:0 -2px}.avatar-svg.emo-happy .av-eye{scale:1.06}.avatar-svg.emo-happy .avatar-mouth{scale:1.08 1}.avatar-svg.emo-curious .av-brow-l{rotate:-8deg;translate:0 -2px}.avatar-svg.emo-curious .av-brow-r{rotate:4deg}.avatar-svg.emo-concerned .av-brow-l{rotate:8deg}.avatar-svg.emo-concerned .av-brow-r{rotate:-8deg}.avatar-svg.emo-concerned .av-eye{scale:.95}.avatar-svg.emo-concerned .avatar-mouth{scale:.9 .85}.avatar-svg.emo-surprised .av-brow{translate:0 -4px}.avatar-svg.emo-surprised .av-eye{scale:1.18}.avatar-svg .av-head,.avatar-svg .av-pupil{transition:transform .35s ease}.avatar-svg .av-brow{transition:transform .35s ease,rotate .3s ease,scale .3s ease,translate .3s ease}.credit-note{margin:18px 4px 8px;font-size:11px;line-height:1.5;color:var(--muted,#888);text-align:center}.credit-note a{color:inherit;text-decoration:underline}.pword{gap:8px}.pspeak,.pword{display:inline-flex;align-items:center}.pspeak{flex-shrink:0;width:32px;height:32px;border:none;border-radius:50%;background:var(--brand);color:#fff;line-height:1;cursor:pointer;justify-content:center}.pspeak:active{transform:scale(.92)}.goal-fab-hint{position:fixed;right:calc(16px + 64px + 10px);bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px) + 18px);z-index:9;max-width:200px;padding:9px 13px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.35;text-align:left;box-shadow:0 6px 18px rgba(0,0,0,.35);cursor:pointer;animation:goal-hint-in .3s ease}.goal-fab-hint:after{content:"";position:absolute;right:-6px;top:50%;width:13px;height:13px;background:var(--accent);transform:translateY(-50%) rotate(45deg);border-radius:0 3px 0 0}@keyframes goal-hint-in{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.mic-dead-note{margin:8px auto;max-width:560px;padding:10px 14px;border-radius:12px;background:#5a4a1f;border:1px solid #8a6f2f;color:#ffe9b0;font-size:13.5px;line-height:1.45;text-align:center}.mic-dead-note a{color:#fff;font-weight:700;text-decoration:underline}.vocab-q-label{margin:16px 0 10px;font-size:14px;font-weight:600;color:var(--muted)}.vocab-next{margin-top:14px}.vocab-input{width:100%;margin-top:12px;padding:12px 14px;font-size:16px;font-family:ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:12px;resize:vertical;box-sizing:border-box}.vocab-input:focus{outline:none;border-color:var(--accent)}.vocab-input:disabled{opacity:.7}.vocab .flashcard{margin-bottom:96px}.speaktype-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:12px}.speaktype-actions .cta-btn{margin-top:0}.speaktype-links{display:flex;gap:18px;justify-content:center;align-items:center}.speaktype-links .mode-toggle{margin:10px 0 0}.vocab-hint{text-align:center;font-size:20px;letter-spacing:2px;font-weight:700;color:var(--accent);margin-top:10px;font-family:ui-monospace,SF Mono,Menlo,monospace}.vocab-feedback{margin-top:12px;padding:10px 14px;border-radius:12px;font-size:14.5px;line-height:1.45}.vocab-feedback.ok{background:#1f5135;border:1px solid #2f6b46;color:#d8f5e2}.vocab-feedback.bad{background:var(--panel-2);border:1px solid #c0712a;color:var(--text)}.vocab-feedback.bad b{color:var(--accent)}.res-pop-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:20px}.res-pop{width:100%;max-width:480px;max-height:84vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:0 18px 18px;box-shadow:0 18px 50px rgba(0,0,0,.45);animation:res-pop-in .18s ease-out}@keyframes res-pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.res-pop{animation:none}}.res-pop-head{margin:0 -18px 16px;padding:16px 18px;border-radius:19px 19px 0 0;font-size:19px;font-weight:800}.res-pop.ok .res-pop-head{background:#1f5135;color:#d8f5e2}.res-pop.bad .res-pop-head{background:#5b2230;color:#ffd9df}.res-pop-word{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:800;color:var(--brand)}.res-pop-say{background:none;border:0;cursor:pointer;font-size:18px;padding:2px 4px;line-height:1}.res-pop-pos{margin-top:4px;font-style:italic}.res-pop-ipa,.res-pop-pos{font-size:15px;color:var(--muted)}.res-pop-ipa{margin-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace}.res-pop-def{margin-top:12px;font-size:15.5px;color:var(--muted);line-height:1.5}.res-pop-vi{margin-top:4px;font-size:17px;font-weight:600;color:var(--text);line-height:1.5}.res-pop-ex{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.res-pop-ex-en{font-size:16px;color:var(--text)}.res-pop-ex-en,.res-pop-ex-vi{font-style:italic;line-height:1.55}.res-pop-ex-vi{margin-top:4px;font-size:15px;color:var(--muted)}.res-pop-next{margin-top:20px}.pron-ring-wrap{position:relative;width:120px;height:120px;margin:4px auto 10px}.pron-ring-fg{stroke:var(--border);transition:stroke-dashoffset .5s ease-out}.pron-ring-wrap.ok .pron-ring-fg{stroke:#4caf50}.pron-ring-wrap.mid .pron-ring-fg{stroke:#f5c33b}.pron-ring-wrap.bad .pron-ring-fg{stroke:#e57373}.pron-score{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px}.pron-score,.pron-vi{font-weight:800;color:var(--text)}.pron-vi{text-align:center;font-size:24px;margin-top:6px}.pron-ipa{text-align:center;font-size:15px;color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;margin-top:4px}.pron-word{font-size:30px;letter-spacing:1px;margin-top:6px;color:var(--muted)}.pron-word .hit{color:#4caf50}.pron-word .miss{color:#f5c33b}.pron-msg{text-align:center;font-size:14.5px;color:var(--muted);margin-top:12px;line-height:1.45}.pron-msg.ok{color:#7cc576;font-weight:700}.pron-msg.bad{color:#e0a24a}.pron-actions{display:flex;gap:10px;align-items:stretch;margin-top:22px}.pron-btn{flex:1 1;min-width:0;height:60px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:24px;font-weight:700;line-height:1;cursor:pointer}.pron-btn:disabled{opacity:.5;cursor:default}.pron-btn.mic{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 14px rgba(47,155,240,.45)}.pron-btn.mic.live{animation:pulse 1s infinite}.pron-btn.next{font-size:14.5px;white-space:nowrap;background:var(--brand);border-color:var(--brand);color:#fff}.pron-btn.next:disabled{background:var(--panel-2);border-color:var(--border);color:var(--muted)}.cta-btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent);font-weight:600}.srs-match-btn{margin-top:10px}.pos-badge{display:inline-block;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700;font-style:italic;padding:2px 8px;border-radius:999px;vertical-align:middle}.word-def-en{font-size:17px;font-weight:600;line-height:1.5;margin:10px 0 4px;color:var(--text)}.word-def-vi{font-size:15px;color:var(--muted);margin-bottom:8px}.hint-btn{background:transparent;color:var(--accent-2);border:1.5px solid var(--accent-2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;font-family:ui-sans-serif,system-ui,sans-serif;cursor:pointer;margin:4px 0 8px}.hint-box{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:6px 0 4px}.hint-box .cloze-sentence{margin:0 0 6px;font-size:16px}.hint-box .cloze-hint{margin-bottom:0}.combo-chip{background:var(--accent);color:var(--on-accent);font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}.cloze-sentence{font-size:17px;line-height:1.7;margin:14px 0 10px;color:var(--text)}.cloze-blank{display:inline-block;color:var(--accent);font-weight:800;letter-spacing:1px;vertical-align:bottom}.cloze-hint{font-size:14px;color:var(--muted);margin-bottom:4px}.dictation-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0 4px}.tts-replay{background:var(--brand);color:#fff;border:none;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;font-family:ui-sans-serif,system-ui,sans-serif;cursor:pointer}.tts-replay.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent);font-weight:600}.match-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:14px}.match-col{display:flex;flex-direction:column;gap:10px}.match-cell{background:var(--panel-2);color:var(--text);border:1.5px solid var(--border);border-radius:12px;padding:14px 10px;font-size:15px;font-weight:600;font-family:ui-sans-serif,system-ui,sans-serif;cursor:pointer;min-height:52px;transition:transform .08s ease,background .15s ease,border-color .15s ease}.match-cell.sel{border-color:var(--brand);background:var(--brand);color:#fff}.match-cell.matched{border-color:#2f6b46;background:#1f5135;color:#d8f5e2;cursor:default;opacity:.85}.match-cell.miss{border-color:#c0712a;background:color-mix(in srgb,#c0712a 18%,var(--panel-2));animation:match-shake .4s ease}@keyframes match-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.match-end-actions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:280px}.form-kicker{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--muted);text-align:center;margin:4px 0 14px}.chem-key{color:var(--vocab-key);font-weight:800}.cloze-dots{color:var(--muted);letter-spacing:2px;font-weight:800}.chem-sentence{font-size:20px;line-height:1.55;margin:4px 0 18px}.chem-sentence,.form-sentence{font-weight:700;text-align:center;color:var(--text)}.form-sentence{font-size:19px;line-height:1.6;margin:6px 0}.form-sentence-vi{font-size:14.5px;color:var(--muted);text-align:center;margin-bottom:8px}.play-big{margin:8px auto 4px}.word-img{display:block;width:100%;max-width:220px;aspect-ratio:1/1;object-fit:cover;border-radius:14px;margin:4px auto 12px;border:1px solid var(--border)}.word-img.small{max-width:130px;margin:6px auto 8px}.mode-toggle{display:block;margin:14px auto 6px;background:transparent;color:var(--accent);font-size:13.5px;font-weight:600;text-decoration:underline}.mic-btn,.mode-toggle{border:none;cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif}.mic-btn{background:var(--brand);color:#fff;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700}.mic-btn.big{display:block;margin:6px auto 0;padding:16px 28px;font-size:16px}.mic-btn.live{animation:mic-pulse 1.1s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 55%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--brand) 0,transparent)}}.mic-heard{text-align:center;font-size:14px;color:var(--muted);margin-top:10px;font-style:italic}.mic-error{text-align:center;font-size:13px;color:#c0712a;margin-top:8px}.pron-word{font-size:26px;font-weight:800;text-align:center;color:var(--accent);margin-top:4px}.pron-word+.ipa{display:block;text-align:center}.pron-score-row{display:flex;align-items:center;gap:14px;justify-content:center;margin:14px 0 4px}.pron-score-msg{font-size:14px;color:var(--text);max-width:180px}.score-ring-txt{font-size:22px;font-weight:800}.summary-list{display:flex;flex-direction:column;gap:2px;margin:14px 0 18px}.summary-row{display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid var(--border)}.summary-spk{background:transparent;border:none;font-size:20px;cursor:pointer;flex-shrink:0}.summary-text{flex:1 1;min-width:0}.summary-word{font-size:16px;font-weight:700;color:var(--text)}.summary-vi{font-size:13.5px;color:var(--muted)}.summary-when{font-size:11.5px;color:var(--muted);text-align:right;line-height:1.4;flex-shrink:0}.summary-when b{color:var(--accent);font-size:13px}.speak-hero{position:relative;display:flex;align-items:stretch;gap:12px;overflow:hidden;margin:8px 0 18px;border-radius:28px;background:linear-gradient(135deg,#20507a,#3472a1);height:var(--hero-card-h);font-family:ui-sans-serif,system-ui,sans-serif}.speak-hero-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 18px 18px;z-index:1}.speak-hero-text h1{margin:0;font-size:22px;font-weight:800;color:#fff;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.speak-hero-text p{margin:0;font-size:13.5px;line-height:1.45;color:hsla(0,0%,100%,.9);max-width:230px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.speak-hero-cta{margin-top:auto;padding:9px 22px;border:none;border-radius:999px;background:#fff;color:#20507a;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:transform .1s,box-shadow .12s}.speak-hero-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.speak-hero-mascot{flex:0 0 auto;align-self:flex-end;width:auto;height:158px;object-fit:contain;object-position:bottom right;margin:0 22px 0 0;pointer-events:none}.speak-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.speak-card{display:flex;flex-direction:column;text-align:left;background:var(--panel);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .12s,transform .1s}.speak-card:hover{box-shadow:0 4px 10px rgba(0,0,0,.14);transform:translateY(-2px)}.speak-card-cover{position:relative;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--glow),var(--panel-2))}.speak-card-cover .story-art{width:100%;height:100%;display:block}.speak-card-cover .story-emoji-big{font-size:40px}.speak-card-body{padding:8px 8px 9px;display:flex;flex-direction:column;gap:3px}.speak-card-title{font-weight:700;font-size:13.5px;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.speak-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif}.speak-card-prem{color:#e0a52d;font-weight:700}.speak-card-band{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.3px;box-shadow:0 1px 3px rgba(0,0,0,.35);pointer-events:none}.read-continue,.speak-card-band{color:#fff;font-family:ui-sans-serif,system-ui,sans-serif}.read-continue{display:flex;align-items:center;gap:12px;width:100%;margin:6px 0 18px;padding:14px 16px;border:none;border-radius:var(--r-lg,18px);background:linear-gradient(135deg,#7a5a30,#3a2c18);text-align:left;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.22);transition:transform .1s,box-shadow .12s}.read-continue:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.28)}.read-continue-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.read-continue-kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#f3d9a8}.read-continue-title{font-size:15px;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-continue-sub{font-size:12px;color:hsla(0,0%,100%,.82)}.read-progress{display:block;height:6px;margin-top:2px;border-radius:999px;background:hsla(0,0%,100%,.22);overflow:hidden}.read-progress>span{display:block;height:100%;border-radius:999px;background:#f3d9a8}.read-continue-cta{flex:0 0 auto;align-self:center;padding:8px 14px;border-radius:999px;background:#fff;color:#3a2c18;font-size:13px;font-weight:800;white-space:nowrap}.read-shelf{position:relative;margin-bottom:4px}.read-shelf-row{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 4px 0;scroll-snap-type:x proximity}.read-shelf-row::-webkit-scrollbar{display:none}.read-shelf-plank{height:10px;border-radius:3px;background:linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.18));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.75),0 5px 9px rgba(0,0,0,.18)}.read-cabinet{position:relative;margin-top:8px;padding:12px 12px 4px;border:7px solid hsla(0,0%,100%,.5);border-radius:14px;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.05));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.45),inset 0 0 0 1px hsla(0,0%,100%,.12),0 10px 26px rgba(0,0,0,.22);overflow:hidden}.read-cabinet:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,0) 30%);pointer-events:none;z-index:4}.read-cabinet .genre-label{color:var(--text);border-bottom:none;font-size:15px;margin:2px 0 0 2px}.read-book{position:relative;flex:0 0 auto;width:150px;display:flex;flex-direction:column;padding:0;border:none;border-radius:3px 9px 9px 3px;overflow:hidden;background:hsla(43,30%,95%,.86);text-align:left;cursor:pointer;scroll-snap-align:start;box-shadow:0 6px 7px -3px rgba(0,0,0,.45);transition:transform .1s,box-shadow .12s}.read-book:hover{transform:translateY(-3px);box-shadow:0 10px 12px -4px rgba(0,0,0,.5)}.read-book:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.16));z-index:2}.read-cover{position:relative;display:flex;align-items:center;justify-content:center;height:66px;margin:9px 8px 0 10px;border-radius:4px;overflow:hidden;background:#f7eecf;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.read-cover .story-art{flex:1 1 auto;align-self:stretch;width:100%;height:66px;display:block}.read-cover .story-emoji-big{font-size:32px}.read-book-body{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;padding:6px 9px 8px 12px;font-family:ui-sans-serif,system-ui,sans-serif}.read-book-title{font-weight:700;font-size:12px;line-height:1.25;color:#2f2a3a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pod-featured{display:flex;align-items:center;gap:14px;width:100%;background:linear-gradient(135deg,#1b2d4f,#0d1f3c);border-radius:16px;padding:16px 18px;margin-bottom:20px;border:none;cursor:pointer;text-align:left}.pod-featured:active{opacity:.88}.pod-featured-emoji{flex-shrink:0;width:56px;height:56px;border-radius:12px;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-size:28px}.pod-featured-info{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.pod-featured-kicker{font-size:10px;font-weight:700;letter-spacing:.09em;color:#63b3ed;text-transform:uppercase}.pod-featured-title{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod-featured-meta{font-size:12px;color:hsla(0,0%,100%,.55)}.pod-featured-play{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#63b3ed;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(99,179,237,.35)}.pod-groups{display:flex;flex-direction:column;gap:20px}.pod-group-header{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 8px 2px}.pod-episode-list{background:var(--panel);border-radius:14px;overflow:hidden;border:1px solid var(--border)}.pod-episode{display:flex;align-items:center;gap:12px;padding:11px 14px;width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background .12s}.pod-episode:last-child{border-bottom:none}.pod-episode:not(:disabled):active{background:rgba(0,0,0,.06)}.pod-episode.cur{background:rgba(37,99,235,.05)}.pod-episode.lock{opacity:.42;cursor:not-allowed}.pod-ep-avatar{flex-shrink:0;width:66px;height:48px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:22px}.pod-ep-avatar .story-art{height:48px}.pod-ep-avatar.lvl-easy{background:rgba(52,211,153,.18)}.pod-ep-avatar.lvl-medium{background:rgba(99,179,237,.18)}.pod-ep-avatar.lvl-hard{background:rgba(251,146,60,.18)}.pod-ep-info{flex:1 1;display:flex;flex-direction:column;gap:3px;min-width:0}.pod-ep-title{font-size:14px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod-ep-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}.pod-lvl-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;display:inline-block}.pod-lvl-badge.lvl-easy{background:rgba(52,211,153,.2);color:#059669}.pod-lvl-badge.lvl-medium{background:rgba(99,179,237,.2);color:#2563eb}.pod-lvl-badge.lvl-hard{background:rgba(251,146,60,.2);color:#ea580c}.pod-ep-state{flex-shrink:0;font-size:15px;width:22px;text-align:center}.pod-episode.done .pod-ep-state{color:#34d399;font-size:16px}.pod-episode.cur .pod-ep-state{color:#2563eb;font-size:18px}.pod-episode.lock .pod-ep-state{color:var(--muted);font-size:13px}.listen-card,.listen-cards{display:block}.listen-card{position:relative;width:100%;min-height:100px;margin-bottom:12px;padding:0;border:1px solid var(--border);border-radius:18px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,rgba(47,125,107,.3) 0,var(--panel) 100%);text-align:left;transition:transform .08s}.listen-card:active{transform:scale(.985)}.listen-card.detail{margin-bottom:16px;cursor:default}.listen-card-bg,.listen-card-shade{display:none}.listen-card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;padding:16px 18px}.listen-card-head{display:flex;align-items:center;gap:9px}.listen-card-head svg{width:22px;height:22px;color:var(--accent);flex-shrink:0}.listen-card-title{font-size:18px;font-weight:800;color:var(--text)}.listen-card-desc{font-size:13px;color:var(--muted);max-width:88%}.listen-card-progress{display:flex;align-items:center;gap:12px;margin-top:2px}.listen-card-bar{flex:1 1 auto;height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden}.listen-card-bar>span{display:block;height:100%;border-radius:999px;background:#2f7d6b}.listen-card-count{font-size:12px;font-weight:700;color:var(--muted)}.listen-journey{display:block}.listen-progress-card{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:16px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.listen-progress-card .progress-ring{flex:0 0 auto}.lp-ring-in{display:flex;align-items:center;justify-content:center;font-weight:900}.lp-ring-lvl{font-size:20px;letter-spacing:.5px}.lp-stats{flex:1 1 auto;min-width:0}.lp-stat-lead{font-size:16px;font-weight:800;color:var(--text)}.lp-stat-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.lp-stat-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.lp-chip{font-size:11.5px;font-weight:700;color:var(--text);border:1px solid var(--border);padding:3px 8px;border-radius:999px;white-space:nowrap}.listen-today{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;margin-bottom:18px;border:1px solid var(--border);border-radius:16px;cursor:pointer;background:linear-gradient(135deg,rgba(56,178,107,.22) 0,var(--panel) 75%);transition:transform .08s}.listen-today:active{transform:scale(.99)}.listen-today-badge{flex:0 0 auto;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#fff;background:#38b26b;padding:4px 9px;border-radius:999px}.listen-today-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.listen-today-title{font-size:14.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-today-meta{font-size:12px;color:var(--muted)}.listen-today-go{flex:0 0 auto;font-size:18px;color:#38b26b}.cefr-card,.listen-levels{display:block}.cefr-card{margin-bottom:12px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel)}.listen-level-head{display:flex;align-items:center;gap:12px;width:100%;min-height:88px;text-align:left;padding:14px 16px;border:none;cursor:pointer}.lvl-head-in{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.lvl-head-top{display:flex;align-items:center;gap:8px}.lvl-badge{font-size:12px;font-weight:900;color:#fff;padding:2px 9px;border-radius:7px;letter-spacing:.5px}.lvl-label{font-size:16px;font-weight:800;color:var(--text)}.lvl-check{font-size:14px;color:#2f9e5f;font-weight:900}.lvl-blurb{font-size:12.5px;color:var(--muted)}.lvl-progress{display:flex;align-items:center;gap:8px;margin-top:2px}.lvl-bar{flex:1 1 auto;height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden}.lvl-bar>span{display:block;height:100%;border-radius:999px;transition:width .4s ease}.lvl-count{font-size:11.5px;font-weight:700}.lvl-chevron,.lvl-count{flex:0 0 auto;color:var(--muted)}.lvl-chevron{font-size:12px}.lvl-body{padding:4px 12px 14px;gap:14px}.listen-rows,.lvl-body{display:flex;flex-direction:column}.listen-rows{gap:8px}.listen-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--panel);cursor:pointer;transition:background .12s}.listen-row:active{background:rgba(0,0,0,.04)}.listen-row.done{background:rgba(52,211,153,.08);border-color:#2f7d6b}.listen-row-check{flex:0 0 auto;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;border:1.5px solid var(--border);background:transparent}.listen-row-check.on{background:#34d399;border-color:#34d399}.listen-row-art{flex:0 0 auto;width:60px;height:44px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--panel-2)}.listen-row-art .story-art{height:44px}.listen-row-emoji{font-size:22px}.listen-row-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.listen-row-title{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-row-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.lprac{margin-top:22px}.lprac-menu{display:flex;flex-direction:column;gap:10px}.lprac-item{border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden}.lprac-item.done{border-color:#2f7d6b}.lprac-item.active{border-color:var(--brand)}.lprac-mode{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px;border:none;background:transparent;cursor:pointer}.lprac-mode:active{background:rgba(0,0,0,.04)}.lprac-mode-emoji{flex:0 0 auto;font-size:24px}.lprac-mode-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.lprac-mode-title{font-size:15px;font-weight:700;color:var(--text)}.lprac-mode-sub{font-size:12.5px;color:var(--muted)}.lprac-mode-done{flex:0 0 auto;font-size:16px;font-weight:900;color:#2f9e5f}.lprac-mode-badges{flex:0 0 auto;display:flex;align-items:center;gap:6px}.lprac-mode-xp{color:#b8860b;background:rgba(245,179,1,.18);border-radius:999px}.lprac-mode-xp,.qz-star{font-size:12px;font-weight:800;padding:3px 8px}.qz-star{color:#f5b301;background:rgba(245,179,1,.1);border:1px solid rgba(245,179,1,.35);border-radius:999px;white-space:nowrap}.qz-star.earned{background:rgba(245,179,1,.22);border-color:rgba(245,179,1,.5)}.qz-star.missed{color:var(--muted);background:transparent;border-color:var(--border)}.lprac-expand{padding:14px 13px;border-top:1px solid var(--border);animation:fadeIn .15s ease both}.lprac-head{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.lprac-progress{font-size:12.5px;color:var(--muted)}.lprac-body{display:flex;flex-direction:column;gap:12px}.lprac-label{font-size:12.5px;color:var(--muted);margin:0}.lprac-sentence{font-size:17px;line-height:1.6;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}.lprac-blank{font-weight:800;color:var(--muted)}.lprac-blank.ok{color:#2f9e5f}.lprac-blank.bad{color:#d33}.lprac-play{align-self:flex-start;font-size:14px;font-weight:700;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:11px 16px;cursor:pointer}.lprac-play:disabled{opacity:.6}.lprac-input{width:100%;font:inherit;background:var(--panel);border:1px solid var(--border);padding:12px;resize:vertical}.lprac-answer,.lprac-input{font-size:15px;color:var(--text);border-radius:12px}.lprac-answer{background:var(--panel-2);padding:10px 12px;line-height:1.5}.lprac-mic{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;color:#fff;border:none;border-radius:12px;padding:14px;cursor:pointer}.lprac-mic,.lprac-mic.on{background:var(--brand)}.lprac-mic:disabled{opacity:.6}.lprac-said{font-size:14px;color:var(--text)}.lprac-answer .w-hit{color:#2f9e5f;font-weight:700}.lprac-answer .w-miss{color:var(--muted);opacity:.75}.lprac-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lprac-result.col{flex-direction:column;align-items:stretch;gap:10px}.lprac-ok{color:#2f9e5f}.lprac-bad,.lprac-ok{font-size:13.5px;font-weight:700}.lprac-bad{color:#d33}.lprac-warn{font-size:13.5px;font-weight:700;color:#e0a000}.lprac-done{text-align:center;background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:18px}.lprac-done.clean{background:rgba(52,211,153,.1);border-color:#2f7d6b}.lprac-done-emoji{font-size:30px}.lprac-done-msg{font-size:16px;font-weight:800;color:var(--text);margin-top:6px}.lprac-done-xp{display:inline-block;font-size:15px;font-weight:900;color:#b8860b;background:rgba(245,179,1,.18);border-radius:999px;padding:5px 12px;margin-top:8px}.lprac-done-hint{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.5}.lprac-done .done-row{margin-top:14px}.listen-spine{display:block;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel)}.spine-node{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.spine-node:last-child{border-bottom:none}.spine-node:active{background:rgba(0,0,0,.05)}.spine-node.done{background:rgba(52,211,153,.06)}.spine-idx{flex:0 0 auto;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.spine-node.done .spine-idx{color:#fff;background:#34d399;border-color:#34d399}.listen-practice-wrap{margin-top:12px}.listen-practice-toggle{width:100%;font-size:13px;font-weight:700;color:var(--accent);background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:9px 12px;cursor:pointer}.listen-practice{margin-top:10px}.practice-group{margin-bottom:12px}.practice-group-title{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:0 2px 6px}.ls-stars{color:#f5b301;font-size:11px;letter-spacing:.5px}.ls-stars.big{font-size:20px;letter-spacing:2px}.ls-stars-dim{color:var(--muted)}.tab-stars{color:#f5b301;font-size:11px;letter-spacing:.5px;white-space:nowrap}.tab-stars.big{font-size:20px;letter-spacing:2px}.tab-stars-dim{color:var(--muted)}.listen-result{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel);text-align:center}.listen-result.perfect{border-color:rgba(52,211,153,.6);background:rgba(52,211,153,.08)}.lr-score{display:flex;flex-direction:column;align-items:center;gap:6px}.lr-score-num{font-size:26px;font-weight:900;color:var(--text)}.lr-msg{font-size:13.5px;color:var(--muted);margin-top:8px}.lr-words{margin-top:14px;text-align:left}.lr-words-title{font-size:13px;font-weight:800;color:var(--text);margin-bottom:8px}.lr-words-list{display:flex;flex-wrap:wrap;gap:8px}.lr-word{font-size:13px;font-weight:700;color:var(--accent);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:5px 11px;cursor:pointer}.lr-word.added{color:#059669;background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.4);cursor:default}.listen-result .done-row{margin-top:16px}.lvl-cert{font-size:14px}.checkpoint-node{display:flex;align-items:center;gap:11px;width:100%;text-align:left;margin-top:10px;padding:11px 13px;border:1px dashed var(--border);border-radius:14px;background:var(--panel-2);cursor:pointer}.checkpoint-node.passed{border-style:solid;border-color:rgba(245,179,1,.6);background:rgba(245,179,1,.1)}.cp-flag{font-size:22px;flex:0 0 auto}.cp-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.cp-title{font-size:14px;font-weight:800;color:var(--text)}.cp-sub{font-size:12px;color:var(--muted)}.cp-go{flex:0 0 auto;font-size:15px;color:var(--accent)}.badge{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;vertical-align:middle;line-height:1}.badge-disc{position:relative;z-index:2;display:grid;place-items:center;grid-gap:1px;gap:1px;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(150deg,var(--b1),var(--b2) 55%,var(--b3));border:var(--b-ring,2px) solid var(--bd);box-shadow:inset 0 2px 6px hsla(0,0%,100%,.45),inset 0 -4px 8px rgba(0,0,0,.22),0 3px 10px rgba(0,0,0,.22)}.badge-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.badge-short{font-weight:900;color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.45)}.badge-sm{width:22px;height:22px}.badge-sm .badge-icon{font-size:12px}.badge-md{width:54px;height:54px}.badge-md .badge-icon{font-size:20px}.badge-md .badge-short{font-size:9px}.badge-lg{width:148px;height:148px;--b-ring:4px}.badge-lg .badge-icon{font-size:56px}.badge-lg .badge-short{font-size:19px}.rarity-common{--b1:#e0a878;--b2:#b8763f;--b3:#8a5228;--bd:#d9a06a}.rarity-rare{--b1:#f2f5f8;--b2:#c3ccd6;--b3:#8d99a6;--bd:#eaeff4}.rarity-epic{--b1:#c4a3ff;--b2:#8b5cf6;--b3:#5b3fb5;--bd:#d9c6ff}.rarity-legendary{--b1:#fff0ab;--b2:#f2b705;--b3:#b57c00;--bd:#ffe89a}.rarity-epic .badge-disc{box-shadow:inset 0 2px 6px hsla(0,0%,100%,.5),inset 0 -4px 8px rgba(0,0,0,.25),0 0 16px rgba(139,92,246,.55)}.rarity-legendary .badge-disc{box-shadow:inset 0 2px 7px hsla(0,0%,100%,.7),inset 0 -4px 9px rgba(0,0,0,.25),0 0 20px rgba(242,183,5,.6)}@keyframes badgeSpin{to{transform:rotate(1turn)}}.badge-shine{position:absolute;top:-60%;left:-70%;width:45%;height:220%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.75),transparent);transform:rotate(18deg);animation:badgeShine 3.6s ease-in-out infinite}@keyframes badgeShine{0%,65%{left:-70%}to{left:130%}}.rarity-legendary.badge-lg .badge-disc{animation:badgeFloat 3.2s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.badge-sparks{position:absolute;inset:-10%;z-index:3;pointer-events:none}.badge-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#fffbe6,rgba(255,236,150,0));animation:badgeTwinkle 1.8s ease-in-out infinite}.badge-spark.s0{top:2%;left:16%;animation-delay:0s}.badge-spark.s1{top:12%;right:4%;animation-delay:.45s}.badge-spark.s2{bottom:6%;left:4%;animation-delay:.9s}.badge-spark.s3{bottom:0;right:20%;animation-delay:1.35s}@keyframes badgeTwinkle{0%,to{transform:scale(.4);opacity:.25}50%{transform:scale(1.15);opacity:1}}.badge.locked .badge-disc{--b1:#d9dade;--b2:#c3c5cc;--b3:#aeb0b8;--bd:#d0d1d6;opacity:.72;box-shadow:inset 0 2px 6px hsla(0,0%,100%,.45),inset 0 -4px 8px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.15)}.badge.locked .badge-icon{opacity:.8}.badge.locked .badge-short{color:#7c7e87;text-shadow:none}.badge-lock{position:absolute;z-index:4;display:grid;place-items:center;border-radius:50%;background:var(--panel);border:1.5px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.2);line-height:1}.badge-md .badge-lock{right:-4px;bottom:-4px;width:20px;height:20px;font-size:10px}.badge-lg .badge-lock{right:4px;bottom:4px;width:44px;height:44px;font-size:22px;border-width:3px}@media (prefers-reduced-motion:reduce){.badge-shine,.badge-spark,.rarity-legendary .badge-disc{animation:none}.badge-shine{display:none}}.badge-unlock{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 38%,var(--bu-glow,rgba(242,183,5,.55)),transparent 58%),rgba(20,18,40,.96);animation:buFade .35s ease-out}.badge-unlock.rarity-epic{--bu-glow:rgba(139,92,246,.6)}.badge-unlock.rarity-rare{--bu-glow:rgba(195,204,214,.35)}.badge-unlock.rarity-common{--bu-glow:rgba(184,118,63,.45)}@keyframes buFade{0%{opacity:0}to{opacity:1}}.bu-rays{position:absolute;top:50%;left:50%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);margin-top:-6vh;background:repeating-conic-gradient(from 0deg,hsla(0,0%,100%,.12) 0 6deg,transparent 6deg 22deg);animation:badgeSpin 26s linear infinite;pointer-events:none}.bu-medal{position:relative;z-index:1;animation:buPop .6s var(--ease-pop) both}@keyframes buPop{0%{transform:scale(.2) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.bu-kicker{margin-top:18px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffe89a}.bu-kicker,.bu-title{position:relative;z-index:1}.bu-title{font-size:26px;font-weight:900;color:#fff}.bu-desc{font-size:14px;color:hsla(0,0%,100%,.75);max-width:300px}.bu-actions,.bu-desc{position:relative;z-index:1}.bu-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px;width:min(300px,84vw)}.bu-btn{padding:13px 18px;border-radius:var(--r-pill);border:1.5px solid hsla(0,0%,100%,.5);background:transparent;color:#fff;font-size:15px;font-weight:800;cursor:pointer}.bu-btn.primary{background:#fff;color:#262248;border-color:transparent}.bu-btn.primary:disabled{background:hsla(0,0%,100%,.2);color:#fff;cursor:default}@media (prefers-reduced-motion:reduce){.bu-medal,.bu-rays{animation:none}}.pf-tabs{display:flex;gap:4px;padding:4px;margin-bottom:14px;background:var(--panel-2,var(--panel));border:1px solid var(--border);border-radius:999px}.pf-tab{flex:1 1;padding:9px 0;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}.pf-tab.on{background:var(--brand);color:var(--btn-fg,#fff)}.pg-tiles{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.pg-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 14px 15px;background:var(--panel-2,var(--panel));border-radius:18px}.pg-tile b{font-size:30px;font-weight:800;color:var(--text);line-height:1.1}.pg-tile-lab{font-size:13px;font-weight:600;color:var(--muted)}.pg-tile-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:13px;font-size:21px}.pg-tile-icon.pat{background:rgba(47,155,240,.16)}.pg-tile-icon.spk{background:rgba(240,138,47,.16)}.pg-tile-icon.lis{background:rgba(56,178,107,.16)}.pg-tile-icon.rea{background:rgba(160,92,214,.16)}.crs-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border);color:inherit;text-decoration:none}.crs-row:first-child{border-top:0;padding-top:2px}.crs-badge{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#fff;font-size:16px;font-weight:800;letter-spacing:.5px}.crs-body{flex:1 1;min-width:0;display:block}.crs-name{display:block;font-size:15px;font-weight:800;color:var(--text)}.crs-bar{height:8px;margin:9px 0 6px;background:var(--panel-2,var(--panel));overflow:hidden}.crs-bar,.crs-bar>span{display:block;border-radius:999px}.crs-bar>span{height:100%;background:var(--brand)}.crs-foot{display:block;font-size:12px;color:var(--muted)}.crs-chevron{flex:0 0 auto;font-size:20px;color:var(--muted)}.profile-card.hero{padding:18px}.pf-hero-row{display:flex;align-items:flex-start;gap:14px}.pf-avatar{position:relative;flex:0 0 auto;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:0;font-size:30px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}.pf-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:11px;background:var(--panel);border:1px solid var(--border)}.pf-id{text-align:left;flex:1 1 auto;min-width:0;padding-top:4px}.pf-id .profile-name{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-start;gap:7px;color:var(--text)}.pf-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pf-plan-badge{display:inline-block;margin-top:10px}.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:16px 16px 0;padding-top:14px;border-top:1px solid var(--border)}.pf-stat{display:flex;flex-direction:column;align-items:center;gap:3px}.pf-stat b{font-size:17px;font-weight:900;color:var(--text)}.pf-stat span{font-size:11.5px;color:var(--muted)}.pf-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pf-section-title{font-size:15px;font-weight:800;color:var(--text)}.pf-hint{margin:6px 0 12px;font-size:12.5px}.pf-hero-card{border-radius:28px;overflow:hidden;margin:4px 0 16px;padding:18px 18px 14px;background:linear-gradient(120deg,#20507a,#3472a1 55%,#9e9982)}.pf-hero-card .pf-hero-row{align-items:center;margin-bottom:16px}.pf-hero-card .pf-avatar{width:68px;height:68px;font-size:32px;border:3px solid hsla(0,0%,100%,.55)}.pf-hero-card .pf-avatar-edit{background:#fff;border-color:#fff}.pf-hero-card .pf-id .profile-name{color:#fff}.pf-hero-card .pf-name-text{font-size:20px;font-weight:800}.pf-hero-card .note{color:hsla(0,0%,100%,.75);font-size:12.5px}.pf-hero-plan{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.35);font-size:11.5px;font-weight:800;color:#fff}.pf-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(20,14,22,.55);border:1px solid hsla(0,0%,100%,.18);border-radius:18px;padding:11px 0}.pf-hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.pf-hero-stat+.pf-hero-stat{border-left:1px solid hsla(0,0%,100%,.22)}.pf-hero-stat b{font-size:17px;font-weight:800;color:#fff}.pf-hero-stat span{font-size:11px;color:hsla(0,0%,100%,.75)}.section-badge-head .sec-head-right{margin-left:auto;font-size:12px;font-weight:700;color:var(--muted)}.settings-list{border-radius:22px}.settings-list .setting-row{gap:12px;padding:13px 14px}.settings-list .setting-label{flex:1 1 auto;font-weight:600}.setting-icon{flex:0 0 auto;width:36px;height:36px;border-radius:12px;background:var(--panel-2);display:grid;place-items:center;font-size:17px}.pf-radar{display:flex;flex-direction:column;align-items:center}.pf-radar svg{width:100%;max-width:480px;aspect-ratio:1.1;height:auto;display:block}.pf-radar-ring{fill:none}.pf-radar-ring,.pf-radar-spoke{stroke:var(--border);stroke-width:1}.pf-radar-poly{fill:var(--brand);fill-opacity:.22;stroke:var(--brand);stroke-width:2;stroke-linejoin:round;transition:d .45s ease}.pf-radar-dot,.pf-radar-petal{fill:var(--brand)}.pf-radar-petal{fill-opacity:.3;stroke:var(--brand);stroke-width:1.5;stroke-linejoin:round}.pf-radar-hourglass{font-size:34px}.pf-radar.locked .pf-radar-ring,.pf-radar.locked .pf-radar-spoke{opacity:.45}.pf-radar-label{font-size:10.5px;font-weight:700;fill:var(--text)}.pf-radar-val{font-size:12px;font-weight:900;fill:var(--brand)}.pf-radar-val.off{fill:var(--muted)}.pf-radar-needs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.pf-need-chip{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 9px;white-space:nowrap}.pf-advice{margin-top:14px;display:grid;grid-gap:8px;gap:8px;width:100%}.pf-advice-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text)}.pf-advice-cta{margin-left:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:800;background:var(--brand);color:#fff;text-decoration:none;white-space:nowrap;box-shadow:0 2px 8px rgba(47,155,240,.28)}.pf-advice-cta:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.pf-radar-poly{transition:none}}.badge-rail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:6px;margin:0 -18px;padding-left:18px;padding-right:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.badge-rail::-webkit-scrollbar{display:none}.badge-cell{flex:0 0 84px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 5px 9px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel);cursor:default;text-align:center}.badge-cell.owned{cursor:pointer}.badge-cell.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}.badge-cell-name{font-size:11.5px;font-weight:800;color:var(--text);line-height:1.25}.badge-cell-sub{font-size:10px;line-height:1.3}.badge-cell-sub,.badge-cell:disabled .badge-cell-name{color:var(--muted)}.pf-sheet-wrap{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;background:rgba(0,0,0,.45);animation:buFade .2s ease-out}.pf-sheet{width:100%;max-height:72vh;overflow-y:auto;padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:var(--panel);border-radius:var(--r-lg) var(--r-lg) 0 0;animation:pfSheetUp .26s var(--ease-pop)}@keyframes pfSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pf-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:15px;font-weight:800;color:var(--text)}.pf-sheet-x{border:0;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}.settings-list .setting-row.danger .setting-chevron,.settings-list .setting-row.danger .setting-label{color:#d1453b}.pf-danger-body{margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--muted)}.pf-danger-err{margin:0 0 12px;font-size:13px;font-weight:700;color:#d1453b}.pf-danger-go,.pf-danger-keep{width:100%;padding:14px;border-radius:var(--r);font-size:15px;font-weight:800;cursor:pointer}.pf-danger-go{border:0;margin-bottom:10px;background:#d1453b;color:#fff}.pf-danger-go:disabled{opacity:.6;cursor:default}.pf-danger-keep{border:1.5px solid var(--border);background:transparent;color:var(--text)}.pf-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-gap:8px;gap:8px}.pf-avatar-opt{aspect-ratio:1;display:grid;place-items:center;font-size:26px;border:1.5px solid var(--border);border-radius:var(--r);background:var(--panel-2,transparent);cursor:pointer}.pf-avatar-opt.on{border-color:var(--brand);border-width:2.5px}.friend-req-name{display:inline-flex;align-items:center;gap:6px}.setting-sub{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}.rm-sheet{display:flex;flex-direction:column;gap:6px}.rm-intro{margin:0 0 6px;font-size:13.5px;line-height:1.5;color:var(--muted)}.rm-warn{margin:0 0 8px;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px}.rm-sheet .setting-row{padding:12px 0;border-bottom:none}.rm-time{position:relative;display:flex;justify-content:center;align-items:center;gap:2px;height:260px;margin-top:6px}.rm-time-window{position:absolute;left:24px;right:24px;top:50%;height:52px;transform:translateY(-50%);background:var(--panel-2);border:1px solid var(--border);border-radius:12px;pointer-events:none;z-index:0}.rm-time-sep{font-size:24px;font-weight:700;color:var(--text);padding:0 2px}.rm-time-sep,.rm-wheel{position:relative;z-index:1}.rm-wheel{width:64px;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rm-wheel::-webkit-scrollbar{display:none}.rm-wheel-pad{height:104px}.rm-wheel-item{height:52px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:24px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);opacity:.4;cursor:pointer;transition:color .15s,opacity .15s}.rm-wheel-item.on{color:var(--text);opacity:1}.rm-test{margin-top:14px}.rm-toast{margin:10px 0 0;font-size:13px;text-align:center;color:var(--muted)}.lvl-tile{position:relative;flex:0 0 auto;width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.lvl-tile.big{width:108px;height:108px;border-radius:26px}.lvl-tile.row{width:64px;height:64px;border-radius:16px}.lvl-tile.row .lvl-tile-id{font-size:19px}.lvl-tile-id{font-size:22px;font-weight:900;color:#fff;letter-spacing:.5px;font-family:ui-sans-serif,system-ui,sans-serif}.lvl-tile.big .lvl-tile-id{font-size:32px}.lvl-tile-bars{position:absolute;bottom:8px;display:flex;align-items:flex-end;gap:3px}.lvl-tile-bars i{display:block;width:4px;border-radius:999px;background:hsla(0,0%,100%,.45)}.lvl-tile-bars i:first-child{height:8px}.lvl-tile-bars i:nth-child(2){height:14px}.lvl-tile-bars i:nth-child(3){height:10px}.listen-album{display:block}.al-head{display:flex;align-items:center;gap:16px}.al-meta{flex:1 1 auto;min-width:0}.al-kicker{display:block;font-size:12px;font-weight:600;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif}.al-title{font-size:28px;font-weight:900;color:var(--text);margin:2px 0 4px;line-height:1.15}.al-blurb{font-size:13px;color:var(--muted);margin:0;font-family:ui-sans-serif,system-ui,sans-serif}.al-progress{margin-top:18px}.al-actions{display:flex;gap:10px;margin-top:16px}.al-btn{flex:1 1;padding:14px 12px;font-size:15px;font-weight:800;border-radius:var(--r-pill);cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif;border:1px solid transparent}.al-btn.primary{background:var(--brand);color:#fff}.al-btn.primary:disabled{opacity:.45;cursor:default}.al-btn.ghost{background:var(--panel-2);border-color:var(--border);color:var(--text)}.al-btn:not(:disabled):hover{filter:brightness(1.06)}.al-tracks{margin-top:22px}.al-group-title{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin:14px 0 4px;font-family:ui-sans-serif,system-ui,sans-serif}.al-track{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 4px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer}.al-track:hover{background:var(--panel-2)}.al-num{flex:0 0 auto;width:26px;display:flex;font-size:13px;font-weight:700;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-sans-serif,system-ui,sans-serif}.al-check,.al-num{align-items:center;justify-content:center}.al-check{width:18px;height:18px;border-radius:50%;display:inline-flex;font-size:10px;font-weight:800;color:#fff;background:var(--success)}.al-eq{display:flex;align-items:flex-end;gap:2px;height:14px}.al-eq i{display:block;width:3px;border-radius:999px;background:var(--brand);animation:al-eq-bounce .9s ease-in-out infinite}.al-eq i:first-child{height:9px;animation-delay:0s}.al-eq i:nth-child(2){height:14px;animation-delay:.15s}.al-eq i:nth-child(3){height:6px;animation-delay:.3s}@keyframes al-eq-bounce{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.al-eq i{animation:none}}.al-track-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.al-track-title{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-track.next .al-track-title{color:var(--brand)}.al-track-meta{font-size:12px;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-cover{border-radius:20px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.lp-title{font-size:26px;font-weight:900;color:var(--text);margin:16px 0 0;line-height:1.2}.lp-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.lp-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--r-pill);background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:800;font-family:ui-sans-serif,system-ui,sans-serif}.lp-controls{gap:22px;margin:14px 0 4px}.lp-controls,.lp-toggle{display:flex;align-items:center;justify-content:center}.lp-toggle{width:48px;height:48px;border-radius:var(--r-pill);font-size:16px;font-weight:800;color:var(--text);background:var(--panel-2);border:1.5px solid var(--border);cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif}.lp-toggle.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.lp-toggle.ghost{visibility:hidden;border:none;background:none}.lp-play{width:68px;height:68px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:var(--brand);border:none;cursor:pointer;box-shadow:0 5px 16px rgba(47,155,240,.4);transition:transform .1s var(--ease-pop)}.lp-play:active{transform:scale(.96)}.listen-line.left,.listen-line.right{max-width:88%}.listen-line.right{align-self:flex-end}.listen-line.active{background:var(--brand-soft);border-color:var(--brand);box-shadow:none}.listen-line.active .listen-speaker{color:var(--brand)}.quiz-opt{gap:10px}.quiz-letter,.quiz-opt{display:flex;align-items:center}.quiz-letter{flex:0 0 auto;width:24px;height:24px;justify-content:center;border-radius:var(--r-sm);background:var(--panel-2);color:var(--muted);font-size:12px;font-weight:900}.quiz-opt.correct .quiz-letter{background:#2f6b46;color:#fff}.quiz-opt.wrong .quiz-letter{background:#8a3b4a;color:#fff}.quiz-opt-text{flex:1 1 auto}.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--r);background:var(--panel-2,var(--panel));border:1px solid var(--border);margin-bottom:16px}.shop-balance-num{font-size:22px;font-weight:900;color:var(--brand)}.shop-balance-label{font-size:12px;color:var(--muted)}.shop-balance-note{font-size:11.5px;color:var(--muted);margin-top:10px;line-height:1.4}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));grid-gap:10px;gap:10px}.shop-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel);text-align:center}.shop-cell-emoji{width:52px;height:52px;display:grid;place-items:center;font-size:26px;border-radius:50%;background:linear-gradient(150deg,var(--b1,var(--panel-2)),var(--b2,var(--panel-2)) 65%,var(--b3,var(--panel-2)));border:2.5px solid var(--bd,var(--border))}.shop-cell.rarity-epic .shop-cell-emoji{box-shadow:0 0 12px rgba(139,92,246,.5)}.shop-cell.rarity-legendary .shop-cell-emoji{box-shadow:0 0 14px rgba(242,183,5,.55)}.shop-cell-swatch{width:52px;height:52px;border-radius:50%;background:var(--panel-2,transparent);border:4px solid var(--border)}.shop-cell-name{font-size:11.5px;font-weight:800;color:var(--text);line-height:1.25}.shop-cell-price{font-size:11px;font-weight:800;color:var(--brand)}.shop-cell-btn{margin-top:2px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:800;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-bd)}.shop-cell-btn:disabled{opacity:.5;cursor:default}.shop-cell-btn.owned{background:transparent;color:var(--brand);border-color:var(--brand)}.shop-cell-owned-tag{font-size:10.5px;font-weight:800;color:var(--brand)}.shop-repair-panel{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);background:var(--panel-2,var(--panel));border:1px solid var(--border);margin-bottom:10px}.shop-repair-icon{flex:none;width:48px;height:48px;display:grid;place-items:center;font-size:24px;border-radius:12px;background:linear-gradient(150deg,var(--b1,var(--panel-2)),var(--b2,var(--panel-2)) 65%,var(--b3,var(--panel-2)));border:2.5px solid var(--bd,var(--border));box-shadow:0 0 14px rgba(242,183,5,.55)}.shop-repair-panel .pf-hint{margin:0}.shop-repair-info{flex:1 1;display:flex;flex-direction:column;gap:8px;min-width:0}.shop-repair-buy-row{align-items:center}.shop-repair-buy-row,.shop-repair-row{display:flex;justify-content:space-between;gap:10px}.shop-repair-row{align-items:baseline}.shop-repair-left{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:6px 0 12px}.shop-repair-days{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.shop-repair-day{padding:9px 13px;border-radius:10px;border:1.5px solid var(--border);background:var(--panel);color:var(--text);font-size:13px;font-weight:800}.shop-repair-day:disabled{opacity:.4;cursor:default}.pf-avatar.has-frame{border-width:4px;border-style:solid}.shop-confirm-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r);background:var(--panel-2,var(--panel));border:1px solid var(--border);margin-bottom:14px}.shop-confirm-emoji{font-size:34px}.shop-confirm-name{font-weight:800;color:var(--text)}.shop-confirm-price{font-size:13px;color:var(--brand);font-weight:800}.shop-confirm-error{color:#d9534f;font-size:12.5px;margin-bottom:10px}.shop-confirm-actions{display:flex;gap:10px}.shop-confirm-actions button{flex:1 1}.shop-confirm-actions .ghost{background:transparent;border:1.5px solid var(--border);color:var(--text)}.nl-screen{position:fixed;inset:0;z-index:45;background:var(--bg);font-family:ui-sans-serif,system-ui,sans-serif}.nl-pane{height:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column}.nl-foot{padding:8px 20px 16px}.nl-cta{width:100%;background:var(--brand);color:#fff;border:0;border-radius:16px;padding:17px;font-size:16.5px;font-weight:900;cursor:pointer}.nl-topbar{padding:10px 16px 12px}.nl-topbar.nl-topbar-match{flex:1.7 1;display:flex;flex-direction:column;justify-content:center;padding:0 16px}.nl-topbar-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.nl-topbar-row .back-btn{margin-bottom:0}.nl-topbar-title{flex:1 1;text-align:center;font-size:17px;font-weight:800;color:var(--text)}.nl-topbar-count{width:34px;text-align:right;font-size:13px;font-weight:900;color:var(--muted)}.nl-progress{height:8px;border-radius:4px;background:var(--border);overflow:hidden}.nl-progress span{display:block;height:100%;border-radius:4px;background:var(--brand);transition:width .25s ease}.nl-card-wrap{flex:3 1;padding:0 14px 6px}.nl-card,.nl-card-wrap{min-height:0;display:flex}.nl-card{flex:1 1;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:26px;padding:18px 22px 22px;box-shadow:0 6px 18px rgba(0,0,0,.06);overflow:hidden}.nl-card.tappable{cursor:pointer}.nl-card-status{height:48px;display:flex;align-items:center;justify-content:center}.nl-check{background:var(--success);font-size:18px;border-radius:22px;padding:8px 30px}.nl-check,.nl-speaknow{color:#fff;font-weight:900}.nl-speaknow{background:var(--brand);font-size:16px;border-radius:12px;padding:7px 20px}.nl-card-mid{flex:1 1;flex-direction:column;min-height:0}.nl-card-mid,.nl-sentence{display:flex;justify-content:center}.nl-sentence{flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;line-height:1.34;text-align:center}.nl-sentence.masked .nl-word{color:var(--muted)}.nl-sentence.ok{color:var(--success)}.nl-sentence.miss{color:var(--text)}.nl-sentence.miss .nl-word.missed{color:#c0392b}.nl-sentence .nl-word.matched{color:var(--success)}.nl-blank{display:inline-block;height:1.05em;max-width:100%;border-radius:7px;background:var(--panel-2);transition:background .15s ease}.nl-blank.matched{background:rgba(53,199,89,.28)}.nl-vi{margin-top:18px;font-size:18px;color:var(--text)}.nl-heard,.nl-vi{text-align:center}.nl-heard{margin-top:12px;font-size:14.5px;font-weight:700}.nl-heard.good{color:var(--success)}.nl-heard.bad{color:#c0392b}.nl-controls-single{flex-direction:column;gap:12px}.nl-controls-single,.nl-mic{display:flex;align-items:center}.nl-mic{width:82px;height:82px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:30px;font-weight:900;cursor:pointer;box-shadow:0 8px 16px rgba(47,155,240,.4);justify-content:center}.nl-pausebars{display:inline-flex;align-items:center;gap:6px}.nl-pausebars span{width:7px;height:24px;border-radius:3.5px;background:#fff;display:inline-block}.nl-underfoot{flex:1.7 1;min-height:0;flex-direction:column;padding:14px 16px 0}.level-pick,.nl-underfoot{display:flex;align-items:center}.level-pick{position:relative}.level-pick-btn{display:flex;align-items:center;gap:6px;background:var(--brand-soft);border:1px solid var(--brand);color:var(--brand);border-radius:999px;padding:5px 13px 5px 14px;letter-spacing:.2px;cursor:pointer}.level-pick-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.level-pick-lab{font-size:13.5px;font-weight:800;opacity:.75}.level-pick-cur{font-size:16px;font-weight:900}.level-pick-caret{font-size:15px;line-height:1;margin-left:1px}.level-pick-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:262px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:6px;display:flex;flex-direction:column;gap:2px}.level-pick-head{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:7px 10px 4px}.level-pick-item{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:10px;padding:9px 10px;cursor:pointer;text-align:left;color:var(--text)}.level-pick-item:hover{background:var(--panel-2)}.level-pick-item.on{background:var(--brand-soft)}.level-pick-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.level-pick-name{font-size:14.5px;font-weight:800;line-height:1.25}.level-pick-blurb{font-size:11.5px;line-height:1.35;color:var(--muted)}.level-pick-code{flex:none;font-size:12.5px;font-weight:900;letter-spacing:.02em;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:4px 9px}.level-pick-count{font-size:12px;font-weight:700;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.level-pick-bar{height:5px;border-radius:3px;background:var(--panel-2);overflow:hidden}.level-pick-bar span{display:block;height:100%;background:var(--brand);border-radius:3px}.level-pick-tick{flex:none;color:var(--brand);font-weight:900}.next-level{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:15px 16px;border-radius:16px;border:1px dashed var(--border);background:var(--panel-2);color:var(--muted);font-size:15px;font-weight:800;cursor:pointer}.next-level:hover{border-color:var(--brand);color:var(--brand)}.next-level.ready{border-style:solid;border-color:transparent;background:var(--brand);color:#fff}.next-level-arrow{font-weight:900}.row-test{font-size:24px;line-height:1}.nl-done-body{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px 8px;text-align:center}.nl-done-check{width:104px;height:104px;border-radius:50%;background:var(--success);color:#fff;font-size:54px;font-weight:900;line-height:104px;flex:0 0 auto;animation:nl-done-pop .42s cubic-bezier(.2,1.5,.4,1) both}@keyframes nl-done-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.nl-done-check{animation:none}}.nl-done-title{font-size:27px;font-weight:900;letter-spacing:-.4px;text-wrap:balance}.nl-done-stats{display:flex;gap:10px;width:100%;margin-top:4px}.nl-done-stat{flex:1 1;flex-direction:column;gap:5px}.nl-done-ico,.nl-done-stat{display:flex;align-items:center}.nl-done-ico{width:40px;height:40px;border-radius:11px;justify-content:center;font-size:20px}.nl-done-ico.green{background:rgba(106,168,79,.22)}.nl-done-ico.blue{background:rgba(47,155,240,.2)}.nl-done-ico.pink{background:rgba(233,105,168,.2)}.nl-done-stat b{font-size:23px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nl-done-stat b i{font-style:normal;font-size:16px}.nl-done-lab,.nl-done-stat b i{font-weight:700;color:var(--muted)}.nl-done-lab{font-size:13px}.nl-done-module{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:18px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:6px}.nl-done-module-title{font-size:16.5px;font-weight:900;color:var(--muted)}.nl-done-module.is-done .nl-done-module-title{color:var(--accent)}.nl-done-module-sub{font-size:14px;font-weight:700;color:var(--muted);line-height:1.45}.nl-done-dots{position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.nl-done-dots:before{content:"";position:absolute;left:14px;right:14px;top:50%;height:3px;background:var(--border);transform:translateY(-50%)}.nl-done-dot{position:relative;width:30px;height:30px;border-radius:50%;background:var(--panel);border:2px solid var(--border);color:#fff;font-size:14px;font-weight:900;line-height:26px;flex:0 0 auto}.nl-done-dot.done{background:var(--brand);border-color:var(--brand)}.nl-done-dot.now{background:var(--accent);border-color:var(--accent);color:#1b1b1b;transform:scale(1.12)}.nl-done-warn{width:100%;background:rgba(192,57,43,.1);border:1px solid rgba(192,57,43,.35);color:#c0392b;font-weight:700;border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.45}:root{--game:#6fb3e6;--game-deep:var(--brand);--game-hot:#e2543b;--game-soft:rgba(52,114,161,.18);--game-ink-a:#fff;--game-ink-b:var(--game);--game-hero-a:rgba(111,179,230,.28);--game-hero-b:rgba(52,114,161,.22)}[data-theme=light]{--game:#2f6f9f;--game-ink-a:#1f4f74;--game-ink-b:var(--brand);--game-hero-a:rgba(52,114,161,.22);--game-hero-b:rgba(111,179,230,.32)}[data-tab=game]{--tab-color:var(--game-deep)}.game-fab{position:fixed;right:16px;bottom:calc(var(--tabbar-h) + 14px + env(safe-area-inset-bottom, 0px));z-index:6;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:0;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(145deg,var(--game-deep),var(--brand-lip));box-shadow:0 8px 22px rgba(32,80,122,.5),inset 0 1px 0 hsla(0,0%,100%,.35);transition:transform .16s var(--ease-pop)}.game-fab:active{transform:scale(.93)}.review-fab{position:fixed;right:16px;bottom:calc(var(--tabbar-h) + 14px + env(safe-area-inset-bottom, 0px) + 64px + 12px);z-index:6;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:0;border-radius:50%;cursor:pointer;color:#fff;font-size:28px;background:linear-gradient(145deg,var(--brand),var(--brand-lip));box-shadow:0 8px 22px rgba(32,80,122,.5),inset 0 1px 0 hsla(0,0%,100%,.35);transition:transform .16s var(--ease-pop)}.review-fab:active{transform:scale(.93)}.review-fab-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff5a5f;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.rv-screen{position:fixed;inset:0;z-index:46;background:var(--bg);font-family:ui-sans-serif,system-ui,sans-serif}.rv-pane{height:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column}.rv-topbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top, 0px) + 12px) 16px 12px}.rv-topbar .back-btn{margin-bottom:0}.rv-topbar-title{flex:1 1;text-align:center;font-size:20px;font-weight:900;color:var(--text)}.rv-info{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:17px;line-height:1;cursor:pointer}.rv-scroll{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 16px}.rv-banner{display:flex;align-items:center;gap:10px;background:var(--panel-2);border-radius:14px;padding:14px 16px;margin-bottom:18px}.rv-banner-icon{flex:0 0 auto;font-size:20px}.rv-banner-text{flex:1 1;font-size:14.5px;font-weight:800;color:#e5484d}.rv-badge{flex:0 0 auto;min-width:26px;padding:3px 9px;border-radius:999px;background:#e5484d;color:#fff;font-size:13px;font-weight:800;text-align:center}.rv-unit{border:1px solid var(--border);border-radius:16px;background:var(--panel);margin-bottom:14px;overflow:hidden}.rv-unit.open{border-color:var(--brand)}.rv-unit-head{width:100%;display:flex;align-items:center;gap:10px;padding:22px 16px;border:0;background:none;text-align:left;cursor:pointer}.rv-unit-cefr{flex:0 0 auto;font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.rv-unit-title{flex:1 1;min-width:0;font-size:15px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-line{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border:0;border-bottom:1px solid var(--border);background:none;font:inherit;text-align:left}button.rv-line{cursor:pointer}button.rv-line:active{background:var(--brand-soft)}.rv-line-go{flex:0 0 auto;color:var(--brand);font-size:22px;font-weight:700;line-height:1}.rv-line:last-child{border-bottom:0}.rv-mark{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff}.rv-mark.due{background:#f5a524}.rv-mark.ok{background:var(--success,#35c759)}.rv-line-body{flex:1 1;min-width:0}.rv-line-sentence{display:block;font-size:14.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-line-meta{display:block;font-size:12px;color:var(--muted);margin-top:2px}.rv-foot{flex:0 0 auto;padding:12px 16px calc(env(safe-area-inset-bottom, 0px) + 16px);border-top:1px solid var(--border);background:var(--bg)}.rv-cta{width:100%;padding:16px;border:0;border-radius:16px;background:var(--brand);color:#fff;font-size:16px;font-weight:900;font-family:inherit;cursor:pointer}.rv-cta:active{transform:scale(.985)}.rv-cta.ghost{background:transparent;color:var(--text);border:1.5px solid var(--border);margin-top:10px}.rv-empty{text-align:center;padding:48px 20px}.rv-empty-icon{font-size:44px}.rv-empty-text{font-size:14px;color:var(--muted);line-height:20px;margin-top:12px}.rv-modal-back{position:fixed;inset:0;z-index:84;background:rgba(15,25,45,.55);display:flex;align-items:center;justify-content:center;padding:20px}.rv-modal{width:100%;max-width:420px;max-height:88dvh;overflow-y:auto;background:var(--panel);border-radius:22px;font-family:ui-sans-serif,system-ui,sans-serif;animation:rvPop .22s var(--ease-pop)}@keyframes rvPop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.rv-modal-pad{padding:24px 22px}.rv-intro-icon{width:74px;height:74px;border-radius:50%;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 16px}.rv-intro-title{font-size:20px;font-weight:900;color:var(--text);text-align:center}.rv-intro-sub{font-size:14px;color:var(--muted);text-align:center;line-height:20px;margin-top:10px}.rv-intro-chart{background:var(--panel-2);padding:16px 16px 6px}.rv-intro-chart-label{font-size:12.5px;font-weight:800;color:var(--text);margin-bottom:4px}.rv-done{padding:26px 22px 24px;text-align:center}.rv-done-ava{width:88px;height:88px;border-radius:50%;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;overflow:hidden}.rv-done-ava img{width:68px;height:68px;object-fit:contain}.rv-done-title{font-size:17.5px;font-weight:900;color:var(--text);line-height:24px}.rv-done-score{display:inline-flex;align-items:baseline;gap:1px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:12px 26px;margin:18px 0 20px}.rv-done-score b{font-size:32px;font-weight:900;color:var(--success,#35c759)}.rv-done-score span{font-size:17px;color:var(--muted)}.game-wrap{padding-bottom:28px}.game-board{padding-bottom:8px}.game-hero{position:relative;overflow:hidden;margin:10px 0 18px;padding:22px 20px 20px;border-radius:26px;border:1px solid rgba(111,179,230,.26);background:radial-gradient(120% 90% at 82% 0,var(--game-hero-a),transparent 62%),radial-gradient(90% 80% at 0 100%,var(--game-hero-b),transparent 60%),var(--panel)}.game-hero h1{margin:0;font-size:32px;font-weight:900;letter-spacing:-.8px;line-height:1.1;max-width:9ch;background:linear-gradient(96deg,var(--game-ink-a) 18%,var(--game-ink-b) 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.game-hero h1,.game-hero p{position:relative;z-index:1}.game-hero p{margin:8px 0 0;max-width:20ch;font-size:14px;line-height:1.45;color:var(--muted)}.game-modes{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.game-mode{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;cursor:pointer;text-align:left;border-radius:20px;border:1px solid var(--border);background:var(--panel);color:var(--text);transition:transform .16s var(--ease-pop),border-color .16s}.game-mode:active{transform:scale(.985)}.game-mode:disabled{opacity:.5;cursor:default}.game-mode.hot{border-color:transparent;background:linear-gradient(112deg,var(--game-deep),var(--brand-lip));box-shadow:0 10px 26px rgba(32,80,122,.34)}.game-mode.hot .game-mode-sub{color:hsla(0,0%,100%,.86)}.game-mode-tile{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:46px;border-radius:15px;font-size:20px;background:var(--game-soft);color:var(--game)}.game-mode.hot .game-mode-tile{background:hsla(0,0%,100%,.2);color:#fff}.game-mode-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.game-mode-title{font-size:16.5px;font-weight:800;letter-spacing:-.2px}.game-mode-sub{font-size:12.5px;color:var(--muted)}.game-mode-go{margin-left:auto;font-size:19px;opacity:.5}.game-mode.hot .game-mode-go{opacity:.9}.game-join{display:flex;gap:8px;margin-bottom:24px}.game-join input{flex:1 1;padding:13px 14px;font-size:19px;font-weight:900;letter-spacing:1px;text-align:center;text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);border:1px dashed var(--border);border-radius:16px;background:transparent}.game-join input:not(:placeholder-shown){letter-spacing:8px}.game-join input:focus{outline:none;border-color:var(--game);border-style:solid}.game-join input::placeholder{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);opacity:.65}.game-join button{padding:0 22px;border:0;border-radius:16px;background:var(--game-deep);color:#fff;font-weight:900;cursor:pointer}.game-join button:disabled{opacity:.35;cursor:default}.game-err{color:var(--accent-2);font-weight:700;font-size:14px}.game-alt{display:block;margin-top:8px;padding:12px;background:transparent;color:var(--muted);font-weight:700;font-size:14px}.game-alt,.game-cta-solo{width:100%;border:0;cursor:pointer}.game-cta-solo{display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:16px;border-radius:18px;background:linear-gradient(112deg,var(--game-deep),var(--brand-lip));color:#fff;font-size:16.5px;font-weight:900}.game-cta-solo:disabled{opacity:.5;cursor:default}.game-code{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin:10px 0 18px;padding:20px;cursor:pointer;border:2px dashed rgba(111,179,230,.45);border-radius:22px;background:radial-gradient(100% 100% at 50% 0,var(--game-soft),transparent 70%);color:var(--game);font-size:44px;font-weight:900;letter-spacing:12px;text-indent:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-code small{font-size:12px;letter-spacing:0;text-indent:0}.game-code small,.game-count{font-weight:700;color:var(--muted)}.game-count{font-size:13px;margin:0 0 10px}.game-players{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}.game-players li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:var(--panel)}.game-players b{font-size:15px}.game-players em{margin-left:auto;font-size:11px;font-style:normal;font-weight:800;color:var(--game)}.game-waiting{text-align:center;margin:12px 0 0}.game-av{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:17px;flex:0 0 auto}.game-av.sm{width:24px;height:24px;font-size:13px}.game-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62vh}.game-cd-num{font-size:118px;font-weight:900;letter-spacing:-6px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--game-ink-a),var(--game-ink-b));-webkit-background-clip:text;background-clip:text;color:transparent;animation:gameCd 1s cubic-bezier(.2,.8,.2,1) infinite}.game-countdown p{margin-top:10px;font-size:16px;font-weight:800;color:var(--muted);letter-spacing:2px;text-transform:uppercase}@keyframes gameCd{0%{transform:scale(1.4);opacity:.15}55%,to{transform:scale(1);opacity:1}}.game-hud{display:flex;align-items:center;gap:10px;margin-bottom:10px}.game-pos{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.game-score{margin-left:auto;font-size:26px;font-weight:900;letter-spacing:-.8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-combo{padding:4px 10px;border-radius:var(--r-pill);font-size:13px;font-weight:900;background:var(--game-soft);color:var(--game);box-shadow:0 0 0 1px rgba(111,179,230,.4),0 0 18px rgba(111,179,230,.28);animation:gameCombo .4s var(--ease-pop)}@keyframes gameCombo{0%{transform:scale(1.45)}to{transform:scale(1)}}.game-timer{height:8px;border-radius:999px;background:var(--glow);overflow:hidden}.game-timer i{display:block;height:100%;border-radius:999px;background:var(--game);transition:width 60ms linear,background-color .3s}.game-timer i.warn{background:var(--game-hot)}.game-bars{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.game-bars li{display:flex;align-items:center;gap:8px}.game-bars i{flex:1 1;height:9px;border-radius:999px;background:var(--glow);overflow:hidden}.game-bars i b{display:block;height:100%;border-radius:999px;background:var(--muted);transition:width .45s var(--ease-pop)}.game-bars li.me i b{background:linear-gradient(90deg,var(--game-deep),var(--game))}.game-bars .pt{font-size:12px;font-weight:900;color:var(--muted);min-width:44px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-bars li.me .pt{color:var(--text)}.game-q{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:34px 0;min-height:100px}.game-q b{font-size:44px;font-weight:900;letter-spacing:-1.4px;line-height:1}.game-q i{font-size:15px;color:var(--muted);font-style:normal}.game-audio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:104px;height:104px;border-radius:50%;cursor:pointer;font-size:36px;color:var(--game);border:1px solid rgba(111,179,230,.4);background:radial-gradient(100% 100% at 50% 0,var(--game-soft),transparent 72%),var(--panel)}.game-audio small{font-size:11px;font-weight:700;color:var(--muted)}.game-opts{display:flex;flex-direction:column;gap:10px}.game-opt{padding:16px 18px;font-size:16.5px;font-weight:700;text-align:left;cursor:pointer;border:1.5px solid var(--border);border-radius:18px;background:var(--panel);color:var(--text);transition:transform .14s var(--ease-pop),background .15s,border-color .15s,opacity .15s}.game-opt:active{transform:scale(.985)}.game-opt.ok{background:rgba(53,199,89,.2);border-color:var(--success)}.game-opt.bad{background:rgba(226,84,59,.2);border-color:var(--game-hot)}.game-opt.dim{opacity:.35}.game-final{display:flex;align-items:baseline;justify-content:center;gap:9px;margin:14px 0 2px}.game-final b{font-size:66px;font-weight:900;letter-spacing:-3px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--game-ink-a),var(--game-ink-b));-webkit-background-clip:text;background-clip:text;color:transparent}.game-final span{font-size:16px;font-weight:700;color:var(--muted)}.game-sub{text-align:center;color:var(--muted);font-size:14.5px;margin:0 0 12px}.game-best,.game-perfect{text-align:center;font-size:17px;font-weight:900;margin:4px 0}.game-best{color:var(--game)}.game-board,.game-missed,.game-rank,.game-room-result{margin:22px 0}.game-board h2,.game-missed h2,.game-room-result h2{font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.game-around,.game-ranks,.game-room-result ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.game-around li,.game-ranks li,.game-room-result li{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:15px;background:var(--panel)}.game-around li.me,.game-ranks li.me,.game-room-result li.me{background:var(--game-soft);box-shadow:inset 0 0 0 1px rgba(111,179,230,.5)}.game-around .rk,.game-ranks .rk,.game-room-result .rk{min-width:26px;font-size:14px;font-weight:900;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-around b,.game-ranks b,.game-room-result b{font-size:14.5px;font-weight:700}.game-around .pt,.game-ranks .pt,.game-room-result .pt{margin-left:auto;font-size:14.5px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-room-result .pt em{font-size:11px;font-weight:600;font-style:normal;color:var(--muted)}.game-chase{text-align:center;font-size:14.5px;font-weight:800;color:var(--game);margin:12px 0 0}.game-rank>b{display:block;text-align:center;font-size:20px;font-weight:900;letter-spacing:-.4px;margin-bottom:12px}.game-missed-hint{font-size:13.5px;color:var(--muted);margin:0 0 10px}.game-missed-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.game-word{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:15px;font-weight:800;transition:border-color .15s,color .15s,background-color .15s}.game-word:before{content:"✓";font-size:12px;font-weight:900;opacity:.25;transition:opacity .15s}.game-word.on{border-color:var(--game);background:var(--game-soft);color:var(--text)}.game-word.on:before{opacity:1;color:var(--game)}.game-word.saved{cursor:default;opacity:.55}.game-word.saved:before{opacity:1;color:var(--success)}.game-save{padding:10px 18px;border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--game);background:transparent;color:var(--game);font-weight:900;font-size:14px}.game-save:disabled{opacity:.4;cursor:default}.game-added{font-size:14px;font-weight:800;color:var(--success);margin:0 0 10px}.game-actions{margin-top:24px}.game-chips{display:flex;gap:8px;margin-bottom:12px}.game-chips button{padding:7px 15px;border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:13.5px;font-weight:800}.game-chips button.on{background:var(--game-soft);border-color:var(--game);color:var(--game)}.game-foot{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.5}.cap-stage{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;font-family:ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 50% 38%,rgba(14,32,56,.9),rgba(0,0,0,.88));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .18s ease both}.cap-card{width:min(420px,100%);text-align:center;padding:30px 24px 24px;border-radius:22px;background:linear-gradient(180deg,rgba(38,62,96,.96),rgba(18,32,52,.96));border:1px solid rgba(140,190,240,.28);box-shadow:0 24px 60px rgba(0,0,0,.5);animation:popInCenter .34s var(--ease-pop) both}.cap-check{width:78px;height:78px;animation:capBreathe 3.6s ease-in-out infinite}@keyframes capBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.cap-title{margin-top:10px;font-size:21px;font-weight:900;color:#fff}.cap-bar{position:relative;margin:18px auto 8px;height:10px;width:100%;overflow:hidden;background:hsla(0,0%,100%,.14)}.cap-bar,.cap-bar-fill{border-radius:var(--r-pill)}.cap-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#4aa6f0,#8fd0ff);box-shadow:0 0 14px rgba(120,190,255,.6);animation:capFill .7s var(--ease-pop) both;transform-origin:left center}@keyframes capFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cap-count{font-size:14px;font-weight:900;color:#cfe6ff;letter-spacing:.2px}.cap-body{margin:16px 0 0;font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.86)}.cap-why{margin:12px 0 0;font-size:13px;line-height:1.55;font-style:italic;color:rgba(190,220,255,.8)}.cap-reset{margin-top:16px;padding:8px 14px;display:inline-block;border-radius:var(--r-pill);font-size:13px;font-weight:800;color:#ffd86b;background:rgba(255,214,107,.12);border:1px solid rgba(255,214,107,.28)}.cap-ok{margin-top:20px;min-width:200px}.chest-stage{position:fixed;inset:0;z-index:61;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif;background:radial-gradient(70% 60% at 50% 56%,rgba(242,183,5,.12),rgba(10,18,30,.94) 72%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .18s ease both;--ch-halo:255,214,107}.chest-stage.r-common{--ch-halo:214,168,116}.chest-stage.r-rare{--ch-halo:209,224,240}.chest-stage.r-epic{--ch-halo:178,130,255}.chest-stage.r-legendary{--ch-halo:255,205,70}.chest-earned{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;animation:popInCenter .34s var(--ease-pop) both}.chest-earned b{font-size:40px;font-weight:900;color:#fff3d0;text-shadow:0 3px 12px rgba(0,0,0,.5),0 0 18px rgba(255,190,60,.75)}.chest-earned span{font-size:14px;font-weight:800;color:#ffd86b}.chest-title{position:relative;z-index:4;font-size:20px;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.chest-bloom,.chest-rays{position:absolute;left:50%;top:54%;opacity:0;pointer-events:none}.chest-rays{z-index:0;width:200vmax;height:200vmax;margin:-100vmax 0 0 -100vmax;background:repeating-conic-gradient(from 0deg,rgba(255,231,168,.3) 0deg 3.4deg,transparent 3.4deg 15deg);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.15) 3%,#000 18%,transparent 46%);mask-image:radial-gradient(circle,rgba(0,0,0,.15) 3%,#000 18%,transparent 46%)}.chest-stage.is-open .chest-rays{animation:chestRaysIn 1.3s ease-out both,badgeSpin 36s linear 1.3s infinite}@keyframes chestRaysIn{0%{opacity:0;transform:scale(.35)}to{opacity:.9;transform:scale(1)}}.chest-bloom{z-index:1;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;background:radial-gradient(circle,rgba(255,246,213,.95) 0,rgba(255,201,61,.55) 26%,rgba(255,170,20,0) 66%)}.chest-stage.is-open .chest-bloom{animation:chestBloom 2.6s cubic-bezier(.15,.8,.3,1) both}@keyframes chestBloom{0%{opacity:0;transform:scale(.22)}18%{opacity:1;transform:scale(1.15)}to{opacity:.42;transform:scale(1)}}.chest-flash{position:absolute;inset:0;z-index:5;background:#fff8e2;opacity:0;pointer-events:none}.chest-stage.is-open .chest-flash{animation:chestFlash .55s ease-out both}@keyframes chestFlash{0%{opacity:0}14%{opacity:.8}to{opacity:0}}.chest-arena{position:relative;z-index:2;width:min(340px,86vw);height:320px;display:flex;align-items:flex-end;justify-content:center;cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.chest-arena:active{cursor:-webkit-grabbing;cursor:grabbing}.chest-arena:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:18px}.chest-box{position:absolute;bottom:6px;left:50%;width:260px;margin-left:-130px;transition:transform .05s linear}.chest-stage:not(.is-open) .chest-box{animation:chestFloat 2.4s ease-in-out infinite}@keyframes chestFloat{0%,to{translate:0 0}50%{translate:0 -6px}}.chest-stage.is-open .chest-box{translate:0 -8px}.chest-svg{display:block;width:100%;height:auto;overflow:visible}.chest-svg.is-open{filter:drop-shadow(0 0 22px rgba(255,201,61,.65))}.chest-lid{transition:transform .06s linear}.chest-svg.is-open .chest-lid{transition:transform 1.3s cubic-bezier(.22,1.7,.4,1);transform:translateY(-18px) rotate(-27deg)}.chest-lock{transition:transform .08s linear}.chest-svg.is-open .chest-lock{transition:transform 1.5s cubic-bezier(.3,1.05,.5,1),opacity 1.1s linear .5s;transform:translate(-34px,58px) rotate(-46deg);opacity:0}.chest-shock{position:absolute;z-index:3;left:50%;top:54%;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;border:5px solid #fff3c9;opacity:0;pointer-events:none}.chest-stage.is-open .chest-shock{animation:chestShock 1.9s cubic-bezier(.15,.8,.3,1) .1s both}@keyframes chestShock{0%{opacity:0;transform:scale(.16);border-width:11px}20%{opacity:1}to{opacity:0;transform:scale(5.2);border-width:1px}}.chest-rubspark{position:absolute;z-index:3;width:7px;height:7px;margin:-3px 0 0 -3px;border-radius:2px;background:#ffe38a;pointer-events:none;animation:chestRub 1.1s cubic-bezier(.2,.7,.3,1) both}@keyframes chestRub{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--ax,0),var(--ay,-50px)) scale(.15)}}.chest-spark{position:absolute;z-index:3;left:50%;top:48%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:2px;background:#ffe38a;opacity:0;pointer-events:none;transform:rotate(var(--a,0deg)) translateY(-18px);animation:chestSpark 1.3s var(--d,0s) cubic-bezier(.2,.7,.3,1) both}.chest-spark.big{width:13px;height:13px;margin:-6px 0 0 -6px;background:#fffbe8;animation-duration:2s;animation-name:chestSparkBig}@keyframes chestSpark{0%{opacity:0;transform:rotate(var(--a,0deg)) translateY(-14px) scale(.4)}18%{opacity:1}to{opacity:0;transform:rotate(var(--a,0deg)) translateY(-135px) scale(.9)}}@keyframes chestSparkBig{0%{opacity:0;transform:rotate(var(--a,0deg)) translateY(-18px) scale(.35)}16%{opacity:1}to{opacity:0;transform:rotate(var(--a,0deg)) translateY(-215px) scale(1.05)}}.chest-confetti{position:absolute;z-index:3;top:-18px;left:var(--x,50%);width:9px;height:15px;border-radius:2px;background:rgba(var(--ch-halo),.95);pointer-events:none;animation:chestConfetti 3.6s var(--d,0s) cubic-bezier(.4,0,.7,1) both}@keyframes chestConfetti{0%{opacity:0;transform:translateY(0) rotate(var(--r,0deg))}8%{opacity:1}to{opacity:0;transform:translateY(105vh) rotate(calc(var(--r, 0deg) + 620deg))}}.chest-dust{position:absolute;z-index:3;left:var(--x,50%);top:62%;width:5px;height:5px;border-radius:50%;background:#ffe38a;opacity:0;pointer-events:none;animation:chestDust 6s var(--d,0s) ease-out both}@keyframes chestDust{0%{opacity:0;transform:translateY(0)}30%{opacity:.9}to{opacity:0;transform:translateY(calc(var(--h, 250px) * -1))}}.chest-prize{position:absolute;z-index:4;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;animation:chestPrizeIn .9s cubic-bezier(.2,1.6,.4,1) both,chestPrizeFloat 3.2s ease-in-out 1.4s infinite}@keyframes chestPrizeIn{0%{opacity:0;transform:translateY(150px) scale(.28)}58%{opacity:1;transform:translateY(6px) scale(1.16)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chestPrizeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}.chest-prize-halo{position:absolute;top:-26px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(var(--ch-halo),.55) 0,rgba(var(--ch-halo),0) 66%);animation:sbGlow 1.8s ease-in-out infinite}.chest-prize-icon{position:relative;font-size:74px;line-height:1;filter:drop-shadow(0 6px 22px rgba(var(--ch-halo),.8))}.chest-prize-label{position:relative;font-size:34px;font-weight:900;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.65),0 0 26px rgba(var(--ch-halo),.8)}.chest-prize-sub{position:relative;max-width:270px;font-size:12.5px;line-height:1.5;color:hsla(0,0%,100%,.78)}.chest-foot{position:relative;z-index:4;min-height:60px;display:grid;place-items:center}.chest-hint{font-size:14.5px;font-weight:800;color:hsla(0,0%,100%,.8)}.chest-next{min-width:200px;animation:popInCenter .3s var(--ease-pop) both}@media (prefers-reduced-motion:reduce){.cap-bar-fill,.cap-check,.chest-bloom,.chest-box,.chest-confetti,.chest-dust,.chest-flash,.chest-prize,.chest-prize-halo,.chest-rays,.chest-rubspark,.chest-shock,.chest-spark{animation:none}.chest-bloom,.chest-rays{opacity:.5}.chest-confetti,.chest-dust,.chest-flash,.chest-rubspark,.chest-shock,.chest-spark{opacity:0}.chest-svg.is-open .chest-lid{transition:none}}.dev-reward{max-width:640px;margin:0 auto;padding:20px 16px 60px}.dev-reward h1{font-size:26px;font-weight:900;margin:0 0 6px}.dev-reward h2{font-size:16px;font-weight:900;margin:26px 0 8px;color:var(--muted)}.dev-note{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0 0 8px}.dev-foot{margin-top:28px}.dev-row{display:flex;gap:14px;margin-top:14px}.dev-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:var(--muted)}.dev-row input{width:110px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit}.dev-grid{display:flex;flex-wrap:wrap;gap:8px}.dev-grid button{padding:9px 14px;border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:13px;font-weight:800;font-family:inherit}.dev-grid button:hover{border-color:var(--brand);color:var(--brand)}.dev-grid .cta-btn{border-color:transparent}.dev-table{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.dev-table li{display:flex;justify-content:space-between;padding:7px 12px;border:1px solid var(--border);border-radius:10px;font-size:13px}.dev-table b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tab-peek{position:relative;height:0;z-index:3}.tab-peek-clip{position:absolute;right:18px;bottom:-9px;width:56px;height:46px;overflow:hidden;pointer-events:none}.tab-peek-clip img{position:absolute;left:0;bottom:0;width:56px;height:42px;transform:translateY(110%);transition:transform .44s cubic-bezier(.34,1.32,.5,1)}.tab-peek-clip.up img{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.tab-peek-clip img{transition:none}}