.scn-picker{padding:14px 16px 16px;gap:10px;overflow-y:auto}.scn-list{display:flex;flex-direction:column;gap:11px}.scn-card{display:flex;align-items:center;gap:13px;background:var(--card);border:2.5px solid var(--line-d);border-radius:20px;box-shadow:0 4px 0 var(--line-d);padding:14px;cursor:pointer;transition:transform .15s var(--spr),box-shadow .15s var(--spr),border-color .15s;user-select:none}.scn-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line-d)}.scn-card.locked{background:repeating-linear-gradient(-45deg,#fff,#fff 12px,#fdf8ef 12px 24px);cursor:not-allowed;opacity:.85}.scn-card.locked:active{transform:none;box-shadow:0 4px 0 var(--line-d)}.scn-card.done{opacity:.78}.scn-emoji{width:56px;height:56px;border-radius:18px;border:2px solid;display:grid;place-items:center;font-size:29px;flex-shrink:0;transform:rotate(-4deg)}.scn-emoji.tint-yellow{background:#fff3c4;border-color:var(--yellow-d)}.scn-emoji.tint-blue{background:var(--blue-l);border-color:var(--blue-d)}.scn-emoji.tint-green{background:var(--green-l);border-color:var(--green-d)}.scn-emoji.tint-coral{background:var(--coral-l);border-color:var(--coral-d)}.scn-emoji.tint-purple{background:#f3ecff;border-color:var(--purple-d)}.scn-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.scn-info b{font-family:Fredoka,Nunito,sans-serif;font-size:16.5px;font-weight:600;color:var(--ink)}.scn-info i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--ink-soft)}.scn-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.tag{font-style:normal;font-size:11px;font-weight:900;border-radius:999px;padding:3px 9px;border:1.5px solid;white-space:nowrap;display:inline-flex;align-items:center;line-height:1}.tag.lvl{background:var(--blue-l);border-color:var(--blue);color:var(--blue-d)}.tag.goal{background:var(--green-l);border-color:var(--green);color:var(--green-d)}.tag.xp{background:#fff3c4;border-color:var(--yellow-d);color:var(--yellow-d)}.tag.dim{background:#f1ece1;border-color:var(--line-d);color:var(--ink-soft)}.scn-play{width:44px;height:44px;border-radius:50%;border:2px solid var(--green-d);background:var(--green);box-shadow:0 3px 0 var(--green-d);flex-shrink:0;position:relative}.scn-play:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}.scn-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;flex-shrink:0;border:2px solid}.scn-badge.check{background:var(--green-l);border-color:var(--green-d);color:var(--green-d);font-weight:900}.scn-badge.lock{background:#fff;border-color:var(--line-d);font-size:17px}.scn-note{text-align:center;font-size:12px;font-weight:800;color:var(--ink-soft)}.scn-task{margin-top:auto;display:flex;align-items:center;gap:12px;background:var(--card);border:2.5px solid var(--line-d);border-radius:20px;box-shadow:0 4px 0 var(--line-d);padding:12px 14px}.scn-task .ic{font-size:23px}.scn-task .tx{flex:1;min-width:0}.scn-task .tx b{display:block;font-size:14px;color:var(--ink)}.scn-task .tx span{font-size:12px;font-weight:800;color:var(--ink-soft)}.scn-claim{font-family:Fredoka,Nunito,sans-serif;font-weight:600;font-size:13px;color:var(--ink-soft);background:var(--line);border:2px solid var(--line-d);border-radius:14px;padding:9px 16px;box-shadow:0 3px 0 var(--line-d);cursor:not-allowed}.scn-claim.ready{color:#fff;background:var(--yellow);border-color:var(--yellow-d);box-shadow:0 3px 0 var(--yellow-d);cursor:pointer}.scn-claim.ready:active{transform:translateY(3px);box-shadow:0 0 0 var(--yellow-d)}.scn-chat{padding:14px 16px 16px;gap:9px}.scn-back{width:36px;height:36px;border-radius:13px;border:2px solid var(--line-d);background:var(--card);box-shadow:0 3px 0 var(--line-d);color:var(--ink-soft);font-size:19px;font-weight:900;line-height:1;cursor:pointer;align-self:center}.scn-back:active{transform:translateY(3px);box-shadow:0 0 0 var(--line-d)}.scn-panel{background:var(--card);border:2.5px solid var(--line-d);border-radius:20px;box-shadow:0 4px 0 var(--line-d);padding:11px 13px}.scn-panel-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.scn-turn-label{font-family:Fredoka,Nunito,sans-serif;font-size:14.5px;font-weight:600;color:var(--ink)}.scn-goals-chip{font-size:12px;font-weight:900;color:var(--coral-d);background:var(--coral-l);border:2px solid var(--coral);border-radius:999px;padding:3px 10px}.scn-turnbar{display:flex;gap:5px}.scn-turnbar i{flex:1;height:10px;border-radius:999px;background:var(--line);transition:background .3s var(--spr)}.scn-turnbar i.f{background:var(--green);box-shadow:inset 0 -2px #00000014}.scn-goal-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.scn-goal-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:900;color:var(--ink-soft);background:var(--card);border:2px solid var(--line-d);border-radius:999px;padding:4px 10px;transition:background .25s var(--spr),border-color .25s var(--spr),color .25s var(--spr)}.scn-goal-chip i{width:15px;height:15px;border-radius:50%;border:2px solid var(--line-d);display:grid;place-items:center;font-style:normal;font-size:9px;color:transparent}.scn-goal-chip.hit{background:var(--green-l);border-color:var(--green);color:var(--green-d)}.scn-goal-chip.hit i{background:var(--green);border-color:var(--green-d);color:#fff}.scn-starters{display:flex;gap:7px;overflow-x:auto;padding:2px;scrollbar-width:none}.scn-starters::-webkit-scrollbar{display:none}.scn-starter{flex-shrink:0;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--blue-d);background:var(--card);border:2px dashed var(--blue);border-radius:999px;padding:7px 13px;cursor:pointer;transition:transform .15s var(--spr),background .15s}.scn-starter:active{background:var(--blue-l);transform:scale(.96)}.scn-starter:disabled{opacity:.5;cursor:default}.scn-finish-pill{position:absolute;left:50%;bottom:86px;transform:translate(-50%);z-index:50;font-family:Fredoka,Nunito,sans-serif;font-weight:600;font-size:14.5px;color:#fff;background:var(--purple);border:2.5px solid var(--purple-d);box-shadow:0 4px 0 var(--purple-d);border-radius:999px;padding:11px 22px;cursor:pointer;white-space:nowrap;animation:scnPillIn .4s var(--spr)}.scn-finish-pill:active{transform:translate(-50%) translateY(4px);box-shadow:0 0 0 var(--purple-d)}@keyframes scnPillIn{0%{opacity:0;transform:translate(-50%) scale(.6)}to{opacity:1;transform:translate(-50%) scale(1)}}.scn-summary{padding:16px 18px 18px;gap:12px;overflow-y:auto}.scn-sum-hero{text-align:center;padding-top:6px}.scn-sum-hero h2{font-family:Fredoka,Nunito,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;color:var(--ink)}.scn-sum-hero p{font-size:13px;font-weight:800;color:var(--ink-soft);margin-top:4px}.scn-stars{display:flex;justify-content:center;align-items:flex-end;gap:14px;margin:20px 0 2px;height:96px}.scn-star{width:54px;height:54px;background:#ece5d3;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:scnStarPop .55s var(--spr) both}.scn-star.big{width:84px;height:84px;margin-bottom:12px;background:linear-gradient(#ffe066,#ffb800)}.scn-star.lit{background:linear-gradient(#ffe066,#ffb800)}.scn-star:nth-child(1){animation-delay:.15s}.scn-star:nth-child(2){animation-delay:0s}.scn-star:nth-child(3){animation-delay:.3s}@keyframes scnStarPop{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.2) rotate(6deg)}to{transform:scale(1) rotate(0)}}.scn-reward-row{display:flex;justify-content:center;gap:10px}.scn-reward{font-family:Fredoka,Nunito,sans-serif;font-weight:600;font-size:14.5px;color:var(--yellow-d);background:var(--card);border:2.5px solid var(--yellow-d);border-radius:16px;padding:8px 15px;box-shadow:0 3px 0 var(--yellow-d)}.scn-reward.b{color:var(--blue-d);border-color:var(--blue-d);box-shadow:0 3px 0 var(--blue-d)}.scn-card{background:var(--card);border:2.5px solid var(--line-d);border-radius:20px;box-shadow:0 4px 0 var(--line-d);padding:13px 15px}.scn-card>b{font-family:Fredoka,Nunito,sans-serif;font-size:14px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px;margin-bottom:8px}.scn-comment{font-size:14px;font-weight:700;line-height:1.6;color:var(--ink)}.scn-phrase{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1.5px dashed var(--line)}.scn-phrase span{min-width:0}.scn-phrase u{display:block;text-decoration:none;font-size:14px;font-weight:800;color:var(--ink)}.scn-phrase i{display:block;font-style:normal;font-size:11.5px;font-weight:800;color:var(--ink-soft);margin-top:1px}.scn-hear{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--blue);background:var(--blue-l);font-size:15px;cursor:pointer;flex-shrink:0;display:grid;place-items:center}.scn-hear:active{transform:scale(.92)}.scn-fix{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1.5px dashed var(--line);font-size:13.5px;font-weight:800}.scn-fix:first-of-type{border-top:none;padding-top:2px}.scn-fix .bad{color:var(--coral-d);background:var(--coral-l);border-radius:10px;padding:7px 11px;text-decoration:line-through;text-decoration-color:#de4f4f80}.scn-fix .good{color:var(--green-d);background:var(--green-l);border-radius:10px;padding:7px 11px}.scn-fix .why{font-size:11.5px;font-weight:800;color:var(--ink-soft);padding-left:3px}.scn-actions{display:flex;flex-direction:column;gap:10px;margin-top:2px}.scn-claimed{text-align:center;font-size:12.5px;font-weight:900;color:var(--green-d);background:var(--green-l);border:2px solid var(--green);border-radius:14px;padding:9px}.scn-btn-row{display:flex;gap:10px}.scn-btn{flex:1;font-family:Fredoka,Nunito,sans-serif;font-weight:600;font-size:14.5px;color:#fff;text-align:center;border-radius:16px;padding:13px;border:2.5px solid;cursor:pointer;transition:transform .15s var(--spr),box-shadow .15s var(--spr)}.scn-btn.ghost{background:var(--card);color:var(--ink-soft);border-color:var(--line-d);box-shadow:0 4px 0 var(--line-d)}.scn-btn.ghost:active{transform:translateY(4px);box-shadow:0 0 0 var(--line-d)}.chat{padding:14px 16px 16px;gap:10px}.chat-head{display:flex;align-items:baseline;gap:10px;padding:2px 4px}.chat-head b{font-size:20px;color:var(--ink)}.chat-head span{font-size:13px;color:var(--ink-soft)}.think-toggle{margin-left:auto;align-self:center;border:2px solid var(--line);background:#fff;color:var(--ink-soft);font-family:inherit;font-weight:900;font-size:12.5px;border-radius:999px;padding:7px 13px;cursor:pointer;box-shadow:0 3px 0 var(--line-d);transition:.2s}.think-toggle.on{background:#a870f0;border-color:#a870f0;color:#fff;box-shadow:0 3px #8a4fd6}.chat-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:6px 2px;-webkit-overflow-scrolling:touch}.msg{max-width:80%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word;animation:msgIn .26s var(--spr)}.msg.user{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:6px;box-shadow:0 3px 0 var(--green-d)}.msg.assistant{align-self:flex-start;background:var(--card);color:var(--ink);border:2px solid var(--line);border-bottom-left-radius:6px;box-shadow:0 3px 0 var(--line-d);cursor:pointer}.msg.system{align-self:center;max-width:92%;text-align:center;background:#fff8e6;border:2px dashed var(--yellow);color:#9a7a12;font-size:13px;font-weight:800;border-radius:16px;box-shadow:none;cursor:default}@keyframes msgIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.chat-status{min-height:18px;text-align:center;font-size:13px;color:var(--ink-soft)}.chat-bar{display:flex;align-items:center;gap:10px}.mic{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:none;background:var(--green);color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 0 var(--green-d);transition:transform .12s var(--spr)}.mic:active{transform:translateY(2px);box-shadow:0 2px 0 var(--green-d)}.mic:disabled{opacity:.5;cursor:default}.mic.rec{background:var(--coral);box-shadow:0 4px 0 var(--coral-d);animation:micPulse 1s ease-in-out infinite}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.chat-input{flex:1;min-width:0;height:52px;border-radius:26px;border:2px solid var(--line);background:var(--card);padding:0 18px;font-size:15px;color:var(--ink);outline:none}.chat-input:focus{border-color:var(--green)}.chat-send{flex:0 0 auto;height:52px;padding:0 20px;border-radius:26px;border:none;background:var(--blue);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--blue-d)}.chat-send:disabled{opacity:.5;cursor:default;box-shadow:0 4px 0 var(--blue-d)}:root{--cream: #fff6ea;--card: #ffffff;--ink: #4b4639;--ink-soft: #9b9280;--green: #58cc02;--green-d: #46a302;--green-l: #e9fbd8;--yellow: #ffc800;--yellow-d: #e0ae00;--coral: #ff6b6b;--coral-d: #de4f4f;--coral-l: #ffe6e6;--blue: #1cb0f6;--blue-d: #1490cc;--blue-l: #eaf7ff;--line: #f0e4d2;--line-d: #efe2ce;--spr: cubic-bezier(.2, 1.3, .4, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{background:var(--cream);color:var(--ink);font-family:Nunito,-apple-system,PingFang SC,sans-serif;background-image:radial-gradient(circle at 12% 8%,rgba(255,200,0,.2),transparent 42%),radial-gradient(circle at 88% 92%,rgba(88,204,2,.16),transparent 45%),radial-gradient(circle at 92% 6%,rgba(28,176,246,.14),transparent 38%);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.sidebar .panel{padding:14px 16px;margin-bottom:0}.sidebar .side-goal{display:flex;align-items:center;gap:14px}.sidebar .ring{width:52px;height:52px;flex:0 0 52px;position:relative}.sidebar .ring .cc{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--green)}.sidebar .side-tx{min-width:0}.sidebar .side-tx b{display:block;font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:var(--ink)}.sidebar .side-tx span{font-size:12px;font-weight:700;color:var(--ink-soft)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:default}.hud{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 12px) 20px 12px}.pill{display:flex;align-items:center;gap:7px;background:#fff;border:0;border-radius:99px;padding:8px 15px;font-weight:800;font-size:14px;color:var(--ink);box-shadow:0 4px 0 var(--line);transition:transform .12s,box-shadow .12s}.pill:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.pill.streak{color:#ff9600}.pill.xp{color:var(--blue)}.pill .num{font-variant-numeric:tabular-nums}.pending-dot{width:8px;height:8px;border-radius:99px;background:var(--coral);box-shadow:0 0 0 3px var(--coral-l)}.view{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;animation:viewIn .5s var(--spr)}@keyframes viewIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.stg{animation:stgUp .55s var(--spr) both;animation-delay:calc(var(--d, 0) * 70ms)}@keyframes stgUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.map-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 14% 4%,rgba(255,200,0,.2),transparent 38%),radial-gradient(circle at 90% 96%,rgba(88,204,2,.18),transparent 44%),linear-gradient(180deg,#fff9f0 0%,var(--cream) 45%,#f9f1e0 100%)}.map-scroll{position:absolute;inset:0;z-index:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.map-scroll::-webkit-scrollbar{display:none}.map-inner{position:relative;margin:0 auto;width:100%;max-width:480px;height:1060px}.chap{position:absolute;left:0;right:0;text-align:center;z-index:2;pointer-events:none}.chap .t{font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;color:var(--ink)}.chap .s{font-weight:800;font-size:10px;letter-spacing:.14em;color:var(--ink-soft);margin-top:3px}.trail{position:absolute;inset:0;width:100%;height:100%}.trail .base{fill:none;stroke:var(--line);stroke-width:10;stroke-linecap:round;stroke-dasharray:0 22}.trail .live{fill:none;stroke:var(--green);opacity:.4;stroke-width:8;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 1.6s .2s cubic-bezier(.3,0,.2,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}.node{position:absolute;width:92px;height:92px;margin:-46px 0 0 -46px;left:50%;border:0;background:none;display:grid;place-items:center;font-family:Fredoka,sans-serif}.node .blob{width:72px;height:72px;border-radius:26px;background:#fff;display:grid;place-items:center;font-size:20px;font-weight:600;color:var(--ink-soft);box-shadow:0 8px 0 var(--line-d),0 14px 22px #aa8c5f29;transition:transform .16s var(--spr),box-shadow .16s}.node.done .blob{background:var(--green);color:#fff;box-shadow:0 8px 0 var(--green-d),0 14px 22px #58cc0247}.node.now .blob{width:84px;height:84px;border-radius:30px;background:var(--green);color:#fff;font-size:23px;box-shadow:0 10px 0 var(--green-d),0 18px 28px #58cc0257;animation:bob 2.1s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(hover:hover){.node:hover .blob{transform:scale(1.06)}}.node:active .blob{transform:translateY(6px) scale(.97);box-shadow:0 2px 0 var(--line-d)}.node .cap{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);font-weight:800;font-size:11px;letter-spacing:.06em;color:var(--ink);background:#ffffffe0;padding:3px 10px;border-radius:99px;box-shadow:0 2px #f0e4d2e6;white-space:nowrap}.node.now .cap{color:var(--green-d);font-weight:800}.node .flag{position:absolute;left:calc(50% + 46px);top:0;transform:none;background:var(--yellow);color:#7a5a00;font-weight:800;font-size:11px;letter-spacing:.08em;padding:5px 12px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 0 var(--yellow-d);animation:bob 2.1s ease-in-out infinite;z-index:2}.mascot{border:0;background:none;padding:0;cursor:pointer;animation:bob 3.2s ease-in-out infinite;display:block}.mascot svg{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 16px rgba(170,140,95,.22))}.mascot .eyes{transform-origin:center;animation:blink 4.6s infinite}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.08)}}.mascot.happy{animation:jump .55s var(--spr)}@keyframes jump{0%{transform:translateY(0)}35%{transform:translateY(-20px) rotate(-4deg)}70%{transform:translateY(0) scale(1.06,.94)}to{transform:none}}.mascot.sad{animation:sob .8s ease}@keyframes sob{0%,to{transform:translateY(0)}25%{transform:translateY(3px) rotate(-3deg)}55%{transform:translateY(3px) rotate(3deg)}}.mouth-h,.mouth-s{opacity:0}.mascot.happy .mouth-h{opacity:1}.mascot.happy .mouth-o{opacity:0}.mascot.sad .mouth-s{opacity:1}.mascot.sad .mouth-o{opacity:0}.bubble{position:absolute;left:22px;bottom:calc(100% + 8px);z-index:6;background:#fff;border-radius:18px 18px 18px 4px;padding:10px 14px;font-weight:800;font-size:12.5px;color:var(--ink);box-shadow:0 5px 0 var(--line);opacity:0;pointer-events:none;transform:translateY(8px) scale(.9);transform-origin:left bottom;transition:opacity .25s ease,transform .35s var(--spr)}.bubble.show{opacity:1;transform:none}.chat-invite{padding:14px 16px;font-size:13px;max-width:230px}.chat-invite p{font-weight:900;font-size:14px;margin-bottom:2px}.chat-invite .sub{display:block;font-weight:700;font-size:11.5px;color:var(--ink-soft);margin-bottom:10px}.chat-cta{border:none;background:var(--green);color:#fff;font-family:inherit;font-weight:900;font-size:13px;border-radius:12px;padding:9px 16px;cursor:pointer;box-shadow:0 4px 0 var(--green-d);transition:transform .12s var(--spr)}.chat-cta:active{transform:translateY(2px);box-shadow:0 2px 0 var(--green-d)}.goal{border-radius:24px;background:#fff;box-shadow:0 8px 0 var(--line),0 14px 24px #aa8c5f24;display:flex;align-items:center;gap:14px;padding:14px 16px}.goal .ring{width:46px;height:46px;flex:0 0 46px;position:relative}.goal .ring svg{transform:rotate(-90deg);display:block}.goal .cc{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--green)}.goal .tx{font-size:13px;line-height:1.5}.goal .tx b{display:block;font-family:Fredoka,sans-serif;font-weight:600;font-size:15px}.goal .tx span{color:var(--ink-soft)}.quiz{flex:1;display:flex;flex-direction:column;padding:4px 20px 16px;overflow-y:auto}.qbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:14px;background:#fff;color:var(--ink-soft);font-size:15px;box-shadow:0 4px 0 var(--line);transition:transform .12s,box-shadow .12s}.back:active{transform:translateY(4px);box-shadow:none}.qprog{flex:1;height:14px;background:#fff;border-radius:99px;overflow:hidden;box-shadow:inset 0 2px 0 var(--line)}.qprog i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#7bdd2e,var(--green));position:relative;transition:width .5s var(--spr)}.qprog i:after{content:"";position:absolute;inset:2px 6px auto;height:4px;border-radius:99px;background:#ffffff73}.combo{font-weight:800;font-size:12px;color:#ff9600;white-space:nowrap}.qcard{background:#fff;border-radius:28px;padding:22px 20px 20px;text-align:center;box-shadow:0 10px 0 var(--line),0 18px 30px #aa8c5f29}.qtag{font-weight:800;font-size:11px;letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase}.qword{font-family:Fredoka,sans-serif;font-weight:600;font-size:38px;line-height:1.08;color:var(--ink);margin:10px 0 8px;letter-spacing:-.01em;animation:wordIn .45s var(--spr)}@keyframes wordIn{0%{opacity:0;transform:translateY(14px) scale(.86)}to{opacity:1;transform:none}}.speak{display:inline-flex;align-items:center;gap:7px;border:0;background:var(--blue-l);color:var(--blue);font-weight:800;font-size:13px;padding:9px 16px;border-radius:99px;box-shadow:0 4px #cde9f8;transition:transform .12s,box-shadow .12s}.speak:active{transform:translateY(4px);box-shadow:none}.opts{display:grid;gap:12px;margin-top:18px}.opt{display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;background:#fff;border:0;border-radius:22px;color:var(--ink);font-size:17px;font-weight:800;box-shadow:0 7px 0 var(--line),0 12px 20px #aa8c5f24;transition:transform .12s var(--spr),box-shadow .12s,background .2s;animation:optIn .4s var(--spr) both}.opt:nth-child(2){animation-delay:.05s}.opt:nth-child(3){animation-delay:.1s}.opt:nth-child(4){animation-delay:.15s}@keyframes optIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.opt .num{width:26px;height:26px;flex:0 0 26px;border-radius:9px;background:#f6eddd;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--ink-soft)}@media(hover:hover){.opt:hover{transform:translateY(-3px) scale(1.015)}}.opt:active{transform:translateY(6px);box-shadow:0 1px 0 var(--line)}.opt.ok{background:var(--green-l);box-shadow:0 7px #c3e8a0,0 12px 20px #58cc0238}.opt.ok .num{background:var(--green);color:#fff}.opt.no{background:var(--coral-l);box-shadow:0 7px #f3c0c0;animation:wobble .4s ease}.opt.no .num{background:var(--coral);color:#fff}@keyframes wobble{0%,to{transform:translate(0)}25%{transform:translate(-7px) rotate(-1deg)}60%{transform:translate(6px) rotate(1deg)}}.opt.dim{opacity:.4}.shakeit{animation:wobble .42s ease}.revp{flex:1;display:flex;flex-direction:column;padding:6px 22px 16px;overflow:hidden}.revhead{text-align:center;margin-bottom:14px}.revhead b{font-family:Fredoka,sans-serif;font-weight:600;font-size:18px}.revhead span{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--ink-soft);margin-top:4px}.stack{position:relative;flex:1;min-height:340px;perspective:1100px}.tcard{position:absolute;inset:0;transform-style:preserve-3d;cursor:pointer;transition:transform .65s var(--spr),opacity .4s ease,translate .45s var(--spr),rotate .45s var(--spr)}.tcard.pos-front{transform:none;z-index:3}.tcard.pos-next{transform:translateY(14px) scale(.94);z-index:2;filter:brightness(.97)}.tcard.pos-third{transform:translateY(26px) scale(.88);z-index:1;filter:brightness(.93)}.tcard.fly{opacity:0;pointer-events:none}.tcard.fly.known{translate:190px -70px;rotate:14deg}.tcard.fly.unknown{translate:-190px -70px;rotate:-14deg}.tcard .face{position:absolute;inset:0;border-radius:28px;background:#fff;box-shadow:0 10px 0 var(--line),0 16px 26px #aa8c5f29;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;padding:20px;text-align:center}.tcard .face.back-f{transform:rotateY(180deg);background:#fffdf6}.tcard.flipped.pos-front{transform:rotateY(180deg)}.word-big{font-family:Fredoka,sans-serif;font-weight:600;font-size:34px;letter-spacing:-.01em}.pos-tag{font-weight:800;font-size:11px;letter-spacing:.14em;color:var(--blue);margin-top:6px}.hint{margin-top:14px;font-size:11.5px;font-weight:800;color:var(--ink-soft);letter-spacing:.06em}.meaning{font-size:22px;font-weight:800;color:var(--ink)}.meaning .ex{display:block;margin-top:14px;font-size:13px;font-weight:700;color:var(--ink-soft);line-height:1.6}.btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.rbtn{border:0;border-radius:20px;padding:15px;font-weight:800;font-size:15px;color:#fff;transition:transform .12s var(--spr),box-shadow .12s,opacity .15s}.rbtn:active{transform:translateY(5px);box-shadow:none}.rbtn.k{background:var(--green);box-shadow:0 6px 0 var(--green-d)}.rbtn.u{background:var(--coral);box-shadow:0 6px 0 var(--coral-d)}.rbtn:disabled{opacity:.35}.revdone{position:absolute;inset:0;display:grid;place-items:center;z-index:6}.revdone .bx{background:#fff;border-radius:26px;padding:26px 30px;text-align:center;box-shadow:0 10px 0 var(--line),0 18px 30px #aa8c5f29;animation:popIn .5s var(--spr)}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.revdone .bx b{font-family:Fredoka,sans-serif;font-weight:600;font-size:20px;display:block}.revdone .bx span{font-size:13px;font-weight:800;color:var(--ink-soft)}.statp{flex:1;overflow-y:auto;padding:14px 20px 20px;scrollbar-width:none}.statp::-webkit-scrollbar{display:none}.big3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.b3{background:#fff;border-radius:22px;padding:14px 8px;text-align:center;box-shadow:0 6px 0 var(--line),0 10px 18px #aa8c5f1f}.b3 .v{font-family:Fredoka,sans-serif;font-weight:600;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.b3 .k{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--ink-soft);margin-top:6px;text-transform:uppercase}.b3.g .v{color:var(--green)}.b3.o .v{color:#ff9600}.b3.b .v{color:var(--blue)}.panel{background:#fff;border-radius:24px;padding:18px;box-shadow:0 8px 0 var(--line),0 14px 22px #aa8c5f24;margin-bottom:16px}.panel h3{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;margin-bottom:12px}.panel h3 span{font-size:11px;font-weight:800;color:var(--ink-soft);letter-spacing:.08em;margin-left:6px}.week{display:flex;gap:10px;align-items:flex-end;height:120px}.wcol{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.wbar{width:100%;border-radius:12px 12px 10px 10px;height:0;background:linear-gradient(180deg,#8fe844,var(--green));transition:height .8s var(--spr)}.wcol.low .wbar{background:linear-gradient(180deg,#ffd97b,var(--yellow))}.wcol .wd{font-size:10px;font-weight:800;color:var(--ink-soft)}.wcol.today .wd{color:var(--green)}.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.hc{aspect-ratio:1;border-radius:8px;background:var(--line);transition:transform .15s var(--spr)}@media(hover:hover){.hc:hover{transform:scale(1.15)}}.hc:active{transform:scale(1.15)}.hc[data-h="1"]{background:#d3f3ae}.hc[data-h="2"]{background:#9fdf6b}.hc[data-h="3"]{background:#58cc02}.hc[data-h="4"]{background:#3fa302}.empty-tip{text-align:center;color:var(--ink-soft);font-weight:800;font-size:13px;padding:30px 0}.prof{flex:1;overflow-y:auto;padding:18px 20px 20px;scrollbar-width:none}.prof::-webkit-scrollbar{display:none}.me{display:flex;align-items:center;gap:14px;margin-bottom:16px}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#8fe844,var(--green));display:grid;place-items:center;font-size:30px;box-shadow:0 6px 0 var(--green-d),0 12px 20px #58cc0247;cursor:pointer;transition:transform .16s var(--spr)}@media(hover:hover){.avatar:hover{transform:scale(1.08) rotate(-4deg)}}.avatar:active{transform:scale(.94)}.me .nm{font-family:Fredoka,sans-serif;font-weight:600;font-size:19px}.me .lv{font-size:12px;font-weight:800;color:var(--ink-soft);margin-top:2px}.me .lv b{color:var(--yellow);-webkit-text-stroke:.5px #c99b00}.lvbar{margin-top:7px;width:170px;max-width:100%;height:9px;background:var(--line);border-radius:99px;overflow:hidden}.lvbar i{display:block;height:100%;border-radius:99px;background:var(--yellow);transition:width 1s var(--spr)}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bd{background:#fff;border-radius:20px;padding:14px 6px;text-align:center;box-shadow:0 6px 0 var(--line);transition:transform .16s var(--spr)}@media(hover:hover){.bd:hover{transform:translateY(-4px)}}.bd:active{transform:translateY(2px)}.bd .em{font-size:28px;display:block;transition:transform .2s var(--spr)}@media(hover:hover){.bd:hover .em{transform:scale(1.18) rotate(-6deg)}}.bd .nm2{font-size:10.5px;font-weight:800;color:var(--ink-soft);margin-top:6px}.bd.lock{opacity:.45}.bd.lock .em{filter:grayscale(1)}.rows{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 6px 0 var(--line)}.rw{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);font-weight:800;font-size:14px;color:var(--ink);transition:background .15s}.rw:last-child{border-bottom:0}@media(hover:hover){.rw:hover{background:#fffbf3}}.rw:active{background:var(--green-l)}.rw .l{display:flex;align-items:center;gap:10px}.rw .ic{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;font-size:15px}.rw .arr{color:var(--ink-soft);font-size:13px}.rw .tag{font-size:10px;font-weight:800;color:#fff;background:var(--green);border-radius:99px;padding:3px 9px}.fill{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#4b463973;backdrop-filter:blur(5px);padding:24px}.fill .box{background:#fff;border-radius:32px;padding:30px 26px 26px;text-align:center;width:100%;max-width:320px;max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:none;box-shadow:0 14px #0000001a;animation:popIn .5s var(--spr)}.fill .box::-webkit-scrollbar{display:none}.fill h2{font-family:Fredoka,sans-serif;font-size:28px;font-weight:600;color:var(--green)}.fill .stars{display:flex;justify-content:center;gap:10px;margin:16px 0}.fill .stars svg{width:42px;height:42px;opacity:0;animation:popStar .5s var(--spr) forwards}.fill .stars svg:nth-child(2){animation-delay:.15s}.fill .stars svg:nth-child(3){animation-delay:.3s}@keyframes popStar{0%{opacity:0;transform:scale(.2) rotate(-45deg)}to{opacity:1;transform:none}}.fill p{font-size:14px;font-weight:700;color:var(--ink-soft);line-height:1.65;margin-bottom:20px}.btn{width:100%;border:0;border-radius:20px;padding:15px;font-weight:800;font-size:16px;letter-spacing:.04em;color:#fff;background:var(--green);box-shadow:0 6px 0 var(--green-d);transition:transform .12s,box-shadow .12s}.btn:active{transform:translateY(6px);box-shadow:none}.btn:disabled{opacity:.5}.btn.alt{background:var(--blue);box-shadow:0 6px 0 var(--blue-d);margin-top:10px}.login{height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:32px 28px calc(env(safe-area-inset-bottom,0px) + 32px);max-width:400px;margin:0 auto}.login .logo{text-align:center;margin-bottom:28px}.login .logo svg{width:84px;height:84px;filter:drop-shadow(0 10px 14px rgba(88,204,2,.3));animation:bob 3s ease-in-out infinite}.login .logo h1{font-family:Fredoka,sans-serif;font-weight:600;font-size:30px;margin-top:12px}.login .logo p{font-weight:800;font-size:12px;letter-spacing:.2em;color:var(--ink-soft);margin-top:4px}.lcard{background:#fff;border-radius:26px;padding:24px 22px;box-shadow:0 10px 0 var(--line),0 18px 30px #aa8c5f29}.lfield{margin-bottom:14px}.lfield label{display:block;font-size:12px;font-weight:800;color:var(--ink-soft);margin-bottom:6px}.lfield input{width:100%;border:2px solid var(--line);border-radius:16px;padding:13px 15px;font:inherit;font-weight:700;color:var(--ink);background:var(--cream);outline:none;transition:border-color .2s,box-shadow .2s}.lfield input:focus{border-color:var(--green);box-shadow:0 4px 0 var(--green-l)}.lerr{color:var(--coral-d);font-size:12.5px;font-weight:800;min-height:18px;margin:6px 0 10px}.lswap{text-align:center;margin-top:16px;font-size:13px;font-weight:800;color:var(--ink-soft)}.lswap button{border:0;background:none;color:var(--blue);font-weight:800;font-size:13px;padding:2px 4px}.uc-note{text-align:center;font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:18px;opacity:.8}.dock a,.dock button{flex:1;border:0;background:none;padding:9px 0 7px;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;font-weight:800;font-size:10px;letter-spacing:.06em;color:var(--ink-soft);transition:color .25s,background .25s,box-shadow .25s}.dock a b,.dock button b{font-size:19px;font-weight:400;line-height:1;transition:transform .3s var(--spr)}.dock a.on,.dock button.on{color:var(--green);background:var(--green-l);box-shadow:0 4px #c3e8a0}.dock a.on b,.dock button.on b{transform:translateY(-2px) scale(1.12)}.spark{position:fixed;border-radius:99px;pointer-events:none;z-index:60;animation:fly .95s cubic-bezier(.2,.8,.3,1) forwards}@keyframes fly{to{transform:translate(var(--dx),var(--dy)) rotate(300deg) scale(.4);opacity:0}}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);transform:translate(-50%) translateY(16px);background:var(--ink);color:var(--cream);font-weight:800;font-size:13px;padding:10px 18px;border-radius:99px;opacity:0;pointer-events:none;z-index:70;transition:all .35s var(--spr)}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.qtype-badge{display:inline-flex;align-items:center;gap:5px;background:var(--green-l);color:var(--green-d);border-radius:99px;padding:4px 12px;font-size:10.5px;font-weight:800;letter-spacing:.08em}.listen-big{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px auto 4px;border:0;background:var(--blue-l);color:var(--blue);width:96px;height:96px;border-radius:50%;font-size:40px;cursor:pointer;box-shadow:0 6px #cde9f8;transition:transform .12s,box-shadow .12s}.listen-big:active{transform:translateY(5px);box-shadow:none}.listen-big span{font-size:11px;font-weight:800}.cloze-sentence{font-size:17px;font-weight:700;line-height:1.7;color:var(--ink);margin:12px 0 4px;text-align:left}.cloze-sentence :not(span){word-break:break-word}.spell-zh{font-size:30px}.letter-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 4px}.letter-slot{width:34px;height:42px;border-radius:10px;border:2px dashed var(--line);display:grid;place-items:center;font-family:Fredoka,sans-serif;font-size:20px;font-weight:600;color:var(--ink);background:var(--cream);transition:border-color .15s}.letter-slot.filled{border-style:solid;border-color:var(--green);background:var(--green-l)}.letter-slots.no .letter-slot{border-color:var(--coral);background:var(--coral-l);animation:wobble .4s ease}.letter-slots.ok .letter-slot{border-color:var(--green);background:var(--green);color:#fff}.letter-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.letter-tile{width:44px;height:48px;border:0;border-radius:12px;background:#fff;box-shadow:0 5px 0 var(--line),0 10px 16px #aa8c5f24;font-family:Fredoka,sans-serif;font-size:22px;font-weight:600;color:var(--ink);cursor:pointer;transition:transform .12s var(--spr),box-shadow .12s,opacity .15s}.letter-tile:active{transform:translateY(5px);box-shadow:0 0 0 var(--line)}.letter-tile.used{opacity:.25;pointer-events:none}.match-wrap{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:8px}.match-head{flex:0 0 auto}.match-tip{margin-top:8px;font-size:12px;font-weight:800;color:var(--ink-soft)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;flex:1;align-content:start}.match-col{display:flex;flex-direction:column;gap:10px}.match-cell{border:0;border-radius:18px;background:#fff;box-shadow:0 5px 0 var(--line),0 10px 16px #aa8c5f24;padding:14px 12px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;color:var(--ink);cursor:pointer;text-align:left;transition:transform .12s var(--spr),box-shadow .12s,opacity .2s;min-height:52px}.match-cell:active{transform:translateY(4px);box-shadow:none}.match-cell.sel{background:var(--blue-l);box-shadow:0 5px #cde9f8;color:var(--blue-d)}.match-cell.no{animation:wobble .4s ease;background:var(--coral-l)}.match-cell.solved{background:var(--green-l);box-shadow:0 5px #c3e8a0;opacity:.55;pointer-events:none}.review-badge{display:inline-flex;align-items:center;gap:4px;background:#fff3d6;color:#b47b00;border-radius:99px;padding:4px 12px;font-size:10.5px;font-weight:800;letter-spacing:.08em;margin-left:6px}.chest-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;animation:popIn .5s var(--spr)}.chest-emoji{font-size:96px;line-height:1;animation:bob 1.2s ease-in-out infinite;filter:drop-shadow(0 16px 22px rgba(255,150,0,.35))}.chest-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:28px;color:#ff9600}.chest-sub{font-size:14px;font-weight:800;color:var(--ink-soft)}.pill.hearts .num{color:#ff4b4b}.econ-row{display:flex;gap:8px;flex-wrap:wrap}.econ-chip{display:inline-flex;align-items:center;gap:6px;background:#f6f1e7;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:800;color:var(--ink)}.econ-chip b{font-weight:900}.tasks-banner{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);left:12px;right:12px;z-index:4;display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:9px 12px;box-shadow:0 4px 0 var(--line),0 12px 26px #9678502e}.tb-title{flex:0 0 auto;font-size:13px;font-weight:900;color:var(--ink)}.tb-list{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.tb-list::-webkit-scrollbar{display:none}.tb-item{flex:1 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;border-radius:12px;padding:5px 10px;background:#f6f1e7;font-weight:800;font-size:11px;color:var(--ink);transition:transform .12s}.tb-item:active{transform:scale(.94)}.tb-item.ready{background:#e8f8d8;color:#3e8a00}.tb-item.got{background:#f0e4d2;color:#8b7e63}.tb-label{white-space:nowrap}.tb-meta{font-size:10px;font-weight:800;opacity:.85;white-space:nowrap}.hearts-out{text-align:center}.fail-heart{font-size:64px;line-height:1;animation:bob 1.4s ease-in-out infinite}.gem-line{font-weight:800;color:#b47b00;background:#fff3d6;border-radius:99px;padding:6px 14px;display:inline-block;font-size:12.5px}.story-chip{display:inline-flex;align-items:center;gap:4px;margin-top:6px;border:0;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:900;background:#e8f8d8;color:#3e8a00;box-shadow:0 3px #5ea62c59;transition:transform .12s}.story-chip:active{transform:scale(.94)}.story-chip.lock{background:#f0e4d2;color:#8b7e63;box-shadow:0 3px #8b7e6340}.story-title{flex:1;min-width:0;font-weight:900;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-stage{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;padding:4px 16px 0}.story-scene{text-align:center;font-size:11px;font-weight:800;color:var(--ink-soft);padding:6px 0 10px}.story-chat{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;padding:4px 2px 24px}.story-chat::-webkit-scrollbar{display:none}.bubble-row{display:flex;align-items:flex-start;gap:8px;animation:popIn .35s var(--spr)}.bubble-row.me{flex-direction:row-reverse}.bub-ava{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;font-size:22px;background:#fff;border-radius:50%;box-shadow:0 3px 0 var(--line)}.bub{max-width:78%;background:#fff;border-radius:4px 18px 18px;padding:9px 13px;box-shadow:0 4px 0 var(--line)}.bubble-row.me .bub{background:#e8f8d8;border-radius:18px 4px 18px 18px}.bub-name{font-size:10px;font-weight:900;color:var(--ink-soft);margin-bottom:2px}.bub-en{font-weight:800;font-size:14.5px;color:var(--ink);line-height:1.45}.bub-zh{font-size:11.5px;color:var(--ink-soft);margin-top:3px;line-height:1.5}.bub-tap{font-size:10px;font-weight:900;color:var(--green);margin-top:5px;animation:bob 1.2s ease-in-out infinite}.bub.quiz{cursor:default}.story-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.story-opts .opt{background:#f6f1e7}.story-opts .opt.ok{background:#e8f8d8}.story-opts .opt.no{background:#ffe3e3}.story-opts .opt.dim{opacity:.5}.speak-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 20px}.mic{border:0;border-radius:99px;padding:14px 26px;font-size:15px;font-weight:900;color:#fff;background:var(--green);box-shadow:0 6px 0 var(--green-d, #47A302),0 14px 24px #58cc0259;transition:transform .12s}.mic:active{transform:scale(.95)}.mic.rec{background:#ff6b6b;box-shadow:0 6px #e14b4b,0 14px 24px #ff6b6b59;animation:bob .9s ease-in-out infinite}.mic.done{background:#1cb0f6;box-shadow:0 6px #1589c4}.mic:disabled{opacity:.75}.speak-tip{font-size:12px;font-weight:800;color:var(--ink-soft)}.speak-tip.no{color:#e14b4b;background:#ffe3e3;border-radius:12px;padding:8px 14px;text-align:center}.speak-heard{font-size:12.5px;font-weight:800;color:var(--ink);background:#f6f1e7;border-radius:12px;padding:8px 14px;text-align:center}.app{height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;position:relative}.main-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.sidebar{display:none}.map-foot{position:relative;z-index:2;flex:0 0 auto;margin-top:auto;padding:0 20px 14px}.foot-row{display:flex;align-items:flex-end;gap:6px}.foot-row .mascot{position:static;flex:0 0 86px;width:86px}.foot-row .goal{flex:1;min-width:0}.dock{position:relative;z-index:10;display:flex;gap:4px;margin:0 16px calc(env(safe-area-inset-bottom,0px) + 12px);padding:8px 10px 16px;background:#fff;border-radius:26px;box-shadow:0 8px 0 var(--line),0 16px 30px #96785033}.hud .pill.xp{display:none}.tasks-banner .tb-item{flex:0 0 auto}@media(min-width:600px)and (max-width:979.98px){.app{max-width:none}.hud,.main-area{margin-right:280px}.sidebar{display:flex;flex-direction:column;gap:12px;position:absolute;top:0;right:0;bottom:0;width:280px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 16px;overflow-y:auto;scrollbar-width:none;background:#ffffff8c;backdrop-filter:blur(4px);border-left:1px solid rgba(75,70,57,.08);z-index:6}.sidebar::-webkit-scrollbar{display:none}.map-foot{display:none}.dock{width:min(400px,70%);margin-left:auto;margin-right:auto}.hud .pill.xp{display:flex}}@media(min-width:980px){.app{max-width:none}.hud,.main-area{margin-left:96px;margin-right:320px}.sidebar{display:flex;flex-direction:column;gap:12px;position:absolute;top:0;right:0;bottom:0;width:320px;padding:16px;overflow-y:auto;scrollbar-width:none;background:#ffffff8c;backdrop-filter:blur(4px);border-left:1px solid rgba(75,70,57,.08);z-index:6}.sidebar::-webkit-scrollbar{display:none}.sidebar .badges{grid-template-columns:repeat(4,1fr);gap:8px}.map-foot{display:none}.dock{position:absolute;left:18px;top:0;bottom:0;margin:auto 0;height:fit-content;width:78px;flex-direction:column;gap:6px;padding:14px 8px}.hud .pill.xp{display:flex}}.book-list{display:flex;flex-direction:column;gap:10px;margin:16px 0 20px;max-height:320px;overflow-y:auto;scrollbar-width:none}.book-list::-webkit-scrollbar{display:none}.book-item{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:18px;background:var(--cream);padding:12px 14px;text-align:left;font-family:inherit;transition:border-color .2s,transform .12s var(--spr),box-shadow .12s}.book-item:active{transform:translateY(3px)}.book-item.on{border-color:var(--green);box-shadow:0 4px 0 var(--green-l);background:#fff}.book-item .bi-em{font-size:22px;flex:0 0 auto}.book-item .bi-tx{display:flex;flex-direction:column;gap:2px;min-width:0}.book-item .bi-tx b{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:var(--ink)}.book-item .bi-tx>span{font-size:11.5px;font-weight:800;color:var(--ink-soft)}.book-item .bi-check{margin-left:auto;color:var(--green);font-weight:800;font-size:16px}.book-item .voice-preview{margin-left:auto;flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#58cc02,#47a302);box-shadow:0 4px #357f01,inset 0 2px #fff6,0 8px 16px #00000029;transition:transform .12s var(--spr),box-shadow .12s}.book-item .voice-preview svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.book-item .voice-preview:active{transform:translateY(2px);box-shadow:0 2px #357f01,inset 0 2px #fff6}.book-item .voice-preview.playing{background:linear-gradient(180deg,#ffd54a,#ffc800);box-shadow:0 4px #d9a400,inset 0 2px #ffffff80,0 8px 16px #ffc80052}.book-item .voice-preview .eq{display:flex;align-items:center;gap:3px;height:18px}.book-item .voice-preview .eq i{width:4px;height:100%;border-radius:2px;background:#fff;transform-origin:center;animation:eqJump .55s ease-in-out infinite}.book-item .voice-preview .eq i:nth-child(2){animation-delay:.14s}.book-item .voice-preview .eq i:nth-child(3){animation-delay:.28s}@keyframes eqJump{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.book-item .voice-check{margin-left:auto;flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#8fe844,var(--green));box-shadow:0 4px #47a302,inset 0 2px #ffffff73,0 8px 16px #58cc0247}.book-item .voice-check svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))}