@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/build-v1/assets/baloo-2-vietnamese-600-normal-C5EqHgu0.woff2) format("woff2"),url(/build-v1/assets/baloo-2-vietnamese-600-normal-CGkk4Wtx.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/build-v1/assets/baloo-2-latin-ext-600-normal-DiVeaYrH.woff2) format("woff2"),url(/build-v1/assets/baloo-2-latin-ext-600-normal-CFaB2nBN.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/build-v1/assets/baloo-2-latin-600-normal-tIfxVoAe.woff2) format("woff2"),url(/build-v1/assets/baloo-2-latin-600-normal-B4tNaogw.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/build-v1/assets/baloo-2-vietnamese-700-normal-h4tlcePq.woff2) format("woff2"),url(/build-v1/assets/baloo-2-vietnamese-700-normal-DoF59Mjc.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/build-v1/assets/baloo-2-latin-ext-700-normal-Mlh7kdab.woff2) format("woff2"),url(/build-v1/assets/baloo-2-latin-ext-700-normal-D6LeXASg.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/build-v1/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/build-v1/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/build-v1/assets/baloo-2-vietnamese-800-normal-ConLnEgt.woff2) format("woff2"),url(/build-v1/assets/baloo-2-vietnamese-800-normal-GQACmpuv.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/build-v1/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2) format("woff2"),url(/build-v1/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/build-v1/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/build-v1/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/build-v1/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/build-v1/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/build-v1/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/build-v1/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/build-v1/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/build-v1/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/build-v1/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/build-v1/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/build-v1/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/build-v1/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/build-v1/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/build-v1/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2) format("woff2"),url(/build-v1/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff) format("woff")}:root{--page: #2a0f5c;--surface: #f4eeff;--card: #ffffff;--ink: #24123f;--muted: #6e5f8a;--line: #e2d7f5;--purple: #7b2ff7;--purple-d: #5a16c9;--purple-dd: #4b12a8;--purple-soft: #eee3ff;--gold: #ffc21a;--gold-ink: #4a2a00;--good: #2fae2f;--good-soft: #e3f9da;--bad: #e04848;--bad-soft: #ffe6e6;--coral: #ff5c7a;--font-display: "Baloo 2", "Be Vietnam Pro", system-ui, sans-serif;--font-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--hud-h: 60px;--tabs-h: 68px;--radius: 18px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--purple);outline-offset:2px}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.ic{display:inline-flex;width:1.25em;height:1.25em;flex:none}.ic svg{width:100%;height:100%}.muted{color:var(--muted)}.small{font-size:13px}.note{font-size:12.5px;color:var(--muted)}.center{text-align:center}.display{font-family:var(--font-display);font-weight:800;line-height:1.1;margin:0;text-wrap:balance}h1.display{font-size:clamp(26px,4vw,38px)}h2.display{font-size:clamp(22px,3vw,28px)}.eyebrow{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.eyebrow.light{color:#fffc}.sec-title{font-family:var(--font-display);font-size:18px;margin:4px 0 6px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.row-between{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.loading{padding:40px 20px;text-align:center;color:var(--muted)}.empty{margin:24px auto;max-width:420px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.big-ic{width:48px;height:48px;color:var(--purple)}code{background:var(--purple-soft);border-radius:6px;padding:1px 6px;font-size:12.5px}.btn{border:0;border-radius:16px;padding:14px 18px;font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:transform .08s}.btn .ic{width:20px;height:20px}.btn-main{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.02em;text-transform:uppercase;color:var(--gold-ink);background:linear-gradient(#ffd84d,#ffb800);box-shadow:0 5px #c98a00,0 8px 14px -6px #4a2a0080}.btn-main:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #c98a00}.btn-main:disabled{background:var(--line);color:var(--muted);box-shadow:none}.btn-soft{background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn-soft:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.btn-ghost{background:transparent;color:var(--purple)}.btn-ghost.light{color:#eadcff}.linkbtn{border:0;background:none;padding:0;color:var(--purple);font-weight:700;font-size:13.5px;text-align:left}.iconbtn{width:40px;height:40px;border-radius:12px;border:0;background:transparent;display:grid;place-items:center;color:var(--muted);flex:none}.iconbtn .ic{width:24px;height:24px}.say{width:40px;height:40px;border-radius:12px;border:0;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;flex:none}.say.sm{width:32px;height:32px;border-radius:10px}.say .ic,.say svg{width:20px;height:20px}.round-btn{width:52px;height:52px;border-radius:50%;border:0;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;box-shadow:0 4px #d3c3f2}.round-btn .ic{width:24px;height:24px}.boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;background:radial-gradient(circle at 50% 30%,#a46bff,var(--purple-d) 60%,#2e0a73);color:#fff;font-weight:600}.boot-dot{width:54px;height:54px;border-radius:50%;background:var(--gold);box-shadow:0 0 #ffc21a99;animation:pulse 1.2s infinite}.toast{position:fixed;left:50%;bottom:calc(var(--tabs-h) + 20px);transform:translate(-50%,12px);max-width:min(420px,calc(100% - 32px));background:var(--ink);color:#fff;padding:12px 16px;border-radius:14px;font-size:14px;z-index:90;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%)}.welcome{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.welcome-art{position:relative;background:#bfe3f0;overflow:hidden}.hero-bg,.hero-bg svg{display:block;width:100%;height:auto}.hero-char{position:absolute;bottom:-4px;width:34%;max-width:230px}.hero-char svg{width:100%;height:auto;display:block}.hero-char.left{left:8%}.hero-char.right{right:8%}.welcome-copy{padding:22px 20px 28px;display:flex;flex-direction:column;gap:12px;max-width:560px}.promise{display:flex;flex-direction:column;gap:8px}.promise li{display:flex;gap:10px;align-items:flex-start}.promise .ic{color:var(--good);margin-top:2px}.cta{display:flex;flex-direction:column;gap:6px;margin-top:8px}@media (min-width: 900px){.welcome{flex-direction:row;align-items:stretch;background:linear-gradient(120deg,#bfe3f0,#eaf5f0)}.welcome-art{flex:1.1;display:flex;align-items:flex-end}.welcome-copy{flex:1;justify-content:center;padding:48px 56px;background:var(--surface);max-width:none}.welcome-copy>*{max-width:520px}}.auth{min-height:100vh;padding:16px;display:grid;place-items:center;background:radial-gradient(circle at 30% 10%,#a46bff,var(--purple-d) 55%,#2e0a73);position:relative}.auth .back{position:absolute;top:14px;left:14px;color:#fff;background:#ffffff26}.auth-card{width:100%;max-width:440px;background:var(--card);border-radius:26px;padding:22px 20px 20px;box-shadow:0 8px 0 var(--purple-dd),0 30px 60px -30px #0009;display:flex;flex-direction:column;gap:14px}.auth-head{display:flex;align-items:flex-end;gap:10px;margin-top:-60px}.auth-anna{width:110px;flex:none}.auth-anna svg{width:100%;height:auto;display:block}.bubble{position:relative;background:var(--purple-soft);color:var(--ink);border-radius:16px;padding:10px 14px;font-weight:600;font-size:14px;margin-bottom:16px}.bubble:after{content:"";position:absolute;left:-8px;bottom:14px;border:8px solid transparent;border-right-color:var(--purple-soft);border-left:0}.bubble.big{font-size:17px;font-family:var(--font-display);font-weight:700;line-height:1.3}form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:700;color:var(--muted)}.field input,.search{width:100%;font-size:17px;font-weight:600;padding:13px 14px;border-radius:14px;border:2px solid var(--line);background:var(--card)}.field input:focus,.search:focus{border-color:var(--purple);outline:none}.field em{color:var(--bad);font-style:normal;font-size:13px;font-weight:600}.input-icon{position:relative;display:flex;align-items:center}.input-icon>.ic{position:absolute;left:14px;color:var(--muted);width:20px;height:20px}.input-icon input{padding-left:44px;padding-right:48px}.peek{position:absolute;right:6px;border:0;background:none;color:var(--muted);width:38px;height:38px;display:grid;place-items:center}.peek .ic{width:20px;height:20px}.form-error{color:var(--bad);font-weight:600;font-size:14px}.auth-switch{text-align:center;font-size:14px;color:var(--muted)}.onb{min-height:100vh;max-width:600px;margin:0 auto;display:flex;flex-direction:column;background:var(--surface)}.onb-top{display:flex;align-items:center;gap:12px;padding:16px 16px 4px}.bar{flex:1;height:14px;background:#e2d7f5;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#b4f05a,#3cc23c);box-shadow:inset 0 -3px #0000001f;transition:width .4s}.onb-q{display:flex;align-items:flex-end;gap:10px;padding:10px 16px}.onb-anna{width:96px;flex:none}.onb-anna svg{width:100%;height:auto;display:block}.opts{display:flex;flex-direction:column;gap:10px;padding:8px 16px}.opt{display:flex;align-items:center;gap:14px;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 4px 0 var(--line)}.opt b{display:block;font-size:15.5px}.opt small{color:var(--muted);font-size:13px}.opt-ic{width:44px;height:44px;border-radius:12px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;flex:none;font-family:var(--font-display);font-weight:800;font-size:18px}.opt[aria-pressed=true]{border-color:var(--purple);background:var(--purple-soft);box-shadow:0 4px 0 var(--purple)}.bottom-bar{margin-top:auto;padding:16px;display:flex;flex-direction:column;gap:6px;position:sticky;bottom:0;background:linear-gradient(transparent,var(--surface) 30%)}.plan{max-width:720px}.plan-head{background:linear-gradient(135deg,var(--purple),var(--purple-d));color:#fff;padding:24px 20px 34px;display:flex;flex-direction:column;gap:10px}.plan-head .display{color:#fff}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills span{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:99px;background:#ffffff2e}.plan-body{padding:0 16px;display:flex;flex-direction:column;gap:14px}.cando{display:flex;flex-direction:column;gap:8px}.plan .cando{margin-top:-20px}.cando ul{display:grid;gap:6px}.cando li{display:flex;gap:8px;align-items:flex-start}.cando li .ic{color:var(--purple);margin-top:2px}.timeline{display:flex;flex-direction:column}.tl{display:grid;grid-template-columns:48px 1fr;gap:12px;position:relative;padding-bottom:16px}.tl:before{content:"";position:absolute;left:23px;top:50px;bottom:0;border-left:2px dashed var(--line)}.tl:last-child:before{display:none}.tl .badge{width:48px;height:48px;border-radius:15px;background:var(--card);border:2px solid var(--line);color:#9a8db3;padding:8px}.tl.now .badge{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.tl.open .badge{color:var(--purple);border-color:var(--purple)}.tl>div{min-width:0;display:flex;flex-direction:column;gap:3px}.tl small{color:var(--muted);font-size:12.5px}.tag{display:inline-block;font-style:normal;font-size:11px;font-weight:800;background:var(--gold);color:var(--gold-ink);border-radius:6px;padding:1px 7px;margin-left:6px;vertical-align:2px}.stagecard{display:flex;flex-direction:column;gap:6px}.progress{height:8px;background:var(--line);border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:var(--good)}.lessons{display:flex;flex-direction:column;margin-top:4px}.ls{display:flex;gap:10px;align-items:center;width:100%;padding:9px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left}.ls .n{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--surface);color:var(--muted);flex:none}.ls .n .ic{width:16px;height:16px}.ls.completed .n{background:var(--good-soft);color:var(--good)}.ls.available .n{background:var(--gold);color:var(--gold-ink)}.ls-body{flex:1;min-width:0;display:flex;flex-direction:column}.ls-body small{color:var(--muted);font-size:12.5px}.ls .stars{display:flex}.ls .stars i{width:16px;height:16px;display:block}.shell{min-height:100vh}.main{display:flex;flex-direction:column;min-height:100vh;padding-bottom:var(--tabs-h)}.content{flex:1;min-height:0;display:flex;flex-direction:column}.sidenav{display:none}.hud{position:sticky;top:0;z-index:20;height:var(--hud-h);display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:linear-gradient(#8e44ff,#6a1fe0);color:#fff;box-shadow:0 4px 0 var(--purple-dd)}.shield{width:36px;height:40px;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--gold-ink);background:linear-gradient(#ffe680,#ffb400);clip-path:polygon(50% 0,100% 14%,100% 58%,50% 100%,0 58%,0 14%)}.xpbar{flex:1;min-width:0;max-width:360px;height:20px;border-radius:99px;background:#3b0d8c;position:relative;overflow:hidden;box-shadow:inset 0 2px #0000004d}.xpbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#b4f05a,#3cc23c);border-radius:99px;transition:width .6s}.xpbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.4)}.hud .chip{display:flex;align-items:center;gap:3px;background:#00000040;border-radius:99px;padding:3px 9px 3px 5px;font-weight:800;font-variant-numeric:tabular-nums;font-size:14px}.hud .chip .ic{width:18px;height:18px}.chip.flame .ic{color:#ff9a3c}.snd{border:0;background:#00000040;color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;margin-left:auto}.snd .ic{width:17px;height:17px}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:var(--tabs-h);padding:0 6px env(safe-area-inset-bottom);background:linear-gradient(#7b2ff7,#5a16c9);border-top:3px solid #a56bff}.tabs button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#cdb5ff;font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;border-radius:18px 18px 0 0}.tabs button .ic{width:26px;height:26px}.tabs button[aria-current=page]{color:#fff;background:linear-gradient(#a46bff,#7b2ff7);margin-top:-14px;box-shadow:0 -3px #c6a3ff}@media (min-width: 900px){body{background:var(--page)}.shell{display:grid;grid-template-columns:240px 1fr}.main{padding-bottom:0;background:var(--surface)}.tabs{display:none}.toast{bottom:24px}.sidenav{display:flex;flex-direction:column;gap:6px;padding:18px 14px;position:sticky;top:0;height:100vh;background:linear-gradient(#5a16c9,#2e0a73);color:#eadcff}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 16px}.brand b{display:block;font-family:var(--font-display);font-size:20px;color:#fff;line-height:1.1}.brand small{color:#b9a6e0}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(#ffd84d,#ffb800);color:var(--gold-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:24px;box-shadow:0 4px #c98a00}.navbtn{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#cdb5ff;padding:12px 14px;border-radius:14px;font-family:var(--font-display);font-weight:800;font-size:16px;text-align:left}.navbtn .ic{width:24px;height:24px}.navbtn:hover{background:#ffffff14}.navbtn[aria-current=page]{background:linear-gradient(#a46bff,#7b2ff7);color:#fff;box-shadow:0 4px 0 var(--purple-dd)}.side-week{margin-top:auto;background:#ffffff14;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}.side-week b{color:#fff}.side-week small{color:#b9a6e0}.weekdots{display:flex;gap:6px}.weekdots i{flex:1;height:8px;border-radius:9px;background:#ffffff2e}.weekdots i.on{background:#3cc23c}.weekdots i.today{outline:2px solid var(--gold);outline-offset:1px}}.map-layout{flex:1;display:flex;min-height:0}.mapwrap{flex:1;position:relative;display:flex;flex-direction:column;min-height:calc(100vh - var(--hud-h) - var(--tabs-h))}.mapscroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:#7ed957;padding-bottom:130px}.map{position:relative}.map-art,.map-art svg{display:block;width:100%;height:auto}.stagepill{position:sticky;top:10px;z-index:4;margin:0 auto -32px;width:max-content;max-width:calc(100% - 32px);height:32px;display:flex;align-items:center;gap:5px;padding:0 14px;border-radius:99px;background:#24123fd1;color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em}.stagepill .ic{width:14px;height:14px;fill:var(--gold)}.node{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:21px;padding:0;z-index:2;transition:transform .12s}.node:hover{transform:translate(-50%,-50%) scale(1.06)}.node.lock{background:radial-gradient(circle at 35% 30%,#fff,#b9b5c9 70%);border:4px solid #4a4458;color:#2b2140;box-shadow:0 4px #24123f73}.node.done{background:radial-gradient(circle at 35% 30%,#fff0a0,#ffb400 70%);border:4px solid #b07a00;color:#6b4300;box-shadow:0 4px #8a5e00}.node.done>.ic{width:24px;height:24px}.node.cur{width:68px;height:68px;font-size:26px;background:radial-gradient(circle at 35% 30%,#c9a2ff,#7b2ff7 70%);border:5px solid #fff;color:#fff;box-shadow:0 5px 0 var(--purple-dd);animation:nodePulse 1.6s infinite;z-index:3}.node.boss{width:60px;height:60px;background:radial-gradient(circle at 35% 30%,#fff,#b9b5c9 70%);border:4px solid #4a4458;color:var(--muted);box-shadow:0 4px #24123f73}.node.boss .ic{width:28px;height:28px}.node .stars,.nextcard .stars{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);display:flex}.stars i{width:17px;height:17px;display:block}.stars svg{width:100%;height:100%;fill:#8a84a0;stroke:#2b2140;stroke-width:1.5}.stars i.on svg{fill:#ffd233}.node .lbl{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff;color:var(--purple-d);font-size:14px;padding:3px 12px;border-radius:12px;white-space:nowrap;box-shadow:0 3px #24123f59;animation:bob 1.2s ease-in-out infinite}.node .lbl:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#fff}.fogcard{position:absolute;left:50%;transform:translate(-50%);width:min(320px,86%);text-align:center;display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 4px #d3c3f2;z-index:2}.fogcard b{font-family:var(--font-display);color:var(--purple-d);font-size:16px;display:flex;gap:6px;justify-content:center;align-items:center}.fogcard span{font-size:12.5px;color:var(--muted)}.nextcard{position:absolute;left:12px;right:12px;bottom:12px;z-index:6;display:flex;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:10px 10px 10px 12px;box-shadow:0 6px #4b12a859,0 12px 24px -10px #24123f80}.nc-num{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#c9a2ff,#7b2ff7 70%);color:#fff;font-family:var(--font-display);font-weight:800;font-size:20px;border:3px solid var(--purple-soft)}.nc-body{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25;gap:2px}.nc-body b{font-family:var(--font-display);font-size:18px}.nc-body>span{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-body .nc-eye{color:var(--purple-d);font-weight:700}.nc-body ul{display:grid;gap:4px;margin:6px 0;font-size:14px}.nc-body li{display:flex;gap:6px}.nc-body li .ic{color:var(--purple)}.nc-play{flex:none;border:0;border-radius:16px;padding:12px 18px;font-family:var(--font-display);font-weight:800;font-size:18px;color:#fff;background:linear-gradient(#5bdb3f,#2fae2f);box-shadow:0 5px #1f7f1f}.nc-play:active{transform:translateY(4px);box-shadow:0 1px #1f7f1f}.map-side{display:none}.cans{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.can{font-size:13px;font-weight:600;padding:6px 10px 6px 8px;border-radius:99px;display:flex;gap:5px;align-items:center;background:var(--good-soft);color:var(--good)}.can.locked{background:var(--surface);color:var(--muted);border:1px dashed var(--line)}.weekbar{display:flex;gap:6px;margin:8px 0}.weekbar i{flex:1;height:10px;border-radius:9px;background:var(--line)}.weekbar i.on{background:var(--good)}.weekbar i.today{outline:2px solid var(--gold);outline-offset:1px}@media (min-width: 900px){.map-layout{padding:20px;gap:20px;justify-content:center}.mapwrap{flex:0 1 560px;min-height:calc(100vh - var(--hud-h) - 40px);border-radius:26px;overflow:hidden;box-shadow:0 8px #d3c3f2}}@media (min-width: 1200px){.mapwrap .nextcard{display:none}.map-side{display:flex;flex-direction:column;gap:14px;flex:0 0 340px}.nextcard.big{position:static;flex-direction:column;align-items:stretch;padding:18px}.nextcard.big .nc-num{width:56px;height:56px;font-size:24px}.nextcard.big .nc-body b{font-size:24px}}.page{width:100%;max-width:760px;margin:0 auto;padding:18px 16px 28px;display:flex;flex-direction:column;gap:14px}.page-head{display:flex;flex-direction:column;gap:6px}.nb-group{display:flex;flex-direction:column;gap:8px}.words{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.word{display:flex;gap:12px;align-items:center;padding:10px 12px}.word>div{flex:1;min-width:0}.word b{font-size:17px}.ipa{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;color:var(--muted)}.profile-head{display:flex;align-items:center;gap:14px}.avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(#ffd84d,#ffb800);color:var(--gold-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:30px;box-shadow:0 4px #c98a00}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.stat{text-align:center;padding:12px 8px}.stat b{display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-display);font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}.stat span{font-size:12.5px;color:var(--muted)}.flame-text .ic{color:#ff7a1a}.settings{display:flex;flex-direction:column;gap:10px}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.setting select{padding:8px 10px;border-radius:10px;border:2px solid var(--line);background:var(--card)}.setting.toggle input{width:46px;height:26px;accent-color:var(--purple)}.lesson{min-height:100vh;background:var(--surface);display:flex;flex-direction:column}.lesson-top{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:var(--surface)}.combo{display:flex;align-items:center;gap:2px;background:#ff7a1a;color:#fff;font-weight:800;font-family:var(--font-display);font-size:15px;border-radius:99px;padding:2px 9px 2px 5px;box-shadow:0 3px #c24d00;animation:pop .3s}.combo .ic{width:16px;height:16px}.step{flex:1;display:flex;flex-direction:column}.scene{position:relative;height:clamp(230px,38vh,340px);overflow:hidden;flex:none;border-radius:0 0 26px 26px}.scene.small{height:clamp(170px,24vh,220px)}.scene-bg,.scene-bg svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scene-char{position:absolute;left:50%;bottom:-8px;width:min(48%,220px);transform:translate(-50%)}.scene.small .scene-char{width:min(34%,150px)}.scene-char svg{width:100%;height:auto;display:block}.scene-char.bounce{animation:bounce .5s}.scene-count{position:absolute;right:12px;bottom:10px;background:#24123fb3;color:#fff;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700}.speech{position:absolute;left:14px;right:14px;top:14px;z-index:2;background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 8px 20px -10px #00000059;display:flex;gap:10px;align-items:flex-start;max-width:560px;margin:0 auto;cursor:pointer}.speech:after{content:"";position:absolute;left:50%;bottom:-9px;border:10px solid transparent;border-top-color:#fff;border-bottom:0;transform:translate(-50%)}.speech .grow{flex:1;min-width:0}.speech .who{font-size:12px;font-weight:800;color:var(--purple)}.speech .en{font-size:19px;font-weight:700;line-height:1.3}.speech .vi{font-size:14px;color:var(--muted)}.panel{flex:1;display:flex;flex-direction:column;gap:12px;padding:18px 16px 28px;width:100%;max-width:680px;margin:0 auto}.task{font-weight:800;font-size:16px}.actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.meta-row{display:flex;flex-wrap:wrap;gap:8px}.meta-row span{background:var(--purple-soft);color:var(--purple-d);font-weight:700;font-size:12.5px;border-radius:99px;padding:4px 10px}.chatlog{display:flex;flex-direction:column;gap:4px}.chatlog li{font-size:14px;color:var(--muted)}.chatlog li b{color:var(--ink)}.chatlog li.me{text-align:right}.speakcheck{display:flex;flex-direction:column;gap:10px;align-items:center}.target{background:var(--card);border:2px dashed var(--line);border-radius:16px;padding:12px 16px;text-align:center;width:100%}.target b{display:block;font-size:20px}.target small{color:var(--muted)}.mic-row{display:flex;align-items:center;gap:14px}.mic{width:78px;height:78px;border-radius:50%;border:0;background:var(--coral);color:#fff;display:grid;place-items:center;box-shadow:0 5px #b9401f}.mic .ic{width:34px;height:34px}.mic.on{animation:pulseRed 1s infinite}.mic-label{font-size:13px;color:var(--muted);font-weight:600}.heard{font-size:14px;color:var(--muted);text-align:center}.fb{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;font-size:14px}.fb .ic{width:20px;height:20px;margin-top:1px}.fb.good{background:var(--good-soft);color:var(--good)}.fb.bad{background:var(--bad-soft);color:var(--bad)}.fb span{color:var(--ink)}.teach{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--purple);border-radius:14px;padding:10px 12px;font-size:14.5px}.teach.good{border-left-color:var(--good)}.teach.bad{border-left-color:var(--coral)}.teach .av{width:44px;height:44px;border-radius:50%;background:var(--purple-soft);overflow:hidden;flex:none}.teach .av svg{width:100%;height:auto;display:block;margin-top:3px}.tbody{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.who{font-size:12px;font-weight:800;color:var(--purple)}.talkbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.talkplay{display:flex;align-items:center;gap:4px;border:0;border-radius:99px;padding:5px 11px 5px 8px;background:var(--purple);color:#fff;font-weight:700;font-size:12.5px;box-shadow:0 3px 0 var(--purple-dd);white-space:nowrap}.talkplay .ic{width:14px;height:14px}.talkplay.on{background:var(--coral);box-shadow:0 3px #b8324a}.seg{padding:3px 8px;border-radius:8px;transition:background .2s}.seg-en{font-style:italic;color:var(--purple);font-weight:600}.seg .en{color:var(--purple)}.seg.now{background:#fff1b8}.autotalk{font-size:12px;color:var(--muted);font-weight:500}.ansline{font-size:14px;color:var(--muted)}.ansline b{color:var(--ink)}.cue-on{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}mark.cue-on{background:var(--gold);color:var(--gold-ink);outline:0;padding:0 4px;border-radius:6px}tr.cue-on{outline:0}tr.cue-on th,tr.cue-on td{background:#fff1b8}.exercise{display:flex;flex-direction:column;gap:12px}.ex-head{display:flex;justify-content:space-between}.exq{font-size:clamp(22px,3vw,28px);font-weight:700;font-family:var(--font-display);line-height:1.25}.blank{color:var(--purple);letter-spacing:.1em}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips .choice{flex:1 1 90px;text-align:center;font-size:18px}.choices{display:flex;flex-direction:column;gap:10px}.choice{text-align:left;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:700;font-size:15.5px;box-shadow:0 4px 0 var(--line);transition:transform .08s}.choice:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.choice.why{font-weight:500;font-size:14.5px}.choice.right{border-color:var(--good);background:var(--good-soft);box-shadow:0 4px #2a9a2a}.choice.wrong{border-color:var(--bad);background:var(--bad-soft);box-shadow:0 4px #e04848}.whybox{display:flex;flex-direction:column;gap:10px;border-top:1px dashed var(--line);padding-top:12px}.fillrow{flex-direction:row;gap:8px}.fillrow input{flex:1;min-width:0;font-size:19px;font-weight:700;padding:10px 14px;border-radius:14px;border:2px solid var(--line)}.fillrow input:focus{border-color:var(--purple);outline:none}.fillrow .btn{width:auto;padding:10px 16px}.built{min-height:58px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;border-bottom:2px solid var(--line)}.built.solved{border-bottom-color:var(--good)}.pool{display:flex;flex-wrap:wrap;gap:8px}.tok{border:2px solid var(--line);background:var(--card);border-radius:12px;padding:8px 14px;font-weight:700;font-size:17px;box-shadow:0 3px 0 var(--line)}.tok.ghost{color:transparent;background:var(--line);box-shadow:none}.gtable{overflow-x:auto}.gtable table{border-collapse:collapse;width:100%;font-size:13.5px;background:var(--card);border-radius:12px;overflow:hidden}.gtable th,.gtable td{padding:7px 9px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.gtable thead th{font-size:11.5px;color:var(--muted);font-weight:700}.examples{display:flex;flex-direction:column;gap:8px}.examples li{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.examples li div{display:flex;flex-direction:column}.examples span{color:var(--muted);font-size:13.5px}.rules{display:flex;flex-direction:column;gap:6px}.rules li{padding-left:16px;position:relative;font-size:14px}.rules li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--purple)}.mist{display:flex;flex-direction:column;gap:6px}.mist li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.mist s{color:var(--bad)}.mist b{color:var(--good)}.mist span{grid-column:1 / -1;color:var(--muted);font-size:13px}.vocab-mini{display:flex;flex-direction:column;gap:6px}.vocab-mini li{display:grid;grid-template-columns:auto auto 1fr;gap:0 10px;align-items:center}.vocab-mini li>span:last-child{grid-column:2 / -1;color:var(--muted);font-size:13.5px}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#08121e80;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-width:680px;max-height:88vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:8px 18px 28px;display:flex;flex-direction:column;gap:10px}.sheet-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-8px;background:var(--surface);padding-top:8px;z-index:1}.finishing{position:fixed;inset:auto 0 24px;margin:0 auto;width:max-content;background:var(--ink);color:#fff;padding:10px 16px;border-radius:14px;z-index:50}.lesson-error{max-width:480px;margin:80px auto;padding:16px;display:flex;flex-direction:column;gap:14px}@media (min-width: 900px){.lesson-top{max-width:1240px;width:100%;margin:0 auto;padding:14px 24px}.step{flex-direction:row;align-items:flex-start;gap:28px;max-width:1240px;width:100%;margin:0 auto;padding:0 24px 24px}.scene,.scene.small{position:sticky;top:72px;flex:0 0 44%;height:calc(100vh - 110px);max-height:640px;border-radius:28px;box-shadow:0 8px #d3c3f2}.scene-char,.scene.small .scene-char{width:min(60%,280px)}.panel{padding:8px 0 28px;margin:0;max-width:none}.sheet-wrap{align-items:center}.sheet{border-radius:24px;max-height:84vh}}.win{min-height:100vh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 22%,#a46bff,#5a16c9 55%,#2e0a73)}.win:before{content:"";position:absolute;left:50%;top:20%;width:1400px;height:1400px;margin:-700px 0 0 -700px;background:repeating-conic-gradient(rgba(255,255,255,.08) 0 10deg,transparent 10deg 20deg);animation:spin 30s linear infinite;pointer-events:none}.win-inner{position:relative;max-width:540px;margin:0 auto;padding:28px 18px 36px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.win-medal{width:110px}.win-medal svg{width:100%;height:auto}.win h1{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,7vw,54px);line-height:1;margin:0;color:#ffd233;text-shadow:0 4px 0 var(--purple-dd),2px 0 0 var(--purple-dd),-2px 0 0 var(--purple-dd)}.win .sub{color:#eadcff}.bigstars{display:flex;align-items:flex-end;gap:4px}.bigstars .bs{width:76px;height:76px;opacity:0;animation:starIn .45s cubic-bezier(.2,1.6,.4,1) forwards}.bigstars .bs:nth-child(1){animation-delay:.3s}.bigstars .bs:nth-child(2){width:98px;height:98px;margin-bottom:14px;animation-delay:.7s}.bigstars .bs:nth-child(3){animation-delay:1.1s}.bigstars span>span,.bigstars svg{width:100%;height:100%;display:block;fill:#ffffff2e;stroke:#ffffff59;stroke-width:1}.bigstars .bs.on svg{fill:#ffd233;stroke:#b07a00;filter:drop-shadow(0 4px 0 #b07a00)}.starlbl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;font-size:12px;color:#eadcff}.starlbl .on{color:#ffd233;font-weight:700}.loot{display:flex;gap:10px}.loot>span{display:flex;align-items:center;gap:6px;background:#00000047;border-radius:14px;padding:8px 14px;font-family:var(--font-display);font-weight:800;font-size:22px;opacity:0;animation:pop .4s 1.5s forwards}.loot>span:nth-child(2){animation-delay:1.7s}.loot .xp{color:#b4f05a}.win .teach{text-align:left;color:var(--ink);width:100%}.unlock{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:var(--purple-soft);color:var(--ink);border-radius:16px;padding:12px 14px}.unlock .ic.big{width:40px;height:40px;color:var(--purple)}.unlock p{font-size:13.5px;color:var(--muted)}.win .btn-soft{color:var(--ink)}.win-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:6px}.fx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:80}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:81;overflow:hidden}.fx-float{position:absolute;left:50%;top:38%;transform:translate(-50%);font-family:var(--font-display);font-weight:800;font-size:34px;color:#ffd233;text-shadow:0 3px 0 var(--purple-d),0 0 2px var(--purple-d);animation:floatUp 1.2s ease-out forwards;white-space:nowrap}.fx-banner{position:absolute;left:50%;top:22%;font-family:var(--font-display);font-weight:800;font-size:clamp(36px,6vw,56px);color:#fff;white-space:nowrap;text-shadow:0 4px 0 var(--purple-d),0 0 3px var(--purple-d),3px 0 0 var(--purple-d),-3px 0 0 var(--purple-d);animation:bannerPop 1.3s ease-out forwards}.fx-shake{animation:shake .35s}@keyframes pulse{0%{box-shadow:0 0 #ffc21a99}to{box-shadow:0 0 0 26px #ffc21a00}}@keyframes pulseRed{0%{box-shadow:0 5px #b9401f,0 0 #ff5c7a8c}to{box-shadow:0 5px #b9401f,0 0 0 22px #ff5c7a00}}@keyframes nodePulse{0%,to{box-shadow:0 5px 0 var(--purple-dd),0 0 #fffc}60%{box-shadow:0 5px 0 var(--purple-dd),0 0 0 14px #fff0}}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}@keyframes bounce{0%,to{transform:translate(-50%)}40%{transform:translate(-50%) translateY(-14px)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes starIn{0%{opacity:0;transform:scale(2.2) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-70px) scale(1)}}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%) rotate(-8deg) scale(.3)}18%{opacity:1;transform:translate(-50%) rotate(-5deg) scale(1.2)}30%{transform:translate(-50%) rotate(-5deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) rotate(-5deg) translateY(-20px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.bigstars .bs,.loot>span{opacity:1}}.hero-form{padding:4px 16px;gap:14px}.hero-preview{display:flex;align-items:flex-end;gap:10px}.hero-av{width:92px;flex:none}.hero-av svg{width:100%;height:auto;display:block}.seg-toggle{display:inline-flex;background:var(--purple-soft);border-radius:14px;padding:4px;gap:4px}.seg-toggle button{border:0;background:transparent;border-radius:10px;padding:8px 18px;font-weight:800;color:var(--purple-d)}.seg-toggle button[aria-checked=true]{background:var(--purple);color:#fff;box-shadow:0 3px 0 var(--purple-dd)}.hero-row{flex-direction:row;flex-wrap:wrap}.hero-row input{flex:1 1 140px;min-width:0;padding:8px 12px;border-radius:10px;border:2px solid var(--line);font-weight:700}.btn.sm{width:auto;padding:8px 14px;font-size:14px}@media (max-width: 899px){.scene{height:clamp(150px,26vh,230px);border-radius:0 0 22px 22px}.scene.small{height:clamp(84px,15vh,130px)}.scene.small .scene-char{width:min(24%,100px);bottom:-14px}.scene-char{width:min(38%,170px)}.speech{top:10px;left:10px;right:10px;padding:9px 12px}.speech .en{font-size:17px}.speech .vi{font-size:13px}.scene-count{bottom:8px;right:10px}.panel{padding:14px 14px 0;gap:10px}.lesson-top{padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top))}.panel .actions{position:sticky;bottom:0;z-index:5;margin:4px -14px 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(rgba(244,238,255,0),var(--surface) 26%)}.exq{font-size:22px}.teach{font-size:14px;padding:9px 10px}.teach .av{width:38px;height:38px}.mic{width:68px;height:68px}.mic .ic{width:30px;height:30px}.target b{font-size:18px}.chatlog{display:none}}@media (max-width: 899px) and (max-height: 700px){.scene{height:clamp(120px,22vh,170px)}.scene.small{height:76px}.scene.small .scene-char{width:70px}.step.intro .card.cando{padding:10px 12px}}.levels{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:4px}.levels span{display:flex;flex-direction:column;align-items:center;background:var(--card);border:2px solid var(--line);border-radius:12px;padding:6px 2px;font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--purple-d)}.levels small{font-family:var(--font-body);font-weight:600;font-size:11px;color:var(--muted)}.plan-note{display:flex;flex-direction:column;gap:4px}.danger{border-color:#f5c2c2;display:flex;flex-direction:column;gap:8px}.danger-text{color:var(--bad)}.btn-danger{background:var(--bad);color:#fff;box-shadow:0 4px #a92f2f}.row-gap{display:flex;gap:10px}.legal-links{text-align:center;font-size:13px;color:var(--muted)}.legal-links a,.danger a,.note a{color:var(--purple)}