:root{--bg: #fff8ec;--card: #ffffff;--ink: #3b2f5c;--muted: #8a80a6;--line: #efe6f7;--primary: #7c5cff;--primary-dark: #5a3be0;--primary-soft: #efeaff;--star: #ffc53d;--star-dark: #e8a200;--fire: #ff8a3d;--ok: #2fc98e;--ok-dark: #1fa471;--ok-soft: #e3fbf1;--bad: #ff6b6b;--bad-dark: #e04848;--bad-soft: #ffeded;--pink: #ff8fc7;--sky: #5cc8ff;--radius: 22px;--shadow: 0 6px 0 rgba(59, 47, 92, .06), 0 10px 30px rgba(124, 92, 255, .08);--emoji: "Noto Color Emoji", "Segoe UI Emoji", "Apple Color Emoji", sans-serif;--track: #ece6fa;--chip-bg: rgba(255, 255, 255, .7);--soft-line: #ddd3ff;--soft-strong: #cfc2ff;--warm-soft: #fff6dc;--warm-line: #f3dfa8;--locked: #e3dfee;--locked-dark: #cbc5dc;--blob1: #ffe3f1;--blob2: #e3f4ff;--blob3: #efeaff;--pet-bg: radial-gradient(circle at 35% 30%, #fff 0, #ffeaf5 55%, #f3e8ff 100%);--backdrop: rgba(59, 47, 92, .45);--gold-text: #b87d00;--primary-ink: #5a3be0;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #16132a;--card: #241f3d;--ink: #efeaff;--muted: #a79fcb;--line: #373158;--primary: #8f73ff;--primary-dark: #5b3fdc;--primary-soft: #312a5c;--ok-soft: #173d33;--bad-soft: #4a2330;--star-dark: #ffcf5c;--gold-text: #ffd36b;--primary-ink: #c3b4ff;--shadow: 0 6px 0 rgba(0, 0, 0, .25), 0 10px 30px rgba(0, 0, 0, .3);--track: #332d55;--chip-bg: rgba(255, 255, 255, .07);--soft-line: #463d80;--soft-strong: #5b4fa3;--warm-soft: #3a3120;--warm-line: #6e5a26;--locked: #3a3456;--locked-dark: #2a2542;--blob1: #3a1f45;--blob2: #172d48;--blob3: #2a2152;--pet-bg: radial-gradient(circle at 35% 30%, #4a4175 0, #3a3160 55%, #2c2550 100%);--backdrop: rgba(5, 3, 15, .65);color-scheme:dark}}:root[data-theme=dark]{--bg: #16132a;--card: #241f3d;--ink: #efeaff;--muted: #a79fcb;--line: #373158;--primary: #8f73ff;--primary-dark: #5b3fdc;--primary-soft: #312a5c;--ok-soft: #173d33;--bad-soft: #4a2330;--star-dark: #ffcf5c;--gold-text: #ffd36b;--primary-ink: #c3b4ff;--shadow: 0 6px 0 rgba(0, 0, 0, .25), 0 10px 30px rgba(0, 0, 0, .3);--track: #332d55;--chip-bg: rgba(255, 255, 255, .07);--soft-line: #463d80;--soft-strong: #5b4fa3;--warm-soft: #3a3120;--warm-line: #6e5a26;--locked: #3a3456;--locked-dark: #2a2542;--blob1: #3a1f45;--blob2: #172d48;--blob3: #2a2152;--pet-bg: radial-gradient(circle at 35% 30%, #4a4175 0, #3a3160 55%, #2c2550 100%);--backdrop: rgba(5, 3, 15, .65);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{font-family:"Baloo 2",Nunito,system-ui,sans-serif;color:var(--ink);background:var(--bg);background-image:radial-gradient(circle at 10% 0%,var(--blob1) 0,transparent 35%),radial-gradient(circle at 100% 20%,var(--blob2) 0,transparent 35%),radial-gradient(circle at 50% 100%,var(--blob3) 0,transparent 40%);background-attachment:fixed;min-height:100vh;-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.4}button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default}input,select{font-family:inherit;font-size:18px;color:var(--ink);background:var(--card)}input:focus,select:focus{outline:none}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}button:focus:not(:focus-visible){outline:none}h1,h2,h3{margin:.2em 0;line-height:1.15}h1{font-size:30px;font-weight:800}h2{font-size:24px;font-weight:800}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}.app{max-width:600px;margin:0 auto;min-height:100vh}.page{padding:16px 16px 40px;animation:pop-in .25s ease}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:.6}}@keyframes pulse{0%,to{box-shadow:0 0 #7c5cff73}50%{box-shadow:0 0 0 12px #7c5cff00}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:16px;font-size:18px;font-weight:700;transition:transform .08s,box-shadow .08s,filter .15s;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{opacity:.45;filter:grayscale(.4)}.btn-block{width:100%;margin-top:10px}.btn-xl{padding:16px 22px;font-size:21px;border-radius:20px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 5px 0 var(--primary-dark)}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--primary-dark)}.btn-warn{background:var(--bad);color:#fff;box-shadow:0 5px 0 var(--bad-dark)}.btn-soft{background:var(--primary-soft);color:var(--primary);box-shadow:0 4px 0 var(--soft-line)}.btn-ghost{color:var(--muted)}.btn-ghost.danger{color:var(--bad)}.btn-icon{width:44px;height:44px;border-radius:14px;background:var(--card);box-shadow:var(--shadow);font-size:20px;font-weight:800;flex:none}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:var(--card);font-weight:800;box-shadow:var(--shadow)}.pill-star{color:var(--star-dark)}.pill-fire{color:var(--fire)}.pill-off{opacity:.55}.theme-btn{cursor:pointer}.tag{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-ink);font-weight:700;font-size:14px}.pet{position:relative;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--pet-bg);box-shadow:inset 0 -6px #7c5cff1a,var(--shadow)}.pet-body{font-family:var(--emoji);line-height:1;animation:bounce 2.4s ease-in-out infinite}.pet-happy .pet-body{animation:bounce .5s ease-in-out 3}.pet-sad .pet-body{animation:wiggle .4s ease-in-out 2;filter:saturate(.7)}.pet-acc{position:absolute;top:-8%;right:-4%;font-family:var(--emoji);transform:rotate(14deg)}.pet-lv{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-size:11px;font-weight:800;padding:0 8px;border-radius:999px;white-space:nowrap}.home-head{display:flex;align-items:center;gap:14px}.profile-btn{padding:0;border-radius:50%}.home-hello{flex:1;min-width:0}.home-hello h1{font-size:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-hello>.muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-stats{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.lvbar{position:relative;height:22px;border-radius:999px;background:var(--track);overflow:hidden;margin-top:4px}.lvbar>div{height:100%;background:linear-gradient(90deg,var(--star),#ffa94d);border-radius:999px;transition:width .6s}.lvbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;padding-left:12px;font-size:13px;font-weight:800;color:var(--ink);line-height:1}.course-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;gap:6px;margin:16px 0 10px;align-items:center}.chip-grade{padding:3px 11px;border-radius:999px;background:var(--chip-bg);color:var(--muted);font-size:14px;font-weight:700}.chip-grade.on{background:var(--card);color:var(--primary-ink);box-shadow:var(--shadow)}.course-chips .sep{width:1px;height:18px;background:var(--line);margin:0 4px}.hero-card{background:var(--card);border-radius:28px;padding:20px;box-shadow:var(--shadow);border:3px solid var(--primary-soft);position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.hero-card h2{margin-top:10px}.chest-note{margin:6px 0 0;font-weight:700;color:var(--gold-text)}.nowrap{white-space:nowrap}.timebar{margin-top:14px;display:flex;align-items:center;gap:10px}.timebar-track{flex:1;height:10px;border-radius:999px;background:var(--track);overflow:hidden}.timebar-track>div{height:100%;background:var(--ok);border-radius:999px}.timebar-track>div.full{background:var(--fire)}.timebar span{font-size:14px;white-space:nowrap}.week{display:flex;justify-content:space-between;background:var(--card);border-radius:var(--radius);padding:10px 12px;margin:14px 0;box-shadow:var(--shadow)}.day{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-weight:700;min-width:36px}.day span{font-size:22px;font-family:var(--emoji);height:30px;display:grid;place-items:center}.day.today small{color:var(--primary)}.day.today{background:var(--primary-soft);border-radius:12px}.grid-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-nav button{background:var(--card);border-radius:var(--radius);padding:16px 10px;box-shadow:var(--shadow);font-weight:800;font-size:17px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .1s;position:relative}.grid-nav button:active{transform:scale(.96)}.grid-nav button span{font-size:36px;font-family:var(--emoji)}.grid-nav button small{position:absolute;top:10px;right:12px;background:var(--star);color:#fff;border-radius:999px;padding:0 8px;font-size:13px}.backbar{display:flex;align-items:center;gap:12px;margin:-16px -16px 16px;position:sticky;top:0;padding:12px 16px;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.backbar h2{flex:1;font-size:20px;margin:0;min-width:0}.section-title{margin:22px 0 10px;font-size:19px}.map{padding:10px 0 30px}.semester{text-align:center;font-weight:800;color:var(--primary-ink);background:var(--primary-soft);border-radius:999px;padding:6px;margin:10px 30px 18px}.map-row{display:flex;align-items:center;gap:12px;margin-bottom:22px}.map-row.left{padding-left:4%}.map-row.center{padding-left:24%}.map-row.right{padding-left:44%}.node{position:relative;width:76px;height:76px;border-radius:50%;background:var(--primary);box-shadow:0 7px 0 var(--primary-dark);display:grid;place-items:center;flex:none;transition:transform .1s}.node:active:not(.locked){transform:translateY(4px);box-shadow:0 3px 0 var(--primary-dark)}.node.exam{background:var(--star);box-shadow:0 7px 0 var(--star-dark);border-radius:24px}.node.done{background:var(--ok);box-shadow:0 7px 0 var(--ok-dark)}.node.locked{background:var(--locked);box-shadow:0 7px 0 var(--locked-dark)}.node.rec:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:inherit;border:3px solid var(--sc, var(--primary));animation:ring 1.8s ease-out infinite;pointer-events:none}@keyframes ring{0%{transform:scale(.95);opacity:.7}to{transform:scale(1.18);opacity:0}}.node-icon{font-size:36px;font-family:var(--emoji)}.node-here{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:var(--card);color:var(--primary-ink);font-weight:800;font-size:12px;padding:1px 8px;border-radius:999px;box-shadow:var(--shadow);white-space:nowrap;animation:bounce 1.6s infinite}.node-label{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}.node-label small{color:var(--muted);line-height:1.2}.starrow{letter-spacing:1px;line-height:1}.starrow .on{color:var(--star);text-shadow:0 1px 0 var(--star-dark)}.starrow .off{color:var(--locked)}.unit-sheet{text-align:center}.stage{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin-top:10px;background:var(--card);border:2px solid var(--line);border-radius:18px;text-align:left;box-shadow:0 4px 0 var(--line)}.stage:active:not(:disabled){transform:translateY(2px)}.stage.locked{opacity:.5}.stage-icon{font-size:30px;font-family:var(--emoji)}.stage-text{flex:1;display:flex;flex-direction:column;gap:2px}.stage-text b{font-size:17px;line-height:1.2}.stage-text small{color:var(--muted);line-height:1.25;font-size:14px}.patterns{display:flex;flex-direction:column;gap:8px}.pattern{background:var(--card);border-radius:16px;padding:12px 14px;text-align:left;font-weight:600;box-shadow:var(--shadow)}.pattern span{margin-right:6px}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.vocab-card{background:var(--card);border-radius:18px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow);transition:transform .1s}.vocab-card:active{transform:scale(.95)}.vocab-emoji{font-size:38px;font-family:var(--emoji)}.vocab-card b{font-size:17px;text-align:center;line-height:1.2}.vocab-card small{color:var(--muted);text-align:center;line-height:1.2}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:grid;place-items:end center;z-index:50;animation:pop-in .2s;padding:0}.modal{background:var(--card);width:100%;max-width:600px;max-height:92vh;overflow:auto;border-radius:30px 30px 0 0;padding:24px 20px 28px;animation:slide-up .25s ease;position:relative}@media (min-width: 640px){.modal-bg{place-items:center}.modal{border-radius:30px;max-width:460px}}.phase-intro{text-align:center}.modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:800;display:grid;place-items:center;z-index:2}.big-emoji{font-size:64px;font-family:var(--emoji);line-height:1.1}.float{animation:float 3s ease-in-out infinite}.badge-big{font-size:96px;font-family:var(--emoji);animation:bounce 1s infinite}.badge-big.grey{filter:grayscale(1);opacity:.4;animation:none}.session{min-height:100vh;display:flex;flex-direction:column;padding:12px 16px 16px}.session-top{display:flex;align-items:center;gap:12px}.progress{flex:1;height:16px;background:var(--track);border-radius:999px;overflow:hidden}.progress>div{height:100%;min-width:16px;background:linear-gradient(90deg,var(--ok),#7de3b8);border-radius:999px;transition:width .4s;box-shadow:inset 0 4px #ffffff4d}.phase-bonus .progress>div{background:linear-gradient(90deg,var(--star),var(--fire))}.timer{font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.session-meta{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:14px;min-width:0}.session-meta .meta-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta .tag{flex:none}.combo{color:var(--fire);font-weight:800;animation:bounce .6s;flex:none}.phase-bonus .tag{background:var(--warm-soft);color:var(--gold-text)}.phase-warmup .tag{background:color-mix(in srgb,var(--fire) 18%,var(--card));color:var(--fire)}.session-body{flex:1;padding-bottom:210px}.question{animation:pop-in .25s}.q-section{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-top:6px}.q-prompt{font-size:22px;font-weight:800;margin:2px 0 12px}.q-emoji{font-size:110px;text-align:center;line-height:1.15;font-family:var(--emoji);background:var(--card);border-radius:28px;margin:6px auto 14px;width:190px;box-shadow:var(--shadow);animation:pop-in .3s}.q-visual{display:flex;justify-content:center;margin:14px 0 20px}.q-stem{background:var(--card);border-radius:20px;padding:16px 18px;font-size:24px;font-weight:700;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.q-stem-spell{justify-content:center;font-size:36px;letter-spacing:.12em}.q-hint{color:var(--muted);font-weight:600;margin:-4px 0 12px;text-align:center}.blank{display:inline-block;min-width:1.4em;border-bottom:3px dashed var(--primary);color:var(--primary);text-align:center;padding:0 4px}.blank-filled{border-bottom-style:solid;color:var(--ok-dark);animation:pop-in .3s}.passage{background:color-mix(in srgb,var(--warm-soft) 50%,var(--card));border:2px dashed var(--warm-line);border-radius:18px;padding:12px 14px;margin-bottom:12px;font-size:17px;line-height:1.55;position:relative}.passage p{margin:0}.passage .speak-group+p{padding-right:44px}.passage .speak-group{position:absolute;top:8px;right:8px}.speak-group{display:inline-flex;gap:8px;align-items:center}.speak{width:44px;height:44px;border-radius:14px;background:var(--primary-soft);font-size:22px;flex:none;font-family:var(--emoji);box-shadow:0 3px 0 var(--soft-line)}.speak:active{transform:translateY(2px)}.speak-big{width:110px;height:110px;border-radius:32px;font-size:54px;background:var(--sky);box-shadow:0 7px #2f9fd8;animation:pulse 2s infinite}.speak-slow{width:56px;height:56px;border-radius:18px;font-size:28px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options-long{grid-template-columns:1fr}.options-2{grid-template-columns:1fr 1fr}.opt{display:flex;align-items:center;gap:10px;padding:14px 12px;min-height:64px;background:var(--card);border:2.5px solid var(--line);border-radius:18px;box-shadow:0 5px 0 var(--line);font-size:20px;font-weight:700;text-align:left;transition:transform .08s,border-color .15s}.opt:hover:not(:disabled){border-color:var(--soft-strong)}.opt:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--line)}.opt-letter{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-ink);font-size:15px;flex:none}.opt-text{flex:1;line-height:1.2}.opt-right{border-color:var(--ok);background:var(--ok-soft);box-shadow:0 5px 0 var(--ok);animation:bounce .4s}.opt-right .opt-letter{background:var(--ok);color:#fff}.opt-wrong{border-color:var(--bad);background:var(--bad-soft);box-shadow:0 5px 0 var(--bad);animation:shake .35s}.opt-wrong .opt-letter{background:var(--bad);color:#fff}.opt-dim{opacity:.5}.reorder-line{min-height:70px;background:var(--card);border:2.5px dashed var(--soft-strong);border-radius:18px;padding:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.reorder-line.ok{border:2.5px solid var(--ok);background:var(--ok-soft)}.reorder-line.bad{border:2.5px solid var(--bad);background:var(--bad-soft);animation:shake .35s}.reorder-answer{background:var(--ok-soft);color:var(--ok-dark);font-weight:800;border-radius:14px;padding:10px 14px;margin-bottom:12px;font-size:19px}.punct{font-size:22px;font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{padding:10px 16px;border-radius:14px;background:var(--card);border:2.5px solid var(--line);box-shadow:0 4px 0 var(--line);font-size:20px;font-weight:700}.chip:disabled:not(.chip-on){opacity:.25;box-shadow:none}.chip-on{background:var(--primary-soft);border-color:var(--soft-strong);box-shadow:0 3px 0 var(--soft-strong)}.writebox input{width:100%;color:var(--ink);font-size:28px;font-weight:700;text-align:center;padding:14px;border-radius:18px;border:3px solid var(--line);background:var(--card);outline:none;margin-bottom:8px}.writebox input:focus{border-color:var(--primary)}.writebox input.ok{border-color:var(--ok);background:var(--ok-soft)}.writebox input.bad{border-color:var(--bad);background:var(--bad-soft)}.feedback{position:fixed;left:0;right:0;bottom:0;padding:16px 16px 20px;border-radius:28px 28px 0 0;animation:slide-up .22s ease;z-index:20;max-width:600px;margin:0 auto;box-shadow:0 -8px 30px #3b2f5c1f}.feedback-ok{background:var(--ok-soft)}.feedback-bad{background:var(--bad-soft)}.feedback-row{display:flex;gap:12px;align-items:center}.feedback-text{display:flex;flex-direction:column;gap:2px;min-width:0}.feedback-text strong{font-size:21px;line-height:1.25;text-wrap:balance}.feedback-ok strong{color:var(--ok-dark)}.feedback-bad strong{color:var(--bad-dark)}.gain{color:var(--star-dark);font-weight:800}.explain{font-size:15px;color:var(--ink);opacity:.85}.result{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:40px}.result h1{margin-top:16px}.result-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0;width:100%}.result-grid>div{flex:0 0 calc((100% - 20px) / 3);max-width:130px;background:var(--card);border-radius:18px;padding:10px 6px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}.result-grid span{font-size:26px;font-family:var(--emoji)}.result-grid b{font-size:22px}.result-grid small{color:var(--muted)}.result-grid .chest{background:var(--warm-soft);animation:wiggle .5s 3}.levelup{color:#3b2f5c;background:linear-gradient(90deg,#ffe7a3,#ffd0e8);padding:10px 18px;border-radius:999px;font-weight:800;margin-bottom:8px}.result-actions{width:100%;margin-top:8px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:60}.confetti span{position:absolute;top:-40px;font-size:26px;font-family:var(--emoji);animation:fall linear forwards}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.badge{background:var(--card);border-radius:20px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow)}.badge span{font-size:44px;font-family:var(--emoji);filter:grayscale(1) brightness(0);opacity:.18}.badge.got span{filter:none;opacity:1}.badge.got{background:linear-gradient(180deg,var(--card),var(--warm-soft))}.badge:not(.got) small{color:var(--muted)}:root[data-theme=dark] .badge:not(.got) span{filter:grayscale(1) brightness(0) invert(1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .badge:not(.got) span{filter:grayscale(1) brightness(0) invert(1)}}.badge small{font-weight:700;line-height:1.15;text-align:center;font-size:13px}.shop-hero{display:flex;justify-content:center;margin:10px 0}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:12px}.shop-item{background:var(--card);border-radius:20px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow);border:3px solid transparent}.shop-item.on{border-color:var(--primary)}.shop-emoji{font-size:44px;font-family:var(--emoji)}.shop-item .btn{padding:6px 14px;font-size:16px;width:100%}.onboard{text-align:center;padding-top:40px}.field{display:block;text-align:left;margin:20px 0 10px;font-weight:700}.field input{width:100%;margin-top:6px;padding:14px 16px;border-radius:16px;border:3px solid var(--line);outline:none;font-size:20px}.field input:focus{border-color:var(--primary)}.field-label{text-align:left;font-weight:700}.pet-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.pet-pick button{background:var(--card);border-radius:20px;padding:10px 4px;border:3px solid transparent;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}.pet-pick button span{font-size:46px;font-family:var(--emoji)}.pet-pick button.on{border-color:var(--primary);background:var(--primary-soft)}.pet-pick button.on span{animation:bounce .8s infinite}.profile-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.profile-card{background:var(--card);border-radius:24px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow);border:3px solid transparent}.profile-card.on{border-color:var(--primary)}.profile-card small{color:var(--muted)}.eyebreak{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:40px}.eye-circle{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--ok),var(--sky),var(--primary),var(--ok));display:grid;place-items:center;margin:16px 0;animation:float 4s ease-in-out infinite}.eye-circle span{width:124px;height:124px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:54px;font-weight:800}.eye-tips{list-style:none;text-align:left;background:var(--card);border-radius:20px;padding:12px 18px;box-shadow:var(--shadow);width:100%}.eye-tips li{padding:4px 0}.gate{background:var(--card);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--shadow)}.gate input{width:140px;text-align:center;font-size:28px;padding:8px;border-radius:14px;border:3px solid var(--line);margin:8px 0}.gate input:focus{border-color:var(--primary)}.gate-error{color:var(--bad);font-weight:700;margin:0;animation:shake .35s}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kpis>div{background:var(--card);border-radius:18px;padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column}.kpis b{font-size:28px;color:var(--primary-ink)}.kpis small{color:var(--muted)}.bars{display:flex;align-items:flex-end;gap:8px;height:160px;background:var(--card);border-radius:18px;padding:14px 12px 8px;box-shadow:var(--shadow)}.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.bar-fill{width:100%;max-width:34px;background:linear-gradient(180deg,var(--primary),#a996ff);border-radius:8px 8px 4px 4px;min-height:3px}.bar small{color:var(--muted);font-size:12px}.bar-val{font-size:12px;font-weight:800;color:var(--primary-ink)}.unit-progress{background:var(--card);border-radius:18px;padding:6px 14px;box-shadow:var(--shadow)}.up-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}.up-row:last-child{border:0}.up-stars{display:flex;gap:6px;flex:none}.weak{display:flex;flex-wrap:wrap;gap:8px}.weak-item{background:var(--bad-soft);color:var(--bad-dark);padding:6px 12px;border-radius:12px;font-weight:700}.weak-item small{opacity:.7}.settings{background:var(--card);border-radius:18px;padding:8px 16px 16px;box-shadow:var(--shadow)}.settings label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600}.settings label small{display:block;color:var(--muted);font-weight:500}.settings select{padding:6px 10px;border-radius:12px;border:2px solid var(--line);background:var(--card);font-size:16px}.settings input[type=checkbox]{width:24px;height:24px;accent-color:var(--primary);flex:none}@media (max-width: 400px){.opt{font-size:18px;padding:12px 10px}.q-emoji{font-size:92px;width:160px}.map-row.right{padding-left:34%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.grade-row{display:flex;gap:8px;margin:12px -4px 4px;padding:4px 4px 10px;overflow-x:auto;scrollbar-width:none}.grade-chip{flex:1;min-width:56px;padding:8px 0;border-radius:14px;background:var(--chip-bg);font-weight:800;color:var(--muted);box-shadow:0 3px 0 var(--line)}.grade-chip.on{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-dark)}.subject-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none;scroll-snap-type:x mandatory}.subject-card{--sc: var(--primary);flex:0 0 118px;scroll-snap-align:start;background:var(--card);border-radius:20px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow);border:3px solid transparent;text-align:center;transition:transform .1s}.subject-card:active{transform:scale(.96)}.subject-card.on{border-color:var(--sc);background:color-mix(in srgb,var(--sc) 12%,var(--card))}.subject-card b{font-size:15px;line-height:1.15;min-height:2.3em;display:flex;align-items:center}.subject-card small{color:var(--muted);font-size:12px}.subject-icon{font-size:34px;font-family:var(--emoji)}.subject-bar{width:100%;height:6px;border-radius:999px;background:var(--track);overflow:hidden}.subject-bar>span{display:block;height:100%;background:var(--sc);border-radius:999px}.hero-card{border-color:color-mix(in srgb,var(--sc, var(--primary)) 35%,var(--card))}@media (min-width: 560px){.subject-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));overflow:visible}.subject-card{flex:none}}.hero-subject{margin:8px 0 0;font-weight:800;color:var(--sc, var(--primary))}.hero-card h2{margin-top:2px}.map .node:not(.locked):not(.done):not(.exam){background:var(--sc, var(--primary));box-shadow:0 7px color-mix(in srgb,var(--sc, var(--primary)) 70%,black)}.q-stem{white-space:pre-line}.q-stem-long{font-size:19px;line-height:1.45;font-weight:600}.q-stem-math{justify-content:center;text-align:center;font-variant-numeric:tabular-nums}.q-stem-math.q-stem-long{justify-content:flex-start;text-align:left}.pattern.tip{background:color-mix(in srgb,var(--warm-soft) 60%,var(--card));border:2px dashed var(--warm-line);box-shadow:none}.grade-pick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.grade-pick button{background:var(--card);border-radius:16px;padding:10px 0;font-size:22px;font-weight:800;box-shadow:var(--shadow);border:3px solid transparent}.grade-pick button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.result-grid:has(>:nth-child(4):last-child)>div{flex-basis:calc((100% - 10px)/2);max-width:170px}.account{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-top:18px;display:flex;flex-direction:column;gap:6px}.account>b{font-size:18px}.account p{margin:0}.account-row{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--primary-soft);display:grid;place-items:center;font-size:24px;flex:none}.account-info{display:flex;flex-direction:column;min-width:0}.account-info small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync{font-weight:700;color:var(--muted);font-size:14px}.sync.saved{color:var(--ok-dark)}.sync.error{color:var(--bad)}.tiny{font-size:12px;line-height:1.35}.gbtn-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px 0 4px;min-height:44px}.gbtn{display:flex;justify-content:center;width:100%;max-width:360px}.onboard-login{margin-top:18px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700;margin-bottom:6px}.divider:before,.divider:after{content:"";flex:1;height:2px;background:var(--line);border-radius:2px}.gbtn,.gbtn iframe{color-scheme:light}.semester.adv{background:linear-gradient(90deg,#ffe7a3,#ffc9e3);color:#5a3b00;display:flex;flex-direction:column;align-items:center;margin-top:24px}.semester.adv small{font-weight:600;opacity:.8}.emo{display:inline-block;object-fit:contain;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.emo-inline{vertical-align:-.28em;margin:0 .04em}.emo-txt{font-family:var(--emoji)}.pet-body{display:grid;place-items:center}.pet-body .emo{filter:drop-shadow(0 4px 6px rgba(59,47,92,.18))}.pet-acc{top:-10%;right:-8%}.big-emoji .emo,.badge-big .emo{filter:drop-shadow(0 8px 14px rgba(59,47,92,.2))}.grid-nav button span,.subject-icon,.node-icon,.stage-icon,.vocab-emoji,.shop-emoji,.result-grid span{display:grid;place-items:center;line-height:1}.node-icon .emo{filter:drop-shadow(0 3px 3px rgba(0,0,0,.18))}.node.locked .node-icon .emo{opacity:.7;filter:grayscale(.3)}.day span .emo{display:block}.q-art{position:relative;display:grid;place-items:center;margin:4px auto 16px;width:210px;height:190px}.q-art:before{content:"";position:absolute;top:14px;right:20px;bottom:14px;left:20px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sc, var(--primary)) 28%,transparent) 0,color-mix(in srgb,var(--sc, var(--primary)) 10%,transparent) 55%,transparent 72%)}.q-art:after{content:"";position:absolute;bottom:14px;width:110px;height:14px;border-radius:50%;background:#3b2f5c1f;filter:blur(3px)}.q-art .emo{position:relative;z-index:1;animation:float 3.2s ease-in-out infinite;filter:drop-shadow(0 10px 12px rgba(59,47,92,.18))}.q-stem .emo-inline{width:1.5em!important;height:1.5em!important;margin:.08em}.opt .opt-text .emo{display:block;margin:0 auto}.opt:has(.opt-text>.emo){justify-content:center;min-height:84px}.mascot-say{display:flex;align-items:flex-end;gap:8px;margin:10px 0 4px}.mascot-say .emo{flex:none;animation:bounce 2.4s ease-in-out infinite}.bubble{position:relative;background:var(--primary-soft);color:var(--primary-ink);font-weight:700;padding:8px 14px;border-radius:18px 18px 18px 4px;font-size:15px;line-height:1.35}@media (max-width: 400px){.q-art{width:180px;height:165px}.q-art .emo{width:128px!important;height:128px!important}}.options-short .opt{justify-content:center;position:relative;min-height:72px}.options-short .opt-letter{position:absolute;left:12px}.options-short .opt-text{flex:none;font-size:26px;font-weight:800}h1,h2{text-wrap:balance}.q-art:before{background:radial-gradient(circle,color-mix(in srgb,var(--sc, var(--primary)) 38%,transparent) 0,color-mix(in srgb,var(--sc, var(--primary)) 14%,transparent) 55%,transparent 72%)}.pet-fig{position:relative;display:block;animation:bounce 2.4s ease-in-out infinite}.pet-happy .pet-fig{animation:bounce .5s ease-in-out 3}.pet-sad .pet-fig{animation:wiggle .4s ease-in-out 2}.pet-fig .pet-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;filter:drop-shadow(0 4px 6px rgba(59,47,92,.18))}.pet .pet-acc{position:absolute;z-index:2;display:block;pointer-events:none;right:auto}.pet .pet-acc .emo{display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}.pet .acc-back{z-index:0;opacity:.95}.pet .acc-hand{z-index:3}.pet-lv{z-index:4}.pets-preview{padding:16px}.pets-preview .row{display:flex;align-items:center;gap:14px;margin-bottom:10px}.pets-preview .row b{width:90px;font-size:13px}.pets-preview figure{margin:0;text-align:center}.pets-preview .grid-big{display:grid;grid-template-columns:repeat(6,96px);gap:4px 4px}.pets-preview figcaption{font-size:11px;font-weight:700;margin-top:6px}.app:has(.pets-preview){max-width:none}.shop-hero{position:relative;flex-direction:column;align-items:center;gap:8px}.try-tag{background:var(--warm-soft);color:var(--gold-text);font-weight:800;font-size:13px;padding:2px 12px;border-radius:999px}.shop-item{cursor:pointer;transition:transform .1s}.shop-item:active{transform:scale(.97)}.shop-item.trying{border-color:var(--star)}.shop-item small{margin-top:-4px;font-size:12px}.medal-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;background:var(--card);border-radius:var(--radius);padding:12px 8px;box-shadow:var(--shadow)}.medal-summary>div{display:flex;flex-direction:column;align-items:center;gap:2px}.medal-summary b{font-size:20px;line-height:1}.medal-summary small{font-size:11px;color:var(--muted);font-weight:700;text-align:center;line-height:1.1}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.series-card{background:var(--card);border-radius:20px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow);border:3px solid var(--tc);text-align:center}.series-card.none{border-color:transparent}.series-card b{font-size:16px;line-height:1.2}.series-title{font-weight:700;color:var(--tc);line-height:1.2;min-height:2.4em;display:flex;align-items:center}.series-card.none .series-title{color:var(--muted)}.series-card small.muted{font-size:12px}.series-art{position:relative;display:grid;place-items:center;width:70px;height:66px}.series-medal{position:absolute;right:-2px;bottom:-2px}.emo.locked{filter:grayscale(1) brightness(.9);opacity:.35}.emo.locked-soft{filter:grayscale(.6);opacity:.75}.series-bar{display:block;width:100%;height:8px;border-radius:999px;background:var(--track);overflow:hidden}.series-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--star),#ffa94d);transition:width .5s}.near-list{display:flex;flex-direction:column;gap:10px}.near-item,.near-home{display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border-radius:18px;padding:10px 14px;box-shadow:var(--shadow);text-align:left}.near-home{margin-bottom:14px;border:2px dashed var(--warm-line)}.near-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.near-text b{font-size:16px;line-height:1.2}.near-text small{font-size:13px}.tier-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0}.tier-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:14px;background:var(--primary-soft);border:2px solid transparent}.tier-cell.got{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,var(--card))}.tier-cell b{font-size:14px}.tier-cell small{font-size:10.5px;line-height:1.15;text-align:center}.hello-row{display:flex;align-items:center;gap:8px}.grade-pill{background:var(--primary-soft);color:var(--primary-ink);font-weight:800;font-size:13px;padding:1px 10px;border-radius:999px;line-height:1.6}.grade-pill span{font-size:10px;opacity:.8}.subject-row{margin-top:14px}.subject-card{flex:0 0 92px;padding:10px 6px 8px;gap:3px;border-radius:18px}.subject-card b{font-size:14px;min-height:0;white-space:nowrap}.subject-card small{font-size:11px}@media (min-width: 560px){.subject-row{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}}.home .mascot-say{margin:4px 0 8px}.hero-card{padding:16px 18px 18px}.hero-top{align-items:center}.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 8px;border-radius:999px;font-weight:800;font-size:14px;color:var(--sc);background:color-mix(in srgb,var(--sc) 14%,var(--card))}.hero-card h2{margin:10px 0 4px;font-size:23px}.hero-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 4px;color:var(--muted);font-size:15px}.hero-meta .chest-note{margin:0}.week-card{background:var(--card);border-radius:var(--radius);padding:12px 12px 8px;margin:14px 0;box-shadow:var(--shadow)}.week-card .week{background:none;box-shadow:none;padding:6px 0 0;margin:0}.week-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px}.today-time{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;max-width:240px}.today-time .timebar-track{flex:1;display:block;height:8px}.today-time .timebar-track>span{display:block;height:100%;background:var(--ok);border-radius:999px}.today-time .timebar-track>span.full{background:var(--fire)}.bubble-up{display:inline-block;margin:4px 0 12px 22px;border-radius:18px}.bubble-up:before{content:"";position:absolute;top:-8px;left:22px;border:8px solid transparent;border-top:0;border-bottom-color:var(--primary-soft)}.bubble-up{margin:10px 0 0 4px;font-size:14px}.bubble-up:before{left:28px}.review-card{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--radius);padding:12px 14px;margin-top:14px;box-shadow:var(--shadow);border:2px solid color-mix(in srgb,var(--ok) 40%,var(--card))}.review-text{flex:1;display:flex;flex-direction:column;min-width:0}.review-text b{font-size:16px;line-height:1.25}.review-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-card .btn{padding:8px 14px;font-size:16px;flex:none}.map-overview{background:var(--card);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.ov-main{display:flex;flex-direction:column;gap:6px}.ov-main b{font-size:17px}.ov-main .series-bar{height:10px}.ov-stats{display:flex;gap:16px;font-weight:700;color:var(--muted);font-size:15px}.ov-stats span{display:inline-flex;align-items:center;gap:4px}.map-overview .btn-block{margin-top:2px}.sec-tabs{display:flex;gap:6px;margin:14px 0 4px;background:var(--card);padding:5px;border-radius:16px;box-shadow:var(--shadow);position:sticky;top:64px;z-index:4}.sec-tabs button{flex:1;padding:8px 4px;border-radius:12px;font-weight:800;font-size:14px;color:var(--muted);white-space:nowrap}.sec-tabs button.on{background:var(--sc, var(--primary));color:#fff}.adv-note{margin:8px 4px 0;font-size:14px;color:var(--muted);text-align:center}.map{padding-top:22px}.node-crown{position:absolute;top:-16px;right:-6px;transform:rotate(18deg)}.node-due{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:0 2px 6px #0003;animation:bounce 1.6s ease-in-out infinite}.node-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.node-sub em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted)}.node-sub em.due{color:var(--ok-dark)}.here-chip{margin-left:8px;background:var(--sc, var(--primary));color:#fff;font-size:11px;font-weight:800;padding:1px 8px;border-radius:999px;vertical-align:2px;animation:bounce 1.6s ease-in-out infinite;display:inline-block}.speak{display:grid;place-items:center}.speak-group-big{flex-direction:column;gap:10px}.listen-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:190px;padding:12px 22px;border-radius:18px;font-size:20px;font-weight:800;background:var(--sky);color:#06324a;box-shadow:0 5px #2f9fd8;animation:pulse 2s infinite}.listen-btn:active{transform:translateY(3px);box-shadow:0 2px #2f9fd8}.listen-btn.slow{min-width:0;padding:6px 14px;font-size:15px;background:var(--primary-soft);color:var(--primary-ink);box-shadow:0 3px 0 var(--soft-line);animation:none}.home-head{align-items:flex-start}.home-stats{align-items:flex-end;gap:6px;flex:none}.theme-btn{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--chip-bg);box-shadow:0 2px 0 var(--line)}.stat-box{display:flex;background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.stat{display:flex;flex-direction:column;align-items:center;padding:6px 10px;min-width:58px}.stat+.stat{border-left:2px solid var(--line)}.stat-num{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:18px;line-height:1.1}.stat:first-child .stat-num{color:var(--gold-text)}.stat:last-child .stat-num{color:var(--fire)}.stat small{font-size:10.5px;color:var(--muted);font-weight:700;white-space:nowrap}.stat.off{opacity:.55}@media (max-width: 380px){.stat{min-width:48px;padding:6px 7px}.stat small{font-size:9.5px}}.hello-row{flex-wrap:nowrap;min-width:0}.hello-row .muted,.grade-pill{white-space:nowrap}.say-row{display:flex;align-items:flex-end;gap:10px;margin-top:10px}.say-row .bubble-up{flex:1;margin:0;min-width:0}.say-row .stat-box{flex:none}.hero-chip{white-space:nowrap;max-width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis}.hero-top{flex-wrap:nowrap}.hero-chip{border:0;cursor:pointer}.hero-chip .chev{font-size:11px;opacity:.8;margin-left:2px}.picker{text-align:center}.picker-grades{display:flex;gap:6px;margin:10px 0 14px}.picker-grades button{flex:1;padding:8px 0;border-radius:12px;font-weight:800;font-size:14px;background:var(--primary-soft);color:var(--primary-ink)}.picker-grades button.on{background:var(--primary);color:#fff}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.picker-grid .subject-card{flex:none;padding:12px 8px}.picker-grid .subject-card b{white-space:normal;min-height:2.4em;display:flex;align-items:center;font-size:15px}.home .hero-card{margin-top:14px}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:none}.stat2{display:flex;align-items:center;gap:6px;min-width:76px;padding:6px 10px 6px 8px;border-radius:16px;box-shadow:var(--shadow)}.stat2>span{display:flex;flex-direction:column;line-height:1.05}.stat2 b{font-size:19px;font-weight:800}.stat2 small{font-size:11px;font-weight:700;opacity:.8;white-space:nowrap}.stat2.star{background:color-mix(in srgb,var(--star) 22%,var(--card));color:var(--gold-text)}.stat2.fire{background:color-mix(in srgb,var(--fire) 20%,var(--card));color:var(--fire)}.stat2.off{filter:saturate(.4);opacity:.7}.stat-pair.stack{grid-template-columns:1fr;gap:6px}.stat-pair.stack .stat2{min-width:92px;padding:5px 10px 5px 8px}.home>.bubble-up{display:block;margin:12px 0 0}.home-hello{min-width:0}.hello-row .muted{overflow:hidden;text-overflow:ellipsis}.stat-pair.stack .stat2{min-width:84px}.profile-card{padding:20px 10px 16px;gap:8px}.profile-card b{font-size:20px;line-height:1.2}.profile-card small{font-size:14px;font-weight:600}.add-slot{width:96px;height:96px;border-radius:50%;border:3px dashed color-mix(in srgb,var(--primary) 60%,transparent);display:grid;place-items:center;font-size:56px;font-weight:800;line-height:1;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.profile-card.add{border:3px dashed transparent}.profile-card.add:hover .add-slot{background:color-mix(in srgb,var(--primary) 16%,transparent)}.subj-tile{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--sc) 38%,var(--card)),color-mix(in srgb,var(--sc) 18%,var(--card)));box-shadow:inset 0 -3px color-mix(in srgb,var(--sc) 30%,transparent)}.subj-tile.sm{width:26px;height:26px;border-radius:8px;box-shadow:none}.hero-chip{padding-left:4px}.hero-chip{color:color-mix(in srgb,var(--sc) 60%,var(--ink))}.series-title,.hero-meta .chest-note{text-wrap:balance}.sec-tabs button.on{background:color-mix(in srgb,var(--sc, var(--primary)) 22%,var(--card));color:color-mix(in srgb,var(--sc, var(--primary)) 55%,var(--ink));box-shadow:inset 0 0 0 2px var(--sc, var(--primary))}.here-chip{background:color-mix(in srgb,var(--sc, var(--primary)) 25%,var(--card));color:color-mix(in srgb,var(--sc, var(--primary)) 55%,var(--ink))}.stage.next{border-color:var(--sc, var(--primary));box-shadow:0 4px color-mix(in srgb,var(--sc, var(--primary)) 45%,transparent)}.medal-summary small{white-space:nowrap;font-size:10.5px}.medal-summary{gap:2px;padding:12px 4px}.btn-outline{background:transparent;color:var(--primary-ink);box-shadow:inset 0 0 0 2px var(--soft-strong)}.shop-item{position:relative}.wear-tag{position:absolute;top:8px;right:8px;font-size:11px;font-weight:800;color:#fff;background:var(--primary);padding:1px 8px;border-radius:999px}.shop-hero{margin:10px 0 14px}.gate{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 20px}.gate h2{margin:6px 0 0}.gate p{margin:0}.gate-eq{font-size:34px;font-weight:800;margin:10px 0 2px;letter-spacing:1px}.gate form{width:100%;display:flex;flex-direction:column;align-items:center}.kpis>div{flex-direction:row;align-items:center;gap:10px}.kpis>div>span{display:flex;flex-direction:column;min-width:0}.kpis b{font-size:24px;line-height:1.1}.kpis small{line-height:1.2}.kpis .k-time{background:color-mix(in srgb,var(--sky) 14%,var(--card))}.kpis .k-acc{background:color-mix(in srgb,var(--pink) 14%,var(--card))}.kpis .k-fire{background:color-mix(in srgb,var(--fire) 14%,var(--card))}.kpis .k-book{background:color-mix(in srgb,var(--ok) 14%,var(--card))}.up-prog{display:flex;align-items:center;gap:8px;flex:none}.up-bar{width:56px;height:8px;border-radius:999px;background:var(--track);overflow:hidden}.up-bar>span{display:block;height:100%;background:var(--star);border-radius:999px}.up-prog small{width:58px;font-size:12px;font-weight:700;color:var(--muted)}.up-prog.done small{color:var(--ok-dark)}.up-prog.done .up-bar>span{background:var(--ok)}.up-exam{font-weight:800;color:var(--primary-ink)}.due-count{margin-left:6px;font-size:12px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--ok) 22%,var(--card));color:var(--ok-dark);vertical-align:2px}:root[data-theme=dark] .due-count{color:#7de3b8}.speak-group-big{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.listen-btn{flex:none;white-space:nowrap;min-width:0;height:52px;padding:0 20px 0 8px;gap:10px;border-radius:999px;font-size:18px;background:linear-gradient(180deg,#5cc8ff,#2fa4e7);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 4px #1b7fb8;animation:listen-glow 2.2s infinite}.listen-btn:active{transform:translateY(3px);box-shadow:0 1px #1b7fb8}.listen-btn .li{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff}.listen-btn.slow{height:52px;padding:0 18px 0 8px;font-size:17px;background:var(--card);color:var(--ink);text-shadow:none;border:2px solid #5cc8ff;box-shadow:0 4px color-mix(in srgb,#5cc8ff 45%,transparent);animation:none}.listen-btn.slow .li{background:color-mix(in srgb,#5cc8ff 22%,transparent)}@keyframes listen-glow{0%,to{filter:drop-shadow(0 0 0 rgba(92,200,255,0))}50%{filter:drop-shadow(0 0 10px rgba(92,200,255,.6))}}.crash{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;max-width:360px;margin:0 auto}.crash .big-emoji{font-size:80px}