:root{--kiss-yellow-50:#fffbef;--kiss-yellow-100:#fff4d5;--kiss-yellow-200:#ffe8ac;--kiss-yellow-300:#ffd981;--kiss-yellow-400:#ffcb55;--kiss-yellow-500:#febc11;--kiss-yellow-600:#e09f00;--kiss-yellow-700:#ba7f0d;--kiss-yellow-800:#895709;--kiss-yellow-900:#643c0a;--kiss-blue-50:#f3f7ff;--kiss-blue-100:#e6efff;--kiss-blue-200:#cfe1ff;--kiss-blue-300:#b0ceff;--kiss-blue-400:#89b6ff;--kiss-blue-500:#4e93ff;--kiss-blue-600:#006ef3;--kiss-blue-700:#0052b5;--kiss-blue-800:#003980;--kiss-blue-900:#002355;--kiss-mint-50:#eefbf5;--kiss-mint-100:#dcf5eb;--kiss-mint-200:#bdecda;--kiss-mint-300:#95dec5;--kiss-mint-400:#5fccac;--kiss-mint-500:#00a989;--kiss-mint-600:#008269;--kiss-mint-700:#00614f;--kiss-mint-800:#004437;--kiss-mint-900:#002b22;--kiss-sky-50:#edf9ff;--kiss-sky-100:#daf3ff;--kiss-sky-200:#b8e8fe;--kiss-sky-300:#8ed8f8;--kiss-sky-400:#52c4ef;--kiss-sky-500:#00a1cd;--kiss-sky-600:#007d9f;--kiss-sky-700:#005d77;--kiss-sky-800:#004052;--kiss-sky-900:#002734;--kiss-tangerine-50:#fff5f1;--kiss-tangerine-100:#ffe9e1;--kiss-tangerine-200:#ffd6c5;--kiss-tangerine-300:#ffba9d;--kiss-tangerine-400:#fe9567;--kiss-tangerine-500:#ed6922;--kiss-tangerine-600:#c44f00;--kiss-tangerine-700:#923900;--kiss-tangerine-800:#662500;--kiss-tangerine-900:#421400;--kiss-violet-50:#f8f5ff;--kiss-violet-100:#f1ebff;--kiss-violet-200:#e4d9ff;--kiss-violet-300:#d2c1ff;--kiss-violet-400:#bda2ff;--kiss-violet-500:#a47aff;--kiss-violet-600:#8a54ee;--kiss-violet-700:#673abd;--kiss-violet-800:#472887;--kiss-violet-900:#2d185c;--kiss-rose-50:#fff4f8;--kiss-rose-100:#ffe7f1;--kiss-rose-200:#ffd1e5;--kiss-rose-300:#ffb2d6;--kiss-rose-400:#fc88c4;--kiss-rose-500:#ec59ac;--kiss-rose-600:#ce3292;--kiss-rose-700:#9e166e;--kiss-rose-800:#6d0b4c;--kiss-rose-900:#460130;--kiss-red-50:#fff4f3;--kiss-red-100:#ffe8e7;--kiss-red-200:#ffd4d1;--kiss-red-300:#ffb7b2;--kiss-red-400:#ff918b;--kiss-red-500:#f75c5b;--kiss-red-600:#d9353a;--kiss-red-700:#a71821;--kiss-red-800:#750d12;--kiss-red-900:#4b0205;--kiss-ink-0:#fff;--kiss-ink-25:#fafbfe;--kiss-ink-50:#f5f7fc;--kiss-ink-100:#eef1f8;--kiss-ink-200:#e0e5f0;--kiss-ink-300:#ced5e4;--kiss-ink-400:#adb6c7;--kiss-ink-500:#8d96a8;--kiss-ink-600:#687183;--kiss-ink-700:#4f596c;--kiss-ink-800:#364157;--kiss-ink-900:#1e2a41;--kiss-ink-950:#0f1a32;--kiss-ink-1000:#060f25;--c-canvas:#fff;--c-surface:#fafbfe;--c-surface-sunken:#f5f7fc;--c-surface-warm:#fffbef;--c-surface-brand:#fff4d5;--c-hairline:#e0e5f0;--c-hairline-strong:#ced5e4;--c-text:#1e2a41;--c-text-strong:#0f1a32;--c-text-muted:#687183;--c-text-subtle:#8d96a8;--c-brand:#febc11;--c-brand-hover:#e09f00;--c-on-brand:#0f1a32;--c-brand-text:#895709;--c-accent:#006ef3;--c-accent-hover:#0052b5;--c-on-accent:#fff;--c-focus-ring:#006ef3;--c-success:#008269;--c-success-surface:#eefbf5;--c-success-text:#004437;--c-warning:#e09f00;--c-warning-surface:#fff4d5;--c-warning-text:#643c0a;--c-danger:#d9353a;--c-danger-surface:#fff4f3;--c-danger-text:#750d12;--c-info:#007d9f;--c-info-surface:#edf9ff;--c-info-text:#004052;--c-cat-grammar:#0052b5;--c-cat-grammar-accent:#006ef3;--c-cat-grammar-surface:#f3f7ff;--c-cat-vocab:#673abd;--c-cat-vocab-accent:#8a54ee;--c-cat-vocab-surface:#f8f5ff;--c-cat-listening:#005d77;--c-cat-listening-accent:#007d9f;--c-cat-listening-surface:#edf9ff;--c-cat-speaking:#923900;--c-cat-speaking-accent:#c44f00;--c-cat-speaking-surface:#fff5f1;--c-cat-reading:#00614f;--c-cat-reading-accent:#008269;--c-cat-reading-surface:#eefbf5;--c-cat-writing:#9e166e;--c-cat-writing-accent:#ce3292;--c-cat-writing-surface:#fff4f8;--c-cat-exam:#895709;--c-cat-exam-accent:#febc11;--c-cat-exam-surface:#fffbef;--g-gold:linear-gradient(135deg, #ffcb55 0%, #febc11 55%, #e09f00 100%);--g-sunrise:linear-gradient(135deg, #ffd981 0%, #fe9567 100%);--g-night:linear-gradient(160deg, #0f1a32 0%, #1e2a41 45%, #002355 100%);--g-focus:linear-gradient(135deg, #006ef3 0%, #8a54ee 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-canvas:#0f1a32;--c-surface:#1e2a41;--c-surface-sunken:#060f25;--c-surface-warm:#febc1112;--c-surface-brand:#febc1124;--c-hairline:#ced5e424;--c-hairline-strong:#ced5e442;--c-text:#e0e5f0;--c-text-strong:#f5f7fc;--c-text-muted:#adb6c7;--c-text-subtle:#8d96a8;--c-brand:#febc11;--c-brand-hover:#ffcb55;--c-on-brand:#0f1a32;--c-brand-text:#ffcb55;--c-accent:#89b6ff;--c-accent-hover:#b0ceff;--c-on-accent:#0f1a32;--c-focus-ring:#ffcb55;--c-success:#5fccac;--c-success-surface:#00a98929;--c-success-text:#95dec5;--c-warning:#ffcb55;--c-warning-surface:#febc1129;--c-warning-text:#ffd981;--c-danger:#ff918b;--c-danger-surface:#d9353a2e;--c-danger-text:#ffb7b2;--c-info:#52c4ef;--c-info-surface:#00a1cd29;--c-info-text:#8ed8f8;--c-cat-grammar:#b0ceff;--c-cat-grammar-accent:#89b6ff;--c-cat-grammar-surface:#002355;--c-cat-vocab:#d2c1ff;--c-cat-vocab-accent:#bda2ff;--c-cat-vocab-surface:#2d185c;--c-cat-listening:#8ed8f8;--c-cat-listening-accent:#52c4ef;--c-cat-listening-surface:#002734;--c-cat-speaking:#ffba9d;--c-cat-speaking-accent:#fe9567;--c-cat-speaking-surface:#421400;--c-cat-reading:#95dec5;--c-cat-reading-accent:#5fccac;--c-cat-reading-surface:#002b22;--c-cat-writing:#ffb2d6;--c-cat-writing-accent:#fc88c4;--c-cat-writing-surface:#460130;--c-cat-exam:#ffd981;--c-cat-exam-accent:#ffcb55;--c-cat-exam-surface:#643c0a}}[data-theme=dark]{--c-canvas:#0f1a32;--c-surface:#1e2a41;--c-surface-sunken:#060f25;--c-surface-warm:#febc1112;--c-surface-brand:#febc1124;--c-hairline:#ced5e424;--c-hairline-strong:#ced5e442;--c-text:#e0e5f0;--c-text-strong:#f5f7fc;--c-text-muted:#adb6c7;--c-text-subtle:#8d96a8;--c-brand:#febc11;--c-brand-hover:#ffcb55;--c-on-brand:#0f1a32;--c-brand-text:#ffcb55;--c-accent:#89b6ff;--c-accent-hover:#b0ceff;--c-on-accent:#0f1a32;--c-focus-ring:#ffcb55;--c-success:#5fccac;--c-success-surface:#00a98929;--c-success-text:#95dec5;--c-warning:#ffcb55;--c-warning-surface:#febc1129;--c-warning-text:#ffd981;--c-danger:#ff918b;--c-danger-surface:#d9353a2e;--c-danger-text:#ffb7b2;--c-info:#52c4ef;--c-info-surface:#00a1cd29;--c-info-text:#8ed8f8;--c-cat-grammar:#b0ceff;--c-cat-grammar-accent:#89b6ff;--c-cat-grammar-surface:#002355;--c-cat-vocab:#d2c1ff;--c-cat-vocab-accent:#bda2ff;--c-cat-vocab-surface:#2d185c;--c-cat-listening:#8ed8f8;--c-cat-listening-accent:#52c4ef;--c-cat-listening-surface:#002734;--c-cat-speaking:#ffba9d;--c-cat-speaking-accent:#fe9567;--c-cat-speaking-surface:#421400;--c-cat-reading:#95dec5;--c-cat-reading-accent:#5fccac;--c-cat-reading-surface:#002b22;--c-cat-writing:#ffb2d6;--c-cat-writing-accent:#fc88c4;--c-cat-writing-surface:#460130;--c-cat-exam:#ffd981;--c-cat-exam-accent:#ffcb55;--c-cat-exam-surface:#643c0a}body{background:var(--c-canvas);color:var(--c-text)}:focus-visible{outline:3px solid var(--c-focus-ring);outline-offset:2px}:root{--c-gold:#febc11;--c-gold-dark:#e09f00;--c-violet:#8a54ee;--c-violet-dark:#673abd;--c-mint:#00a989;--c-mint-dark:#008269;--c-blue:#006ef3;--c-blue-dark:#0052b5;--c-red:#d9353a;--c-red-dark:#a71821;--c-ink:#0f1a32;--r:18px;--r-sm:12px;--tab-h:66px;--maxw:520px;--font:"Nunito", "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--c-surface-sunken);color:var(--c-text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:16px;line-height:1.45}body.lock{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:var(--c-accent);cursor:pointer;font-weight:700;text-decoration:none}h1,h2,h3{color:var(--c-text-strong);margin:0;font-weight:900;line-height:1.2}h1{font-size:26px}h2{font-size:21px}h3{font-size:18px}p{margin:.5em 0}hr{border:0;border-top:1px solid var(--c-hairline);margin:18px 0}small{font-size:13px}.muted{color:var(--c-text-muted)}.small{font-size:13px}.center{text-align:center}.ok-txt{color:var(--c-success);font-weight:800}.bad-txt{color:var(--c-danger);font-weight:800}.gold-txt b{color:var(--c-brand-text)}.big{color:var(--c-text-strong);font-size:28px;font-weight:900}.big-emoji{font-size:64px}.kbd{border:1px solid var(--c-hairline-strong);border-radius:6px;padding:0 6px;display:inline-block}.app{max-width:var(--maxw);background:var(--c-canvas);min-height:100dvh;box-shadow:0 0 0 1px var(--c-hairline);margin:0 auto;position:relative}.main{padding:12px 16px calc(var(--tab-h) + 28px + env(safe-area-inset-bottom))}.app.full .main{padding:0}.page{flex-direction:column;gap:14px;animation:.25s fade-in;display:flex}.app.full .page{padding:16px 16px 40px}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:70dvh;padding:24px;display:flex}.splash{background:var(--g-night);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;display:flex}.splash-logo{background:var(--c-gold);color:var(--c-ink);border-radius:999px;padding:10px 26px;font-size:30px;font-weight:900}.card{background:var(--c-surface);border:2px solid var(--c-hairline);border-radius:var(--r);box-shadow:0 3px 0 var(--c-hairline);text-align:left;width:100%;padding:14px 16px;display:block}button.card{transition:transform .1s}button.card:active{box-shadow:0 1px 0 var(--c-hairline);transform:translateY(2px)}.section-head{justify-content:space-between;align-items:baseline;margin-top:6px;display:flex}.btn{--bg:var(--c-violet);--edge:var(--c-violet-dark);--fg:#fff;background:var(--bg);min-height:50px;color:var(--fg);letter-spacing:.2px;box-shadow:0 4px 0 var(--edge);text-align:center;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:16px;font-weight:900;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--edge);transform:translateY(3px)}.btn:disabled{opacity:.45;filter:grayscale(.4)}.btn.block{width:100%}.btn.small{min-height:38px;box-shadow:0 3px 0 var(--edge);border-radius:12px;padding:0 14px;font-size:14px}.btn-gold{--bg:var(--c-gold);--edge:var(--c-gold-dark);--fg:var(--c-ink)}.btn-blue{--bg:var(--c-blue);--edge:var(--c-blue-dark)}.btn-mint{--bg:var(--c-mint);--edge:var(--c-mint-dark)}.btn-danger{--bg:var(--c-red);--edge:var(--c-red-dark)}.btn-ghost{--bg:transparent;--edge:transparent;--fg:var(--c-text-muted);box-shadow:none}.btn-plain{--bg:var(--c-surface);--edge:var(--c-hairline-strong);--fg:var(--c-text-strong);border:2px solid var(--c-hairline-strong)}.icon-btn{width:40px;height:40px;color:var(--c-text-muted);border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:inline-flex}.icon-btn:active{background:var(--c-surface-sunken)}.spinner{opacity:.7;border:3px solid;border-right-color:#0000;border-radius:50%;align-self:center;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.spinner.big{width:44px;height:44px;color:var(--c-cat-vocab-accent);border-width:5px}.chip{background:var(--c-surface-sunken);border:2px solid var(--c-hairline);white-space:nowrap;color:var(--c-text-strong);border-radius:999px;align-items:center;gap:4px;padding:6px 11px;font-size:14px;font-weight:900;display:inline-flex;position:relative}.chip-streak{filter:grayscale();opacity:.75}.chip-streak.lit{filter:none;opacity:1;background:var(--c-cat-speaking-surface);border-color:#0000}.dot{background:var(--c-red);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-style:normal;font-weight:900;display:flex;position:absolute;top:-6px;right:-6px}.bar{background:var(--c-surface-sunken);border:1px solid var(--c-hairline);border-radius:999px;width:100%;position:relative;overflow:hidden}.bar-fill{background:var(--c-violet);height:100%;transition:width .6s var(--ease-pop);border-radius:999px;box-shadow:inset 0 -3px #0000001f,inset 0 3px #ffffff40}.bar-label{color:var(--c-text-strong);justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;inset:0}.topbar{z-index:50;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:color-mix(in srgb, var(--c-canvas) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--c-hairline);justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.tb-me{align-items:center;gap:8px;min-width:0;display:flex}.tb-level{width:64px;color:var(--c-text-strong);text-align:left;flex-direction:column;gap:3px;font-size:13px;display:flex}.tb-chips{align-items:center;gap:6px;display:flex}.tabbar{width:min(100%, var(--maxw));z-index:60;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--c-surface);border-top:2px solid var(--c-hairline);justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--c-text-muted);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:6px 2px;display:flex;position:relative}.tab-icon{transition:transform .2s var(--ease-pop);font-size:23px;line-height:1}.tab-label{font-size:11.5px;font-weight:800}.tab.active{background:var(--c-cat-vocab-surface);color:var(--c-cat-vocab)}.tab.active .tab-icon{transform:scale(1.15)translateY(-1px)}.tab .dot{top:0;right:calc(50% - 22px)}.sheet-wrap,.modal-wrap{z-index:100;background:#060f258c;animation:.2s fade-in;display:flex;position:fixed;inset:0}.sheet-wrap{justify-content:center;align-items:flex-end}.sheet{width:min(100%, var(--maxw));background:var(--c-canvas);max-height:86dvh;padding:6px 18px calc(18px + env(safe-area-inset-bottom));animation:slide-up .28s var(--ease-pop);border-radius:24px 24px 0 0;overflow-y:auto}.sheet.tall{min-height:60dvh}.sheet-grip{background:var(--c-hairline-strong);border-radius:3px;width:44px;height:5px;margin:4px auto 10px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-body{flex-direction:column;gap:12px;display:flex}.sheet-body form{flex-direction:column;gap:10px;display:flex}.modal-wrap{justify-content:center;align-items:center;padding:20px}.modal{background:var(--c-canvas);border:2px solid var(--c-hairline);border-radius:26px;width:min(100%,400px);padding:24px 20px 18px;position:relative;overflow:hidden}.toasts{top:calc(12px + env(safe-area-inset-top));z-index:200;pointer-events:none;flex-direction:column;gap:8px;width:min(92%,440px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--c-ink);color:#fff;animation:slide-down .3s var(--ease-pop);border-radius:14px;padding:12px 16px;font-size:14.5px;font-weight:800;box-shadow:0 8px 24px #060f254d}.toast-ok{background:var(--c-mint-dark)}.toast-err{background:var(--c-red)}.input{border:2px solid var(--c-hairline-strong);background:var(--c-surface-sunken);width:100%;min-height:52px;color:var(--c-text-strong);font:inherit;border-radius:14px;outline:none;padding:0 16px;font-size:17px;font-weight:700}.input:focus{border-color:var(--c-violet)}.lbl{color:var(--c-text-muted);font-size:14px;font-weight:800}.avatar{flex-shrink:0;line-height:0;display:inline-block}.avatar svg{width:100%;height:auto;overflow:visible}.avatar.bounce svg{transform-origin:50% 100%;animation:2.4s ease-in-out infinite bob}.avatar .av-eyes{transform-origin:50% 47%;transform-box:fill-box;animation:5s infinite blink}.stars{letter-spacing:0;gap:2px;display:inline-flex}.stars .on{color:var(--c-gold);text-shadow:0 2px 0 var(--c-gold-dark)}.stars .off{color:var(--c-hairline-strong)}.stars.animate span{animation:star-pop .5s var(--ease-pop) both}.league-badge{white-space:nowrap;font-weight:800}.empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:26px 10px;display:flex}.empty-icon{font-size:46px}.seg{background:var(--c-surface-sunken);border:2px solid var(--c-hairline);scrollbar-width:none;border-radius:14px;gap:3px;padding:3px;display:flex;overflow-x:auto}.seg button{color:var(--c-text-muted);white-space:nowrap;border-radius:11px;flex:1;padding:9px 8px;font-size:14px;font-weight:800}.seg button.on{background:var(--c-surface);color:var(--c-text-strong);box-shadow:0 2px 0 var(--c-hairline-strong)}.confetti{pointer-events:none;z-index:150;position:fixed;inset:0;overflow:hidden}.modal .confetti{position:absolute}.confetti i{border-radius:2px;animation:linear forwards fall;position:absolute;top:-20px}.hello-card{flex-direction:column;gap:8px;display:flex}.hello-row{justify-content:space-between;align-items:center;display:flex}.hello-name{color:var(--c-text-strong);font-size:20px}.streak-pill{background:var(--c-surface-sunken);filter:grayscale();border-radius:14px;flex-direction:column;align-items:center;padding:6px 12px;font-size:22px;line-height:1.1;display:flex}.streak-pill b{color:var(--c-text-strong);font-size:18px}.streak-pill small{color:var(--c-text-muted);font-size:10.5px;font-weight:800}.streak-pill.lit{filter:none;background:var(--c-cat-speaking-surface)}.goal-row{justify-content:space-between;font-size:14px;font-weight:700;display:flex}.review-card,.challenge-card,.warn-card{align-items:center;gap:12px;display:flex}.review-card{background:var(--c-cat-vocab-surface);border-color:color-mix(in srgb, var(--c-violet) 35%, transparent)}.rc-icon{font-size:30px}.rc-text{flex-direction:column;flex:1;display:flex}.rc-text b{color:var(--c-text-strong)}.rc-text small{color:var(--c-text-muted)}.rc-badge{background:var(--c-violet);color:#fff;border-radius:18px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-weight:900;display:flex}.rc-badge.hot{background:var(--c-red);animation:1.6s infinite pulse}.tier-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px;display:grid}.tier-tab{border:2px solid var(--c-hairline);background:var(--c-surface);border-radius:14px;flex-direction:column;align-items:center;padding:8px 4px;line-height:1.2;display:flex}.tier-tab span{font-size:20px}.tier-tab b{color:var(--c-text-strong);font-size:13px}.tier-tab small{color:var(--c-text-muted);font-size:11px;font-weight:800}.tier-tab.on{border-color:var(--c-violet);background:var(--c-cat-vocab-surface);box-shadow:0 3px 0 var(--c-violet)}.tier-tab.locked{opacity:.5}.tier-name{font-size:14px;font-weight:800}.unit{flex-direction:column;align-items:center;gap:4px;display:flex}.unit-head{border-radius:var(--r);background:var(--c-violet);color:#fff;width:100%;box-shadow:0 4px 0 var(--c-violet-dark);align-items:center;gap:12px;padding:12px 14px;display:flex}.unit-head b{font-size:17px;display:block}.unit-head small{opacity:.9;font-weight:700}.unit-icon{font-size:30px}.unit-done{margin-left:auto;font-size:24px}.unit.locked .unit-head{background:var(--c-hairline-strong);color:var(--c-text-muted);box-shadow:0 4px 0 var(--c-hairline)}.path{flex-direction:column;align-items:center;gap:10px;padding:16px 0 10px;display:flex}.node-row{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.node{background:var(--c-hairline-strong);width:70px;height:64px;color:var(--c-text-muted);box-shadow:0 6px 0 var(--c-hairline);border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:900;transition:transform .1s;display:flex}.node:active{box-shadow:0 2px 0 var(--c-hairline);transform:translateY(4px)}.node.open{background:var(--c-violet);color:#fff;box-shadow:0 6px 0 var(--c-violet-dark)}.node.done{background:var(--c-mint);color:#fff;box-shadow:0 6px 0 var(--c-mint-dark)}.node.boss{width:80px;height:72px;font-size:32px}.node.boss.open{background:var(--c-red);box-shadow:0 6px 0 var(--c-red-dark)}.node.boss.done{background:var(--c-gold);box-shadow:0 6px 0 var(--c-gold-dark)}.node.next{animation:1.8s infinite node-pulse}.start-bubble{white-space:nowrap;background:var(--c-surface);border:2px solid var(--c-hairline-strong);color:var(--c-cat-vocab);z-index:2;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:900;animation:1.6s ease-in-out infinite float;position:absolute;top:-34px}.start-bubble:after{content:"";background:var(--c-surface);border-right:2px solid var(--c-hairline-strong);border-bottom:2px solid var(--c-hairline-strong);width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.words-card{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.words-card .bar,.words-card small{grid-column:1/-1}.preview-words{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pw{background:var(--c-surface-sunken);border-radius:14px;flex-direction:column;align-items:center;padding:10px;display:flex}.pw-e{font-size:28px}.pw b{color:var(--c-text-strong)}.lesson{min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.lesson-top,.wl-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lesson-progress{background:var(--c-surface-sunken);border:1px solid var(--c-hairline);border-radius:999px;flex:1;height:16px;overflow:hidden}.lp-fill{background:var(--c-mint);height:100%;transition:width .45s var(--ease-pop);border-radius:999px;box-shadow:inset 0 4px #ffffff4d}.combo{color:var(--c-cat-speaking);text-align:right;min-width:44px;font-weight:900}.combo-ph{min-width:44px}.q-area{flex-direction:column;flex:1;animation:.3s q-in;display:flex}.retry-tag{color:var(--c-cat-speaking);background:var(--c-cat-speaking-surface);border-radius:8px;align-self:flex-start;margin-bottom:6px;padding:3px 10px;font-size:13px;font-weight:800}.q{flex-direction:column;flex:1;gap:16px;display:flex}.q-title{color:var(--c-text-strong);font-size:20px;font-weight:900}.q-prompt{border-radius:var(--r);background:var(--c-surface);border:2px solid var(--c-hairline);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;padding:18px 12px;display:flex}.q-word{color:var(--c-text-strong);word-break:break-word;font-size:34px;font-weight:900;line-height:1.15}.q-word.vi{font-size:26px}.q-emoji{font-size:46px;line-height:1}.q-sentence{color:var(--c-text-strong);font-size:20px;font-weight:700}.hole{border-bottom:3px solid var(--c-violet);min-width:70px;color:var(--c-cat-vocab);margin:0 4px;font-weight:900;display:inline-block}.listen-btns{align-items:center;gap:14px;display:flex}.speak{background:var(--c-blue);width:56px;height:56px;box-shadow:0 4px 0 var(--c-blue-dark);border-radius:18px;justify-content:center;align-items:center;font-size:26px;transition:transform 80ms;display:inline-flex}.speak:active{box-shadow:0 1px 0 var(--c-blue-dark);transform:translateY(3px)}.speak.xl{border-radius:28px;width:96px;height:96px;font-size:44px}.speak.sm{border-radius:12px;flex-shrink:0;width:40px;height:40px;font-size:18px}.speak.slow{background:var(--c-surface-sunken);box-shadow:0 4px 0 var(--c-hairline-strong);border:2px solid var(--c-hairline-strong)}.opts{grid-template-columns:1fr;gap:10px;display:grid}.opt{border:2px solid var(--c-hairline-strong);background:var(--c-surface);min-height:56px;box-shadow:0 4px 0 var(--c-hairline-strong);color:var(--c-text-strong);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-size:18px;font-weight:800;transition:transform 80ms,background .15s;display:flex;position:relative}.opt:active:not(:disabled){box-shadow:0 1px 0 var(--c-hairline-strong);transform:translateY(3px)}.opt-n{border:2px solid var(--c-hairline-strong);width:26px;height:26px;color:var(--c-text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.opt.right{background:var(--c-success-surface);border-color:var(--c-success);box-shadow:0 4px 0 var(--c-success);color:var(--c-success-text);animation:tada .45s var(--ease-pop)}.opt.wrong{background:var(--c-danger-surface);border-color:var(--c-danger);box-shadow:0 4px 0 var(--c-danger);color:var(--c-danger-text);animation:.4s shake}.opt.picked{border-color:var(--c-violet);box-shadow:0 4px 0 var(--c-violet);background:var(--c-cat-vocab-surface)}.opt.dim{opacity:.5}.opt:disabled{cursor:default}.opp-pick{background:var(--c-cat-speaking-accent);color:#fff;border-radius:8px;padding:1px 8px;font-size:11px;position:absolute;top:-9px;right:10px}.slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.slot{border-bottom:4px solid var(--c-hairline-strong);background:var(--c-surface-sunken);width:38px;height:46px;color:var(--c-text-strong);text-transform:lowercase;border-radius:10px;font-size:24px;font-weight:900}.slot.filled{background:var(--c-surface);border:2px solid var(--c-violet);border-bottom-width:4px}.slots.right .slot{border-color:var(--c-success);background:var(--c-success-surface)}.slots.wrong .slot{border-color:var(--c-danger);background:var(--c-danger-surface);animation:.4s shake}.tiles{flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0;display:flex}.tile{background:var(--c-surface);border:2px solid var(--c-hairline-strong);width:48px;height:52px;box-shadow:0 4px 0 var(--c-hairline-strong);color:var(--c-text-strong);border-radius:14px;font-size:24px;font-weight:900}.tile:active:not(:disabled){box-shadow:0 1px 0 var(--c-hairline-strong);transform:translateY(3px)}.tile.used{opacity:.2}.type-input{border:2px solid var(--c-hairline-strong);background:var(--c-surface);width:100%;min-height:60px;color:var(--c-text-strong);font:inherit;text-align:center;border-radius:16px;outline:none;margin-bottom:12px;font-size:24px;font-weight:800}.type-input:focus{border-color:var(--c-violet)}.type-input.right{border-color:var(--c-success);background:var(--c-success-surface)}.type-input.wrong{border-color:var(--c-danger);background:var(--c-danger-surface)}.match{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-col{flex-direction:column;gap:10px;display:flex}.mt{border:2px solid var(--c-hairline-strong);min-height:62px;box-shadow:0 4px 0 var(--c-hairline-strong);background:var(--c-surface);color:var(--c-text-strong);border-radius:14px;padding:8px;font-size:16px;font-weight:800;line-height:1.2}.mt.vi{font-size:15px}.mt.sel{border-color:var(--c-blue);box-shadow:0 4px 0 var(--c-blue);background:var(--c-info-surface)}.mt.done{border-color:var(--c-success);box-shadow:none;background:var(--c-success-surface);opacity:.45}.mt.bad{border-color:var(--c-danger);background:var(--c-danger-surface);animation:.4s shake}.feedback{width:min(100%, var(--maxw));padding:16px 16px calc(16px + env(safe-area-inset-bottom));z-index:80;animation:slide-up .25s var(--ease-pop);border-top:2px solid;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.feedback.ok{background:var(--c-success-surface);border-color:var(--c-success);color:var(--c-success-text)}.feedback.bad{background:var(--c-danger-surface);border-color:var(--c-danger);color:var(--c-danger-text)}:root:not([data-theme=light]) .feedback,[data-theme=dark] .feedback{-webkit-backdrop-filter:blur(14px)}.fb-title{font-size:20px;font-weight:900}.fb-word{align-items:center;gap:12px;display:flex}.fb-word b{font-size:18px}.fb-ex{opacity:.9;font-size:14px;font-style:italic}.wordcard-wrap{flex-direction:column;flex:1;gap:14px;display:flex}.wordcard{border:2px solid var(--c-hairline);background:var(--c-surface);box-shadow:0 5px 0 var(--c-hairline);text-align:center;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 18px;display:flex}.wc-emoji{font-size:72px;line-height:1}.wc-word{color:var(--c-text-strong);font-size:40px;font-weight:900;line-height:1.1}.wc-ipa{color:var(--c-text-muted);font-size:18px}.pos{background:var(--c-cat-vocab-surface);color:var(--c-cat-vocab);border-radius:8px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:800}.wc-btns{gap:12px;margin:6px 0;display:flex}.wc-vi{color:var(--c-cat-vocab);font-size:24px;font-weight:900}.wc-ex{background:var(--c-surface-sunken);text-align:left;color:var(--c-text-strong);border-radius:14px;flex-direction:column;gap:2px;width:100%;padding:12px 14px;font-weight:700;display:flex}.wc-ex small{color:var(--c-text-muted);font-weight:600}.results{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;animation:.3s fade-in;display:flex}.res-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.res-stats,.stat-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;display:grid}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat{border:2px solid var(--c-hairline);background:var(--c-surface);text-align:center;border-radius:14px;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.stat b{color:var(--c-text-strong);font-size:20px;font-weight:900}.stat span{color:var(--c-text-muted);white-space:nowrap;font-size:11.5px;font-weight:700}.res-stats{grid-template-columns:repeat(4,1fr)}.res-stats .stat{padding:10px 2px}.coin{vertical-align:-.15em;background:radial-gradient(circle at 35% 30%,#fff3c4 0 14%,#ffd43b 15% 52%,#febc11 53% 70%,#e09f00 71%);border-radius:50%;flex-shrink:0;width:1.05em;height:1.05em;display:inline-block;box-shadow:inset 0 0 0 1.5px #ba7f0d}.res-coins{background:var(--c-surface-brand);color:var(--c-text-strong);text-align:center;border-radius:999px;align-self:center;padding:6px 20px;font-size:26px;font-weight:900}.quest-done{background:var(--c-success-surface);border-color:#0000;flex-direction:column;gap:4px;font-size:14px;font-weight:700;display:flex}.share-panel{flex-direction:column;gap:8px;display:flex}.link-box{border:2px dashed var(--c-hairline-strong);background:var(--c-surface-sunken);text-align:center;word-break:break-all;cursor:copy;color:var(--c-text-strong);border-radius:12px;padding:12px;font-weight:800}.share-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.vs-card{justify-content:space-around;align-items:center;gap:6px;display:flex}.vs-side{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex;position:relative}.vs-side b{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.vs-side.winner .avatar{filter:drop-shadow(0 0 12px #febc11b3)}.crown{font-size:24px;animation:1.4s ease-in-out infinite float;position:absolute;top:-18px}.vs-mid{color:var(--c-red);font-size:20px;font-weight:900}.res-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.celebrate{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.cel-icon{animation:tada .8s var(--ease-pop);font-size:72px;line-height:1}.ios-hint{text-align:left;background:var(--c-info-surface);color:var(--c-info-text);border-radius:14px;width:100%;padding:12px 14px;font-size:14px}.ios-hint ol{margin:6px 0 0;padding-left:20px}.plaza-head{justify-content:space-between;align-items:center;display:flex}.plaza-head>div{flex-direction:column;display:flex}.plaza-head b{color:var(--c-text-strong);font-size:18px}.ticker{background:var(--c-surface-brand);color:var(--c-text-strong);border-radius:12px;padding:8px 12px;font-size:14px;font-weight:800}.map{aspect-ratio:1792/2400;border:3px solid var(--c-hairline);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;background:#bfe3a5;border-radius:22px;width:100%;position:relative;overflow:hidden}.map img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.spot{z-index:5;flex-direction:column;align-items:center;animation:3s ease-in-out infinite float;display:flex;position:absolute;transform:translate(-50%,-50%)}.spot span{background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex;box-shadow:0 3px #0f1a3240}.spot small{color:#fff;white-space:nowrap;background:#0f1a32b8;border-radius:8px;margin-top:2px;padding:1px 7px;font-size:10.5px;font-weight:900}.spot-fountain span{background:#ffffff8c}.pl{flex-direction:column;align-items:center;width:13%;min-width:46px;transition:left .9s ease-in-out,top .9s ease-in-out;display:flex;position:absolute;transform:translate(-50%,-88%)}.pl .avatar{max-width:58px;width:100%!important}.pl .avatar svg{animation:1.8s ease-in-out infinite bob}.pl-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0f1a32bf;border-radius:8px;max-width:110px;margin-top:-4px;padding:1px 7px;font-size:10.5px;font-weight:900;overflow:hidden}.pl.me .pl-name{background:var(--c-gold);color:var(--c-ink)}.pl-lv{background:var(--c-violet);color:#fff;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:9.5px;font-weight:900;display:flex;position:absolute;top:0;right:-4px}.bubble{white-space:nowrap;color:var(--c-ink);z-index:3;background:#fff;border-radius:12px;margin-bottom:2px;padding:4px 10px;font-size:12.5px;font-weight:800;position:absolute;bottom:100%;box-shadow:0 3px 10px #0f1a3240}.map-overlay{color:#fff;z-index:200;background:#0f1a3259;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;inset:0}.chatbar{align-items:center;gap:8px;display:flex}.phrases{scrollbar-width:none;flex:1;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.phrases::-webkit-scrollbar{display:none}.phrase{font-size:13.5px}.emo-toggle.on{background:var(--c-cat-vocab-surface);border-color:var(--c-violet)}.feed-card{flex-direction:column;gap:6px;display:flex}.feed-row{border-top:1px solid var(--c-hairline);padding:6px 0;font-size:14px;font-weight:700}.player-card{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.pc-meta{flex-wrap:wrap;justify-content:center;gap:10px;font-size:14px;font-weight:800;display:flex}.pc-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.league-head{border-color:var(--lg);box-shadow:0 4px 0 var(--lg);align-items:center;gap:12px;display:flex}.league-head>div:nth-child(2){flex-direction:column;flex:1;display:flex}.league-head b{color:var(--c-text-strong);font-size:18px}.league-head small{color:var(--c-text-muted);font-size:12px}.lg-icon{font-size:44px}.lg-xp{text-align:center;flex-direction:column;display:flex}.duel-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.dh-trophy{font-size:50px;animation:2s ease-in-out infinite float}.dh-num{color:var(--c-text-strong);font-size:34px}.board{flex-direction:column;gap:2px;padding:8px;display:flex}.board>b{padding:6px 6px 4px}.row{text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.row.me{background:var(--c-cat-vocab-surface)}.row.promo .rank{color:var(--c-success)}.row.demo .rank{color:var(--c-danger)}.rank{text-align:center;width:28px;color:var(--c-text-muted);font-size:15px;font-weight:900}.rank.r1,.rank.r2,.rank.r3{font-size:22px}.row-av{line-height:0;position:relative}.online-dot{border:2px solid var(--c-surface);background:#2ecc71;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:0}.row-name{min-width:0;color:var(--c-text-strong);text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;font-weight:800;display:flex;overflow:hidden}.row-name small{color:var(--c-text-muted);font-size:12px;font-weight:700}.row-val{color:var(--c-text-strong);white-space:nowrap}.row-val small{color:var(--c-text-muted);font-size:11px}.zone{text-align:center;border-radius:8px;margin:4px 0;padding:4px 8px;font-size:12px;font-weight:900}.zone.up{color:var(--c-success-text);background:var(--c-success-surface)}.zone.down{color:var(--c-danger-text);background:var(--c-danger-surface)}.topic-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 14px;display:grid}.topic-btn{border:2px solid var(--c-hairline);background:var(--c-surface);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.topic-btn span{font-size:26px}.topic-btn small{font-size:11px;font-weight:800;line-height:1.2}.topic-btn.locked{opacity:.45}.duel{min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px 20px;flex-direction:column;gap:14px;display:flex}.duel-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.duel-round{color:var(--c-text-muted);font-size:14px;font-weight:900}.pchip{align-items:center;gap:8px;min-width:0;display:flex}.pchip.right{text-align:right;flex-direction:row-reverse}.pchip>span:last-child{flex-direction:column;min-width:0;display:flex}.pchip small{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:800;overflow:hidden}.pchip b{color:var(--c-text-strong);font-size:22px}.pchip-av{line-height:0;position:relative}.done-dot{background:var(--c-mint);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-style:normal;font-weight:900;display:flex;position:absolute;bottom:-2px;right:-4px}.vs-big{color:var(--c-red);align-items:center;gap:18px;font-size:30px;font-weight:900;display:flex}.countdown{color:var(--c-cat-vocab);font-size:110px;font-weight:900;line-height:1}.timer{background:var(--c-surface-sunken);border-radius:6px;height:10px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, var(--c-red), var(--c-gold), var(--c-mint));background-size:300% 100%;height:100%;transition:width .1s linear}.gains{font-size:22px;font-weight:900}.radar{background:var(--c-cat-vocab-surface);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.radar:before,.radar:after{content:"";border:3px solid var(--c-violet);border-radius:50%;animation:1.8s ease-out infinite radar;position:absolute;inset:0}.radar:after{animation-delay:.9s}.quest{align-items:center;gap:12px;display:flex}.q-icon{text-align:center;width:44px;font-size:30px}.q-body{flex-direction:column;flex:1;gap:6px;display:flex}.q-body b{color:var(--c-text-strong)}.quest.ready{border-color:var(--c-mint);box-shadow:0 3px 0 var(--c-mint)}.quest.claimed{opacity:.6}.q-claimed{color:var(--c-success);font-size:22px;font-weight:900}.chest{align-items:center;gap:12px;display:flex}.chest>div{flex-direction:column;flex:1;display:flex}.chest-icon{font-size:40px}.chest.ready{background:var(--c-surface-brand)}.wiggle{animation:1.2s ease-in-out infinite wiggle}.ach-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ach{text-align:center;border:2px solid var(--c-hairline);background:var(--c-surface-sunken);opacity:.7;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.ach.got{opacity:1;background:var(--c-surface);border-color:color-mix(in srgb, var(--c-gold) 60%, transparent)}.ach-icon{font-size:30px}.ach b{color:var(--c-text-strong);font-size:12.5px;line-height:1.2}.ach small{color:var(--c-text-muted);font-size:11px;line-height:1.2}.profile-card{text-align:center;background:var(--g-night);color:#e0e5f0;border-color:#0000;flex-direction:column;align-items:center;gap:6px;display:flex}.profile-card h2{color:#fff;cursor:pointer}.profile-card h2 small{font-size:14px}.profile-card .muted{color:#adb6c7}.pf-av{position:relative}.pf-edit{background:var(--c-gold);width:36px;height:36px;box-shadow:0 3px 0 var(--c-gold-dark);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;bottom:6px;right:-4px}.pf-level{color:#fff;flex-direction:column;gap:4px;width:100%;font-size:14px;display:flex}.warn-card{background:var(--c-warning-surface);border-color:#0000}.warn-card>span:first-child{font-size:28px}.warn-card>span:nth-child(2){flex-direction:column;flex:1;display:flex}.warn-card small{color:var(--c-warning-text)}.menu{border-radius:var(--r);border:2px solid var(--c-hairline);background:var(--c-surface);flex-direction:column;display:flex;overflow:hidden}.menu-item{text-align:left;border-top:1px solid var(--c-hairline);align-items:center;gap:12px;padding:12px 14px;display:flex}.menu-item:first-child{border-top:0}.menu-item:active{background:var(--c-surface-sunken)}.menu-item.hot{background:var(--c-surface-warm)}.mi-icon{text-align:center;width:36px;font-size:26px}.mi-text{flex-direction:column;flex:1;display:flex}.mi-text b{color:var(--c-text-strong)}.mi-text small{color:var(--c-text-muted)}.mi-arrow{color:var(--c-text-subtle);font-size:24px}.badge-row{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--c-surface-brand);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex}.invite-hero{align-items:center;gap:12px;display:flex}.ih-gift{font-size:54px;animation:1.6s ease-in-out infinite wiggle}.shop-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-top b{color:var(--c-text-strong);font-size:18px}.shop-preview{background:radial-gradient(circle at 50% 60%, var(--c-cat-vocab-surface), transparent 70%);border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.shop-save{gap:8px;display:flex}.item-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.item{border:2px solid var(--c-hairline);background:var(--c-surface);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:92px;padding:10px 4px 8px;display:flex;position:relative}.item small{font-size:11px;font-weight:800;line-height:1.15}.item.sel{border-color:var(--c-violet);box-shadow:0 3px 0 var(--c-violet)}.item-icon{font-size:28px}.swatch{border:2px solid var(--c-hairline-strong);border-radius:50%;width:32px;height:32px}.price{background:var(--c-gold);color:var(--c-ink);border-radius:8px;margin-top:auto;padding:2px 8px;font-size:11.5px;font-weight:900}.price.lock{background:var(--c-surface-sunken);color:var(--c-text-muted)}.item-card{align-items:center;gap:12px;display:flex}.item-card>div{flex-direction:column;flex:1;display:flex}.ii-icon{font-size:40px}.set-row{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-weight:800;display:flex}.set-col{flex-direction:column;gap:8px;font-weight:800;display:flex}.toggle{background:var(--c-hairline-strong);border-radius:16px;flex-shrink:0;width:54px;height:32px;transition:background .2s;position:relative}.toggle i{width:26px;height:26px;transition:transform .2s var(--ease-pop);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle.on{background:var(--c-mint)}.toggle.on i{transform:translate(22px)}.goal-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.goal-opt{border:2px solid var(--c-hairline);background:var(--c-surface);border-radius:14px;flex-direction:column;align-items:center;padding:10px;display:flex}.goal-opt.on{border-color:var(--c-violet);background:var(--c-cat-vocab-surface)}.inbox-item{background:var(--c-surface);border:2px solid var(--c-hairline);border-radius:14px;align-items:flex-start;gap:10px;padding:12px;display:flex}.inbox-item>div{flex:1}.inbox-item p{margin:2px 0;font-size:14px}.inbox-item.unread{border-color:var(--c-violet)}.welcome{min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.wl-hello{flex-direction:column;gap:12px;display:flex}.wl-hero{border-radius:26px;height:230px;margin:-2px 0 4px;position:relative;overflow:hidden}.wl-hero img{object-fit:cover;object-position:center 45%;filter:saturate(1.1);width:100%;height:100%;position:absolute;inset:0}.wl-crowd{justify-content:center;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:14px;left:0;right:0}.wl-crowd .avatar:nth-child(2n) svg{animation-delay:.4s}.wl-title{font-size:30px;line-height:1.15}.hl{background:linear-gradient(transparent 55%, var(--c-surface-brand) 55%);color:var(--c-cat-vocab)}.wl-sub{color:var(--c-text-muted);margin:0;font-size:16px}.wl-points{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14.5px;font-weight:700;list-style:none;display:flex}.invite-banner{background:var(--c-surface-brand);border-color:#0000;align-items:center;gap:10px;font-weight:700;display:flex}.invite-banner>span{flex-direction:column;display:flex}.wl-step{flex-direction:column;flex:1;gap:14px;display:flex}.wl-preview{flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.name-tag{background:var(--c-ink);color:#fff;text-align:center;border-radius:10px;min-width:60px;padding:3px 14px;font-weight:900}.species-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sp{border:2px solid var(--c-hairline);background:var(--c-surface);border-radius:14px;flex-direction:column;align-items:center;padding:6px 2px;display:flex}.sp small{font-size:12px;font-weight:800}.sp.on{border-color:var(--c-violet);background:var(--c-cat-vocab-surface);box-shadow:0 3px 0 var(--c-violet)}.swatches{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sw{border:3px solid var(--c-hairline-strong);border-radius:50%;width:34px;height:34px}.sw.on{outline:3px solid var(--c-violet);outline-offset:2px}.name-input{gap:8px;display:flex}.dice{background:var(--c-surface-sunken);border:2px solid var(--c-hairline-strong);width:52px;height:52px;font-size:24px}.opt-list{flex-direction:column;gap:10px;display:flex}.big-opt{border:2px solid var(--c-hairline);box-shadow:0 3px 0 var(--c-hairline);background:var(--c-surface);text-align:left;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.big-opt>span:last-child{flex-direction:column;display:flex}.big-opt b{color:var(--c-text-strong);font-size:17px}.big-opt small{color:var(--c-text-muted)}.big-opt.on{border-color:var(--c-violet);background:var(--c-cat-vocab-surface);box-shadow:0 3px 0 var(--c-violet)}.bo-icon{font-size:32px}.wl-step>.btn,.wl-step>form>.btn{margin-top:auto}.ch-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ch-topic{font-size:16px}.ch-score{background:var(--c-surface-brand);border-radius:18px;flex-direction:column;align-items:center;padding:10px 26px;display:flex}.ch-score b{color:var(--c-text-strong);font-size:34px;line-height:1}.ch-mine{font-weight:700}.pop-in{animation:pop .35s var(--ease-pop) both}.slide-up{animation:slide-up .28s var(--ease-pop)}.slide-down{animation:slide-down .3s var(--ease-pop)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translate(var(--tx,0), 40px);opacity:0}}.feedback{--tx:-50%}@keyframes slide-down{0%{transform:translate(var(--tx,0), -16px);opacity:0}}.toast{--tx:0}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes q-in{0%{opacity:0;transform:translate(24px)}}@keyframes bob{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-4%)scaleY(1.02)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes float{0%,to{transform:translate(var(--fx,0), var(--fy,0))}50%{transform:translate(var(--fx,0), calc(var(--fy,0px) - 5px))}}.spot{--fx:-50%;--fy:-50%}.start-bubble{--fx:0}@keyframes pulse{50%{transform:scale(1.12)}}@keyframes node-pulse{0%,to{box-shadow:0 6px 0 var(--c-violet-dark), 0 0 0 0 color-mix(in srgb, var(--c-violet) 55%, transparent)}50%{box-shadow:0 6px 0 var(--c-violet-dark), 0 0 0 12px transparent}}@keyframes star-pop{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}@keyframes tada{0%{transform:scale(.9)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@keyframes radar{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:560px){body{background:var(--g-night)}.app{box-shadow:0 0 60px #0000004d}}