*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#e8f5f3;--bg-gradient:linear-gradient(145deg, #e0f2ef 0%, #d4ece8 50%, #c8e6e0 100%);--card:#f0faf8;--card-border:#ffffff80;--primary:#0d9488;--primary-dark:#0b7e74;--primary-light:#14b8a6;--accent:#d97706;--accent-light:#f59e0b;--success:#10b981;--danger:#ef4444;--text:#1a3a35;--text-light:#4a7a72;--radius:22px;--radius-sm:14px;--shadow-clay:0 4px 6px #0d948814, 0 10px 20px #0d94880f, 0 20px 40px #0d94880a, inset 0 -2px 4px #fff9, inset 0 2px 4px #0d94880d;--shadow-clay-lg:0 6px 10px #0d94881a, 0 16px 32px #0d948814, 0 32px 64px #0d94880d, inset 0 -3px 6px #ffffffb3, inset 0 3px 6px #0d94880f;--shadow-clay-sm:0 2px 4px #0d94880f, 0 6px 12px #0d94880a, inset 0 -1px 2px #ffffff80, inset 0 1px 2px #0d94880a;--shadow-pressed:0 1px 2px #0d94881a, inset 0 2px 6px #0d94881f;--font-heading:"Baloo 2", cursive, system-ui, sans-serif;--font-body:"Comic Neue", cursive, system-ui, sans-serif;--blob-teal:#0d948812;--blob-amber:#d977060f;--blob-emerald:#10b9810f}html,body,#root{width:100%;min-height:100%}html,body{-webkit-overflow-scrolling:touch;overflow:hidden auto}body{font-family:var(--font-body);color:var(--text);background:var(--bg);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}p{color:var(--text-light);font-size:1.05rem;line-height:1.6}.blob-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(60px);opacity:.8;border-radius:50%;animation:12s ease-in-out infinite alternate blobFloat;position:absolute}.blob--teal{background:var(--blob-teal);width:280px;height:280px;animation-duration:14s;top:-60px;left:-40px}.blob--amber{background:var(--blob-amber);width:220px;height:220px;animation-duration:18s;animation-delay:-4s;bottom:10%;right:-30px}.blob--emerald{background:var(--blob-emerald);width:200px;height:200px;animation-duration:16s;animation-delay:-8s;bottom:-40px;left:30%}.blob--teal-sm{background:#0d94880d;width:160px;height:160px;animation-duration:20s;animation-delay:-6s;top:40%;right:15%}@keyframes blobFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(15px,-20px)scale(1.05)}66%{transform:translate(-10px,15px)scale(.95)}to{transform:translate(5px,-10px)scale(1.02)}}.screen{width:100%;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));z-index:1;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden auto}h2{margin-bottom:8px;font-size:1.6rem}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;text-shadow:0 1px 2px #00000026;border:none;min-height:48px;margin-top:16px;padding:14px 32px;font-size:1.1rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 4px 8px #0d948840,0 8px 20px #0d948826,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0d94884d,0 12px 28px #0d948833,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3}.btn-primary:active{box-shadow:var(--shadow-pressed);transform:scale(.96)translateY(1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{background:var(--card);color:var(--text);border:2px solid var(--primary);border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;min-height:44px;box-shadow:var(--shadow-clay-sm);padding:10px 20px;font-size:1rem;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.btn-secondary:active{box-shadow:var(--shadow-pressed);transform:scale(.97)}.btn-small{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:10px;min-height:36px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0d948833,0 4px 12px #0d94881a,inset 0 -1px 2px #00000014,inset 0 1px 2px #ffffff26}.btn-small:active{box-shadow:var(--shadow-pressed);transform:scale(.95)}.btn-small:disabled{opacity:.35;cursor:not-allowed}.btn-equipped{background:linear-gradient(135deg, var(--success) 0%, #34d399 100%);box-shadow:0 2px 6px #10b98133,0 4px 12px #10b9811a,inset 0 -1px 2px #00000014,inset 0 1px 2px #ffffff26}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #f87171 100%);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;border:none;min-height:44px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #ef444433,0 4px 12px #ef44441a,inset 0 -1px 2px #00000014,inset 0 1px 2px #ffffff26}.btn-danger:active{box-shadow:var(--shadow-pressed);transform:scale(.96)}.settings-logout{text-align:center;justify-content:center;width:100%;max-width:360px;display:flex}.settings-logout__btn{cursor:pointer;font-family:var(--font-heading);color:#e53935;-webkit-tap-highlight-color:transparent;background:#ffffffd9;border:2px solid #e539354d;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 10px #e539351f}.settings-logout__btn:hover{background:#e5393514;border-color:#e5393580;transform:translateY(-1px);box-shadow:0 6px 14px #e539352e}.settings-logout__btn:active{transform:scale(.97)}.settings-logout__icon{font-size:1.1rem}.dark-mode .settings-logout__btn{color:#ff8a80;background:#e539351f;border-color:#ff8a8066;box-shadow:0 4px 10px #0000004d}.btn-back{background:var(--card);color:var(--text-light);border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;min-height:44px;box-shadow:var(--shadow-clay-sm);border:2px solid #0d948833;margin-top:16px;padding:10px 24px;font-size:1rem;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.btn-back:active{box-shadow:var(--shadow-pressed);transform:scale(.97)}.topbar{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:8px;padding:8px 0;display:flex}.topbar-group{align-items:center;gap:8px;display:flex}.topbar-item{font-family:var(--font-heading);align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.topbar-icon{font-size:1.2rem}.xp-track{background:#0d94881a;border-radius:4px;width:60px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0d948814}.xp-fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:4px;height:100%;transition:width .4s;box-shadow:0 0 6px #0d94884d}.xp-num{color:var(--text-light);font-size:.75rem;font-family:var(--font-heading)}.topbar-btn{background:var(--card);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-clay);border:none;border-radius:50%;font-size:1.2rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.topbar-btn:active{box-shadow:var(--shadow-pressed);transform:scale(.92)}.particles-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.naming-screen{background:linear-gradient(135deg,#0d948826 0%,#d977061a 100%);justify-content:center}.naming-card{background:var(--card);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow-clay-lg);text-align:center;z-index:1;border:1px solid #fff9;padding:36px 28px}.naming-title{color:var(--primary);font-size:2.2rem;font-weight:800;font-family:var(--font-heading);margin-bottom:4px}.naming-sub{margin-bottom:20px}.naming-field{text-align:left;margin-bottom:16px}.naming-field label{font-family:var(--font-heading);color:var(--text);margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}.naming-field input{border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);background:#f8fdfc;border:2px solid #0d948826;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0d94880a}.naming-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881f,inset 0 2px 4px #0d94880a}.map-screen{background:radial-gradient(ellipse at 30% 10%, #0d948814 0%, transparent 50%), radial-gradient(ellipse at 70% 85%, #d977060f 0%, transparent 50%), var(--bg);flex-direction:column;min-height:100dvh;padding:4px 8px 0;display:flex;overflow:hidden auto}.map-header{text-align:center;z-index:1;flex-shrink:0;margin-bottom:4px}.map-grid{z-index:1;flex:1;grid-template-columns:repeat(2,1fr);align-content:center;gap:10px;width:100%;max-width:500px;margin-bottom:4px;display:grid}.map-card{background:var(--card);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-clay);border:1px solid #ffffff80;flex-direction:column;align-items:center;gap:3px;min-height:0;padding:12px 8px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex}.map-card:active{box-shadow:var(--shadow-pressed);transform:scale(.95)}.map-card-unlocked{border:2px solid var(--success);box-shadow:var(--shadow-clay), 0 0 12px #10b9811f}.map-icon{font-size:1.7rem}.map-name{font-family:var(--font-heading);font-size:.9rem;font-weight:700}.map-rung{color:var(--text-light);font-size:.7rem;font-family:var(--font-heading)}.map-stars{font-size:.6rem}.map-footer{z-index:1;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:6px 0;display:flex}.map-companion{flex-shrink:0}.map-footer-btns{align-items:center;gap:8px;display:flex}.companion-stage-label{font-family:var(--font-heading);color:var(--text-light);font-size:.75rem;font-weight:700}.island-scene{perspective:1200px;z-index:1;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.island-card{width:100%;max-width:420px;transform-style:preserve-3d;background:linear-gradient(145deg,#f0faf8 0%,#e0f2ef 40%,#d4ece8 100%);border:1px solid #fff9;border-radius:28px;padding:20px 16px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:6s ease-in-out infinite islandFloat;position:relative;overflow:hidden;transform:rotateX(2deg)rotateY(-1deg);box-shadow:0 8px 16px #0d94881f,0 24px 48px #0d948814,0 48px 80px #0d94880d,inset 0 -4px 8px #ffffffb3,inset 0 4px 8px #0d94880f}.island-card:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 20%,#0d94880f 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite alternate islandShimmer;position:absolute;top:-50%;left:-50%}.island-card:hover{transform:rotateX(0)rotateY(0)translateY(-4px)}@keyframes islandFloat{0%,to{transform:rotateX(2deg)rotateY(-1deg)translateY(0)}25%{transform:rotateX(1deg)rotateY(0)translateY(-3px)}50%{transform:rotateX(2deg)rotateY(1deg)translateY(-6px)}75%{transform:rotateX(3deg)rotateY(0)translateY(-3px)}}@keyframes islandShimmer{0%{transform:translate(-5%,-5%)rotate(0)}to{transform:translate(5%,5%)rotate(5deg)}}.island-header{text-align:center;z-index:1;margin-bottom:12px;position:relative}.island-title{font-family:var(--font-heading);color:var(--primary);text-shadow:0 2px 4px #0d94881a;margin-bottom:2px;font-size:1.5rem;font-weight:800}.island-sub{font-family:var(--font-heading);color:var(--text-light);font-size:.85rem;font-weight:600}.island-stats-row{z-index:1;justify-content:center;gap:16px;margin-bottom:14px;display:flex;position:relative}.island-stat{background:#fff9;border-radius:14px;flex-direction:column;align-items:center;min-width:60px;padding:8px 14px;display:flex;box-shadow:0 2px 6px #0d94880f,inset 0 -1px 2px #ffffff80,inset 0 1px 2px #0d94880a}.island-stat-num{font-family:var(--font-heading);color:var(--primary);font-size:1.2rem;font-weight:800}.island-stat-label{font-family:var(--font-heading);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.subject-grid{z-index:1;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 4px;display:grid;position:relative}.subject-card{cursor:pointer;animation:.4s ease-out both nodeReveal;animation-delay:var(--delay,0s);background:linear-gradient(145deg,#fff 0%,#f0faf8 100%);border:1px solid #ffffff80;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-height:0;padding:8px 4px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 3px 6px #0d94881a,0 6px 12px #0d94880f,inset 0 -2px 4px #fff9,inset 0 2px 4px #0d94880d}.subject-card:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 5px 10px #0d948826,0 10px 20px #0d948814,inset 0 -2px 4px #fff9,inset 0 2px 4px #0d94880d}.subject-card:active{transform:scale(.93);box-shadow:0 1px 3px #0d94881a,inset 0 2px 6px #0d94881a}.subject-card--defeated{border:2px solid #10b9814d}.subject-card--defeated:after{content:"";pointer-events:none;background:#10b9810d;border-radius:14px;position:absolute;inset:0}.subject-emoji{font-size:1.5rem}.subject-name{font-family:var(--font-heading);color:var(--text);text-align:center;font-size:.65rem;font-weight:700;line-height:1.1}.subject-defeated-badge{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:800;animation:.3s ease-out checkPop;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 1px 3px #10b9814d}@keyframes nodeReveal{0%{opacity:0;transform:translateY(12px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.battle-screen{justify-content:flex-start;padding:8px}.battle-arena{z-index:1;width:100%;max-width:500px}.battle-top{justify-content:space-around;align-items:center;margin-bottom:8px;display:flex}.battle-companion,.battle-monster{flex-direction:column;align-items:center;gap:4px;display:flex}.battle-name{font-family:var(--font-heading);color:var(--text-light);font-size:.9rem;font-weight:700}.battle-vs{font-size:1.5rem}.battle-streak{text-align:center;font-family:var(--font-heading);color:var(--accent);margin-bottom:8px;font-size:.9rem;font-weight:600}.companion{flex-direction:column;align-items:center;display:flex}.companion-bob,.companion-idle .companion-bob{animation:2s ease-in-out infinite companionBob}.companion-celebrate .companion-bob{animation:.5s ease-in-out infinite companionCelebrate}.companion-sad .companion-bob{animation:1s ease-in-out infinite companionSad}@keyframes companionBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes companionCelebrate{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.12)}}@keyframes companionSad{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(3px)rotate(-3deg)}}.companion-stage-label{color:var(--text-light);font-size:.7rem;font-family:var(--font-heading);margin-top:2px;font-weight:600}.monster{flex-direction:column;align-items:center;display:flex}.monster-wobble{transform-origin:50%;animation:3s ease-in-out infinite monsterWobble}.monster-hit .monster-wobble{animation:.3s ease-in-out monsterHit!important}.monster-boss .monster-wobble{animation-duration:2s}@keyframes monsterWobble{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes monsterHit{0%,to{transform:translate(0)}25%{transform:translate(-8px)scale(.93)}75%{transform:translate(8px)scale(.93)}}.monster-name{font-family:var(--font-heading);margin-top:4px;font-size:.9rem;font-weight:700}.hp-bar{background:#0d94881a;border-radius:6px;width:80px;height:12px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.hp-fill{background:linear-gradient(90deg, var(--success), #34d399);border-radius:6px;height:100%;transition:width .5s;box-shadow:0 0 6px #10b9814d}.hp-text{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:.6rem;font-weight:700;font-family:var(--font-heading);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.question-view{width:100%}.question-progress{align-items:center;gap:8px;margin-bottom:12px;display:flex}.qp-track{background:#0d94881a;border-radius:4px;flex:1;height:7px;overflow:hidden;box-shadow:inset 0 1px 3px #0d94880f}.qp-fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:4px;height:100%;transition:width .3s;box-shadow:0 0 8px #0d948840}.qp-text{font-size:.8rem;font-family:var(--font-heading);color:var(--text-light);white-space:nowrap;font-weight:600}.question-prompt{background:var(--card);border-radius:var(--radius);font-size:1.15rem;font-weight:600;font-family:var(--font-heading);text-align:center;box-shadow:var(--shadow-clay);border:1px solid #ffffff80;margin-bottom:12px;padding:22px;line-height:1.5}.question-options{flex-direction:column;gap:8px;display:flex}.qo-btn{background:var(--card);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;text-align:left;min-height:50px;box-shadow:var(--shadow-clay-sm);border:1px solid #ffffff80;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.qo-btn:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:scale(.97)}.qo-btn.correct{border-color:var(--success);box-shadow:var(--shadow-clay-sm), 0 0 12px #10b98126;background:#10b98114;animation:.4s ease-out correctPulse}.qo-btn.wrong{border-color:var(--danger);box-shadow:var(--shadow-clay-sm), 0 0 12px #ef44441a;background:#ef44440f}.qo-letter{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;width:30px;height:30px;font-family:var(--font-heading);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 2px 4px #0d948833,inset 0 1px 2px #fff3}.qo-btn.correct .qo-letter{background:linear-gradient(135deg, var(--success), #34d399);box-shadow:0 2px 4px #10b98140,inset 0 1px 2px #fff3}.qo-btn.wrong .qo-letter{background:linear-gradient(135deg, var(--danger), #f87171);box-shadow:0 2px 4px #ef444433,inset 0 1px 2px #fff3}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.question-feedback{text-align:center;font-family:var(--font-heading);min-height:30px;color:var(--primary);padding:8px;font-size:1.1rem;font-weight:700}.results-screen{justify-content:center}.results-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-clay-lg);z-index:1;border:1px solid #ffffff80;width:100%;max-width:380px;padding:36px 24px}.results-win{border:3px solid var(--success);box-shadow:var(--shadow-clay-lg), 0 0 20px #10b9811f}.results-lose{border:3px solid var(--accent);box-shadow:var(--shadow-clay-lg), 0 0 20px #d977061a}.results-title{font-family:var(--font-heading);margin-bottom:8px;font-size:2rem;font-weight:800}.results-win .results-title{color:var(--success)}.results-lose .results-title{color:var(--accent)}.results-detail{margin-bottom:8px}.results-score{font-family:var(--font-heading);margin-bottom:8px;font-size:1.2rem;font-weight:700}.results-rewards{font-family:var(--font-heading);justify-content:center;gap:20px;margin-bottom:8px;font-size:.95rem;font-weight:600;display:flex}.results-levelup{color:var(--accent);font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.results-friend{color:var(--text-light);margin-bottom:8px;font-size:.9rem}.skilltree-screen{gap:16px}.skilltree-companion{flex-direction:column;align-items:center;display:flex}.skilltree-stage{font-family:var(--font-heading);margin-top:4px;font-size:1rem;font-weight:700}.skilltree-stats{width:100%;max-width:320px}.stat-row{background:var(--card);border-radius:var(--radius-sm);font-family:var(--font-heading);box-shadow:var(--shadow-clay-sm);border:1px solid #ffffff80;justify-content:space-between;margin-bottom:8px;padding:12px 16px;font-weight:600;display:flex}.shop-screen{gap:12px}.shop-sparks{font-family:var(--font-heading);font-size:1.1rem;font-weight:600}.shop-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:400px;display:grid}.shop-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-clay);border:1px solid #ffffff80;flex-direction:column;align-items:center;gap:8px;padding:18px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex}.shop-card:active{box-shadow:var(--shadow-pressed);transform:scale(.96)}.shop-owned{opacity:.55}.shop-icon{font-size:2.2rem}.shop-name{font-family:var(--font-heading);font-size:.95rem;font-weight:700}.shop-type{color:var(--text-light);font-size:.75rem;font-family:var(--font-heading)}.friendbook-screen{gap:12px}.fb-count{font-family:var(--font-heading);font-weight:600}.fb-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:420px;display:grid}.fb-card{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow-clay-sm);border:1px solid #ffffff80;flex-direction:column;align-items:center;gap:5px;padding:14px 8px;display:flex}.fb-emoji{font-size:2rem}.fb-name{font-family:var(--font-heading);text-align:center;font-size:.9rem;font-weight:700}.fb-type{color:var(--text-light);font-size:.7rem;font-family:var(--font-heading)}.fb-empty{text-align:center;grid-column:1/-1;padding:24px}.dashboard-screen{gap:16px}.dash-stats{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:400px;display:grid}.dash-stat{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-clay);border:1px solid #ffffff80;padding:18px}.dash-num{font-family:var(--font-heading);color:var(--primary);font-size:1.7rem;font-weight:800;display:block}.dash-subjects{width:100%;max-width:400px}.dash-subj{font-family:var(--font-heading);align-items:center;gap:8px;padding:10px 0;font-size:.95rem;font-weight:600;display:flex}.dash-bar{background:#0d948814;border-radius:5px;flex:1;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0d94880f}.dash-fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:5px;height:100%;transition:width .5s;box-shadow:0 0 6px #0d948840}.dash-companion{text-align:center}.settings-screen{gap:16px}.settings-group{width:100%;max-width:360px}.settings-row{background:var(--card);border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-clay-sm);border:1px solid #ffffff80;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px;font-size:1rem;font-weight:600;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex}.settings-row:active{box-shadow:var(--shadow-pressed);transform:scale(.98)}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary)}.settings-reset{text-align:center;width:100%;max-width:360px}.settings-gate{flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.settings-gate input{border-radius:var(--radius-sm);font-family:var(--font-body);text-align:center;background:#f8fdfc;border:2px solid #0d948826;width:120px;padding:10px 14px;font-size:1rem;box-shadow:inset 0 2px 4px #0d94880a}.settings-error{color:var(--danger);font-family:var(--font-heading);font-weight:600}.intro-screen{justify-content:center;gap:20px}.intro-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-clay-lg);opacity:0;border:1px solid #ffffff80;justify-content:center;align-items:center;gap:24px;width:100%;max-width:420px;padding:28px;transition:opacity .5s,transform .5s;display:flex;transform:scale(.8)}.intro-phase-entering{opacity:.3;transform:scale(.8)}.intro-phase-ready{opacity:.6;transform:scale(.95)}.intro-phase-show{opacity:1;animation:.5s ease-out introBounce;transform:scale(1)}@keyframes introBounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.intro-monster-side{animation:.6s ease-out forwards introSlideLeft}.intro-companion-side{flex-direction:column;align-items:center;animation:.6s ease-out forwards introSlideRight;display:flex}.intro-cname{font-family:var(--font-heading);color:var(--text-light);margin-top:4px;font-size:.9rem;font-weight:700}.intro-vs{font-size:2rem}.intro-vs-text{animation:1s ease-in-out infinite introVSPulse;display:inline-block}@keyframes introVSPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes introSlideLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes introSlideRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.intro-info{text-align:center;flex-direction:column;align-items:center;gap:8px;animation:.6s ease-out fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-subject{font-family:var(--font-heading);font-size:1.5rem;font-weight:800}.intro-desc{max-width:320px;font-size:1rem}.intro-difficulty{font-size:.9rem;font-family:var(--font-heading);color:var(--text-light);font-weight:600}.intro-start{animation:2s ease-in-out infinite pulseGlow}.intro-wait{font-size:1.1rem;font-family:var(--font-heading);color:var(--text-light);font-weight:600;animation:1.5s ease-in-out infinite pulse}.intro-back{margin-top:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px #0d94884d,0 8px 24px #0d948826,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3}50%{box-shadow:0 4px 16px #0d948873,0 12px 36px #0d948840,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3}}.stageup-overlay{z-index:100;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a3a358c;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.stageup-active{opacity:1}.stageup-card{background:var(--card);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-clay-lg);border:1px solid #ffffff80;width:90%;max-width:340px;padding:44px 32px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(.7)}.stageup-active .stageup-card{transform:scale(1)}.stageup-icon{margin-bottom:8px;font-size:3.2rem;animation:1s ease-out stageUpSpin}@keyframes stageUpSpin{0%{transform:rotate(-180deg)scale(0)}to{transform:rotate(0)scale(1)}}.stageup-title{font-family:var(--font-heading);color:var(--primary);margin-bottom:4px;font-size:1.5rem;font-weight:800}.stageup-label{font-family:var(--font-heading);color:var(--accent);margin-bottom:8px;font-size:1.7rem;font-weight:800}.stageup-desc{color:var(--text-light);margin-bottom:16px;font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes scoreBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.level-path{flex-direction:column;gap:0;padding:0 4px;display:flex}.tier-section{padding:8px 0}.tier-header{align-items:center;gap:8px;margin-bottom:10px;padding:0 4px;display:flex}.tier-icon{font-size:1.1rem}.tier-name{font-family:var(--font-heading);color:var(--tier-color);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.tier-line{background:linear-gradient(90deg, var(--tier-color), transparent);opacity:.4;border-radius:1px;flex:1;height:2px}.tier-levels{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.level-node{border:3px solid var(--tier-color);background:var(--card);width:44px;height:44px;font-family:var(--font-heading);color:var(--tier-color);cursor:pointer;animation:.4s ease-out backwards nodeAppear;animation-delay:var(--delay);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 3px 8px #0000001f,inset 0 -2px 4px #00000014,inset 0 2px 4px #fff3}@keyframes nodeAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.level-node:active:not(.level-node--locked){transform:scale(.9)}.level-node--boss{background:linear-gradient(135deg, var(--card) 0%, #fef3c7 100%);border-style:dashed;border-width:3px;width:52px;height:52px;font-size:1.3rem;box-shadow:0 4px 12px #f59e0b4d,inset 0 -2px 4px #00000014,inset 0 2px 4px #fff3}.level-node--completed{background:var(--tier-color);color:#fff;border-color:var(--tier-color);box-shadow:0 3px 8px #00000026,inset 0 -2px 4px #00000026,inset 0 2px 4px #fff3}.level-node--current{border-width:3px;animation:.4s ease-out backwards nodeAppear,2s ease-in-out infinite nodePulse}.level-node--locked{opacity:.35;cursor:not-allowed;filter:grayscale(.5);border-style:dashed}.level-node-pulse{border:2px solid var(--tier-color);opacity:.5;border-radius:50%;animation:2s ease-in-out infinite pulseExpand;position:absolute;inset:-6px}@keyframes nodePulse{0%,to{box-shadow:0 3px 8px #0000001f}50%{box-shadow:0 3px 16px #0000001f, 0 0 20px var(--tier-color)}}@keyframes pulseExpand{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.level-node-inner{z-index:1}.level-play-screen{flex-direction:column;min-height:100vh;padding:0 0 24px;display:flex}.level-play-header{justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 8px;display:flex}.level-play-info{flex-direction:column;align-items:center;gap:2px;display:flex}.level-play-tier{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--primary);opacity:.7;font-size:.75rem;font-weight:700}.level-play-level{font-family:var(--font-heading);color:var(--text);font-size:1.1rem;font-weight:800}.level-play-score{font-family:var(--font-heading);align-items:baseline;gap:2px;font-weight:800;display:flex}.lps-correct{color:#10b981;font-size:1.2rem}.lps-sep,.lps-answered{color:var(--text-light);font-size:.85rem}.level-play-arena{justify-content:center;align-items:center;gap:16px;padding:8px 16px;display:flex}.level-play-companion{flex-direction:column;align-items:center;gap:4px;display:flex}.level-play-companion-name{font-family:var(--font-heading);color:var(--text-light);font-size:.75rem;font-weight:600}.level-play-streak{font-family:var(--font-heading);color:var(--accent);font-size:.9rem;font-weight:700}.level-play-question{flex:1;padding:0 16px}.question-subject-tag{background:var(--primary);color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.boss-battle-screen{background:linear-gradient(#1a0a2e 0%,#0f172a 40%,#1e1b4b 100%);flex-direction:column;min-height:100vh;padding:0 0 24px;display:flex}.boss-battle-header{justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 8px;display:flex}.boss-battle-title{font-family:var(--font-heading);color:#f59e0b;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 12px #f59e0b66;font-size:1rem;font-weight:800}.boss-battle-score{font-family:var(--font-heading);align-items:baseline;gap:2px;font-weight:800;display:flex}.bbs-correct{color:#10b981;font-size:1.2rem}.bbs-sep,.bbs-answered{color:#ffffff80;font-size:.85rem}.boss-arena{justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.boss-companion,.boss-monster{flex-direction:column;align-items:center;gap:4px;display:flex}.boss-unit-name{font-family:var(--font-heading);color:#ffffffb3;font-size:.75rem;font-weight:600}.boss-vs{font-size:1.5rem;animation:1.5s ease-in-out infinite pulse}.boss-battle-streak{text-align:center;font-family:var(--font-heading);color:var(--accent);padding:4px 0;font-size:.9rem;font-weight:700}.boss-battle-question{flex:1;padding:0 16px}.boss-battle-screen .question-view,.boss-battle-screen .question-prompt{color:#fff}.boss-battle-screen .question-subject-tag{background:#f59e0b}.boss-battle-screen .qo-btn{color:#fff;background:#ffffff14;border-color:#ffffff26}.boss-battle-screen .qo-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.boss-battle-screen .qo-btn.correct{color:#fff;background:#059669;border-color:#10b981}.boss-battle-screen .qo-btn.wrong{color:#fff;background:#dc2626;border-color:#ef4444}.boss-battle-screen .btn-back{color:#fff9;background:#ffffff14;border-color:#ffffff26}.boss-battle-screen .question-feedback{color:#fffc}.results-subtitle{font-family:var(--font-heading);color:var(--text-light);margin-bottom:4px;font-size:.85rem;font-weight:600}.results-hint{color:var(--text-light);margin-top:4px;font-size:.85rem;font-style:italic}.dark-mode{--bg:#1a1a2e;--bg-gradient:linear-gradient(145deg, #0f1629 0%, #1a1a2e 50%, #16213e 100%);--card:#242b3d;--card-border:#ffffff14;--text:#eaeaea;--text-light:#b8b8c8;--shadow-clay:0 4px 6px #00000059, 0 10px 20px #00000040, 0 20px 40px #0000002e, inset 0 -2px 4px #ffffff08, inset 0 2px 4px #0000001f;--shadow-clay-lg:0 6px 10px #00000073, 0 16px 32px #0000004d, 0 32px 64px #00000038, inset 0 -3px 6px #ffffff08, inset 0 3px 6px #00000026;--shadow-clay-sm:0 2px 4px #00000040, 0 6px 12px #0000002e, inset 0 -1px 2px #ffffff08, inset 0 1px 2px #0000001f}.dark-mode .blob-bg .blob{opacity:.15}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6,.dark-mode p,.dark-mode span,.dark-mode div{color:var(--text)}.dark-mode p,.dark-mode .text-light,.dark-mode .island-sub,.dark-mode .island-stat-label,.dark-mode .results-subtitle,.dark-mode .results-hint,.dark-mode .companion-stage-label,.dark-mode .xp-num{color:var(--text-light)!important}.dark-mode .text,.dark-mode h1,.dark-mode h2,.dark-mode h3{color:var(--text)!important}.dark-mode .island-card,.dark-mode .naming-card,.dark-mode .intro-card,.dark-mode .dashboard-card,.dark-mode .results-card,.dark-mode .boss-card,.dark-mode .map-card,.dark-mode .subject-card,.dark-mode .settings-row,.dark-mode .qo-btn,.dark-mode .btn-secondary,.dark-mode .btn-back,.dark-mode .topbar-btn,.dark-mode .settings-gate input{background:var(--card)!important;border-color:var(--card-border)!important;color:var(--text)!important}.dark-mode .island-stat{border:1px solid var(--card-border)!important;background:#ffffff0f!important;box-shadow:0 2px 6px #00000026!important}.dark-mode .island-stat-num{color:var(--primary-light)!important}.dark-mode .subject-card{background:var(--card)!important;border:1px solid var(--card-border)!important;box-shadow:0 3px 6px #0003,0 6px 12px #0000001a!important}.dark-mode .topbar-item{color:var(--text)!important}.dark-mode .topbar-icon{filter:brightness(1.4)}.dark-mode .topbar-btn{box-shadow:var(--shadow-clay-sm)!important}.dark-mode .settings-row{border:1px solid var(--card-border)!important}.dark-mode .settings-row input[type=radio]{accent-color:var(--primary-light)}.dark-mode .settings-gate input{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--card-border)!important}.dark-mode .btn-primary{box-shadow:0 4px 8px #0000004d,0 8px 20px #0003,inset 0 -2px 4px #00000026,inset 0 2px 4px #ffffff14!important}.dark-mode .btn-back{border:1px solid var(--card-border)!important}.dark-mode .level-node{box-shadow:0 3px 8px #0000004d,inset 0 -2px 4px #0000001f,inset 0 2px 4px #ffffff0a!important}.dark-mode .level-node--boss{background:linear-gradient(135deg, var(--card) 0%, #3d2e10 100%)!important;box-shadow:0 4px 12px #f59e0b33!important}.dark-mode .level-node--locked{opacity:.25!important}.dark-mode .level-node-pulse{border-color:var(--tier-color);opacity:.4}.dark-mode .tier-label,.dark-mode .path-title,.dark-mode .tier-name{color:var(--text-light)!important}.dark-mode .question-view,.dark-mode .question-prompt{color:var(--text)!important}.dark-mode .question-subject-tag{color:#fff!important}.dark-mode .map-companion{color:var(--text)!important}.dark-mode .section-header,.dark-mode [style*=fontWeight]{color:var(--text)!important}.dark-mode .subject-card .emoji,.dark-mode .topbar-icon,.dark-mode .boss-vs,.dark-mode .companion-icon,.dark-mode .monster-icon{filter:brightness(1.2)saturate(1.1)}.dark-mode *{border-color:var(--card-border)}.dark-mode .dash-fill,.dark-mode .qp-fill,.dark-mode .xp-fill{opacity:.85}.dark-mode .strand-card,.dark-mode .topic-row{background:var(--card)!important;border-color:var(--card-border)!important}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.large-touch button,.large-touch .btn-primary,.large-touch .btn-secondary,.large-touch .btn-back,.large-touch .btn-small,.large-touch .btn-danger,.large-touch .settings-row,.large-touch .qo-btn,.large-touch .level-node,.large-touch .boss-node{min-height:48px!important;padding:12px 24px!important}.large-touch .settings-row{padding:16px 20px!important}.large-touch input[type=checkbox],.large-touch input[type=radio]{width:24px!important;height:24px!important}.map-screen--duo{isolation:isolate;background:radial-gradient(80% 60% at 50% 0,#b7f0c8 0%,#0000 60%),radial-gradient(70% 50% at 20% 30%,#d4f5e0 0%,#0000 60%),radial-gradient(60% 50% at 80% 70%,#c5e8d6 0%,#0000 60%),linear-gradient(#e8f8ee 0%,#d4f0dc 50%,#b8e4c5 100%);flex-direction:column;width:100%;height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.map-screen--duo:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(circle at 20% 30%,#fff6 0%,#0000 1%),radial-gradient(circle at 80% 60%,#ffffff4d 0%,#0000 1%),radial-gradient(circle at 50% 80%,#ffffff4d 0%,#0000 1%);background-size:80px 80px,120px 120px,100px 100px;position:absolute;inset:0}.duo-topbar{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:12px 16px 4px;display:grid;position:relative}.duo-topbar__menu{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:40px;height:40px;padding:10px 8px;transition:background .2s,transform .2s;display:flex}.duo-topbar__menu:hover{background:#0000000d}.duo-topbar__menu:active{transform:scale(.9)}.duo-topbar__menu span{background:#4b4b4b;border-radius:2px;width:22px;height:3px;transition:transform .3s,width .3s;display:block}.duo-topbar__menu span:nth-child(2){width:16px}.duo-topbar__menu:hover span:nth-child(2){width:22px}.duo-topbar__center{justify-content:center;align-items:center;gap:14px;display:flex}.duo-stat{cursor:pointer;font-family:var(--font-heading);color:#4b4b4b;background:0 0;border:none;align-items:center;gap:4px;padding:4px 6px;font-size:1.05rem;font-weight:800;transition:transform .15s;display:flex;position:relative}.duo-stat:active{transform:scale(.9)}.duo-stat--hearts .duo-stat__icon{filter:drop-shadow(0 2px 4px #ef444466);animation:2.5s ease-in-out infinite heartBeat}.duo-stat--hearts .duo-stat__num{color:#e53935}.duo-stat--streak .duo-stat__icon{filter:drop-shadow(0 2px 4px #ff980080);animation:.4s ease-in-out infinite alternate flameFlicker}.duo-stat--streak .duo-stat__num{color:#ff9600}.duo-stat--sparks .duo-stat__icon{filter:drop-shadow(0 2px 4px #ffd70080)}.duo-stat--sparks .duo-stat__num{color:#ffc107}@keyframes heartBeat{0%,to{transform:scale(1)}10%{transform:scale(1.18)}20%{transform:scale(.95)}30%{transform:scale(1.1)}40%{transform:scale(1)}}@keyframes flameFlicker{0%{transform:scale(1)rotate(-2deg)}to{transform:scale(1.1)rotate(2deg)}}.duo-topbar__right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.duo-topbar__profile{color:#fff;cursor:pointer;width:40px;height:40px;font-family:var(--font-heading);background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 10px #58cc0259,inset 0 -2px 4px #0000001f,inset 0 2px 4px #fff3}.duo-topbar__profile:hover{transform:scale(1.05)}.duo-topbar__profile:active{transform:scale(.9)}.duo-xp-wrap{z-index:4;align-items:center;gap:8px;padding:6px 16px 10px;display:flex;position:relative}.duo-xp-flag{min-width:38px;height:26px;font-family:var(--font-heading);color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex;box-shadow:0 2px 6px #00000026,inset 0 -1px 2px #0000001a,inset 0 1px 2px #fff3}.duo-xp-flag--left{background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%)}.duo-xp-flag--right{background:linear-gradient(135deg,#ce82ff 0%,#9333ea 100%)}.duo-xp-track{background:#e5e5e5;border-radius:10px;flex:1;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001f,0 1px 2px #0000000d}.duo-xp-track__fill{background:linear-gradient(90deg,#ffc800 0%,#ff9600 50%,#ce82ff 100%);border-radius:10px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 12px #ff960080}.duo-xp-track__shine{background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);border-radius:2px;height:4px;animation:3s ease-in-out infinite xpShine;position:absolute;top:2px;left:4px;right:4px}@keyframes xpShine{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(0)}}.duo-path-scroller{z-index:2;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;position:relative;overflow:hidden auto}.duo-path-scroller::-webkit-scrollbar{display:none}.duo-path{width:100%;max-width:480px;margin:0 auto;padding:16px 0 32px;position:relative}.duo-path-companion{z-index:2;justify-content:center;padding:8px 0 14px;display:flex;position:relative}.duo-path-companion .companion{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:50%;box-shadow:0 4px #2d8400,0 6px 16px #58cc0259,inset 0 -2px 4px #0000001f,inset 0 2px 4px #ffffff40}.duo-path-companion .companion-stage-label{text-shadow:0 1px 2px #00000040;color:#fff!important}.duo-cloud{pointer-events:none;z-index:0;background:#ffffffd9;border-radius:100px;position:absolute;box-shadow:0 4px 12px #0000000d,inset 0 -3px 6px #0000000a}.duo-cloud:before,.duo-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.duo-cloud--1{width:80px;height:24px;animation:22s linear infinite cloudDrift;top:6%;left:8%}.duo-cloud--1:before{width:36px;height:36px;top:-16px;left:10px}.duo-cloud--1:after{width:28px;height:28px;top:-10px;left:40px}.duo-cloud--2{width:60px;height:18px;animation:30s linear -10s infinite reverse cloudDrift;top:28%;right:6%}.duo-cloud--2:before{width:28px;height:28px;top:-12px;left:8px}.duo-cloud--2:after{width:22px;height:22px;top:-8px;left:30px}.duo-cloud--3{width:70px;height:20px;animation:26s linear -5s infinite cloudDrift;top:56%;left:4%}.duo-cloud--3:before{width:32px;height:32px;top:-14px;left:10px}.duo-cloud--3:after{width:24px;height:24px;top:-8px;left:36px}@keyframes cloudDrift{0%{transform:translate(-30px)}50%{transform:translate(30px)}to{transform:translate(-30px)}}.duo-tree{pointer-events:none;z-index:0;width:60px;height:90px;position:absolute}.duo-tree:before{content:"";background:linear-gradient(#8b5a2b 0%,#5d3a1a 100%);border-radius:4px;width:12px;height:28px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.duo-tree:after{content:"";background:radial-gradient(at 50% 30%,#58cc02 0%,#37a300 100%);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;width:60px;height:70px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -8px 12px #0000001a,0 4px 8px #00000014}.duo-tree--left{top:14%;left:-8px;transform:scale(.85)}.duo-tree--right{top:42%;right:-8px;transform:scale(.7)}.duo-section-banner{z-index:1;cursor:pointer;border:2px solid #ffffffb3;border-radius:18px;align-items:center;gap:12px;margin:24px 12px 12px;padding:14px 18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.duo-section-banner:hover{transform:translateY(-2px)scale(1.01)}.duo-section-banner:active{transform:scale(.98)}.duo-section-banner:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#0000 100%);position:absolute;inset:0}.duo-section-banner__left{background:#ffffff80;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 6px #00000014,inset 0 -1px 2px #0000000d}.duo-section-banner__icon{font-size:1.6rem}.duo-section-banner__body{flex:1;min-width:0}.duo-section-banner__name{font-family:var(--font-heading);color:#00000080;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.duo-section-banner__title{font-family:var(--font-heading);color:#1a1a1a;margin:1px 0 6px;font-size:1.15rem;font-weight:800}.duo-section-banner__progress{align-items:center;gap:8px;display:flex}.duo-section-banner__bar{background:#00000014;border-radius:4px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.duo-section-banner__fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px}.duo-section-banner__pct{font-family:var(--font-heading);color:#0009;text-align:right;min-width:28px;font-size:.7rem;font-weight:800}.duo-section-banner__right{background:#0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.duo-section-divider{opacity:.6;border-radius:2px;width:4px;height:32px;margin:8px auto;box-shadow:0 0 8px}.duo-row{margin:4px 0;position:relative}.duo-row__nodes{justify-content:space-between;align-items:center;min-height:96px;padding:8px 18px;display:flex;position:relative}.duo-row__nodes--1{justify-content:center}.duo-row__nodes--2 .duo-cell:first-child{margin-right:auto}.duo-row__nodes--2 .duo-cell:last-child{margin-left:auto}.duo-row__nodes--3{justify-content:space-between}.duo-row:before{content:"";z-index:0;pointer-events:none;background:#ffffff8c;border-top:3px dashed #0000001f;border-bottom:3px dashed #0000001f;border-radius:8px;height:14px;position:absolute;top:50%;left:32px;right:32px;transform:translateY(-50%)}.duo-cell{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.duo-cell--center{margin:0 auto}.duo-row__cta-wrap{z-index:2;justify-content:center;padding:14px 18px 6px;display:flex;position:relative}.duo-row__cta{background:linear-gradient(135deg, var(--theme,#58cc02) 0%, var(--theme-dark,#37a300) 100%);color:#fff;width:100%;max-width:360px;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 5px 0 #0000002e, 0 10px 24px var(--theme-glow,#58cc0266), inset 0 -2px 4px #0000001f, inset 0 2px 4px #ffffff40;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:14px 18px;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;overflow:hidden}.duo-row__cta:before{content:"";pointer-events:none;background:linear-gradient(#ffffff2e 0%,#0000 100%);border-radius:16px 16px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.duo-row__cta-shine{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:60%;height:100%;animation:3.5s ease-in-out infinite ctaShine;position:absolute;top:0;left:-100%}.duo-row__cta:hover{box-shadow:0 6px 0 #0000002e, 0 12px 32px var(--theme-glow,#58cc0280), inset 0 -2px 4px #0000001f, inset 0 2px 4px #ffffff40;transform:translateY(-1px)}.duo-row__cta:active{box-shadow:0 1px 0 #0000002e, 0 2px 8px var(--theme-glow,#58cc024d), inset 0 1px 2px #0000001f;transform:translateY(3px)scale(.99)}.duo-row__cta:disabled{cursor:not-allowed;color:#ffffffb3;background:#b5b5b5;box-shadow:0 4px #888,0 6px 16px #00000026}.duo-row__cta-label{z-index:1;font-size:1.1rem;position:relative}.duo-row__cta-sub{text-transform:none;letter-spacing:.02em;opacity:.95;z-index:1;font-size:.72rem;font-weight:700;position:relative}.path-node{cursor:pointer;width:64px;height:64px;font-family:var(--font-heading);color:var(--theme,#58cc02);box-shadow:0 6px 0 var(--theme,#58cc02), 0 10px 20px #0000001f, inset 0 -3px 6px #0000000f, inset 0 3px 6px #ffffffb3;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;font-weight:800;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative}.path-node:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffffb3 0%,#0000 60%);border-radius:50%;position:absolute;inset:4px}.path-node:hover:not(:disabled){box-shadow:0 8px 0 var(--theme,#58cc02), 0 14px 28px #00000026, inset 0 -3px 6px #0000000f, inset 0 3px 6px #ffffffb3;transform:translateY(-3px)scale(1.05)}.path-node:active:not(:disabled){box-shadow:0 2px 0 var(--theme,#58cc02), 0 4px 10px #0000001f, inset 0 -1px 2px #0000000f, inset 0 2px 4px #ffffff80;transform:translateY(2px)scale(.95)}.path-node__core{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.path-node__num{color:var(--theme,#58cc02);text-shadow:0 1px #0000001a;font-size:1.4rem}.path-node__crown{filter:drop-shadow(0 2px 4px #0003);font-size:1.7rem;animation:1.2s ease-in-out infinite crownBounce}@keyframes crownBounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-2px)rotate(3deg)}}.path-node--done{background:linear-gradient(135deg, var(--theme,#58cc02) 0%, color-mix(in srgb, var(--theme) 80%, #000) 100%);color:#fff;box-shadow:0 6px 0 color-mix(in srgb, var(--theme,#58cc02) 60%, #000), 0 10px 24px var(--theme-glow,#0003), inset 0 -3px 6px #0000002e, inset 0 3px 6px #ffffff4d}.path-node--done:after{background:radial-gradient(circle at 30% 30%,#fff6 0%,#0000 60%)}.path-node--done .path-node__check{filter:drop-shadow(0 1px 2px #0000004d);justify-content:center;align-items:center;animation:.5s ease-out checkPop;display:flex}.path-node--boss{border:4px solid var(--theme,#ffc800);width:76px;height:76px;box-shadow:0 6px 0 var(--theme,#ffc800), 0 10px 28px var(--theme-glow,#ffc80080), inset 0 -3px 6px #0000000f, inset 0 3px 6px #fff9;background:linear-gradient(135deg,#fff 0%,#fff7e0 100%)}.path-node--boss.path-node--done{background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);border-color:#ff9600;box-shadow:0 6px #ff9600,0 10px 32px #ff960080,inset 0 -3px 6px #0000002e,inset 0 3px 6px #ffffff4d}.path-node--current{z-index:3;background:linear-gradient(135deg,#fff 0% 100%);animation:1.4s ease-in-out infinite nodeBounce}@keyframes nodeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.path-node--current.path-node--boss{color:#fff;background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);border-color:#fff;animation:1.4s ease-in-out infinite nodeBounceBig}.path-node--current.path-node--boss .path-node__crown{color:#fff;filter:drop-shadow(0 2px 4px #0006)}@keyframes nodeBounceBig{0%,to{transform:translateY(0)scale(1.05)}50%{transform:translateY(-10px)scale(1.1)}}.path-node__halo{border:3px solid var(--theme,#58cc02);opacity:.5;pointer-events:none;z-index:1;border-radius:50%;animation:1.6s ease-out infinite haloPulse;position:absolute;inset:-8px}.path-node__halo--2{animation-delay:.8s}@keyframes haloPulse{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.7)}}.path-node__ring{background:radial-gradient(circle, var(--theme-glow,#58cc024d) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;animation:2s ease-in-out infinite ringGlow;position:absolute;inset:-4px}@keyframes ringGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.path-node--locked{cursor:not-allowed;filter:grayscale(.8);background:#e5e5e5;box-shadow:0 6px #b5b5b5,0 10px 20px #0000001a,inset 0 -3px 6px #00000014,inset 0 3px 6px #ffffff80}.path-node--locked .path-node__num,.path-node--locked .path-node__crown{color:#999}.path-node--locked .path-node__lock{z-index:4;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:1rem;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0003}.duo-treasure{z-index:1;flex-direction:column;align-items:center;gap:6px;padding:32px 0 16px;display:flex;position:relative}.duo-treasure__chest{filter:drop-shadow(0 8px 16px #ffc80080);font-size:4rem;animation:3s ease-in-out infinite treasureFloat}@keyframes treasureFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.duo-treasure__label{font-family:var(--font-heading);color:#ff9600;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 4px #ff960033;font-size:.95rem;font-weight:800}.duo-cta-bar{z-index:5;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#fffffff2 0%,#fff 100%);border-top:1px solid #0000000f;flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative;box-shadow:0 -4px 16px #0000000f}.duo-companion-mini{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 4px #2d8400,0 6px 16px #58cc0259,inset 0 -2px 4px #0000001f,inset 0 2px 4px #ffffff40}.duo-companion-mini .companion-stage-label{text-shadow:0 1px 2px #00000040;color:#fff!important}.duo-companion-mini:after{content:"";border:2px dashed #ffffff80;border-radius:50%;animation:8s linear infinite companionSpin;position:absolute;inset:-3px}@keyframes companionSpin{to{transform:rotate(360deg)}}.duo-cta{color:#fff;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:14px 20px;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #2d8400,0 10px 24px #58cc0266,inset 0 -2px 4px #0000001f,inset 0 2px 4px #ffffff40}.duo-cta:before{content:"";pointer-events:none;background:linear-gradient(#ffffff26 0%,#0000 100%);border-radius:16px 16px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.duo-cta__shine{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:60%;height:100%;animation:3.5s ease-in-out infinite ctaShine;position:absolute;top:0;left:-100%}@keyframes ctaShine{0%,to{left:-100%}50%{left:130%}}.duo-cta:hover{transform:translateY(-1px);box-shadow:0 6px #2d8400,0 12px 32px #58cc0280,inset 0 -2px 4px #0000001f,inset 0 2px 4px #ffffff40}.duo-cta:active{transform:translateY(3px)scale(.98);box-shadow:0 1px #2d8400,0 2px 8px #58cc024d,inset 0 1px 2px #0000001f}.duo-cta:disabled{cursor:not-allowed;color:#ffffffb3;background:#b5b5b5;box-shadow:0 4px #888,0 6px 16px #00000026}.duo-cta__label{text-shadow:0 1px 2px #0003;z-index:1;font-size:1.2rem;position:relative}.duo-cta__sub{text-transform:none;letter-spacing:.02em;color:#ffffffd9;z-index:1;margin-top:2px;font-size:.7rem;font-weight:600;position:relative}.duo-drawer-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.duo-drawer{background:#fff;flex-direction:column;width:280px;max-width:80%;height:100%;animation:.3s cubic-bezier(.34,1.56,.64,1) drawerSlide;display:flex;box-shadow:8px 0 32px #0000002e}@keyframes drawerSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}.duo-drawer__head{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);align-items:center;gap:12px;padding:24px 18px 20px;display:flex}.duo-drawer__avatar{width:52px;height:52px;font-family:var(--font-heading);color:#fff;background:#ffffff40;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex}.duo-drawer__name{font-family:var(--font-heading);color:#fff;font-size:1.1rem;font-weight:800}.duo-drawer__sub{color:#ffffffd9;margin-top:2px;font-size:.8rem}.duo-drawer__nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.duo-drawer__nav button{font-family:var(--font-heading);color:#4b4b4b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:.95rem;font-weight:700;transition:background .15s,transform .15s;display:flex}.duo-drawer__nav button:hover{background:#f5f5f5}.duo-drawer__nav button:active{background:#eee;transform:scale(.98)}.duo-drawer__nav button span{flex:1}.duo-drawer__danger{color:#e53935!important}.duo-drawer__danger:hover{background:#e5393514!important}.achievement-toast{z-index:60;min-width:240px;font-family:var(--font-heading);background:linear-gradient(135deg,#fff 0%,#f5fbf1 100%);border:2px solid #58cc02;border-radius:18px;align-items:center;gap:12px;padding:12px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards toastPop;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #58cc0240,0 4px 8px #0000001a,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-30px)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.achievement-toast__icon{filter:drop-shadow(0 2px 4px #00000026);font-size:2rem;animation:.6s ease-out .1s both toastIcon}@keyframes toastIcon{0%{transform:scale(0)rotate(-180deg)}to{transform:scale(1)rotate(0)}}.achievement-toast__title{color:#1a1a1a;font-size:1rem;font-weight:800;line-height:1.1}.achievement-toast__sub{color:#4b4b4b;margin-top:2px;font-size:.8rem;font-weight:600}@media (width<=380px){.duo-stat__num{font-size:.95rem}.duo-cta__label{font-size:1rem}.duo-cta__sub{font-size:.65rem}.duo-section-banner__title{font-size:1rem}}.dark-mode .map-screen--duo{background:radial-gradient(80% 60% at 50% 0,#1e3320 0%,#0000 60%),radial-gradient(70% 50% at 20% 30%,#243a2a 0%,#0000 60%),radial-gradient(60% 50% at 80% 70%,#2a2535 0%,#0000 60%),linear-gradient(#131a1f 0%,#1a2030 50%,#1f1a2a 100%)}.dark-mode .map-screen--duo:before{opacity:.4;background-image:radial-gradient(circle at 20% 30%,#ffffff0d 0%,#0000 1%),radial-gradient(circle at 80% 60%,#ffffff0a 0%,#0000 1%),radial-gradient(circle at 50% 80%,#ffffff0a 0%,#0000 1%)}.dark-mode .duo-topbar__menu span{background:#e0e0e0}.dark-mode .duo-topbar__menu:hover{background:#ffffff14}.dark-mode .duo-stat{color:#e0e0e0}.dark-mode .duo-xp-track{background:#ffffff1a;box-shadow:inset 0 2px 4px #0000004d}.dark-mode .duo-row:before{background:#ffffff0d;border-top-color:#ffffff14;border-bottom-color:#ffffff14}.dark-mode .path-node{background:#2a2a3a}.dark-mode .path-node--locked{background:#1a1a24;box-shadow:0 6px #0e0e16,0 10px 20px #0000004d,inset 0 -3px 6px #0003,inset 0 3px 6px #ffffff0a}.dark-mode .duo-section-banner__bar{background:#0003}.dark-mode .duo-section-banner__pct{color:#ffffffb3}.dark-mode .duo-section-banner__right{background:#0003}.dark-mode .duo-cloud{background:#ffffff26;box-shadow:0 4px 12px #0003}.dark-mode .achievement-toast{color:#fff;background:linear-gradient(135deg,#1e2333 0%,#2a3145 100%)}.cm-screen{-webkit-overflow-scrolling:touch;scrollbar-width:none;isolation:isolate;background:radial-gradient(80% 60% at 50% 0,#d7f1ff 0%,#0000 60%),radial-gradient(70% 50% at 20%,#e4f8e0 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#f4e5ff 0%,#0000 60%),linear-gradient(#f4fbff 0%,#ecf6f0 50%,#f7f0fb 100%);width:100%;min-height:100dvh;padding:0 0 32px;position:relative;overflow:hidden auto}.cm-screen::-webkit-scrollbar{display:none}.cm-blob{filter:blur(70px);pointer-events:none;z-index:0;opacity:.5;border-radius:50%;animation:14s ease-in-out infinite alternate cmBlobDrift;position:absolute}.cm-blob--1{background:radial-gradient(circle,#58cc022e 0%,#0000 70%);width:320px;height:320px;animation-delay:-2s;top:-60px;left:-80px}.cm-blob--2{background:radial-gradient(circle,#ff4b4b26 0%,#0000 70%);width:280px;height:280px;animation-delay:-5s;top:30%;right:-100px}.cm-blob--3{background:radial-gradient(circle,#ce82ff2e 0%,#0000 70%);width:300px;height:300px;animation-delay:-9s;bottom:10%;left:20%}@keyframes cmBlobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-30px)scale(1.1)}}.cm-topbar{z-index:2;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px 6px;display:grid;position:relative}.cm-back{color:#1a1a1a;cursor:pointer;background:#ffffffd9;border:1px solid #0000000d;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 10px #00000014,inset 0 -2px 4px #0000000d,inset 0 2px 4px #ffffffb3}.cm-back:hover{transform:translate(-2px)}.cm-back:active{transform:scale(.92);box-shadow:0 1px 4px #0000001a,inset 0 1px 3px #0000001a}.cm-counter{color:#fff;background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);border-radius:14px;flex-direction:column;align-items:center;min-width:60px;padding:4px 12px;display:flex;box-shadow:0 4px 10px #ff96004d,inset 0 -2px 4px #0000001f,inset 0 2px 4px #ffffff4d}.cm-counter__num{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;line-height:1}.cm-counter__lbl{text-transform:uppercase;letter-spacing:.06em;opacity:.95;margin-top:1px;font-size:.6rem;font-weight:700}.cm-hero{color:#fff;isolation:isolate;background:radial-gradient(circle at 100% 0,#ffffff40 0%,#0000 50%),linear-gradient(135deg,#58cc02 0%,#1cb0f6 50%,#ce82ff 100%);border-radius:24px;margin:12px 16px 16px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 12px 32px #1cb0f64d,0 4px 12px #58cc0233,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff4d}.cm-hero__shine{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);width:60%;height:100%;animation:4s ease-in-out infinite cmHeroShine;position:absolute;top:0;left:-100%}@keyframes cmHeroShine{0%,to{left:-100%}50%{left:130%}}.cm-hero__grid{opacity:.6;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 25%,#ffffff26 0%,#0000 1%),radial-gradient(circle at 75% 75%,#ffffff1a 0%,#0000 1%);background-size:40px 40px;position:absolute;inset:0}.cm-hero__icon{filter:drop-shadow(0 4px 8px #0003);z-index:1;margin-bottom:6px;font-size:2.4rem;animation:2.5s ease-in-out infinite cmHeroIcon;position:relative}@keyframes cmHeroIcon{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}.cm-hero__title{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #00000026;z-index:1;margin:0 0 4px;font-size:1.6rem;font-weight:800;position:relative}.cm-hero__sub{color:#fff;z-index:1;max-width:480px;margin:0;font-size:.9rem;font-weight:500;line-height:1.4;position:relative}.cm-search{align-items:center;margin:0 16px 16px;display:flex;position:relative}.cm-search__icon{color:#4b4b4b;pointer-events:none;position:absolute;left:14px}.cm-search__input{width:100%;font-family:var(--font-body);color:#1a1a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:2px solid #0000000f;border-radius:16px;outline:none;padding:12px 44px 12px 42px;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 2px 8px #0000000d}.cm-search__input:focus{background:#fff;border-color:#1cb0f6;box-shadow:0 0 0 4px #1cb0f61f,0 4px 12px #00000014}.cm-search__input::placeholder{color:#999;font-weight:500}.cm-search__clear{color:#4b4b4b;cursor:pointer;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s;display:flex;position:absolute;right:10px}.cm-search__clear:hover{background:#00000026}.cm-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:1000px;margin:0 auto;padding:0 16px;display:grid;position:relative}@media (width<=480px){.cm-grid{grid-template-columns:1fr;gap:12px}}.cm-card{cursor:pointer;text-align:left;font-family:var(--font-heading);animation:.5s cubic-bezier(.34,1.56,.64,1) backwards cmCardEnter;animation-delay:var(--card-delay,0s);perspective:1000px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex;position:relative}@keyframes cmCardEnter{0%{opacity:0;transform:translateY(20px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.cm-card__gloss{pointer-events:none;z-index:3;background:linear-gradient(#ffffff2e 0%,#0000 50%);border-radius:22px 22px 0 0;position:absolute;inset:0}.cm-card__pattern{pointer-events:none;z-index:1;background:radial-gradient(circle at 0 0,#ffffff2e 0%,#0000 50%),radial-gradient(circle at 100% 100%,#00000014 0%,#0000 50%);border-radius:22px;position:absolute;inset:0}.cm-card__glyph{font-size:6rem;font-weight:900;font-family:var(--font-heading);color:#ffffff2e;letter-spacing:-.05em;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;text-shadow:0 2px 8px #00000014;line-height:1;position:absolute;top:-10px;right:-6px}.cm-card__head{z-index:2;justify-content:space-between;align-items:flex-start;padding:16px 18px 0;display:flex;position:relative}.cm-card__icon-wrap{background:#fffffff2;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:rotate(-4deg);box-shadow:0 4px 10px #00000026,inset 0 -2px 4px #0000000f,inset 0 2px 4px #ffffffb3}.cm-card:hover .cm-card__icon-wrap{transform:rotate(0)scale(1.08)}.cm-card__icon{font-size:1.9rem;line-height:1}.cm-card__badge{color:#fff;text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:.65rem;font-weight:800;display:inline-flex}.cm-card__badge-dot{background:#ffc800;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite cmBadgePulse;box-shadow:0 0 6px #ffc800}@keyframes cmBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.cm-card__body{z-index:2;color:#fff;flex:1;padding:10px 18px 12px;position:relative}.cm-card__title{text-shadow:0 1px 2px #0003;margin:0 0 2px;font-size:1.2rem;font-weight:800;line-height:1.15}.cm-card__tagline{text-transform:uppercase;letter-spacing:.08em;opacity:.9;margin-bottom:6px;font-size:.7rem;font-weight:700}.cm-card__desc{opacity:.95;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.cm-card__foot{z-index:2;color:#fffffff2;border-top:1px solid #ffffff2e;align-items:center;gap:10px;padding:10px 18px 14px;font-size:.7rem;font-weight:700;display:flex;position:relative}.cm-card__meta{align-items:center;gap:4px;display:inline-flex}.cm-card__meta-icon{font-size:.8rem}.cm-card__arrow{color:#fff;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;transition:transform .2s,background .2s;display:flex}.cm-card:hover .cm-card__arrow{background:#fff6;transform:translate(3px)}.cm-card:before{content:"";background:linear-gradient(135deg, var(--card-color) 0%, var(--card-color-dark) 100%);box-shadow:0 4px 0 color-mix(in srgb, var(--card-color-dark) 70%, #000), 0 12px 24px color-mix(in srgb, var(--card-color) 35%, transparent), inset 0 -2px 4px #0000001a, inset 0 2px 4px #ffffff40;z-index:0;border-radius:22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:absolute;inset:0}.cm-card:hover{transform:translateY(-4px)}.cm-card:hover:before{box-shadow:0 6px 0 color-mix(in srgb, var(--card-color-dark) 70%, #000), 0 18px 36px color-mix(in srgb, var(--card-color) 50%, transparent), inset 0 -2px 4px #0000001a, inset 0 2px 4px #ffffff4d}.cm-card:active{transform:translateY(2px)scale(.98)}.cm-card:active:before{box-shadow:0 1px 0 color-mix(in srgb, var(--card-color-dark) 70%, #000), 0 4px 10px color-mix(in srgb, var(--card-color) 35%, transparent), inset 0 1px 2px #0000001f}.cm-empty{color:#4b4b4b;font-family:var(--font-heading);flex-direction:column;grid-column:1/-1;align-items:center;gap:6px;padding:40px 20px;display:flex}.cm-empty__icon{font-size:3rem}.cm-empty__title{font-size:1.1rem;font-weight:800}.cm-empty__sub{color:#777;font-size:.9rem;font-weight:600}.cm-footer-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-heading);color:#4b4b4b;background:#ffffffb3;border:1px solid #0000000d;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin:18px 16px 0;padding:10px 16px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000d}.cm-footer-strip__emoji{font-size:1.1rem;animation:2s ease-in-out infinite cmFooterEmoji}@keyframes cmFooterEmoji{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)scale(1.1)}}.subj-screen{background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--theme,#1cb0f6) 20%, transparent) 0%, transparent 60%), linear-gradient(180deg, #f4fbff 0%, #ecf6f0 50%, #f0f4f8 100%);-webkit-overflow-scrolling:touch;scrollbar-width:none;isolation:isolate;width:100%;min-height:100dvh;padding:0 0 32px;position:relative;overflow:hidden auto}.subj-screen::-webkit-scrollbar{display:none}.subj-blob{filter:blur(80px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;animation:16s ease-in-out infinite alternate subjBlob;position:absolute}.subj-blob--1{background:var(--theme,#1cb0f6);opacity:.2;width:320px;height:320px;top:-100px;right:-120px}.subj-blob--2{background:var(--theme-accent,#7fd6ff);opacity:.18;width:240px;height:240px;animation-delay:-6s;top:40%;left:-80px}@keyframes subjBlob{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-25px)scale(1.08)}}.subj-pattern{opacity:.4;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 25%,#fff6 0%,#0000 1%),radial-gradient(circle at 75% 75%,#ffffff4d 0%,#0000 1%);background-size:60px 60px,90px 90px;position:absolute;inset:0}.subj-hero{color:#fff;background:radial-gradient(circle at 100% 0%, #ffffff2e 0%, transparent 50%), radial-gradient(circle at 0% 100%, #0000001f 0%, transparent 50%), linear-gradient(135deg, var(--theme,#1cb0f6) 0%, var(--theme-dark,#0e8fc9) 100%);box-shadow:0 10px 28px color-mix(in srgb, var(--theme,#1cb0f6) 35%, transparent), 0 4px 10px #0000001f, inset 0 -2px 4px #0000001a, inset 0 2px 4px #ffffff40;isolation:isolate;z-index:1;border-radius:26px;margin:12px 16px 16px;padding:18px 20px 22px;position:relative;overflow:hidden}.subj-hero__glyph{font-size:7rem;font-weight:900;font-family:var(--font-heading);color:#ffffff29;letter-spacing:-.05em;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;text-shadow:0 4px 12px #00000014;line-height:1;position:absolute;top:-8px;right:8px}.subj-hero__pattern{z-index:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.subj-back{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;transition:transform .2s,background .2s;display:flex;position:relative}.subj-back:hover{background:#ffffff59}.subj-back:active{transform:scale(.92)}.subj-hero__body{z-index:1;position:relative}.subj-hero__icon-wrap{background:#fffffff2;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;animation:3s ease-in-out infinite subjHeroIcon;display:flex;transform:rotate(-4deg);box-shadow:0 6px 14px #0003,inset 0 -2px 4px #0000000f,inset 0 2px 4px #ffffffb3}@keyframes subjHeroIcon{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-3px)}}.subj-hero__icon{font-size:2.2rem}.subj-hero__tagline{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;opacity:.9;margin-bottom:2px;font-size:.7rem;font-weight:800}.subj-hero__title{font-family:var(--font-heading);text-shadow:0 2px 4px #0003;margin:0 0 6px;font-size:1.7rem;font-weight:800;line-height:1.1}.subj-hero__desc{opacity:.95;max-width:360px;margin:0 0 10px;font-size:.9rem;font-weight:500;line-height:1.4}.subj-hero__meta{flex-wrap:wrap;gap:6px;display:flex}.subj-hero__chip{font-family:var(--font-heading);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.subj-progress-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #0000000d;border-radius:20px;margin:0 16px 16px;padding:16px 18px;animation:.4s ease-out subjCardIn;position:relative;box-shadow:0 4px 14px #00000014,0 1px 3px #0000000a,inset 0 -1px 2px #00000008,inset 0 1px 2px #ffffffb3}@keyframes subjCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.subj-progress-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.subj-progress-card__label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:#4b4b4b;font-size:.7rem;font-weight:800}.subj-progress-card__count{font-family:var(--font-heading);color:#1a1a1a;margin-top:2px;font-size:1.5rem;font-weight:800;line-height:1.1}.subj-progress-card__sep{color:#999;margin:0 2px}.subj-progress-card__total{color:#4b4b4b;font-size:1rem}.subj-progress-card__lbl{color:#4b4b4b;text-transform:uppercase;letter-spacing:.05em;margin-left:6px;font-size:.7rem;font-weight:700}.subj-progress-card__pct{flex-shrink:0}.subj-progress-card__pct-ring{color:var(--theme,#58cc02);justify-content:center;align-items:center;display:inline-flex;position:relative}.subj-progress-card__pct-num{font-family:var(--font-heading);color:#1a1a1a;font-size:.85rem;font-weight:800;position:absolute}.subj-progress-card__bar{background:#0000000f;border-radius:5px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.subj-progress-card__fill{background:linear-gradient(90deg, var(--theme,#58cc02) 0%, var(--theme-accent,#a6f071) 100%);height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--theme,#58cc02) 50%, transparent);border-radius:5px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.subj-strands{z-index:1;max-width:720px;margin:0 auto;padding:0 16px;position:relative}.subj-strands__head{align-items:center;gap:8px;margin-bottom:12px;padding:0 2px;display:flex}.subj-strands__head h2{font-family:var(--font-heading);color:#1a1a1a;margin:0;font-size:1.15rem;font-weight:800}.subj-strands__count{background:var(--theme,#58cc02);color:#fff;min-width:26px;height:22px;font-family:var(--font-heading);box-shadow:0 2px 4px color-mix(in srgb, var(--theme,#58cc02) 40%, transparent), inset 0 -1px 2px #0000001a, inset 0 1px 2px #ffffff4d;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.75rem;font-weight:800;display:inline-flex}.subj-strand{animation:.4s ease-out backwards subjStrandIn;animation-delay:var(--strand-delay,0s);background:#fff;border:2px solid #0000000a;border-radius:18px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000a,inset 0 -1px 2px #00000005,inset 0 1px 2px #ffffffb3}@keyframes subjStrandIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.subj-strand:hover{border-color:color-mix(in srgb, var(--theme,#58cc02) 30%, #0000000a);box-shadow:0 6px 16px color-mix(in srgb, var(--theme,#58cc02) 20%, transparent), 0 1px 3px #0000000a}.subj-strand--open{border-color:var(--theme,#58cc02);box-shadow:0 8px 20px color-mix(in srgb, var(--theme,#58cc02) 25%, transparent), inset 0 -1px 2px #00000005}.subj-strand--done{border-color:color-mix(in srgb, var(--theme,#58cc02) 50%, #fff)}.subj-strand__head{text-align:left;cursor:pointer;width:100%;font-family:var(--font-heading);color:#1a1a1a;background:0 0;border:none;align-items:center;gap:14px;padding:14px 16px;transition:background .2s;display:flex}.subj-strand__head:hover{background:#00000005}.subj-strand__head:active{background:#0000000a}.subj-strand__num{background:linear-gradient(135deg, var(--theme,#58cc02) 0%, var(--theme-dark,#37a300) 100%);color:#fff;width:36px;height:36px;font-family:var(--font-heading);box-shadow:0 3px 6px color-mix(in srgb, var(--theme,#58cc02) 35%, transparent), inset 0 -1px 2px #0000001a, inset 0 1px 2px #ffffff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.subj-strand__body{flex:1;min-width:0}.subj-strand__title-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.subj-strand__title{color:#1a1a1a;margin:0;font-size:1.05rem;font-weight:800;line-height:1.2}.subj-strand__medal{filter:drop-shadow(0 2px 4px #ffc80066);font-size:1.1rem;animation:2.5s ease-in-out infinite subjMedal}@keyframes subjMedal{0%,to{transform:rotate(-5deg)scale(1)}50%{transform:rotate(5deg)scale(1.08)}}.subj-strand__soon-badge{color:#4b4b4b;text-transform:uppercase;letter-spacing:.06em;background:#00000014;border-radius:999px;align-items:center;padding:2px 8px;font-size:.6rem;font-weight:800;display:inline-flex}.subj-strand__desc{font-family:var(--font-body);color:#4b4b4b;margin:0 0 8px;font-size:.78rem;line-height:1.4}.subj-strand__bar{background:#0000000f;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.subj-strand__fill{background:linear-gradient(90deg, var(--theme,#58cc02) 0%, var(--theme-accent,#a6f071) 100%);height:100%;box-shadow:0 0 6px color-mix(in srgb, var(--theme,#58cc02) 50%, transparent);border-radius:3px;transition:width .5s ease-out}.subj-strand__meta{font-family:var(--font-heading);color:#4b4b4b;gap:6px;font-size:.7rem;font-weight:700;display:flex}.subj-strand__chevron{color:#4b4b4b;background:#0000000a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s,background .2s,color .2s;display:flex}.subj-strand--open .subj-strand__chevron{background:color-mix(in srgb, var(--theme,#58cc02) 12%, transparent);color:var(--theme,#58cc02);transform:rotate(180deg)}.subj-strand__panel{max-height:0;transition:max-height .4s;overflow:hidden}.subj-strand--open .subj-strand__panel{max-height:1000px}.subj-strand__panel>*{border-top:1px dashed #00000014;padding:10px 14px 14px}.subj-strand__topics{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.subj-topic{cursor:pointer;width:100%;font-family:var(--font-heading);text-align:left;color:#1a1a1a;background:#00000005;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background .2s,border-color .2s,transform .15s;display:flex}.subj-topic:hover{background:color-mix(in srgb, var(--theme,#58cc02) 8%, transparent);border-color:color-mix(in srgb, var(--theme,#58cc02) 30%, transparent)}.subj-topic__dot{background:#e5e5e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px 2px #00000014}.subj-topic__dot--prog{background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);box-shadow:0 1px 3px #ff96004d,inset 0 -1px 2px #0000001a,inset 0 1px 2px #ffffff4d}.subj-topic__dot--done{background:linear-gradient(135deg, var(--theme,#58cc02) 0%, var(--theme-dark,#37a300) 100%);box-shadow:0 1px 3px color-mix(in srgb, var(--theme,#58cc02) 40%, transparent), inset 0 -1px 2px #0000001a, inset 0 1px 2px #ffffff4d}.subj-topic__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.subj-topic__title{color:#1a1a1a;font-size:.92rem;font-weight:700;line-height:1.2}.subj-topic__desc{font-family:var(--font-body);color:#4b4b4b;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.3;display:-webkit-box;overflow:hidden}.subj-topic__count{color:#4b4b4b;background:#0000000f;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.75rem;font-weight:800}.subj-topic__arrow{color:#999;flex-shrink:0;transition:transform .2s,color .2s}.subj-topic:hover .subj-topic__arrow{color:var(--theme,#58cc02);transform:translate(2px)}.subj-strand__coming{text-align:center;color:#4b4b4b;font-family:var(--font-heading);flex-direction:column;align-items:center;gap:4px;padding:12px 16px 18px;display:flex}.subj-strand__coming-icon{margin-bottom:4px;font-size:2.2rem;animation:2.5s ease-in-out infinite subjComing}@keyframes subjComing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.subj-strand__coming-title{color:#1a1a1a;font-size:.95rem;font-weight:800}.subj-strand__coming-text{font-family:var(--font-body);color:#4b4b4b;max-width:360px;margin:0;font-size:.8rem;line-height:1.4}.subj-celebrate{color:#fff;text-align:center;background:linear-gradient(135deg,#ffc800 0%,#ff9600 50%,#ff4b4b 100%);border-radius:22px;margin:20px 16px 0;padding:24px 20px;position:relative;box-shadow:0 10px 30px #ff96004d,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff4d}.subj-celebrate__confetti{margin-bottom:6px;font-size:2.5rem;animation:1.5s ease-in-out infinite subjConfetti}@keyframes subjConfetti{0%,to{transform:rotate(-10deg)scale(1)}50%{transform:rotate(10deg)scale(1.1)}}.subj-celebrate__title{font-family:var(--font-heading);text-shadow:0 2px 4px #0003;margin:0 0 12px;font-size:1.4rem;font-weight:800}.subj-celebrate__p{opacity:.95;margin:6px 0;font-size:.9rem;font-weight:500}.subj-celebrate__h{font-family:var(--font-heading);text-align:left;margin:12px 0 6px;font-size:1rem;font-weight:800}.subj-celebrate__list{text-align:left;margin:0;padding:0;list-style:none}.subj-celebrate__list li{align-items:flex-start;gap:8px;margin:4px 0;font-size:.85rem;font-weight:500;display:flex}.dark-mode .cm-screen{background:radial-gradient(80% 60% at 50% 0,#1b2d3a 0%,#0000 60%),radial-gradient(70% 50% at 20%,#1a2a1f 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#2a1f3a 0%,#0000 60%),linear-gradient(#131a1f 0%,#1a2030 50%,#1f1a2a 100%)}.dark-mode .cm-back{color:#e0e0e0;background:#ffffff14;border-color:#ffffff1a}.dark-mode .cm-topbar__title{color:#fff}.dark-mode .cm-topbar__sub{color:#b8b8c8}.dark-mode .cm-search__input{color:#fff;background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.dark-mode .cm-search__input:focus{background:#ffffff1a;border-color:#1cb0f6}.dark-mode .cm-search__icon{color:#b8b8c8}.dark-mode .cm-search__clear{color:#b8b8c8;background:#ffffff1a}.dark-mode .cm-empty{color:#b8b8c8}.dark-mode .cm-footer-strip{color:#b8b8c8;background:#ffffff0f;border-color:#ffffff1a}.dark-mode .subj-screen{background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--theme,#1cb0f6) 18%, #1f2532) 0%, transparent 60%), linear-gradient(180deg, #1f2532 0%, #252b3a 50%, #2a2538 100%)}.dark-mode .subj-back{background:0 0;border-color:#ffffff38}.dark-mode .subj-progress-card{background:0 0;border-color:#ffffff38;box-shadow:0 4px 14px #0000004d}.dark-mode .subj-progress-card__label{color:#e0e0f0}.dark-mode .subj-progress-card__count{color:#fff}.dark-mode .subj-progress-card__total,.dark-mode .subj-progress-card__lbl{color:#e0e0f0}.dark-mode .subj-progress-card__pct-num{color:#fff}.dark-mode .subj-progress-card__bar{background:#ffffff2e}.dark-mode .subj-strands__head h2{color:#fff}.dark-mode .subj-strand{box-shadow:0 4px 12px #0000004d;background:0 0!important;border-color:#ffffff38!important}.dark-mode .subj-strand__head{color:#fff}.dark-mode .subj-strand__head:hover{background:#ffffff0d}.dark-mode .subj-strand__title{color:#fff}.dark-mode .subj-strand__desc{color:#e0e0f0;font-weight:500}.dark-mode .subj-strand__meta{color:#fff;font-weight:700}.dark-mode .subj-strand__bar{background:#ffffff2e}.dark-mode .subj-strand__chevron{color:#fff;background:#ffffff1a}.dark-mode .subj-strand__soon-badge{color:#fff;background:#ffffff1f}.dark-mode .subj-strand__panel>*{border-top-color:#ffffff1f}.dark-mode .subj-topic{color:#fff;background:0 0!important;border-color:#ffffff38!important}.dark-mode .subj-topic__title{color:#fff}.dark-mode .subj-topic__desc{color:#e0e0f0}.dark-mode .subj-topic__count{color:#fff;background:#ffffff1a}.dark-mode .subj-topic__dot{background:#ffffff2e}.dark-mode .subj-strand__coming{color:#e0e0f0}.dark-mode .subj-strand__coming-title{color:#fff}.dark-mode .subj-strand__coming-text{color:#e0e0f0}@media (width<=380px){.cm-hero{padding:18px 16px}.cm-hero__title{font-size:1.3rem}.cm-hero__sub{font-size:.85rem}.subj-hero__title{font-size:1.4rem}.subj-hero__desc{font-size:.85rem}}.lvq{flex-direction:column;gap:14px;width:100%;padding:0 4px;display:flex;position:relative}.lvq__progress{justify-content:center;align-items:center;gap:4px;max-width:280px;margin:0 auto;padding:6px 0 4px;display:flex}.lvq__pip{background:#00000014;border-radius:6px;flex:1;height:12px;transition:background .3s,transform .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.lvq__pip--current{background:#00000026;animation:1.2s ease-in-out infinite lvqPipPulse}.lvq__pip--current:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:1.6s linear infinite lvqPipShine;position:absolute;inset:0}@keyframes lvqPipPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.15)}}@keyframes lvqPipShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.lvq__pip--done{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);box-shadow:0 1px 2px #58cc024d,inset 0 1px 2px #ffffff4d}.lvq__pip--correct{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);animation:.6s cubic-bezier(.34,1.56,.64,1) lvqPipCorrect;box-shadow:0 1px 2px #58cc024d,inset 0 1px 2px #ffffff4d}.lvq__pip--wrong{background:linear-gradient(135deg,#ff4b4b 0%,#c42b2b 100%);animation:.4s ease-out lvqPipWrong;box-shadow:0 1px 2px #ff4b4b4d,inset 0 1px 2px #ffffff4d}@keyframes lvqPipCorrect{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes lvqPipWrong{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.lvq__counter{font-family:var(--font-heading);color:#4b4b4b;align-items:baseline;gap:1px;font-size:.95rem;font-weight:800;display:inline-flex;position:absolute;top:0;right:0}.lvq__counter-cur{color:#1a1a1a;font-size:1.1rem}.lvq__counter-sep{color:#bbb;margin:0 2px}.lvq__counter-tot{color:#4b4b4b}.lvq__card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:2px solid #0000000d;border-radius:20px;margin-top:28px;padding:16px 18px 18px;animation:.45s cubic-bezier(.34,1.56,.64,1) lvqCardIn;position:relative;box-shadow:0 6px 16px #0000000f,0 2px 4px #0000000a,inset 0 -1px 2px #00000005,inset 0 1px 2px #ffffffb3}@keyframes lvqCardIn{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lvq__tag{color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:.65rem;font-weight:800;display:inline-block;box-shadow:0 2px 4px #58cc024d}.lvq__prompt{font-family:var(--font-heading);color:#1a1a1a;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.lvq__options{flex-direction:column;gap:10px;width:100%;display:flex}.lvq__opt{width:100%;font-family:var(--font-heading);color:#1a1a1a;text-align:left;cursor:pointer;animation:.5s cubic-bezier(.34,1.56,.64,1) backwards lvqOptIn;animation-delay:calc(var(--lvq-i,0) * 60ms + .15s);-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #0000001a;border-bottom-width:4px;border-radius:14px;align-items:center;gap:12px;padding:14px 16px 14px 14px;font-size:1rem;font-weight:700;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s,background .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #00000014}@keyframes lvqOptIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.lvq__opt:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#fff6 0%,#0000 40%);position:absolute;inset:0}.lvq__opt:hover:not(:disabled){border-color:#00000026;transform:translateY(-2px);box-shadow:0 6px #00000014,0 4px 12px #0000000f}.lvq__opt:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px);box-shadow:0 0 #00000014}.lvq__opt:disabled{cursor:default}.lvq__opt-key{color:#4b4b4b;width:30px;height:30px;font-family:var(--font-heading);background:#0000000f;border:1.5px solid #00000014;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.lvq__opt-text{word-wrap:break-word;z-index:1;flex:1;min-width:0;line-height:1.3;position:relative}.lvq__opt-mark{color:#fff;opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;transform:scale(.4)}.lvq__opt--correct{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-color:#2d8400;animation:.5s cubic-bezier(.34,1.56,.64,1) lvqOptCorrect;box-shadow:0 4px #2d8400,0 6px 16px #58cc0259}.lvq__opt--correct .lvq__opt-key{color:#fff;background:#ffffff40;border-color:#fff6}.lvq__opt--correct .lvq__opt-mark{opacity:1;color:#fff;transform:scale(1)}@keyframes lvqOptCorrect{0%{transform:scale(1)}30%{transform:scale(1.04)}to{transform:scale(1)}}.lvq__opt--wrong{color:#fff;background:linear-gradient(135deg,#ff4b4b 0%,#c42b2b 100%);border-color:#9b1f1f;animation:.4s ease-out lvqOptWrong;box-shadow:0 4px #9b1f1f,0 6px 16px #ff4b4b59}.lvq__opt--wrong .lvq__opt-key{color:#fff;background:#ffffff40;border-color:#fff6}.lvq__opt--wrong .lvq__opt-mark{opacity:1;color:#fff;transform:scale(1)}@keyframes lvqOptWrong{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.lvq__opt--faded{opacity:.5;filter:grayscale(.4);box-shadow:none;color:#4b4b4b;background:#f5f5f5;border-color:#0000000f}.lvq__feedback{opacity:0;background:#fff;border:2px solid #0000000a;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 18px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s,background .3s,border-color .3s;display:grid;position:relative;transform:translateY(120%);box-shadow:0 -4px 16px #00000014,0 8px 24px #0000000f,inset 0 1px 2px #ffffffb3}.lvq__feedback--show{opacity:1;transform:translateY(0)}.lvq__feedback--correct{background:linear-gradient(135deg,#d7ffb8 0%,#b6f08a 100%);border-color:#58cc02}.lvq__feedback--wrong{background:linear-gradient(135deg,#ffd2c2 0%,#ff8a7a 100%);border-color:#ff4b4b}.lvq__feedback-icon{color:#2d8400;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;animation:.4s cubic-bezier(.34,1.56,.64,1) .1s backwards lvqFeedbackPop;display:flex;box-shadow:0 2px 6px #0000001f,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.lvq__feedback--wrong .lvq__feedback-icon{color:#c42b2b}@keyframes lvqFeedbackPop{0%{transform:scale(0)rotate(-180deg)}to{transform:scale(1)rotate(0)}}.lvq__feedback-body{min-width:0}.lvq__feedback-title{font-family:var(--font-heading);color:#1a1a1a;font-size:1.05rem;font-weight:800;line-height:1.1}.lvq__feedback-sub{font-family:var(--font-body);color:#4b4b4b;margin-top:2px;font-size:.85rem;line-height:1.3}.lvq__feedback-sub b{color:#1a1a1a;font-weight:800}.lvq__continue{color:#fff;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;font-size:.95rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px #2d8400,0 6px 14px #58cc024d,inset 0 -1px 2px #0000001a,inset 0 1px 2px #ffffff40}.lvq__continue:hover{transform:translateY(-1px)}.lvq__continue:active{transform:translateY(2px);box-shadow:0 1px #2d8400,0 2px 6px #58cc024d}.lvq__auto-hint{align-items:center;gap:4px;padding:0 8px;display:inline-flex}.lvq__auto-dot{background:#0003;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite lvqDot}.lvq__auto-dot:nth-child(2){animation-delay:.2s}.lvq__auto-dot:nth-child(3){animation-delay:.4s}@keyframes lvqDot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.dark-mode .lvq__card{background:#1e2332f2;border-color:#ffffff14;box-shadow:0 6px 16px #0006}.dark-mode .lvq__opt{color:#fff;background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 2px #0006}.dark-mode .lvq__opt--faded{color:#4b4b4b;background:#ffffff08;border-color:#ffffff0d}.dark-mode .lvq__pip{background:#ffffff1a}.dark-mode .lvq__pip--current{background:#fff3}.dark-mode .lvq__feedback{background:#1e2332f2;border-color:#ffffff14}.dark-mode .lvq__feedback-title{color:#fff}.dark-mode .lvq__feedback-sub{color:#b8b8c8}.dark-mode .lvq__feedback-sub b,.dark-mode .lvq__counter-cur{color:#fff}.dark-mode .lvq__counter-tot{color:#b8b8c8}.lvp__topbar{z-index:4;flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:6px;display:grid;position:relative}.lvp__iconbtn{color:#4b4b4b;cursor:pointer;background:#fffc;border:1px solid #0000000f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s,background .2s;display:flex;box-shadow:0 2px 6px #00000014,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.lvp__iconbtn:hover{background:#fff}.lvp__iconbtn:active{transform:scale(.92)}.lvp__hearts{justify-content:center;align-items:center;gap:4px;padding:4px 6px;display:flex}.lvp__heart{filter:drop-shadow(0 1px 2px #00000026);justify-content:center;align-items:center;transition:color .3s,transform .4s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.lvp__heart--on{color:#ff4b4b}.lvp__heart--off{color:#0000001f;filter:grayscale(.6);animation:.4s ease-out lvpHeartShake}@keyframes lvpHeartShake{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-4px)scale(1.15)rotate(-5deg)}75%{transform:translate(4px)scale(1.15)rotate(5deg)}}.lvp__xp{color:#fff;font-family:var(--font-heading);background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:64px;padding:6px 12px;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 3px #c47200,0 4px 10px #ff96004d,inset 0 -1px 2px #0000001a,inset 0 1px 2px #ffffff4d}.lvp__xp-icon{color:#fff}.lvp__streak{z-index:5;color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#ff9600 0%,#ff4b4b 100%);border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:.8rem;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) lvpStreakIn;display:inline-flex;position:absolute;top:56px;right:16px;box-shadow:0 4px 10px #ff4b4b59,inset 0 -1px 2px #0000001a,inset 0 1px 2px #ffffff4d}.lvp__streak-flame{filter:drop-shadow(0 1px 2px #0000004d);font-size:1rem;animation:.4s ease-in-out infinite alternate lvpFlame}@keyframes lvpFlame{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(1.15)rotate(3deg)}}@keyframes lvpStreakIn{0%{opacity:0;transform:translate(20px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}.lvp__hero{isolation:isolate;background:radial-gradient(circle at 100% 0%, #ffffff2e 0%, transparent 50%), radial-gradient(circle at 0% 100%, #0000001f 0%, transparent 50%), linear-gradient(135deg, var(--lvp-color) 0%, var(--lvp-dark) 100%);box-shadow:0 8px 22px color-mix(in srgb, var(--lvp-color) 30%, transparent), 0 3px 8px #0000001a, inset 0 -2px 4px #0000001a, inset 0 2px 4px #ffffff40;border-radius:22px;flex-shrink:0;margin:4px 0 12px;position:relative;overflow:hidden}.lvp__hero-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:6s ease-in-out infinite alternate lvpGlowFloat;position:absolute;top:-40%;right:-20%}@keyframes lvpGlowFloat{0%{transform:translate(0)scale(1)}to{transform:translate(-15px,10px)scale(1.1)}}.lvp__hero-inner{z-index:1;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:6px;padding:16px 18px;display:flex;position:relative}.lvp__hero-tier{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:800}.lvp__hero-title{font-family:var(--font-heading);text-shadow:0 2px 4px #0003;margin:0;font-size:1.7rem;font-weight:800;line-height:1.1}.lvp__hero-boss-tag{opacity:.9;text-transform:uppercase;letter-spacing:.08em;font-size:1rem;font-weight:700}.lvp__companion-mini{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:16px;flex-direction:column;align-items:center;gap:2px;margin-top:2px;padding:6px 14px 8px;display:flex}.lvp__companion-name{font-family:var(--font-heading);color:#fff;letter-spacing:.04em;font-size:.75rem;font-weight:700}.lvp__main{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.lvp__reward-ticker{z-index:6;color:#1a1a1a;font-family:var(--font-heading);pointer-events:none;background:linear-gradient(135deg,#ffe266 0%,#ffc800 100%);border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:.9rem;font-weight:800;animation:.7s cubic-bezier(.34,1.56,.64,1) lvpRewardPop;display:inline-flex;position:absolute;top:80px;right:16px;box-shadow:0 4px 10px #ffc80066,inset 0 -1px 2px #0000001a,inset 0 1px 2px #fff6}@keyframes lvpRewardPop{0%{opacity:0;transform:scale(0)rotate(-30deg)}60%{transform:scale(1.15)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.lvp__reward-icon{font-size:1rem}.lvp{background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--lvp-color) 18%, transparent) 0%, transparent 60%), linear-gradient(180deg, #f4fbff 0%, #ecf6f0 50%, #f0f4f8 100%);isolation:isolate;flex-direction:column;width:100%;min-height:100dvh;padding:12px 14px 14px;display:flex;position:relative;overflow:hidden auto}.dark-mode .lvp{background:radial-gradient(ellipse 80% 50% at 50% 0%, color-mix(in srgb, var(--lvp-color) 18%, #131a1f) 0%, transparent 60%), linear-gradient(180deg, #131a1f 0%, #1a2030 50%, #1f1a2a 100%)}.dark-mode .lvp__iconbtn{color:#b8b8c8;background:#ffffff14;border-color:#ffffff1a}.dark-mode .lvp__heart--off{color:#ffffff26}.lvr{isolation:isolate;background:radial-gradient(80% 50% at 50% 0,#ffc80026 0%,#0000 60%),linear-gradient(#fffbea 0%,#fff7f4 50%,#f4fbff 100%);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100dvh;padding:32px 16px 24px;display:flex;position:relative;overflow:hidden auto}.lvr--lose{background:radial-gradient(80% 50% at 50% 0,#ff4b4b1a 0%,#0000 60%),linear-gradient(#fff7f4 0%,#f4fbff 100%)}.lvr__main{z-index:1;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;animation:.6s cubic-bezier(.34,1.56,.64,1) lvrIn;display:flex;position:relative}@keyframes lvrIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lvr__confetti{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.lvr__confetti-piece{top:-10%;left:var(--x);background:var(--c,#ffc800);width:10px;height:14px;transform:rotate(var(--rot,0));animation:lvrConfetti 2.4s linear var(--delay,0s) forwards;opacity:0;border-radius:2px;position:absolute}@keyframes lvrConfetti{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(120vh)rotate(720deg)}}.lvr__hero{margin-top:8px;position:relative}.lvr__trophy{background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;animation:1.2s ease-in-out infinite lvrTrophyBounce;display:flex;position:relative;box-shadow:0 6px #c47200,0 16px 32px #ff960066,inset 0 -4px 8px #0000001a,inset 0 4px 8px #fff6}.lvr__trophy--sad{background:linear-gradient(135deg,#ff8a7a 0%,#ff4b4b 100%);box-shadow:0 6px #c42b2b,0 16px 32px #ff4b4b4d,inset 0 -4px 8px #0000001a,inset 0 4px 8px #ffffff4d}@keyframes lvrTrophyBounce{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.05)rotate(3deg)}}.lvr__trophy-glow{pointer-events:none;background:radial-gradient(circle,#ffc80066 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite lvrGlow;position:absolute;inset:-20px}.lvr__trophy--sad .lvr__trophy-glow{background:radial-gradient(circle,#ff4b4b4d 0%,#0000 70%)}@keyframes lvrGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.lvr__trophy-icon{filter:drop-shadow(0 4px 8px #0003);z-index:1;font-size:4rem;position:relative}.lvr__title{font-family:var(--font-heading);color:#1a1a1a;text-align:center;margin:4px 0 0;font-size:2rem;font-weight:800;line-height:1.1}.lvr__subtitle{font-family:var(--font-heading);color:#4b4b4b;text-align:center;margin:0;font-size:.95rem;font-weight:600}.lvr__companion{flex-direction:column;align-items:center;gap:2px;display:flex}.lvr__companion-name{font-family:var(--font-heading);color:#4b4b4b;font-size:.85rem;font-weight:700}.lvr__xpbar{color:#1a1a1a;background:linear-gradient(135deg,#ffe266 0%,#ffc800 100%);border:2px solid #ff9600;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 16px;display:flex;box-shadow:0 4px 10px #ffc8004d,inset 0 -1px 2px #00000014,inset 0 1px 2px #fff6}.lvr__xpbar-label{font-family:var(--font-heading);align-items:center;gap:6px;font-size:.95rem;font-weight:800;display:inline-flex}.lvr__xpbar-icon{font-size:1.1rem}.lvr__xpbar-num{font-family:var(--font-heading);background:#ffffff80;border:1.5px solid #fff;border-radius:999px;padding:2px 10px;font-size:1.2rem;font-weight:800}.lvr__stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.lvr__stat{background:#ffffffe6;border:1.5px solid #0000000d;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex;box-shadow:0 4px 10px #0000000f,inset 0 -1px 2px #00000005,inset 0 1px 2px #ffffffb3}.lvr__stat-icon{font-size:1.4rem}.lvr__stat-num{font-family:var(--font-heading);color:#1a1a1a;font-size:1.1rem;font-weight:800;line-height:1}.lvr__stat-lbl{font-family:var(--font-heading);color:#4b4b4b;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.lvr__stat--correct{background:linear-gradient(135deg,#d7ffb8 0%,#a6f071 100%);border-color:#58cc02}.lvr__stat--sparks{background:linear-gradient(135deg,#ffe266 0%,#ffc800 100%);border-color:#ff9600}.lvr__stat--correct .lvr__stat-num,.lvr__stat--sparks .lvr__stat-num{color:#1a1a1a}.lvr__stars{justify-content:center;align-items:center;gap:6px;margin:4px 0;display:flex}.lvr__star{color:#00000026;filter:drop-shadow(0 2px 4px #00000014);animation:.4s cubic-bezier(.34,1.56,.64,1) backwards lvrStarIn;animation-delay:calc(var(--si,0) * .15s + .3s);justify-content:center;align-items:center;display:inline-flex}.lvr__star--on{color:#ffc800;filter:drop-shadow(0 2px 8px #ffc80099);animation:.7s cubic-bezier(.34,1.56,.64,1) backwards lvrStarSpin;animation-delay:calc(var(--si,0) * .2s + .4s)}@keyframes lvrStarIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lvrStarSpin{0%{transform:scale(0)rotate(-180deg)}60%{transform:scale(1.3)rotate(20deg)}to{transform:scale(1)rotate(0)}}.lvr__cta{color:#fff;width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:16px 24px;font-size:1.1rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 5px #2d8400,0 10px 24px #58cc0259,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff40}.lvr__cta:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:60%;height:100%;animation:3s ease-in-out infinite lvrCtaShine;position:absolute;top:0;left:-100%}@keyframes lvrCtaShine{0%,to{left:-100%}50%{left:130%}}.lvr__cta:hover{transform:translateY(-1px)}.lvr__cta:active{transform:translateY(3px);box-shadow:0 1px #2d8400,0 4px 12px #58cc024d}.lvr--lose .lvr__cta{background:linear-gradient(135deg,#ff4b4b 0%,#c42b2b 100%);box-shadow:0 5px #9b1f1f,0 10px 24px #ff4b4b59,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff40}.lvr--lose .lvr__cta:active{box-shadow:0 1px #9b1f1f,0 4px 12px #ff4b4b4d}.lvr__levelup{color:#fff;font-family:var(--font-heading);background:linear-gradient(135deg,#ce82ff 0%,#9333ea 100%);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:800;animation:.6s cubic-bezier(.34,1.56,.64,1) lvrLevelUp;display:inline-flex;box-shadow:0 4px 10px #ce82ff66}@keyframes lvrLevelUp{0%{transform:scale(0)}to{transform:scale(1)}}.dark-mode .lvr{background:radial-gradient(80% 50% at 50% 0,#ffc8001f 0%,#0000 60%),linear-gradient(#1f1a0e 0%,#1a2030 50%,#1f1a2a 100%)}.dark-mode .lvr--lose{background:radial-gradient(80% 50% at 50% 0,#ff4b4b1f 0%,#0000 60%),linear-gradient(#1f131a 0%,#1a2030 50%,#1f1a2a 100%)}.dark-mode .lvr__title{color:#fff}.dark-mode .lvr__subtitle,.dark-mode .lvr__companion-name{color:#b8b8c8}.dark-mode .lvr__stat{background:#ffffff0d;border-color:#ffffff14}.dark-mode .lvr__stat-num{color:#fff}.dark-mode .lvr__stat-lbl{color:#b8b8c8}.dark-mode .lvr__stat--correct{background:#58cc0226}.dark-mode .lvr__stat--sparks{background:#ffc80026}@media (width<=380px){.lvq__prompt{font-size:1.1rem}.lvq__opt{padding:12px;font-size:.95rem}.lvp__hero-title{font-size:1.4rem}.lvr__title{font-size:1.6rem}.lvr__trophy{width:110px;height:110px}.lvr__trophy-icon{font-size:3rem}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (width>=768px){body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-thumb{background:#0000002e padding-box padding-box;border:2px solid #0000;border-radius:999px}body::-webkit-scrollbar-thumb:hover{background:#00000052 padding-box padding-box}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.duo-cta-bar,.map-footer,.lvp__main>:last-child,.lvr__main>:last-child{padding-bottom:max(0px, env(safe-area-inset-bottom))}.lgn-screen{width:100%;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));isolation:isolate;background:radial-gradient(90% 60% at 50% 0,#b7f0c8 0%,#0000 60%),radial-gradient(70% 50% at 20%,#ffe6b0 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#c5e8ff 0%,#0000 60%),linear-gradient(#e8f8ee 0%,#fff6e2 50%,#e0f2fa 100%);flex-direction:column;align-items:center;gap:18px;display:flex;position:relative;overflow:hidden auto}.lgn-bubbles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.lgn-bubble{filter:blur(40px);opacity:.7;background:#ffffffa6;border-radius:50%;animation:18s ease-in-out infinite alternate lgnBubbleDrift;position:absolute}.lgn-bubble--1{width:260px;height:260px;animation-delay:0s;top:-60px;left:-80px}.lgn-bubble--2{width:200px;height:200px;animation-delay:-5s;bottom:10%;right:-50px}.lgn-bubble--3{width:180px;height:180px;animation-delay:-10s;top:35%;left:60%}.lgn-bubble--4{width:140px;height:140px;animation-delay:-3s;bottom:20%;left:10%}.lgn-bubble--5{width:220px;height:220px;animation-delay:-7s;top:50%;right:30%}.lgn-bubble--6{width:160px;height:160px;animation-delay:-12s;top:10%;right:5%}@keyframes lgnBubbleDrift{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-25px)scale(1.1)}}.lgn-floats{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.lgn-float{filter:drop-shadow(0 4px 8px #00000026);font-size:1.8rem;animation:6s ease-in-out infinite lgnFloatBob;position:absolute}.lgn-float--1{animation-delay:0s;top:12%;left:8%}.lgn-float--2{animation-delay:-1.5s;top:8%;right:10%}.lgn-float--3{font-size:1.4rem;animation-delay:-3s;top:22%;right:18%}.lgn-float--4{font-size:1.6rem;animation-delay:-2s;top:38%;left:5%}.lgn-float--5{font-size:1.5rem;animation-delay:-4s;bottom:18%;right:8%}.lgn-float--6{font-size:1.4rem;animation-delay:-2.5s;bottom:24%;left:12%}.lgn-float--7{font-size:1.4rem;animation-delay:-3.5s;top:30%;right:6%}@keyframes lgnFloatBob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-12px)rotate(4deg)}}.lgn-brand{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:2px;margin-top:8px;display:flex;position:relative}.lgn-brand__mark{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:6px;animation:3s ease-in-out infinite lgnBrandBounce;display:flex;box-shadow:0 6px #2d8400,0 10px 24px #58cc0259,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff4d}@keyframes lgnBrandBounce{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.05)rotate(3deg)}}.lgn-brand__globe{filter:drop-shadow(0 2px 4px #0003);font-size:1.8rem}.lgn-brand__name{font-family:var(--font-heading);color:#1a3a35;text-shadow:0 2px 4px #0000000f;font-size:1.7rem;font-weight:800;line-height:1.1}.lgn-brand__sub{font-family:var(--font-heading);color:#4b7a72;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:700}.lgn-hero{z-index:2;perspective:800px;flex-direction:column;align-items:center;margin:4px 0 8px;display:flex;position:relative}.lgn-hero__halo{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffc80066 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:3s ease-in-out infinite lgnHaloPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lgnHaloPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.lgn-hero__char{filter:drop-shadow(0 8px 16px #0003);z-index:1;font-size:5rem;animation:3.5s ease-in-out infinite lgnCharFloat;position:relative;transform:rotate(-5deg)}@keyframes lgnCharFloat{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(5deg)translateY(-8px)}}.lgn-hero__shadow{background:radial-gradient(#0000002e 0%,#0000 70%);border-radius:50%;width:80px;height:10px;margin-top:4px;animation:3.5s ease-in-out infinite lgnShadow}@keyframes lgnShadow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.lgn-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffffb3;border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:480px;padding:22px 22px 18px;animation:.6s cubic-bezier(.34,1.56,.64,1) lgnCardIn;display:flex;position:relative;box-shadow:0 12px 32px #0000001a,0 4px 12px #0000000f,inset 0 -2px 4px #0000000a,inset 0 2px 4px #ffffffb3}.lgn-card--shake{animation:.4s ease-in-out lgnShake}@keyframes lgnCardIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lgnShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.lgn-progress{flex-direction:column;gap:8px;display:flex}.lgn-progress__track{background:#00000014;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.lgn-progress__fill{background:linear-gradient(90deg,#58cc02 0%,#1cb0f6 100%);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px #58cc0266}.lgn-progress__dots{justify-content:center;gap:6px;display:flex}.lgn-progress__dot{background:#0000001f;border-radius:50%;width:10px;height:10px;transition:all .3s}.lgn-progress__dot--done{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);box-shadow:0 1px 3px #58cc0266}.lgn-progress__dot--current{background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);border-radius:6px;width:28px;animation:1.2s ease-in-out infinite lgnDotPulse;box-shadow:0 1px 3px #ff960066}@keyframes lgnDotPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(.85)}}.lgn-step{flex-direction:column;gap:8px;animation:.4s ease-out lgnStepIn;display:flex}@keyframes lgnStepIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.lgn-step__title{font-family:var(--font-heading);color:#1a1a1a;margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.lgn-step__sub{font-family:var(--font-body);color:#4b4b4b;margin:0;font-size:.95rem;line-height:1.4}.lgn-input-wrap{background:#f8fdfc;border:2px solid #0d948826;border-radius:16px;align-items:center;margin-top:6px;padding:4px 16px 4px 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.lgn-input-wrap:focus-within{background:#fff;border-color:#58cc02;box-shadow:0 0 0 4px #58cc0226}.lgn-input-icon{flex-shrink:0;margin-right:8px;font-size:1.3rem}.lgn-input{font-family:var(--font-body);color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0;font-size:1.1rem;font-weight:700}.lgn-input::placeholder{color:#999;font-weight:500}.lgn-companion-preview{justify-content:center;margin-top:4px;animation:.5s ease-out .2s backwards lgnPreviewIn;display:flex}@keyframes lgnPreviewIn{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.lgn-companion-preview__bubble{font-family:var(--font-heading);color:#1a1a1a;background:#fff;border:2px solid #58cc02;border-radius:18px;padding:8px 14px;font-size:.85rem;font-weight:700;animation:.4s ease-out .4s backwards lgnBubblePop;display:inline-block;position:relative;box-shadow:0 2px 6px #58cc0233}.lgn-companion-preview__bubble:before{content:"";border-bottom:8px solid #58cc02;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px;left:24px}.lgn-companion-preview__bubble:after{content:"";border-bottom:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-5px;left:26px}@keyframes lgnBubblePop{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}.lgn-input-wrap--email{margin-top:10px}.lgn-input-wrap--combined{padding:4px 14px}.lgn-input-wrap--combined .lgn-input-icon--left{margin-right:8px}.lgn-input-wrap--combined .lgn-input-icon--right{pointer-events:none;margin-right:0;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.lgn-input--with-icons{padding:12px 36px 12px 0}.lgn-error{color:#c42b2b;font-family:var(--font-heading);text-align:center;background:#ffe5e5;border:2px solid #ffb5b5;border-radius:12px;margin-top:10px;padding:10px 14px;font-size:.85rem;font-weight:700;animation:.4s lgnErrorShake}@keyframes lgnErrorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.lgn-mode-toggle{cursor:pointer;font-family:var(--font-heading);color:#1cb0f6;background:0 0;border:none;align-self:center;margin-top:10px;padding:6px 4px;font-size:.85rem;font-weight:800;transition:color .15s,transform .15s}.lgn-mode-toggle:hover{color:#0e8fc9;transform:translateY(-1px)}.lgn-mode-toggle:active{transform:translateY(1px)}.lgn-review{background:#58cc0214;border:2px solid #58cc0233;border-radius:16px;flex-direction:column;gap:8px;margin-top:4px;padding:14px 16px;display:flex}.lgn-review__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.lgn-review__lbl{font-family:var(--font-heading);color:#4b7a72;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:700}.lgn-review__val{font-family:var(--font-heading);color:#1a1a1a;font-size:1.05rem;font-weight:800}.lgn-btns{align-items:center;gap:10px;margin-top:6px;display:flex}.lgn-btn{font-family:var(--font-heading);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:12px 18px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.lgn-btn--primary{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);flex:1;font-size:1rem;position:relative;overflow:hidden;box-shadow:0 5px #2d8400,0 10px 24px #58cc0259,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff40}.lgn-btn--primary:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:60%;height:100%;animation:3s ease-in-out infinite lgnBtnShine;position:absolute;top:0;left:-100%}@keyframes lgnBtnShine{0%,to{left:-100%}50%{left:130%}}.lgn-btn--primary:hover{transform:translateY(-1px)}.lgn-btn--primary:active{transform:translateY(3px);box-shadow:0 1px #2d8400,0 2px 6px #58cc024d}.lgn-btn--primary:disabled{cursor:not-allowed;color:#ffffffb3;background:#b5b5b5;box-shadow:0 4px #888,0 6px 16px #00000026}.lgn-btn--ghost{color:#4b4b4b;background:#0000000d;padding:12px 16px;font-size:.9rem;box-shadow:inset 0 -2px #0000000f}.lgn-btn--ghost:hover{background:#00000014}.lgn-btn--ghost:active{transform:scale(.96)}.lgn-foot{z-index:2;font-family:var(--font-heading);color:#4b7a72;align-items:center;gap:6px;margin-top:4px;font-size:.85rem;display:flex;position:relative}.lgn-foot__link{color:#58cc02;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:.85rem;font-weight:800;transition:background .2s}.lgn-foot__link:hover{background:#58cc021a}.wlc-screen{width:100%;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));isolation:isolate;background:radial-gradient(90% 60% at 50% 0,#d4f0dc 0%,#0000 60%),radial-gradient(60% 50% at 30% 80%,#ffe6b0 0%,#0000 60%),linear-gradient(#e8f8ee 0%,#fff6e2 50%,#f4f0e8 100%);flex-direction:column;align-items:center;gap:18px;display:flex;position:relative;overflow:hidden auto}.wlc-screen--picked{transition:filter .4s,opacity .4s}.wlc-screen--gaming{filter:hue-rotate()saturate(1.05)}.wlc-screen--curriculum{filter:hue-rotate(-15deg)saturate(1.05)}.wlc-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wcl-bg-grad{background:radial-gradient(circle at 20% 20%,#58cc0214 0%,#0000 50%),radial-gradient(circle at 80% 80%,#1cb0f614 0%,#0000 50%);position:absolute;inset:0}.wcl-orb{filter:blur(60px);opacity:.5;border-radius:50%;animation:12s ease-in-out infinite alternate wclOrbFloat;position:absolute}.wcl-orb--1{background:radial-gradient(circle,#58cc0266 0%,#0000 70%);width:280px;height:280px;top:-60px;left:-60px}.wcl-orb--2{background:radial-gradient(circle,#ffc8004d 0%,#0000 70%);width:240px;height:240px;animation-delay:-4s;bottom:20%;right:-40px}.wcl-orb--3{background:radial-gradient(circle,#ce82ff4d 0%,#0000 70%);width:200px;height:200px;animation-delay:-8s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes wclOrbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-25px)scale(1.08)}}.wlc-confetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wlc-confetti-piece{top:-10%;left:var(--x);background:var(--c,#ffc800);width:10px;height:14px;transform:rotate(var(--rot,0));animation:wlcConfettiFall var(--dur,5s) linear var(--delay,0s) infinite;opacity:0;border-radius:2px;position:absolute}@keyframes wlcConfettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(120vh)rotate(720deg)}}.wlc-hero{z-index:2;text-align:center;perspective:1000px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:560px;margin-top:8px;display:flex;position:relative}.wlc-hero__halo{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffc80059 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:3s ease-in-out infinite wlcHeroHalo;position:absolute;top:30px;left:50%;transform:translate(-50%)}@keyframes wlcHeroHalo{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.2)}}.wlc-hero__rings{pointer-events:none;z-index:0;position:absolute;top:30px;left:50%;transform:translate(-50%)}.wlc-hero__ring{border:2px solid #ffc80066;border-radius:50%;animation:2.5s ease-out infinite wlcRingExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wlc-hero__ring:first-child{width:100px;height:100px;animation-delay:0s}.wlc-hero__ring:nth-child(2){width:100px;height:100px;animation-delay:.8s}.wlc-hero__ring:nth-child(3){width:100px;height:100px;animation-delay:1.6s}@keyframes wlcRingExpand{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.wlc-hero__companion{z-index:1;transform-style:preserve-3d;animation:.7s cubic-bezier(.34,1.56,.64,1) wlcCompanionIn;position:relative}@keyframes wlcCompanionIn{0%{opacity:0;transform:scale(.3)rotateY(180deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.wlc-hero__greeting{font-family:var(--font-heading);color:#1a3a35;background:#ffffffe6;border:2px solid #58cc024d;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:5px 14px;font-size:.95rem;font-weight:800;animation:.4s ease-out .4s backwards wlcGreetingIn;display:inline-flex;box-shadow:0 2px 6px #0000000d}@keyframes wlcGreetingIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wlc-hero__wave{transform-origin:70% 70%;font-size:1.1rem;animation:1.5s ease-in-out infinite wlcWave;display:inline-block}@keyframes wlcWave{0%,to{transform:rotate(0)}20%{transform:rotate(20deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(15deg)}80%{transform:rotate(-5deg)}}.wlc-hero__title{font-family:var(--font-heading);color:#1a1a1a;text-shadow:0 2px 4px #0000000f;margin:4px 0 0;font-size:1.7rem;font-weight:800;line-height:1.15;animation:.5s ease-out .6s backwards wlcTitleIn}@keyframes wlcTitleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wlc-hero__sub{font-family:var(--font-body);color:#4b7a72;margin:0;font-size:.95rem;line-height:1.4;animation:.4s ease-out .8s backwards wlcSubIn}@keyframes wlcSubIn{0%{opacity:0}to{opacity:1}}.wlc-stats{justify-content:center;align-items:center;gap:8px;margin-top:6px;animation:.4s ease-out .8s backwards wlcStatsIn;display:flex}@keyframes wlcStatsIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wlc-stat{background:#ffffffd9;border:2px solid #ffffffb3;border-radius:14px;flex-direction:column;align-items:center;gap:1px;min-width:80px;padding:6px 14px;display:flex;box-shadow:0 4px 10px #0000000f,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.wlc-stat__icon{font-size:1.3rem}.wlc-stat__num{font-family:var(--font-heading);color:#1a1a1a;font-size:1.1rem;font-weight:800;line-height:1.1}.wlc-stat__lbl{font-family:var(--font-heading);color:#4b7a72;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:800}.wlc-picker{z-index:2;flex-direction:column;gap:12px;width:100%;max-width:720px;margin-top:4px;display:flex;position:relative}.wlc-picker__title{font-family:var(--font-heading);color:#1a1a1a;text-align:center;text-shadow:0 2px 4px #0000000a;margin:0;font-size:1.2rem;font-weight:800}.wlc-modes{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=480px){.wlc-modes{grid-template-columns:1fr}}.wlc-mode{background:linear-gradient(135deg, var(--mode-color) 0%, var(--mode-color-dark) 100%);color:#fff;cursor:pointer;text-align:left;font-family:var(--font-heading);box-shadow:0 6px 0 color-mix(in srgb, var(--mode-color-dark) 70%, #000), 0 12px 24px color-mix(in srgb, var(--mode-color) 35%, transparent), inset 0 -2px 4px #0000001a, inset 0 2px 4px #ffffff4d;-webkit-tap-highlight-color:transparent;border:none;border-radius:22px;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 18px 16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s;animation:.5s cubic-bezier(.34,1.56,.64,1) backwards wlcModeIn;display:flex;position:relative;overflow:hidden}.wlc-mode:first-child{animation-delay:.9s}.wlc-mode:nth-child(2){animation-delay:1.05s}@keyframes wlcModeIn{0%{opacity:0;transform:translateY(20px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.wlc-mode:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#fff3 0%,#0000 50%);position:absolute;inset:0}.wlc-mode__shine{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:60%;height:100%;animation:4s ease-in-out infinite wlcModeShine;position:absolute;top:0;left:-100%}@keyframes wlcModeShine{0%,to{left:-100%}50%{left:130%}}.wlc-mode:hover{box-shadow:0 8px 0 color-mix(in srgb, var(--mode-color-dark) 70%, #000), 0 18px 36px color-mix(in srgb, var(--mode-color) 50%, transparent), inset 0 -2px 4px #0000001a, inset 0 2px 4px #ffffff4d;transform:translateY(-4px)rotate(-1deg)}.wlc-mode:active{box-shadow:0 2px 0 color-mix(in srgb, var(--mode-color-dark) 70%, #000), 0 4px 12px color-mix(in srgb, var(--mode-color) 35%, transparent), inset 0 1px 2px #0000001a;transform:translateY(2px)scale(.99)}.wlc-mode--picked{box-shadow:0 2px 0 color-mix(in srgb, var(--mode-color-dark) 70%, #000), 0 0 24px color-mix(in srgb, var(--mode-color) 60%, transparent), inset 0 1px 2px #0000001a;transform:scale(.96)}.wlc-mode--picked:after{content:"✓";width:32px;height:32px;color:var(--mode-color-dark);background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) wlcCheckPop;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0003}@keyframes wlcCheckPop{0%{transform:scale(0)rotate(-180deg)}to{transform:scale(1)rotate(0)}}.wlc-mode--dim{filter:grayscale(.4)brightness(.7);opacity:.6;pointer-events:none;transform:scale(.96)}.wlc-mode__icon-wrap{background:#fffffff2;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:rotate(-4deg);box-shadow:0 4px 10px #00000026,inset 0 -2px 4px #0000000f,inset 0 2px 4px #ffffffb3}.wlc-mode:hover .wlc-mode__icon-wrap{transform:rotate(0)scale(1.08)}.wlc-mode__icon{font-size:1.8rem;line-height:1}.wlc-mode__title{text-shadow:0 1px 2px #0003;font-size:1.2rem;font-weight:800;line-height:1.1}.wlc-mode__tagline{text-transform:uppercase;letter-spacing:.08em;opacity:.95;font-size:.65rem;font-weight:800}.wlc-mode__desc{font-family:var(--font-body);opacity:.95;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.wlc-mode__features{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.wlc-mode__feat{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.wlc-mode__feat-dot{background:#fffffff2;border-radius:50%;width:5px;height:5px}.wlc-mode__cta{text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:4px;margin-top:8px;padding:4px 12px;font-size:.7rem;font-weight:800;transition:gap .2s,background .2s;display:inline-flex}.wlc-mode:hover .wlc-mode__cta{background:#fff6;gap:8px}.wlc-mode--picked .wlc-mode__cta{color:var(--mode-color-dark);background:#fffffff2}.wlc-foot{z-index:2;font-family:var(--font-heading);color:#4b7a72;text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:4px;padding:0 12px;font-size:.8rem;font-weight:600;display:flex;position:relative}.wlc-foot__guest{cursor:pointer;font-family:var(--font-heading);color:#1cb0f6;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:.85rem;font-weight:800;transition:color .15s,background .15s,transform .15s}.wlc-foot__guest:hover{color:#0e8fc9;background:#1cb0f614;transform:translateY(-1px)}.wlc-foot__guest:active{transform:translateY(1px)}.dark-mode .lgn-screen{background:radial-gradient(90% 60% at 50% 0,#1e3320 0%,#0000 60%),radial-gradient(70% 50% at 20%,#2a2510 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#1a2530 0%,#0000 60%),linear-gradient(#131a1f 0%,#1a2030 50%,#1f1a2a 100%)}.dark-mode .lgn-bubble{background:#ffffff14}.dark-mode .lgn-brand__name{color:#fff}.dark-mode .lgn-brand__sub{color:#b8b8c8}.dark-mode .lgn-card{background:#1e2332f2;border-color:#ffffff14;box-shadow:0 12px 32px #0006}.dark-mode .lgn-step__title{color:#fff}.dark-mode .lgn-step__sub{color:#b8b8c8}.dark-mode .lgn-input-wrap{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .lgn-input-wrap:focus-within{background:#ffffff14}.dark-mode .lgn-input{color:#fff}.dark-mode .lgn-error{color:#ff8a8a;background:#ff4b4b26;border-color:#ff4b4b66}.dark-mode .lgn-mode-toggle{color:#7fd6ff}.dark-mode .lgn-mode-toggle:hover{color:#b5e5ff}.dark-mode .lgn-review{background:#58cc021f;border-color:#58cc024d}.dark-mode .lgn-review__val{color:#fff}.dark-mode .lgn-review__lbl{color:#b8b8c8}.dark-mode .lgn-companion-preview__bubble{color:#fff;background:#1e2332f2}.dark-mode .lgn-companion-preview__bubble:after{border-bottom-color:#1e2332f2}.dark-mode .lgn-foot{color:#b8b8c8}.dark-mode .lgn-btn--ghost{color:#b8b8c8;background:#ffffff0f}.dark-mode .wlc-screen{background:radial-gradient(90% 60% at 50% 0,#1e3320 0%,#0000 60%),radial-gradient(60% 50% at 30% 80%,#2a2510 0%,#0000 60%),linear-gradient(#131a1f 0%,#1a2030 50%,#1f1a2a 100%)}.dark-mode .wlc-hero__greeting{color:#fff;background:#1e2332e6;border-color:#58cc024d}.dark-mode .wlc-hero__title{color:#fff}.dark-mode .wlc-hero__sub{color:#b8b8c8}.dark-mode .wlc-picker__title{color:#fff}.dark-mode .wlc-stat__num{color:#fff}.dark-mode .wlc-stat__lbl,.dark-mode .wlc-foot{color:#b8b8c8}@media (width<=380px){.lgn-brand__name{font-size:1.4rem}.lgn-hero__char{font-size:4rem}.lgn-step__title{font-size:1.3rem}.wlc-hero__title{font-size:1.4rem}.wlc-mode{padding:16px 14px 14px}.wlc-mode__title{font-size:1.05rem}}.prf-screen{width:100%;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));isolation:isolate;background:radial-gradient(80% 50% at 50% 0,#58cc021a 0%,#0000 60%),linear-gradient(#f4fbff 0%,#ecf6f0 50%,#f0f4f8 100%);flex-direction:column;gap:14px;display:flex;position:relative;overflow:hidden auto}.prf-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.prf-bg__glow{filter:blur(40px);background:radial-gradient(circle,#58cc022e 0%,#0000 60%);border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite alternate prfGlow;position:absolute;top:-100px;left:50%;transform:translate(-50%)}@keyframes prfGlow{0%{opacity:.5;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.15)}}.prf-topbar{z-index:2;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid;position:relative}.prf-back,.prf-settings{color:#1a1a1a;cursor:pointer;background:#ffffffe6;border:1px solid #0000000d;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 6px #0000000f}.prf-back:hover,.prf-settings:hover{background:#fff}.prf-back:active,.prf-settings:active{transform:scale(.92)}.prf-topbar__title{text-align:center;font-family:var(--font-heading);color:#1a1a1a;margin:0;font-size:1.2rem;font-weight:800}.prf-hero{z-index:2;text-align:center;background:#fffffff2;border:2px solid #ffffffb3;border-radius:22px;flex-direction:column;align-items:center;gap:8px;margin-top:4px;padding:20px 16px 18px;animation:.6s cubic-bezier(.34,1.56,.64,1) prfHeroIn;display:flex;position:relative;box-shadow:0 8px 24px #00000014}@keyframes prfHeroIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.prf-hero__ring{pointer-events:none;border:2px solid #58cc0280;border-radius:50%;width:90px;height:90px;animation:2.5s ease-out infinite prfRing;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.prf-hero__ring--2{animation-delay:1.25s}@keyframes prfRing{0%{opacity:1;transform:translate(-50%)scale(.8)}to{opacity:0;transform:translate(-50%)scale(2.5)}}.prf-hero__avatar{color:#fff;width:84px;height:84px;font-family:var(--font-heading);z-index:1;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;display:flex;position:relative;box-shadow:0 6px #2d8400,0 10px 24px #58cc0259,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff4d}.prf-hero__name{font-family:var(--font-heading);color:#1a1a1a;margin:4px 0 0;font-size:1.5rem;font-weight:800;line-height:1.1}.prf-hero__sub{font-family:var(--font-heading);color:#4b7a72;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:800}.prf-hero__xp{flex-direction:column;gap:4px;width:100%;max-width:360px;margin-top:8px;display:flex}.prf-hero__xp-row{font-family:var(--font-heading);color:#4b7a72;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;font-size:.75rem;font-weight:800;display:flex}.prf-hero__xp-num{color:#1a1a1a}.prf-hero__xp-bar{background:#00000014;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.prf-hero__xp-fill{background:linear-gradient(90deg,#58cc02 0%,#ffc800 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px #58cc0266}.prf-stats{z-index:2;grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:relative}.prf-stat{background:#fffffff2;border:2px solid #ffffffb3;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;animation:.4s ease-out backwards prfStatIn;display:flex;box-shadow:0 4px 10px #0000000d}.prf-stat:first-child{animation-delay:.1s}.prf-stat:nth-child(2){animation-delay:.15s}.prf-stat:nth-child(3){animation-delay:.2s}.prf-stat:nth-child(4){animation-delay:.25s}@keyframes prfStatIn{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.prf-stat__icon{font-size:1.4rem}.prf-stat__num{font-family:var(--font-heading);color:#1a1a1a;font-size:1.1rem;font-weight:800;line-height:1.1}.prf-stat__lbl{font-family:var(--font-heading);color:#4b7a72;text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;font-weight:800}.prf-companion-card{z-index:2;background:#fffffff2;border:2px solid #ffffffb3;border-radius:20px;flex-direction:column;gap:6px;padding:14px 16px;animation:.5s ease-out .3s backwards prfStatIn;display:flex;position:relative;box-shadow:0 4px 12px #0000000f}.prf-companion-card__title{font-family:var(--font-heading);color:#4b7a72;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.prf-companion-card__body{align-items:center;gap:14px;display:flex}.prf-companion-card__info{flex:1;min-width:0}.prf-companion-card__name{font-family:var(--font-heading);color:#1a1a1a;font-size:1.2rem;font-weight:800;line-height:1.1}.prf-companion-card__stage{color:#37a300;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;background:#58cc0226;border-radius:999px;margin-top:4px;padding:2px 10px;font-size:.7rem;font-weight:800;display:inline-block}.prf-companion-card__msg{font-family:var(--font-body);color:#4b4b4b;margin-top:4px;font-size:.8rem;font-style:italic;line-height:1.4}.prf-section{z-index:2;background:#fffffff2;border:2px solid #ffffffb3;border-radius:20px;flex-direction:column;gap:8px;padding:14px 16px;animation:.5s ease-out .4s backwards prfStatIn;display:flex;position:relative;box-shadow:0 4px 12px #0000000f}.prf-section__title{font-family:var(--font-heading);color:#1a1a1a;margin:0;font-size:.9rem;font-weight:800}.prf-section__row{grid-template-columns:80px 1fr 56px;align-items:center;gap:8px;padding:4px 0;display:grid}.prf-section__lbl{font-family:var(--font-heading);color:#4b4b4b;font-size:.78rem;font-weight:700}.prf-section__bar{background:#0000000f;border-radius:4px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.prf-section__fill{background:linear-gradient(90deg,#58cc02 0%,#a6f071 100%);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.prf-section__val{font-family:var(--font-heading);color:#1a1a1a;text-align:right;font-size:.75rem;font-weight:800}.prf-badges{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.prf-badge{filter:grayscale();opacity:.4;background:#0000000a;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:all .3s;display:flex}.prf-badge--on{filter:grayscale(0);opacity:1;background:linear-gradient(135deg,#ffc80026 0%,#ff960026 100%);border-color:#ffc80066;box-shadow:0 2px 6px #ffc8004d}.prf-badge__icon{font-size:1.3rem}.prf-badge__name{font-family:var(--font-heading);color:#4b7a72;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:800}.prf-badge--on .prf-badge__name{color:#c47200}.prf-actions{z-index:2;flex-direction:column;gap:8px;display:flex;position:relative}.prf-action{cursor:pointer;text-align:left;width:100%;font-family:var(--font-heading);-webkit-tap-highlight-color:transparent;background:#fffffff2;border:2px solid #ffffffb3;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 10px #0000000d}.prf-action:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000014}.prf-action:active{transform:scale(.98)}.prf-action__icon{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex;box-shadow:0 2px 6px #00000026,inset 0 -1px 2px #00000014,inset 0 1px 2px #ffffff4d}.prf-action__body{flex:1;min-width:0}.prf-action__title{color:#1a1a1a;font-size:.95rem;font-weight:800;line-height:1.1;display:block}.prf-action__sub{color:#4b7a72;margin-top:2px;font-size:.72rem;font-weight:600;display:block}.prf-action__arrow{color:#b5b5b5;font-size:1.4rem;font-weight:800}.prf-logout{z-index:2;justify-content:center;margin-top:auto;padding:4px 0 12px;display:flex;position:relative}.prf-logout__btn{cursor:pointer;font-family:var(--font-heading);color:#e53935;-webkit-tap-highlight-color:transparent;background:#ffffffd9;border:2px solid #e539354d;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 10px #e539351f}.prf-logout__btn:hover{background:#e5393514;border-color:#e5393580;transform:translateY(-1px);box-shadow:0 6px 14px #e539352e}.prf-logout__btn:active{transform:scale(.97)}.prf-logout__icon{font-size:1.1rem}.prf-logout__label{letter-spacing:.02em}.duo-topbar__back{color:#1a1a1a;cursor:pointer;background:#ffffffd9;border:1px solid #0000000d;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 6px #00000014,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.duo-topbar__back:hover{background:#fff}.duo-topbar__back:active{transform:scale(.92)}.duo-topbar__iconbtn{color:#4b4b4b;cursor:pointer;background:#ffffffd9;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:4px;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 6px #00000014,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.duo-topbar__iconbtn:hover{color:#1a1a1a;background:#fff}.duo-topbar__iconbtn:active{transform:scale(.92)}.duo-topbar__iconbtn--emoji{font-size:1.15rem;line-height:1}.duo-topbar__iconbtn--emoji>span{line-height:1;display:inline-block}.cm-topbar__center{text-align:center;min-width:0}.cm-topbar__title{font-family:var(--font-heading);color:#1a1a1a;font-size:1.25rem;font-weight:800;line-height:1.1}.cm-topbar__sub{font-family:var(--font-heading);color:#4b7a72;margin-top:2px;font-size:.78rem;font-weight:700}.cm-topbar__actions{align-items:center;gap:6px;display:flex}.cm-iconbtn{color:#4b4b4b;cursor:pointer;background:#ffffffd9;border:1px solid #0000000d;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 6px #00000014,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.cm-iconbtn:hover{color:#1a1a1a;background:#fff}.cm-iconbtn:active{transform:scale(.92)}.cm-iconbtn--emoji{font-size:1.15rem;line-height:1}.cm-iconbtn--emoji>span{line-height:1;display:inline-block}.cm-topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid!important}.dark-mode,.dark-mode p,.dark-mode span,.dark-mode div,.dark-mode li{color:#e6e6ee}.dark-mode .card,.dark-mode .naming-card,.dark-mode .naming-field input,.dark-mode .lgn-card,.dark-mode .lgn-input-wrap,.dark-mode .lgn-input,.dark-mode .lgn-step__title,.dark-mode .lgn-step__sub,.dark-mode .lgn-review,.dark-mode .lgn-review__val,.dark-mode .lgn-review__lbl,.dark-mode .lgn-companion-preview__bubble,.dark-mode .wlc-card,.dark-mode .wlc-hero__greeting,.dark-mode .wlc-hero__title,.dark-mode .wlc-hero__sub,.dark-mode .wlc-stat,.dark-mode .wlc-stat__num,.dark-mode .wlc-stat__lbl,.dark-mode .wlc-picker__title,.dark-mode .wlc-mode,.dark-mode .wlc-mode__title,.dark-mode .wlc-mode__tagline,.dark-mode .wlc-mode__desc,.dark-mode .wlc-mode__feat,.dark-mode .wlc-mode__cta,.dark-mode .prf-screen,.dark-mode .prf-topbar,.dark-mode .prf-topbar__title,.dark-mode .prf-back,.dark-mode .prf-settings,.dark-mode .prf-hero,.dark-mode .prf-hero__name,.dark-mode .prf-hero__sub,.dark-mode .prf-hero__xp-lbl,.dark-mode .prf-hero__xp-num,.dark-mode .prf-hero__xp-bar,.dark-mode .prf-stats,.dark-mode .prf-stat,.dark-mode .prf-stat__num,.dark-mode .prf-stat__lbl,.dark-mode .prf-companion-card,.dark-mode .prf-companion-card__title,.dark-mode .prf-companion-card__name,.dark-mode .prf-companion-card__stage,.dark-mode .prf-companion-card__msg,.dark-mode .prf-section,.dark-mode .prf-section__title,.dark-mode .prf-section__lbl,.dark-mode .prf-section__val,.dark-mode .prf-badge,.dark-mode .prf-badge__name,.dark-mode .prf-badge--on .prf-badge__name,.dark-mode .prf-action,.dark-mode .prf-action__title,.dark-mode .prf-action__sub,.dark-mode .prf-action__arrow,.dark-mode .prf-logout__btn{color:#ff8a80;background:#e539351f;border-color:#ff8a8066;box-shadow:0 4px 10px #0000004d}.dark-mode .results-card,.dark-mode .results-title,.dark-mode .results-detail,.dark-mode .results-score,.dark-mode .results-rewards,.dark-mode .results-levelup,.dark-mode .results-friend,.dark-mode .results-subtitle,.dark-mode .results-hint,.dark-mode .settings-row,.dark-mode .dash-stat,.dark-mode .dash-num,.dark-mode .dash-subj,.dark-mode .dash-companion,.dark-mode .stageup-card,.dark-mode .stageup-title,.dark-mode .stageup-label,.dark-mode .stageup-desc,.dark-mode .shop-card,.dark-mode .shop-name,.dark-mode .shop-type,.dark-mode .shop-sparks,.dark-mode .friendbook-card,.dark-mode .fb-card,.dark-mode .fb-name,.dark-mode .fb-type,.dark-mode .fb-empty,.dark-mode .friendbook-screen,.dark-mode .skilltree-companion,.dark-mode .skilltree-stage,.dark-mode .skilltree-stats,.dark-mode .stat-row,.dark-mode .naming-screen,.dark-mode .naming-title,.dark-mode .naming-sub,.dark-mode .naming-field label{color:#f0f0f5!important}.dark-mode .lgn-input,.dark-mode .naming-field input,.dark-mode .settings-gate input{color:#fff!important;background:#ffffff0f!important;border-color:#ffffff26!important}.dark-mode .lgn-input::placeholder,.dark-mode .naming-field input::placeholder{color:#fff6!important}.dark-mode .prf-hero,.dark-mode .prf-companion-card,.dark-mode .prf-section,.dark-mode .prf-stat,.dark-mode .prf-action,.dark-mode .prf-back,.dark-mode .prf-settings,.dark-mode .prf-badges,.dark-mode .prf-badge--on{background:#1e2332f2!important;border-color:#ffffff1a!important}.dark-mode .prf-hero__avatar{color:#fff!important;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important}.dark-mode .prf-section__fill,.dark-mode .prf-hero__xp-fill{background:linear-gradient(90deg,#58cc02 0%,#a6f071 100%)!important}.dark-mode .settings-row{color:#fff!important;background:#1e2332f2!important;border-color:#ffffff14!important}.dark-mode .shop-card,.dark-mode .fb-card,.dark-mode .dash-stat{color:#f0f0f5!important;background:#1e2332f2!important;border-color:#ffffff14!important}.dark-mode .subj-strand,.dark-mode .subj-topic,.dark-mode .subj-strand__title,.dark-mode .subj-strand__desc,.dark-mode .subj-topic__title,.dark-mode .subj-topic__desc,.dark-mode .subj-section__title,.dark-mode .subj-section__sub,.dark-mode .subj-strand__coming,.dark-mode .subj-strand__coming-title,.dark-mode .subj-strand__coming-text,.dark-mode .subj-celebrate,.dark-mode .subj-celebrate__title,.dark-mode .subj-celebrate__p,.dark-mode .subj-celebrate__h,.dark-mode .subj-celebrate__list,.dark-mode .subj-progress-card,.dark-mode .subj-progress-card__label,.dark-mode .subj-progress-card__count,.dark-mode .subj-progress-card__lbl{color:#f0f0f5!important}.dark-mode .subj-hero,.dark-mode .subj-progress-card,.dark-mode .subj-strand,.dark-mode .subj-celebrate,.dark-mode .subj-topic{color:#fff!important;background:0 0!important;border-color:#ffffff38!important}.dark-mode .subj-topic{background:0 0!important;border-color:#ffffff38!important}.dark-mode .cm-card{color:#fff!important}.dark-mode .cm-card__title,.dark-mode .cm-card__tagline,.dark-mode .cm-card__desc,.dark-mode .cm-card__meta,.dark-mode .cm-empty,.dark-mode .cm-empty__title,.dark-mode .cm-empty__sub,.dark-mode .cm-footer-strip,.dark-mode .cm-topbar__title,.dark-mode .cm-topbar__sub,.dark-mode .cm-search__input,.dark-mode .cm-iconbtn,.dark-mode .cm-back,.dark-mode .cm-hero__title,.dark-mode .cm-hero__sub,.dark-mode .cm-counter,.dark-mode .cm-search__clear{color:#f0f0f5!important}.dark-mode .cm-back,.dark-mode .cm-iconbtn{background:#ffffff14!important;border-color:#ffffff1f!important}.dark-mode .cm-search__input{background:#ffffff0f!important;border-color:#ffffff1a!important}.dark-mode .cm-footer-strip{background:#1e2332d9!important;border-color:#ffffff1a!important}.dark-mode .duo-topbar__back,.dark-mode .duo-topbar__iconbtn,.dark-mode .duo-stat,.dark-mode .duo-topbar__profile{color:#f0f0f5!important;background:#1e2332f2!important;border-color:#ffffff1a!important}.dark-mode .duo-stat__num,.dark-mode .duo-stat--hearts .duo-stat__num{color:#ff6b6b!important}.dark-mode .duo-xp-track__fill{background:linear-gradient(90deg,#ffc800 0%,#ff9600 50%,#ce82ff 100%)!important}.dark-mode .duo-section-banner__left{background:#ffffff26!important}.dark-mode .duo-cta{color:#fff!important;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important}.dark-mode .duo-companion-mini{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important;border-color:#fff3!important}.dark-mode .path-node{color:#fff!important;background:#1e2332f2!important}.dark-mode .path-node__num{color:#fff!important}.dark-mode .path-node--locked{background:#ffffff0f!important}.dark-mode .lvq__card,.dark-mode .question-prompt{color:#fff!important;background:#1e2332f2!important;border-color:#ffffff1a!important}.dark-mode .lvq__prompt{color:#fff!important}.dark-mode .lvq__opt{color:#fff!important;background:#ffffff0f!important;border-color:#ffffff1a!important}.dark-mode .lvr-screen .lvr__title,.dark-mode .lvr-screen .lvr__subtitle{color:#fff!important}.dark-mode .lvr-screen .lvr__companion-name{color:#b8b8c8!important}.dark-mode .lvr-screen .lvr__xpbar,.dark-mode .lvr-screen .lvr__xpbar-num{color:#1a1a1a!important}.dark-mode .stageup-title,.dark-mode .stageup-label,.dark-mode .stageup-desc{color:#fff!important}.dark-mode .companion-stage-label{color:#b8b8c8!important}.dark-mode .skilltree-stage{color:#fff!important}.dark-mode .stat-row{color:#fff!important;background:#1e2332f2!important;border-color:#ffffff1a!important}.dark-mode .duo-drawer{background:#141623fa!important}.dark-mode .duo-drawer__head{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important}.wlc-topbar{z-index:5;justify-content:space-between;align-items:center;gap:8px;margin-bottom:-4px;padding:4px 0 0;display:flex;position:relative}.wlc-topbar__btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000000d;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex;box-shadow:0 2px 6px #00000014,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.wlc-topbar__btn:hover{transform:translateY(-1px)}.wlc-topbar__btn:active{transform:scale(.92)}.wlc-topbar__btn--profile{background:#fffffff2;border-radius:50%;width:44px;height:44px;padding:0}.wlc-topbar__avatar{color:#fff;width:36px;height:36px;font-family:var(--font-heading);background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:flex;box-shadow:inset 0 -1px 2px #0000001f,inset 0 1px 2px #ffffff4d}.wlc-topbar__btn--logout{color:#1a1a1a;background:#fffffff2;border-radius:14px;width:44px;height:44px}.wlc-topbar__btn--logout:hover{color:#fff;background:#ff4b4b;border-color:#ff4b4b}.wlc-topbar__btn--settings{color:#1a1a1a;background:#fffffff2;border-radius:14px;width:44px;height:44px}.wlc-topbar__btn--settings:hover{color:#1cb0f6;background:#fff;border-color:#1cb0f64d}.cm-iconbtn--profile{position:relative;background:#fffffff2!important}.cm-iconbtn__avatar{color:#fff;width:30px;height:30px;font-family:var(--font-heading);background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex;box-shadow:inset 0 -1px 2px #0000001f,inset 0 1px 2px #ffffff4d}.dark-mode,.dark-mode body{color:#fff!important;background:#14172a!important}.dark-mode,.dark-mode p,.dark-mode span,.dark-mode div,.dark-mode li,.dark-mode td,.dark-mode th,.dark-mode label,.dark-mode small{color:#f3f3fa}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:#fff!important}.dark-mode .app,.dark-mode .screen,.dark-mode .map-screen,.dark-mode .cm-screen,.dark-mode .subj-screen,.dark-mode .topic-screen,.dark-mode .lesson-screen,.dark-mode .lvq-screen,.dark-mode .results-screen,.dark-mode .lvr-screen,.dark-mode .shop-screen,.dark-mode .friendbook-screen,.dark-mode .dash-screen,.dark-mode .settings-screen,.dark-mode .prf-screen,.dark-mode .wlc-screen,.dark-mode .intro-screen,.dark-mode .battle-screen,.dark-mode .stageup-overlay,.dark-mode .drawer-overlay{background:#14172a!important}.dark-mode .map-screen{background:linear-gradient(#2b3050 0%,#1f2240 100%)!important}.dark-mode .card,.dark-mode .naming-card,.dark-mode .lgn-card,.dark-mode .lgn-input-wrap,.dark-mode .wlc-card,.dark-mode .lvr-card,.dark-mode .lvr-stat,.dark-mode .lvr__actions,.dark-mode .lvr__xpbar-wrap,.dark-mode .results-card,.dark-mode .settings-row,.dark-mode .settings-group,.dark-mode .settings-gate,.dark-mode .dash-stat,.dark-mode .shop-card,.dark-mode .fb-card,.dark-mode .stageup-card,.dark-mode .achievement-toast,.dark-mode .skilltree-stage,.dark-mode .skilltree-companion,.dark-mode .stat-row,.dark-mode .intro-card,.dark-mode .intro-stats,.dark-mode .prf-hero,.dark-mode .prf-companion-card,.dark-mode .prf-section,.dark-mode .prf-stat,.dark-mode .prf-action,.dark-mode .prf-back,.dark-mode .prf-settings,.dark-mode .prf-badges,.dark-mode .lgn-review,.dark-mode .lgn-step,.dark-mode .lgn-companion-preview,.dark-mode .lgn-companion-preview__bubble,.dark-mode .lgn-confirm{color:#fff!important;background:0 0!important;border-color:#ffffff38!important}.dark-mode .prf-badge--on{background:linear-gradient(135deg,#ffc80059 0%,#ff960059 100%)!important;border-color:#ffc80099!important}.dark-mode .prf-badge{background:#ffffff0f!important;border-color:#ffffff1a!important}.dark-mode .subj-hero,.dark-mode .subj-strand,.dark-mode .subj-celebrate,.dark-mode .subj-progress-card,.dark-mode .subj-topic,.dark-mode .topic-card,.dark-mode .topic-section,.dark-mode .topic-progress,.dark-mode .topic-empty,.dark-mode .lesson-card,.dark-mode .lesson-block,.dark-mode .lesson-cta,.dark-mode .lesson-progress,.dark-mode .lesson-summary{color:#fff!important;background:0 0!important;border-color:#ffffff38!important}.dark-mode .subj-topic:hover{background:#58cc021f!important;border-color:#58cc0280!important}.dark-mode .cm-card,.dark-mode .cm-topbar,.dark-mode .cm-hero,.dark-mode .cm-search,.dark-mode .cm-footer-strip,.dark-mode .cm-counter,.dark-mode .cm-topbar__title,.dark-mode .cm-topbar__sub,.dark-mode .cm-hero__title,.dark-mode .cm-hero__sub,.dark-mode .cm-card__title,.dark-mode .cm-card__tagline,.dark-mode .cm-card__desc,.dark-mode .cm-card__meta,.dark-mode .cm-empty__title,.dark-mode .cm-empty__sub,.dark-mode .cm-counter__num,.dark-mode .cm-counter__lbl{color:#fff!important}.dark-mode .cm-back,.dark-mode .cm-iconbtn,.dark-mode .cm-search__input{color:#fff!important;background:0 0!important;border-color:#ffffff38!important}.dark-mode .cm-search__input::placeholder{color:#ffffff80!important}.dark-mode .cm-iconbtn__avatar{box-shadow:0 0 0 2px #ffffff26!important}.dark-mode .cm-card{background:0 0!important;border-color:#ffffff38!important}.dark-mode .duo-topbar__back,.dark-mode .duo-topbar__iconbtn,.dark-mode .duo-stat,.dark-mode .duo-topbar__profile,.dark-mode .duo-topbar__menu{color:#fff!important;background:0 0!important;border-color:#ffffff38!important}.dark-mode .duo-stat__num{font-weight:800;color:#fff!important}.dark-mode .duo-stat--hearts .duo-stat__num{color:#ff7b7b!important}.dark-mode .duo-stat--streak .duo-stat__num{color:#ffc34d!important}.dark-mode .duo-stat--sparks .duo-stat__num{color:#ffe24d!important}.dark-mode .duo-stat__lbl{color:#ffffffb3!important}.dark-mode .duo-xp-track{background:#ffffff1f!important}.dark-mode .duo-xp-track__fill{box-shadow:0 0 12px #ffc80080;background:linear-gradient(90deg,#ffc800 0%,#ff9600 50%,#ce82ff 100%)!important}.dark-mode .duo-xp-flag--left{color:#1a1a1a!important;background:linear-gradient(135deg,#ffd24d 0%,#ffb300 100%)!important}.dark-mode .duo-xp-flag--right{color:#fff!important;background:linear-gradient(135deg,#ce82ff 0%,#9333ea 100%)!important}.dark-mode .duo-xp-flag__num{color:inherit!important}.dark-mode .duo-section-banner{border-color:#fff3!important}.dark-mode .duo-section-banner__title{color:#fff!important}.dark-mode .duo-section-banner__name{color:#ffffffd9!important}.dark-mode .duo-section-banner__left{color:#fff!important;background:#fff3!important}.dark-mode .path-node{color:#1a1a1a!important;background:linear-gradient(#fffffff2 0%,#f0f0faf2 100%)!important;border-color:#ffffff4d!important;box-shadow:0 4px 12px #0006!important}.dark-mode .path-node__num{font-weight:800;color:#1a1a1a!important}.dark-mode .path-node--current{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important}.dark-mode .path-node--current .path-node__num{color:#fff!important}.dark-mode .path-node--done{background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%)!important}.dark-mode .path-node--done .path-node__num{color:#fff!important}.dark-mode .path-node--boss{background:linear-gradient(135deg,#ff4b4b 0%,#c42b2b 100%)!important}.dark-mode .path-node--boss .path-node__num{color:#fff!important}.dark-mode .path-node--boss-done{background:linear-gradient(135deg,#ffc800 0%,#d9a500 100%)!important}.dark-mode .path-node--boss-done .path-node__num{color:#1a1a1a!important}.dark-mode .path-node--locked{opacity:.5;background:#ffffff1a!important}.dark-mode .path-node--locked .path-node__num{color:#fff6!important}.dark-mode .path-line{background:#ffffff26!important}.dark-mode .path-line--done{box-shadow:0 0 4px #1cb0f680;background:#1cb0f6!important}.dark-mode .duo-cta-bar{background:linear-gradient(#141623fa 0%,#14141e 100%)!important;border-top-color:#ffffff1f!important}.dark-mode .duo-cta{color:#fff!important;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important;box-shadow:0 4px #2d8400!important}.dark-mode .duo-companion-mini{color:#fff!important;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important;border-color:#ffffff40!important}.dark-mode .lvq__card,.dark-mode .question-prompt,.dark-mode .lvq__prompt,.dark-mode .lvq__opt,.dark-mode .lvq__opt-key,.dark-mode .lvq__opt-text,.dark-mode .lvr-screen .lvr__title,.dark-mode .lvr-screen .lvr__subtitle,.dark-mode .lvr-screen .lvr__companion-name{color:#fff!important}.dark-mode .lvq__card,.dark-mode .question-prompt{background:linear-gradient(#3a4060f2 0%,#303654f2 100%)!important;border-color:#ffffff1f!important}.dark-mode .lvq__opt{background:#ffffff14!important;border-color:#ffffff2e!important}.dark-mode .lvq__opt:hover{background:#ffffff1f!important}.dark-mode .lvq__opt-key{color:#fff!important;background:#ffffff1f!important;border-color:#fff3!important}.dark-mode .lvq__opt--picked{background:#ffc80033!important;border-color:#ffc800!important}.dark-mode .lvq__opt--correct{background:#58cc0240!important;border-color:#58cc02!important}.dark-mode .lvq__opt--wrong{background:#ff4b4b40!important;border-color:#ff4b4b!important}.dark-mode .wlc-screen,.dark-mode .wlc-topbar,.dark-mode .wlc-hero,.dark-mode .wlc-stats,.dark-mode .wlc-stat,.dark-mode .wlc-picker,.dark-mode .wlc-mode,.dark-mode .wlc-picker__title,.dark-mode .wlc-hero__greeting,.dark-mode .wlc-hero__title,.dark-mode .wlc-hero__sub,.dark-mode .wlc-stat__num,.dark-mode .wlc-stat__lbl,.dark-mode .wlc-mode__title,.dark-mode .wlc-mode__tagline,.dark-mode .wlc-mode__desc,.dark-mode .wlc-mode__feat,.dark-mode .wlc-mode__cta,.dark-mode .wlc-foot{color:#fff!important}.dark-mode .wlc-stat{background:linear-gradient(#3a4060f2 0%,#303654f2 100%)!important;border-color:#ffffff1f!important}.dark-mode .wlc-mode{background:linear-gradient(#3a4060f2 0%,#303654f2 100%)!important;border-color:#ffffff26!important}.dark-mode .wlc-mode__icon-wrap{color:#fff!important}.dark-mode .wlc-topbar__btn--profile,.dark-mode .wlc-topbar__btn--logout,.dark-mode .wlc-topbar__btn--settings{color:#fff!important;background:linear-gradient(#3a4060f2 0%,#303654f2 100%)!important;border-color:#ffffff1f!important}.dark-mode .wlc-topbar__btn--logout:hover{color:#fff!important;background:#ff4b4b!important}.dark-mode .wlc-topbar__btn--settings:hover{color:#7fd6ff!important;background:#1cb0f633!important;border-color:#7fd6ff66!important}.dark-mode .wlc-foot__guest{color:#7fd6ff}.dark-mode .wlc-foot__guest:hover{color:#b5e5ff;background:#1cb0f61f}.dark-mode .wlc-bg{opacity:.4}.dark-mode .prf-screen,.dark-mode .prf-topbar,.dark-mode .prf-topbar__title,.dark-mode .prf-hero__name,.dark-mode .prf-hero__sub,.dark-mode .prf-hero__xp-lbl,.dark-mode .prf-hero__xp-num,.dark-mode .prf-stat__num,.dark-mode .prf-stat__lbl,.dark-mode .prf-companion-card__title,.dark-mode .prf-companion-card__name,.dark-mode .prf-companion-card__msg,.dark-mode .prf-section__title,.dark-mode .prf-section__lbl,.dark-mode .prf-section__val,.dark-mode .prf-badge__name,.dark-mode .prf-action__title,.dark-mode .prf-action__sub{color:#fff!important}.dark-mode .prf-companion-card__stage{color:#b6f08a!important;background:#58cc024d!important}.dark-mode .prf-section__bar,.dark-mode .prf-hero__xp-bar{background:#ffffff1f!important}.dark-mode .prf-hero__avatar{color:#fff!important}.dark-mode .prf-action__arrow{opacity:.8;color:#fff!important}.dark-mode .prf-action__icon,.dark-mode .lgn-screen,.dark-mode .lgn-step,.dark-mode .lgn-step__title,.dark-mode .lgn-step__sub,.dark-mode .lgn-card,.dark-mode .lgn-input-wrap,.dark-mode .lgn-input,.dark-mode .lgn-review,.dark-mode .lgn-review__val,.dark-mode .lgn-review__lbl,.dark-mode .lgn-companion-preview,.dark-mode .lgn-companion-preview__bubble,.dark-mode .lgn-companion-preview__name,.dark-mode .lgn-companion-preview__hint,.dark-mode .lgn-confirm,.dark-mode .lgn-foot{color:#fff!important}.dark-mode .lgn-input,.dark-mode .lgn-companion-name-input{color:#fff!important;background:#ffffff14!important;border-color:#ffffff2e!important}.dark-mode .lgn-input::placeholder{color:#ffffff73!important}.dark-mode .lgn-emoji-grid button{background:#ffffff14!important;border-color:#ffffff26!important}.dark-mode .lgn-emoji-grid button:hover{background:#ffffff26!important}.dark-mode .lgn-emoji-grid button.active{background:#58cc0240!important;border-color:#58cc02!important}.dark-mode .lgn-progress__bar{background:#ffffff26!important}.dark-mode .lgn-progress__fill{background:linear-gradient(90deg,#58cc02 0%,#a6f071 100%)!important}.dark-mode .settings-row,.dark-mode .settings-group,.dark-mode .settings-gate,.dark-mode .settings-row__title,.dark-mode .settings-row__sub{color:#fff!important}.dark-mode .settings-toggle{background:#ffffff26!important}.dark-mode .settings-toggle--on{background:#58cc02!important}.dark-mode .settings-toggle__knob{background:#fff!important}.dark-mode .settings-gate input{color:#fff!important;background:#ffffff14!important;border-color:#ffffff2e!important}.dark-mode .stageup-card,.dark-mode .stageup-title,.dark-mode .stageup-label,.dark-mode .stageup-desc,.dark-mode .stageup-cta{color:#fff!important}.dark-mode .stageup-card{background:linear-gradient(#3a4060fa 0%,#303654fa 100%)!important;border-color:#ffffff2e!important}.dark-mode .stageup-cta{color:#fff!important;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important}.dark-mode .achievement-toast{background:linear-gradient(#3a4060fa 0%,#303654fa 100%)!important;border-color:#58cc02!important}.dark-mode .achievement-toast__title{color:#fff!important}.dark-mode .achievement-toast__sub{color:#fffc!important}.dark-mode .duo-drawer{background:linear-gradient(#242840fc 0%,#1c2034fc 100%)!important;border-color:#ffffff1a!important}.dark-mode .duo-drawer__head{color:#fff!important;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important}.dark-mode .duo-drawer__head-name{color:#fff!important}.dark-mode .duo-drawer__nav button{color:#f0f0f5!important}.dark-mode .duo-drawer__nav button:hover{background:#ffffff14!important}.dark-mode .shop-icon,.dark-mode .fb-emoji,.dark-mode .shop-name,.dark-mode .shop-type,.dark-mode .shop-sparks,.dark-mode .fb-name,.dark-mode .fb-type,.dark-mode .fb-empty,.dark-mode .friendbook-screen{color:#fff!important}.dark-mode .shop-icon,.dark-mode .fb-emoji{filter:brightness(1.15)}.dark-mode .dash-stat,.dark-mode .dash-num,.dark-mode .dash-subj,.dark-mode .dash-companion,.dark-mode .dash-title{color:#fff!important}.dark-mode button svg,.dark-mode .cm-iconbtn svg,.dark-mode .duo-topbar__back svg,.dark-mode .duo-topbar__iconbtn svg,.dark-mode .wlc-topbar__btn svg{color:#fff}.cm-card__title,.cm-card__tagline,.cm-card__desc,.cm-card__meta,.cm-card__glyph,.cm-card__badge{color:#fff!important}.cm-card__title{text-shadow:0 2px 6px #0000002e}.cm-card__tagline{color:#ffffffeb!important}.cm-card__desc{color:#ffffffe0!important}.cm-card__meta{color:#fffffff2!important}.cm-card__meta-icon,.cm-card__arrow{color:#fff!important}.cm-card__badge{color:#1a1a1a!important;background:#fffffff2!important}.cm-card__glyph{color:#ffffff38!important}.cm-card__icon-wrap{background:#ffffff38!important;border-color:#ffffff59!important;box-shadow:0 2px 6px #0000002e,inset 0 -1px 2px #0000001a,inset 0 1px 2px #fff6!important}.cm-card__icon{filter:drop-shadow(0 1px 2px #0000004d);color:#fff!important}.qr-card{font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);color:#1a1a1a;background:#fff;border:2.5px solid #e5e5e5;border-radius:20px;margin-bottom:16px;padding:20px 18px 18px;transition:box-shadow .3s,border-color .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 2px #e5e5e5,0 4px 14px #00000014,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.qr-card--correct{border-color:#58cc02;animation:.55s cubic-bezier(.34,1.56,.64,1) qrCorrect;box-shadow:0 2px #37a300,0 6px 24px #58cc0266,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}@keyframes qrCorrect{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}.qr-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c 0%,#0000 100%);border-radius:18px 18px 0 0;height:50%;position:absolute;inset:0 0 auto}.qr-head{z-index:1;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex;position:relative}.qr-question{color:#1a1a1a;font-size:1.15rem;font-weight:700;line-height:1.5;font-family:var(--font-heading);flex:1}.qr-question__num{color:#1cb0f6;margin-right:6px;font-weight:800}.qr-question__text{color:#1a1a1a}.qr-verdict{white-space:nowrap;font-size:.85rem;font-weight:800;font-family:var(--font-heading);border:2px solid #0000;border-radius:999px;margin-left:8px;padding:6px 14px;animation:.4s cubic-bezier(.34,1.56,.64,1) qrVerdictPop}@keyframes qrVerdictPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.qr-verdict--ok{color:#2d8400;background:linear-gradient(135deg,#d7ffb8 0%,#a6f071 100%);border-color:#58cc02;box-shadow:0 2px #37a300,0 4px 10px #58cc0266}.qr-verdict--no{color:#c42b2b;background:linear-gradient(135deg,#ffd2d2 0%,#ffa0a0 100%);border-color:#ff4b4b;box-shadow:0 2px #c42b2b,0 4px 10px #ff4b4b4d}.qr-options{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.qr-options--row{flex-direction:row;gap:10px}.qr-opt{cursor:pointer;color:#1a1a1a;font-size:1.05rem;font-weight:600;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:2.5px solid #e5e5e5;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px #e5e5e5,0 3px 8px #0000000a,inset 0 1px 2px #fff9}.qr-opt--centered{text-align:center;flex:1;justify-content:center}.qr-opt:hover{border-color:#1cb0f6;transform:translateY(-1px);box-shadow:0 3px #0e8fc9,0 6px 14px #1cb0f640,inset 0 1px 2px #fff9}.qr-opt:active{transform:scale(.98)}.qr-opt--picked{background:#e1f4fe;border-color:#1cb0f6;box-shadow:0 2px #0e8fc9,0 4px 12px #1cb0f64d,inset 0 1px 2px #fff9}.qr-opt--correct{color:#1a1a1a;background:linear-gradient(135deg,#e5ffd0 0%,#c7ffa1 100%);border-color:#58cc02;animation:.4s cubic-bezier(.34,1.56,.64,1) qrOptCorrect;transform:scale(1.02);box-shadow:0 3px #37a300,0 6px 18px #58cc0273,inset 0 1px 2px #fff9}@keyframes qrOptCorrect{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1.02)}}.qr-opt--wrong{color:#1a1a1a;background:linear-gradient(135deg,#ffe0e0 0%,#ffc2c2 100%);border-color:#ff4b4b;animation:.4s qrOptWrong;transform:scale(.98);box-shadow:0 2px #c42b2b,0 4px 12px #ff4b4b59,inset 0 1px 2px #fff9}@keyframes qrOptWrong{0%,to{transform:scale(.98)translate(0)}20%{transform:scale(.98)translate(-6px)}40%{transform:scale(.98)translate(6px)}60%{transform:scale(.98)translate(-4px)}80%{transform:scale(.98)translate(4px)}}.qr-opt__key{color:#4b4b4b;width:30px;height:30px;font-size:.9rem;font-weight:800;font-family:var(--font-heading);background:#f4f4f8;border:2px solid #e5e5e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.qr-opt--picked .qr-opt__key{color:#fff;background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%);border-color:#0e8fc9;box-shadow:0 2px #0e8fc9,0 3px 6px #1cb0f666}.qr-opt--correct .qr-opt__key{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-color:#2d8400;box-shadow:0 2px #2d8400,0 3px 6px #58cc0266}.qr-opt--wrong .qr-opt__key{color:#fff;background:linear-gradient(135deg,#ff4b4b 0%,#c42b2b 100%);border-color:#c42b2b;box-shadow:0 2px #c42b2b,0 3px 6px #ff4b4b66}.qr-opt__text{color:inherit;font-weight:700}.qr-inputwrap{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.qr-input{color:#1a1a1a;width:100%;font-size:1.1rem;font-weight:600;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);box-sizing:border-box;background:#fff;border:2.5px solid #e5e5e5;border-radius:14px;outline:none;padding:14px 18px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #0000000a,0 1px #e5e5e5}.qr-input:focus{border-color:#1cb0f6;box-shadow:inset 0 1px 2px #0000000a,0 0 0 3px #1cb0f633}.qr-input:disabled{opacity:.6;cursor:not-allowed}.qr-submit{color:#fff;font-size:1rem;font-weight:800;font-family:var(--font-heading);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%);border:2.5px solid #0e8fc9;border-radius:12px;align-self:flex-start;padding:12px 28px;transition:transform .15s,box-shadow .15s;box-shadow:0 3px #0e8fc9,0 4px 10px #1cb0f666,inset 0 -1px 2px #0000001a,inset 0 1px 2px #ffffff4d}.qr-submit:hover{transform:translateY(-1px)}.qr-submit:active{transform:scale(.97)}.qr-submit--done{cursor:default;color:#fff;background:#ccc;border-color:#aaa;box-shadow:0 2px #888}.qr-explain{color:#5c4400;font-size:.95rem;line-height:1.55;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);z-index:1;background:linear-gradient(135deg,#fff8e1 0%,#ffe082 100%);border:2px solid #ffc800;border-radius:12px;margin-top:14px;padding:14px 16px;animation:.3s fadeIn;position:relative;box-shadow:0 2px #d9a500,0 3px 8px #ffc8004d}.qr-explain strong{color:#5c4400}.qr-unknown{color:#888;font-size:.9rem}.subj-topic__dot{color:#4b4b4b;background:#f4f4f8;border:2px solid #e5e5e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:800;display:flex;box-shadow:inset 0 1px 2px #0000000f}.subj-topic--done .subj-topic__dot{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-color:#2d8400;box-shadow:0 2px #2d8400,0 3px 6px #58cc0266}.subj-strand{color:#1a1a1a;background:#fff;border:2.5px solid #e5e5e5;border-radius:20px;overflow:hidden;box-shadow:0 2px #e5e5e5,0 4px 12px #0000000f,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.subj-strand__head{color:#1a1a1a;background:linear-gradient(#fff 0%,#f5f5fa99 100%)}.subj-strand__num{background:linear-gradient(135deg, var(--theme,#58cc02) 0%, color-mix(in srgb, var(--theme,#58cc02) 70%, #000) 100%);color:#fff;border:2px solid color-mix(in srgb, var(--theme,#58cc02) 60%, #000);box-shadow:0 2px 0 color-mix(in srgb, var(--theme,#58cc02) 60%, #000), 0 3px 6px color-mix(in srgb, var(--theme,#58cc02) 30%, transparent);font-weight:800}.subj-strand__title{color:#1a1a1a}.subj-strand__desc{color:#4b4b4b}.subj-strand__meta{color:#6b6b6b}.subj-strand__pct{color:var(--theme,#58cc02);font-weight:800}.subj-strand__bar{background:#ececf2}.subj-strand__fill{background:linear-gradient(90deg, var(--theme,#58cc02) 0%, color-mix(in srgb, var(--theme,#58cc02) 60%, #fff) 100%)}.subj-strand__chevron{color:#6b6b6b}.subj-hero__title,.subj-hero__tagline,.subj-hero__desc,.subj-hero__chip{text-shadow:0 1px 3px #0000002e;color:#fff!important}.subj-hero__chip{color:#fff!important}.subj-progress-card__label,.subj-progress-card__count,.subj-progress-card__lbl,.subj-progress-card__total,.subj-progress-card__pct-num,.subj-strands__head h2,.subj-topic__title,.subj-topic__desc,.subj-topic__meta{color:#1a1a1a}.topic-card,.topic-section,.topic-progress,.topic-empty,.lesson-card,.lesson-block,.lesson-cta,.lesson-progress,.lesson-summary{color:#1a1a1a;background:#fff;border:2.5px solid #e5e5e5;border-radius:16px;box-shadow:0 2px #e5e5e5,0 4px 12px #0000000d}.dark-mode .qr-card{color:#fff!important;background:linear-gradient(#3a4060f2 0%,#303654f2 100%)!important;border-color:#ffffff2e!important;box-shadow:0 2px #0006,0 4px 14px #0006,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff0f!important}.dark-mode .qr-question,.dark-mode .qr-question__text{color:#fff!important}.dark-mode .qr-opt{color:#fff!important;background:#ffffff14!important;border-color:#ffffff2e!important;box-shadow:0 2px #0000004d,0 3px 8px #0000004d!important}.dark-mode .qr-opt:hover{background:#1cb0f633!important;border-color:#1cb0f6!important}.dark-mode .qr-opt--picked{background:#1cb0f640!important;border-color:#1cb0f6!important}.dark-mode .qr-opt--correct{color:#fff!important;background:linear-gradient(135deg,#58cc024d 0%,#37a30040 100%)!important;border-color:#58cc02!important}.dark-mode .qr-opt--wrong{color:#fff!important;background:linear-gradient(135deg,#ff4b4b4d 0%,#c42b2b40 100%)!important;border-color:#ff4b4b!important}.dark-mode .qr-opt__key{color:#fff!important;background:#ffffff1f!important;border-color:#fff3!important}.dark-mode .qr-input{color:#fff!important;background:#ffffff14!important;border-color:#ffffff2e!important}.dark-mode .qr-input::placeholder{color:#ffffff73!important}.dark-mode .qr-explain{color:#ffe266!important;background:linear-gradient(135deg,#ffc80033 0%,#ffc8001f 100%)!important;border-color:#ffc800!important}.dark-mode .qr-explain strong{color:#ffe266!important}.dark-mode .subj-topic,.dark-mode .subj-strand,.dark-mode .subj-hero,.dark-mode .subj-progress-card,.dark-mode .topic-card,.dark-mode .topic-section,.dark-mode .topic-progress,.dark-mode .topic-empty,.dark-mode .lesson-card,.dark-mode .lesson-block,.dark-mode .lesson-cta,.dark-mode .lesson-progress,.dark-mode .lesson-summary{color:#fff!important;background:0 0!important;border-color:#ffffff38!important}.dark-mode .subj-strand__head{background:0 0!important}.dark-mode .subj-topic__title,.dark-mode .subj-topic__desc,.dark-mode .subj-topic__meta,.dark-mode .subj-strand__title,.dark-mode .subj-strand__desc,.dark-mode .subj-strand__meta,.dark-mode .subj-hero__title,.dark-mode .subj-hero__tagline,.dark-mode .subj-hero__desc,.dark-mode .subj-hero__chip,.dark-mode .subj-progress-card__label,.dark-mode .subj-progress-card__count,.dark-mode .subj-progress-card__lbl,.dark-mode .subj-progress-card__total,.dark-mode .subj-progress-card__pct-num,.dark-mode .subj-strands__head h2{color:#fff!important}.dark-mode .subj-topic__dot{color:#fff!important;background:#ffffff1f!important;border-color:#fff3!important}.sec-wrap{margin-bottom:24px}.sec-badge{text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);border:2px solid #0000;border-radius:999px;margin-bottom:10px;padding:5px 14px;display:inline-block;box-shadow:0 2px #00000014}.sec-title{color:#1a1a1a;font-size:1.25rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);margin:0 0 14px;line-height:1.3}.sec-box{font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);color:#1a1a1a;background:#fff;border:2.5px solid #e5e5e5;border-radius:18px;margin-bottom:12px;padding:20px 18px;position:relative;overflow:hidden;box-shadow:0 2px #e5e5e5,0 4px 14px #0000000f,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-box:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c 0%,#0000 100%);border-radius:16px 16px 0 0;height:45%;position:absolute;inset:0 0 auto}.sec-box>*{z-index:1;position:relative}.sec-box--mission{background:linear-gradient(135deg,#fff 0%,#f2f8ff 60%,#e3f2fd 100%);border-color:#90caf9;box-shadow:0 2px #bbdefb,0 4px 14px #2196f32e,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-box--mission:after{content:"";background:linear-gradient(#1cb0f6 0%,#0e8fc9 100%);border-radius:18px 0 0 18px;width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #0e8fc9}.sec-box--learn{background:linear-gradient(135deg,#fff 0%,#f4fbf5 60%,#e8f5e9 100%);border-color:#a5d6a7;box-shadow:0 2px #c8e6c9,0 4px 14px #4caf502e,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-box--learn:after{content:"";background:linear-gradient(#58cc02 0%,#37a300 100%);border-radius:18px 0 0 18px;width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #2d8400}.sec-box--examples{background:linear-gradient(135deg,#fff 0%,#fff8f0 60%,#fff3e0 100%);border-color:#ffcc80;box-shadow:0 2px #ffe0b2,0 4px 14px #ff98002e,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-box--examples:after{content:"";background:linear-gradient(#ff9600 0%,#c47200 100%);border-radius:18px 0 0 18px;width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #c47200}.sec-box--activity{background:linear-gradient(135deg,#fff 0%,#fffcf0 60%,#fff8e1 100%);border-color:#ffca28;box-shadow:0 2px #ffecb3,0 4px 14px #ffc10733,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-box--activity:after{content:"";background:linear-gradient(#ffc800 0%,#d9a500 100%);border-radius:18px 0 0 18px;width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #d9a500}.sec-box--summary{background:linear-gradient(135deg,#fff 0%,#f4fbf5 60%,#e8f5e9 100%);border-color:#81c784;box-shadow:0 2px #a5d6a7,0 4px 14px #4caf5033,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-box--summary:after{content:"";background:linear-gradient(#00c2d1 0%,#00838f 100%);border-radius:18px 0 0 18px;width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #00838f}.sec-box--practice{background:#fff;border-color:#e5e5e5;box-shadow:0 2px #e5e5e5,0 4px 12px #0000000d,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-box--challenge{background:linear-gradient(135deg,#fff 0%,#fff5f8 60%,#fce4ec 100%);border-color:#f48fb1;box-shadow:0 2px #f8bbd0,0 4px 14px #e91e6333,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-box--challenge:after{content:"";background:linear-gradient(#ff4b8c 0%,#c2185b 100%);border-radius:18px 0 0 18px;width:6px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #c2185b}.sec-box--default{background:#fff;border-color:#e5e5e5;box-shadow:0 2px #e5e5e5,0 4px 12px #0000000d,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-stack{flex-direction:column;gap:12px;display:flex}.sec-scorebar{z-index:1;background:linear-gradient(135deg,#fff5f8 0%,#fce4ec 100%);border:2.5px solid #f8bbd0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;display:flex;position:relative;box-shadow:0 2px #f8bbd0,0 3px 8px #e91e6326,inset 0 1px 2px #fff9}.sec-scorebar__txt{color:#c62828;font-size:.9rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);white-space:nowrap}.sec-scorebar__bar{background:#ffcdd2;border-radius:6px;flex:1;height:10px;margin:0 12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.sec-scorebar__fill{background:linear-gradient(90deg,#ff4b8c 0%,#e91e63 100%);border-radius:6px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 6px #e91e6366}.sec-finished{text-align:center;z-index:1;border:2.5px solid;border-radius:16px;margin-top:16px;padding:18px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) qrCardIn;position:relative;box-shadow:0 2px #00000014,0 4px 14px #0000001a,inset 0 -2px 4px #0000000a,inset 0 2px 4px #fff9}.sec-finished--perfect{color:#1b5e20;background:linear-gradient(135deg,#e5ffd0 0%,#c7ffa1 100%);border-color:#58cc02;box-shadow:0 3px #37a300,0 6px 20px #58cc0259,inset 0 1px 2px #fff9}.sec-finished--good{color:#5c4400;background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-color:#ffb74d;box-shadow:0 3px #d9a500,0 6px 20px #ffb74d59,inset 0 1px 2px #fff9}.sec-finished__icon{margin-bottom:6px;font-size:2rem}.sec-finished__title{font-size:1.3rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:inherit}.sec-finished__sub{color:inherit;opacity:.85;margin-top:4px;font-size:.92rem}@keyframes qrCardIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.cb-paragraph{color:#2a2a2a;font-size:1.05rem;line-height:1.7;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);margin:0 0 14px}.cb-heading{color:#1a1a1a;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);margin:20px 0 10px;line-height:1.3}.cb-heading--1{font-size:1.5rem}.cb-heading--2{font-size:1.3rem}.cb-heading--3{font-size:1.15rem}.cb-list{flex-direction:column;gap:6px;margin:8px 0 14px;padding-left:0;list-style:none;display:flex}.cb-list__item{color:#1a1a1a;font-size:1rem;line-height:1.55;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);background:#fafafb;border:1.5px solid #ececf2;border-radius:12px;align-items:flex-start;gap:10px;padding:8px 12px;transition:background .2s,border-color .2s,transform .15s;display:flex}.cb-list__item:hover{background:#f0f7f1;border-color:#c8e6c9;transform:translate(2px)}.cb-list__bullet{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 2px #2d8400,0 2px 4px #58cc024d}.cb-list__bullet--num{background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%);box-shadow:0 2px #0e8fc9,0 2px 4px #1cb0f64d}.cb-list__text{min-width:0;color:inherit;flex:1}.cb-hint{color:#5c4400;font-size:.97rem;line-height:1.6;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);background:linear-gradient(135deg,#fff8e1 0%,#ffe082 100%);border:2.5px solid #ffc800;border-radius:14px;align-items:flex-start;gap:10px;margin:12px 0;padding:14px 16px;display:flex;position:relative;box-shadow:0 2px #d9a500,0 4px 12px #ffc8004d,inset 0 1px 2px #ffffff80}.cb-hint:before{content:"";pointer-events:none;background:linear-gradient(#ffffff59 0%,#0000 100%);border-radius:12px 12px 0 0;height:50%;position:absolute;inset:0 0 auto}.cb-hint__label{color:#5c4400;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);white-space:nowrap;flex-shrink:0;position:relative}.cb-hint__text{position:relative}.cb-fact{color:#0d3d6e;font-size:1rem;line-height:1.6;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);background:linear-gradient(135deg,#f2f8ff 0%,#bbdefb 100%);border:2.5px solid #1cb0f6;border-radius:14px;align-items:flex-start;gap:14px;margin:12px 0;padding:16px 18px;display:flex;position:relative;box-shadow:0 2px #0e8fc9,0 4px 12px #1cb0f64d,inset 0 1px 2px #ffffff80}.cb-fact:before{content:"";pointer-events:none;background:linear-gradient(#ffffff59 0%,#0000 100%);border-radius:12px 12px 0 0;height:50%;position:absolute;inset:0 0 auto}.cb-fact__icon{filter:drop-shadow(0 1px 2px #00000026);flex-shrink:0;font-size:1.5rem;position:relative}.cb-fact__text{position:relative}.cb-formula{text-align:center;color:#ffe266;letter-spacing:.04em;background:linear-gradient(135deg,#2a2f4a 0%,#1f2237 100%);border:2.5px solid #4a5573;border-radius:14px;margin:12px 0;padding:16px 18px;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 3px #0f1120,0 6px 18px #00000059,inset 0 1px 2px #ffffff1a}.cb-formula:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 100%);border-radius:12px 12px 0 0;height:50%;position:absolute;inset:0 0 auto}.cb-example{font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);background:linear-gradient(135deg,#fff 0%,#f4fbf5 60%,#e8f5e9 100%);border:2.5px solid #a5d6a7;border-radius:14px;margin:12px 0;padding:16px 18px;position:relative;box-shadow:0 2px #c8e6c9,0 4px 12px #4caf5033,inset 0 1px 2px #ffffff80}.cb-example:before{content:"";pointer-events:none;background:linear-gradient(#fff6 0%,#0000 100%);border-radius:12px 12px 0 0;height:50%;position:absolute;inset:0 0 auto}.cb-example>*{position:relative}.cb-example__title{color:#2e7d32;font-size:1.05rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);align-items:center;gap:6px;margin-bottom:10px;display:flex}.cb-example__title:before{content:"📝";font-size:1.1rem}.cb-example__step{color:#1a1a1a;align-items:flex-start;gap:8px;padding:6px 0;font-size:.97rem;line-height:1.55;display:flex}.cb-example__step-num{color:#558b2f;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);flex-shrink:0}.cb-example__step-text{flex:1}.cb-example__result{color:#1b5e20;font-size:1.05rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);background:linear-gradient(135deg,#d7ffb8 0%,#a6f071 100%);border:1.5px solid #58cc02;border-radius:10px;margin-top:10px;padding:8px 12px;box-shadow:0 2px #2d8400,inset 0 1px 2px #ffffff80}.cb-tablewrap{margin:12px 0}.cb-table__caption{color:#1a1a1a;font-size:1rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);margin-bottom:8px}.cb-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.95rem;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);background:#fff;border:2.5px solid #e5e5e5;border-radius:12px;margin:8px 0;overflow:hidden;box-shadow:0 2px #e5e5e5,0 4px 12px #0000000d,inset 0 1px 2px #ffffff80}.cb-table__th{text-align:left;color:#0d3d6e;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);background:linear-gradient(#f2f8ff 0%,#bbdefb 100%);border-bottom:2px solid #1cb0f6;padding:10px 12px}.cb-table__th:first-child{border-top-left-radius:10px}.cb-table__th:last-child{border-top-right-radius:10px}.cb-table__td{color:#1a1a1a;border-bottom:1.5px solid #ececf2;padding:10px 12px;transition:background .2s}.cb-table tbody tr:last-child .cb-table__td{border-bottom:none}.cb-table tbody tr:hover .cb-table__td{background:#f8faff}.cb-table tbody tr:nth-child(2n) .cb-table__td{background:#fafafb}.cb-table tbody tr:nth-child(2n):hover .cb-table__td{background:#f0f4fa}.dark-mode .sec-title{color:#fff!important}.dark-mode .sec-box:before{background:linear-gradient(#ffffff0f 0%,#0000 100%)!important}.dark-mode .sec-box{color:#fff!important;background:#2a2e42!important;border-color:#ffffff26!important;box-shadow:0 2px #0006,0 4px 14px #0006,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffffff0f!important}.dark-mode .sec-box--mission{background:#2a2e42!important;border-color:#1cb0f6!important}.dark-mode .sec-box--learn{background:#2a2e42!important;border-color:#58cc02!important}.dark-mode .sec-box--examples{background:#2a2e42!important;border-color:#ff9600!important}.dark-mode .sec-box--activity{background:#2a2e42!important;border-color:#ffc800!important}.dark-mode .sec-box--summary{background:#2a2e42!important;border-color:#00c2d1!important}.dark-mode .sec-box--challenge{background:#2a2e42!important;border-color:#f48fb1!important}.dark-mode .sec-box--practice,.dark-mode .sec-box--default{background:linear-gradient(#3a4060f2 0%,#303654f2 100%)!important;border-color:#ffffff26!important}.dark-mode .sec-scorebar{background:linear-gradient(135deg,#ff4b8c40 0%,#ff4b8c1f 100%)!important;border-color:#f48fb1!important}.dark-mode .sec-scorebar__txt{color:#ffb3cb!important}.dark-mode .sec-scorebar__bar{background:#0000004d!important}.dark-mode .sec-scorebar__fill{background:linear-gradient(90deg,#ff4b8c 0%,#e91e63 100%)!important}.dark-mode .sec-finished--perfect{color:#c7ffa1!important}.dark-mode .sec-finished--good{color:#ffe266!important}.dark-mode .cb-paragraph{color:#f0f0f5!important}.dark-mode .cb-heading{color:#fff!important}.dark-mode .cb-list__item{color:#f0f0f5!important;background:#ffffff0f!important;border-color:#ffffff1a!important}.dark-mode .cb-list__item:hover{background:#58cc0226!important;border-color:#58cc0266!important}.dark-mode .cb-hint{color:#ffe266!important;background:linear-gradient(135deg,#ffc80040 0%,#ffc8001f 100%)!important;border-color:#ffc800!important}.dark-mode .cb-hint__label{color:#ffe266!important}.dark-mode .cb-fact{color:#b3e5fc!important;background:linear-gradient(135deg,#1cb0f640 0%,#1cb0f61f 100%)!important;border-color:#1cb0f6!important}.dark-mode .cb-formula{color:#ffe266!important;background:linear-gradient(135deg,#0f1120 0%,#1a1a2e 100%)!important;border-color:#4a5573!important}.dark-mode .cb-example{color:#fff!important;background:linear-gradient(135deg,#58cc0233 0%,#58cc0214 50%,#3a4060f2 100%)!important;border-color:#58cc02!important}.dark-mode .cb-example__title{color:#a6f071!important}.dark-mode .cb-example__step{color:#f0f0f5!important}.dark-mode .cb-example__step-num{color:#a6f071!important}.dark-mode .cb-example__result{color:#c7ffa1!important;background:linear-gradient(135deg,#58cc0259 0%,#58cc0233 100%)!important;border-color:#58cc02!important}.dark-mode .cb-table{background:#3a4060f2!important}.dark-mode .cb-table__th{color:#b3e5fc!important;background:linear-gradient(#1cb0f64d 0%,#1cb0f626 100%)!important;border-bottom-color:#1cb0f6!important}.dark-mode .cb-table__td{color:#f0f0f5!important;border-bottom-color:#ffffff14!important}.dark-mode .cb-table tbody tr:hover .cb-table__td{background:#1cb0f61a!important}.dark-mode .cb-table tbody tr:nth-child(2n) .cb-table__td{background:#ffffff08!important}.dark-mode .cb-table__caption{color:#fff!important}.topic-screen{max-width:720px;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));box-sizing:border-box;flex-direction:column;gap:14px;min-height:100dvh;margin:0 auto;display:flex;overflow-y:auto}.topic-topbar{align-items:center;gap:12px;margin-bottom:4px;display:flex}.topic-back{cursor:pointer;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#1a1a1a;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff 0%,#f4f4f8 100%);border:2.5px solid #e5e5e5;border-radius:16px;flex-shrink:0;align-items:center;gap:10px;padding:8px 16px 8px 8px;transition:transform .15s,box-shadow .15s,background .2s,border-color .2s;display:inline-flex;box-shadow:0 2px #e5e5e5,0 4px 10px #0000000f,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.topic-back:hover{background:linear-gradient(#fff 0%,#e1f4fe 100%);border-color:#1cb0f6;transform:translate(-2px);box-shadow:0 3px #0e8fc9,0 6px 14px #1cb0f64d,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.topic-back:active{transform:scale(.96)}.topic-back__arrow{color:#fff;background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;box-shadow:0 2px #0e8fc9,inset 0 -1px 2px #0000001a,inset 0 1px 2px #ffffff4d}.topic-back:hover .topic-back__arrow{transform:translate(-2px)}.topic-back__arrow svg{display:block}.topic-back__body{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.topic-back__label{color:#1a1a1a;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.topic-back__hint{color:#4b7a72;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.65rem;font-weight:700}.topic-topbar__title{flex:1;min-width:0}.topic-title{color:#1a1a1a;font-size:1.3rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.15;overflow:hidden}.topic-meta{color:#4b7a72;margin:4px 0 0;font-size:.82rem;font-weight:700}.topic-desc{color:#4b4b4b;margin:0 0 8px;padding:0 4px;font-size:.95rem;line-height:1.55}.topic-list{flex-direction:column;gap:10px;display:flex}.topic-item{cursor:pointer;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);-webkit-tap-highlight-color:transparent;background:#fff;border:2.5px solid #e5e5e5;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #e5e5e5,0 4px 12px #0000000d,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.topic-item:before{content:"";pointer-events:none;background:linear-gradient(#ffffff73 0%,#0000 100%);border-radius:14px 14px 0 0;height:50%;position:absolute;inset:0 0 auto}.topic-item>*{z-index:1;position:relative}.topic-item:hover{border-color:#1cb0f6;transform:translateY(-1px);box-shadow:0 3px #0e8fc9,0 6px 16px #1cb0f640,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.topic-item:active{transform:scale(.99)}.topic-item--done{background:linear-gradient(135deg,#e5ffd0 0%,#c7ffa1 100%);border-color:#58cc02;box-shadow:0 2px #37a300,0 4px 12px #58cc024d,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.topic-item--done:hover{border-color:#2d8400;box-shadow:0 3px #2d8400,0 6px 16px #58cc0266,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.topic-item--locked{opacity:.55;cursor:default;filter:grayscale(.4)}.topic-item--locked:hover{border-color:#e5e5e5;transform:none;box-shadow:0 2px #e5e5e5,0 4px 12px #0000000d,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.topic-item__body{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.topic-item__badge{color:#4b4b4b;width:38px;height:38px;font-size:1.05rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);background:#f4f4f8;border:2.5px solid #e5e5e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px 2px #0000000d}.topic-item__badge--done{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-color:#2d8400;box-shadow:0 2px #2d8400,0 3px 6px #58cc0266}.topic-item__badge--locked{color:#b5b5b5;background:#ececf2;border-color:#d0d0dc}.topic-item__info{flex:1;min-width:0}.topic-item__title{color:#1a1a1a;margin-bottom:4px;font-size:1.05rem;font-weight:800;line-height:1.25}.topic-item__meta{color:#4b7a72;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.topic-item__score{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:800;box-shadow:0 1px #2d8400}.topic-item__arrow{color:#4b7a72;flex-shrink:0;font-size:1.2rem;font-weight:800}.topic-diff{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:800}.topic-diff--beginner{color:#2e7d32;background:#e8f5e9}.topic-diff--intermediate{color:#e65100;background:#fff3e0}.topic-diff--advanced{color:#c62828;background:#ffebee}.subj-topic{cursor:pointer;width:100%;font-family:var(--font-heading);text-align:left;color:#1a1a1a;-webkit-tap-highlight-color:transparent;background:#fff;border:2.5px solid #e5e5e5;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:background .2s,border-color .2s,transform .15s;display:flex;box-shadow:0 2px #e5e5e5,0 3px 8px #0000000d,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.subj-topic:hover{border-color:var(--theme,#58cc02);box-shadow:0 3px 0 color-mix(in srgb, var(--theme,#58cc02) 60%, #000), 0 6px 14px color-mix(in srgb, var(--theme,#58cc02) 35%, transparent), inset 0 -1px 2px #0000000a, inset 0 1px 2px #fff9;transform:translateY(-1px)}.subj-topic:active{transform:scale(.99)}.subj-topic__dot{color:#4b4b4b;background:#e5e5e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;font-weight:800;display:flex;box-shadow:inset 0 1px 2px #00000014}.subj-topic__dot--done{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border:2px solid #2d8400;box-shadow:0 2px #2d8400,0 3px 6px #58cc0266}.subj-topic__dot--prog{color:#fff;background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);border:2px solid #c47200;box-shadow:0 2px #c47200,0 3px 6px #ffc80066}.subj-topic__body{flex:1;min-width:0}.subj-topic__title{color:#1a1a1a}.subj-topic__desc{color:#4b4b4b}.subj-topic__count,.subj-topic__arrow{color:#6b6b6b}.subj-topic--locked{opacity:.5;cursor:default}.subj-topic--locked:hover{border-color:#e5e5e5;transform:none;box-shadow:0 2px #e5e5e5,0 3px 8px #0000000d,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}.dark-mode .topic-back{color:#fff!important;box-shadow:none!important;background:0 0!important;border-color:#ffffff38!important}.dark-mode .topic-back:hover{background:linear-gradient(#1cb0f640 0%,#1cb0f626 100%)!important;border-color:#1cb0f6!important}.dark-mode .topic-back__label,.dark-mode .topic-title{color:#fff!important}.dark-mode .topic-meta,.dark-mode .topic-back__hint,.dark-mode .topic-desc{color:#ffffffb3!important}.dark-mode .topic-item{color:#fff!important;background:0 0!important;border-color:#ffffff38!important}.dark-mode .topic-item--done{background:#58cc022e!important;border-color:#58cc02!important}.dark-mode .topic-item__title,.dark-mode .topic-item__arrow{color:#fff!important}.dark-mode .topic-item__meta{color:#ffffffb3!important}.dark-mode .topic-item__badge{color:#fff!important;background:#ffffff1a!important;border-color:#ffffff2e!important}.dark-mode .topic-item__badge--done{color:#fff!important;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%)!important}.dark-mode .topic-item__badge--locked{color:#fff6!important;background:#0003!important;border-color:#ffffff1a!important}.dark-mode .topic-item:before{background:linear-gradient(#ffffff0f 0%,#0000 100%)!important}.dark-mode .topic-diff--beginner{color:#a6f071;background:#58cc0240}.dark-mode .topic-diff--intermediate{color:#ffc266;background:#ff960040}.dark-mode .topic-diff--advanced{color:#ffa0a0;background:#ff4b4b40}.tts-speak-btn{color:#1cb0f6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff 0%,#f0f4f8 100%);border:2.5px solid #fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:transform .15s,box-shadow .15s,color .2s;display:inline-flex;box-shadow:0 3px #c8d4e0,0 4px 10px #00000014,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.tts-speak-btn:before{content:"";pointer-events:none;background:linear-gradient(#fff9 0%,#0000 100%);border-radius:10px 10px 0 0;height:50%;position:absolute;inset:0 0 auto}.tts-speak-btn:hover{color:#0e8fc9;transform:translateY(-1px)}.tts-speak-btn:active{transform:translateY(2px);box-shadow:0 1px #c8d4e0,0 2px 4px #00000014,inset 0 -1px 2px #0000000a,inset 0 1px 2px #ffffffb3}.tts-speak-btn--inline{z-index:2;width:34px;height:34px;position:absolute;top:14px;right:14px}.qr-head__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dark-mode .tts-speak-btn{color:#7fd6ff!important;background:linear-gradient(#3a4060f2 0%,#303654f2 100%)!important;border-color:#ffffff26!important;box-shadow:0 3px #0006,0 4px 10px #0000004d,inset 0 -1px 2px #0000004d,inset 0 1px 2px #ffffff1a!important}.dark-mode .tts-speak-btn:before{background:linear-gradient(#ffffff14 0%,#0000 100%)!important}.lesson-progress-bar{background:#e0e0e0}.dark-mode .lesson-progress-bar{background:#ffffff26!important}.dark-mode .lesson-back-btn{color:#e0e0f0!important}.dark-mode .lesson-prev-btn{color:#ccc!important;background:#ffffff1f!important}.settings-done-btn{color:#fff;min-width:180px;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 2px #00000040;background:linear-gradient(#7be03a 0%,#58cc02 50%,#37a300 100%);border:3px solid #fff;border-radius:18px;justify-content:center;align-items:center;gap:8px;margin:18px auto 0;padding:14px 36px;font-size:1.1rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 5px #2d8400,0 10px 24px #58cc0266,inset 0 -4px 8px #0000001f,inset 0 4px 8px #fff6}.settings-done-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80 0%,#0000 100%);border-radius:16px 16px 0 0;height:45%;position:absolute;inset:0 0 auto}.settings-done-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:3s ease-in-out infinite doneBtnSweep;position:absolute;top:0;left:-60%}@keyframes doneBtnSweep{0%,to{left:-60%}50%{left:110%}}.settings-done-btn:hover{transform:translateY(-1px);box-shadow:0 6px #2d8400,0 12px 28px #58cc0280,inset 0 -4px 8px #0000001f,inset 0 4px 8px #fff6}.settings-done-btn:active{transform:translateY(4px);box-shadow:0 1px #2d8400,0 4px 8px #58cc024d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d}.settings-done-btn svg{flex-shrink:0;display:block}.dark-mode .settings-done-btn{color:#fff!important;background:linear-gradient(#7be03a 0%,#58cc02 50%,#37a300 100%)!important;border-color:#fff!important;box-shadow:0 5px #1f5c00,0 10px 24px #58cc0280,inset 0 -4px 8px #0003,inset 0 4px 8px #fff6!important}.ims-screen{isolation:isolate;background:radial-gradient(80% 60% at 50% 0,#ce82ff2e 0%,#0000 60%),radial-gradient(60% 50% at 100% 100%,#58cc022e 0%,#0000 60%),radial-gradient(60% 50% at 0 100%,#1cb0f62e 0%,#0000 60%),linear-gradient(#fff8fb 0%,#f0f7ff 50%,#f4fbff 100%);flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.ims-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.ims-bg__orb{filter:blur(40px);opacity:.5;border-radius:50%;animation:12s ease-in-out infinite imsOrbFloat;position:absolute}.ims-bg__orb--1{background:radial-gradient(circle,#ce82ff 0%,#0000 70%);width:200px;height:200px;animation-delay:0s;top:10%;left:5%}.ims-bg__orb--2{background:radial-gradient(circle,#58cc02 0%,#0000 70%);width:260px;height:260px;animation-delay:-4s;top:60%;right:8%}.ims-bg__orb--3{background:radial-gradient(circle,#1cb0f6 0%,#0000 70%);width:240px;height:240px;animation-delay:-8s;bottom:5%;left:35%}@keyframes imsOrbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.06)}66%{transform:translate(-20px,20px)scale(.95)}}.ims-topbar{z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px 6px;display:flex;position:relative}.ims-topbar__brand{align-items:center;gap:8px;display:inline-flex}.ims-topbar__logo{filter:drop-shadow(0 2px 4px #58cc0266);font-size:1.6rem;animation:6s ease-in-out infinite imsLogoSpin}@keyframes imsLogoSpin{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.ims-topbar__name{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#1a1a1a;letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.ims-skip-btn{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#4b4b4b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffd9;border:2px solid #0000000d;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:800;transition:transform .15s,color .2s;display:inline-flex;box-shadow:0 2px #0000000f,0 3px 8px #0000000d}.ims-skip-btn:hover{color:#1a1a1a}.ims-skip-btn:active{transform:translateY(2px);box-shadow:0 1px #0000000f}.ims-main{z-index:2;flex:1;grid-template-columns:minmax(180px,260px) 1fr;gap:16px;min-height:0;padding:8px 16px 28px;display:grid;position:relative;overflow:hidden}@media (width<=720px){.ims-main{grid-template-rows:auto 1fr;grid-template-columns:1fr;padding:4px 14px 24px}}.ims-sprout-wrap{flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding-top:6px;display:flex;position:relative}.ims-sprout-aura{pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#58cc022e 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:3s ease-in-out infinite imsAuraPulse;position:absolute;top:30px;left:50%;transform:translate(-50%)}@keyframes imsAuraPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.ims-sprout{z-index:2;filter:drop-shadow(0 10px 18px #58cc0240);justify-content:center;align-items:center;display:flex;position:relative}.ims-sprout--pointing .companion-bob{animation:1.4s ease-in-out infinite imsPointBob}@keyframes imsPointBob{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(6px)rotate(4deg)}}.ims-sprout--celebrate{animation:.6s ease-in-out infinite imsSproutCelebrate}@keyframes imsSproutCelebrate{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.08)rotate(-4deg)}}.ims-sprout__point{z-index:1;opacity:.85;position:absolute;top:70px;right:-42px}@media (width<=720px){.ims-sprout__point{top:180px;left:50%;right:auto;transform:translate(-50%)rotate(90deg)}}.ims-sprout__point-line{stroke-dasharray:6 5;animation:1.4s linear infinite imsPointDash}@keyframes imsPointDash{to{stroke-dashoffset:-22px}}.ims-sprout__point-arrow{animation:1.4s ease-in-out infinite imsPointPulse}@keyframes imsPointPulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}.ims-sprout__name{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#1a1a1a;text-align:center;background:linear-gradient(#fff 0%,#f0f4f8 100%);border:2px solid #fff;border-radius:12px;max-width:100%;margin-top:6px;padding:6px 12px;font-size:.95rem;font-weight:800;box-shadow:0 3px #00000014,0 6px 12px #00000014,inset 0 1px 2px #ffffffb3}.ims-sprout__name em{color:#58cc02;margin-left:2px;font-style:normal;font-weight:800}.ims-message{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:0;max-height:100%;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);color:#1a1a1a;background:linear-gradient(#fff 0%,#fbfcfe 100%);border:2.5px solid #fff;border-radius:22px;padding:20px 22px;position:relative;overflow:hidden auto;box-shadow:0 6px #0000000d,0 12px 28px #00000014,inset 0 -2px 4px #0000000a,inset 0 2px 4px #ffffffb3}.ims-message:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c 0%,#0000 100%);border-radius:20px 20px 0 0;height:18%;position:absolute;inset:0 0 auto}.ims-message>*{z-index:1;position:relative}.ims-h1{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#1a1a1a;text-shadow:0 2px 4px #0000000d;letter-spacing:-.01em;margin:4px 0 14px;font-size:1.7rem;font-weight:800;line-height:1.15}.ims-h1--in{background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 50%,#ce82ff 100%);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.ims-h2{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#1a1a1a;align-items:center;gap:8px;margin:16px 0 6px;font-size:1.2rem;font-weight:800;line-height:1.2;display:flex}.ims-h2--in{color:#58cc02}.ims-h2__emoji{background:linear-gradient(135deg,#58cc0226 0%,#37a30026 100%);border:2px solid #fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:inline-flex;box-shadow:0 2px #c8e6c9,0 3px 6px #0000000d}.ims-h3{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#1cb0f6;margin:14px 0 4px;font-size:1.05rem;font-weight:800}.ims-h3--in{color:#1a1a1a}.ims-p{color:#2a2a2a;margin:0 0 10px;font-size:.98rem;font-weight:500;line-height:1.65}.ims-p--in{color:#1a1a1a}.ims-li{color:#2a2a2a;background:linear-gradient(135deg,#58cc020f 0%,#1cb0f60f 100%);border:1.5px solid #58cc0226;border-radius:10px;align-items:flex-start;gap:10px;margin:4px 0;padding:6px 10px;font-size:.92rem;line-height:1.5;transition:background .2s,border-color .2s;display:flex}.ims-li:hover{background:linear-gradient(135deg,#58cc021a 0%,#1cb0f61a 100%);border-color:#58cc024d}.ims-li--in{color:#1a1a1a;background:linear-gradient(135deg,#58cc021a 0%,#1cb0f61a 100%);border-color:#58cc024d}.ims-li__bullet{color:#fff;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 2px #2d8400,0 3px 6px #58cc024d}.ims-cursor{vertical-align:text-bottom;background:currentColor;width:2px;height:1.1em;margin-left:2px;animation:.6s step-end infinite imsCursorBlink;display:inline-block}@keyframes imsCursorBlink{50%{opacity:0}}.ims-go-wrap{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:8px 0 4px;transition:opacity .6s,transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(20px)scale(.9)}.ims-go-wrap--show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.ims-go-btn{color:#fff;min-width:200px;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 2px #00000040;background:linear-gradient(#7be03a 0%,#58cc02 50%,#37a300 100%);border:3px solid #fff;border-radius:20px;align-items:center;gap:12px;padding:14px 36px;font-size:1.2rem;font-weight:800;transition:transform .15s,box-shadow .15s;animation:1.6s ease-in-out infinite imsGoBob;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px #2d8400,0 12px 28px #58cc0273,inset 0 -4px 8px #0000001f,inset 0 4px 8px #fff6}@keyframes imsGoBob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.04)}}.ims-go-btn__shine{pointer-events:none;background:linear-gradient(#ffffff8c 0%,#0000 100%);border-radius:18px 18px 0 0;height:50%;position:absolute;inset:0 0 auto}.ims-go-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:50%;height:100%;animation:2.5s ease-in-out infinite imsGoSweep;position:absolute;top:0;left:-60%}@keyframes imsGoSweep{0%,to{left:-60%}50%{left:110%}}.ims-go-btn:hover{transform:translateY(-2px)scale(1.05)}.ims-go-btn:active{transform:translateY(4px)scale(.98);box-shadow:0 2px #2d8400,0 4px 8px #58cc024d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d}.ims-go-btn:disabled{color:#ffffffb3;cursor:default;background:linear-gradient(#c8d4e0 0%,#94a8c0 100%);animation:none;transform:none;box-shadow:0 4px #6b7b96,0 6px 12px #0000001a}.ims-go-btn__text{z-index:1;position:relative}.ims-go-btn__arrow{z-index:1;display:flex;position:relative}.ims-go-hint{font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);color:#4b7a72;text-align:center;margin:0;font-size:.88rem;font-weight:600}.dark-mode .ims-screen{background:radial-gradient(80% 60% at 50% 0,#ce82ff38 0%,#0000 60%),radial-gradient(60% 50% at 100% 100%,#58cc022e 0%,#0000 60%),radial-gradient(60% 50% at 0 100%,#1cb0f638 0%,#0000 60%),linear-gradient(#1a1a2e 0%,#16213e 50%,#1a1a2e 100%)!important}.dark-mode .ims-topbar__name,.dark-mode .ims-h1,.dark-mode .ims-h2--in,.dark-mode .ims-h3--in,.dark-mode .ims-p--in,.dark-mode .ims-li--in,.dark-mode .ims-sprout__name{color:#fff!important}.dark-mode .ims-message{color:#f0f0f5!important;background:linear-gradient(#3a4060f2 0%,#303654f2 100%)!important;border-color:#ffffff26!important}.dark-mode .ims-h2,.dark-mode .ims-h3,.dark-mode .ims-p,.dark-mode .ims-li{color:#d8d8e0}.dark-mode .ims-h2--in{color:#a6f071!important}.dark-mode .ims-h3--in{color:#7fd6ff!important}.dark-mode .ims-li{background:#ffffff0f!important;border-color:#ffffff1f!important}.dark-mode .ims-li--in{background:#58cc0226!important;border-color:#58cc0266!important}.dark-mode .ims-skip-btn{color:#f0f0f5!important;background:#3a4060e6!important;border-color:#ffffff26!important}.dark-mode .ims-go-hint{color:#ffffffb3!important}.ims-progress{z-index:4;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:4px 16px 8px;display:flex;position:relative}.ims-progress__dot{background:#0000001f;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;transition:background .4s,transform .4s,box-shadow .4s}.ims-progress__dot--on{background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);box-shadow:0 0 0 2px #58cc0226}.ims-progress__dot--current{background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%);animation:1.2s ease-in-out infinite imsDotPulse;transform:scale(1.6);box-shadow:0 0 0 3px #1cb0f633,0 0 10px #1cb0f680}@keyframes imsDotPulse{0%,to{transform:scale(1.6);box-shadow:0 0 0 3px #1cb0f633,0 0 10px #1cb0f680}50%{transform:scale(1.9);box-shadow:0 0 0 5px #1cb0f626,0 0 16px #1cb0f699}}.ims-seg{margin:0 0 10px;padding:2px 0;position:relative}.ims-message--dissolve{opacity:0;filter:blur(8px);will-change:opacity, transform, filter;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);transform:translateY(14px)}.ims-message--dissolve.ims-message--in{opacity:1;filter:blur();transform:translateY(0)}.ims-message--dissolve.ims-message--done{transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1),box-shadow .3s}@media (prefers-reduced-motion:reduce){.ims-message--dissolve{filter:none;opacity:1;transition:none;transform:none}}.ims-seg--h1{margin:4px 0 14px}.ims-seg--h2{align-items:center;gap:8px;margin:16px 0 6px;line-height:1.2;display:flex}.ims-seg--h3{margin:14px 0 4px}.ims-seg--li{align-items:flex-start;gap:10px;display:flex}.ims-seg--p{line-height:1.65}.ims-seg--h1{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);letter-spacing:-.01em;font-size:1.7rem;font-weight:800;line-height:1.15}.ims-seg--h1.ims-seg--stage-1{background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 50%,#ce82ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.ims-seg--h2{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);font-size:1.2rem;font-weight:800}.ims-seg--h2.ims-seg--stage-1{color:#58cc02}.ims-seg--h3{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);font-size:1.05rem;font-weight:800}.ims-seg--h3.ims-seg--stage-1{color:#1a1a1a}.ims-seg--p{font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);font-size:.98rem;font-weight:500}.ims-seg--p.ims-seg--stage-1{color:#1a1a1a}.ims-seg--li{font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);background:linear-gradient(135deg,#58cc021a 0%,#1cb0f61a 100%);border:1.5px solid #58cc024d;border-radius:10px;padding:6px 10px;font-size:.92rem;line-height:1.5}.dark-mode .ims-seg--h1.ims-seg--stage-1{background:linear-gradient(135deg,#7fd6ff 0%,#ce82ff 50%,#a6f071 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.dark-mode .ims-seg--h2.ims-seg--stage-1{color:#a6f071!important}.dark-mode .ims-seg--h3.ims-seg--stage-1,.dark-mode .ims-seg--p.ims-seg--stage-1{color:#fff!important}.dark-mode .ims-seg--li{color:#f0f0f5!important;background:#58cc022e!important;border-color:#58cc0266!important}.dark-mode .ims-progress__dot{background:#ffffff2e!important}.ims-cursor{display:none!important}.hero-avatars{z-index:1;filter:drop-shadow(0 8px 18px #00000038);justify-content:center;align-items:flex-end;gap:6px;display:flex;position:relative}.hero-avatars__char--boy{transform-origin:50% 100%;animation-delay:0s}.hero-avatars__char--girl{transform-origin:50% 100%;animation-delay:-1.75s}@keyframes heroAvatarsFloat{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-12px)rotate(1.5deg)}}@keyframes heroBoyBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(-1deg)}}@keyframes heroGirlBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(1deg)}}.lgn-hero__char{background:0 0!important;padding:0!important;font-size:0!important}.duo-xp-flag{min-width:38px;height:26px;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#fff;text-transform:none;letter-spacing:.02em;white-space:nowrap;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:.7rem;font-weight:800;display:flex;box-shadow:0 2px 6px #00000026,inset 0 -1px 2px #0000001a,inset 0 1px 2px #fff3}.duo-xp-flag__star{filter:drop-shadow(0 1px 1px #00000040);flex-shrink:0;font-size:.85rem}.duo-xp-flag__num{color:inherit;font-weight:800}.duo-xp-flag--left{color:#5c4400;background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%)}.duo-xp-flag--right{color:#fff;background:linear-gradient(135deg,#ce82ff 0%,#9333ea 100%)}.duo-xp-wrap{gap:6px}.hero-avatars{z-index:1;filter:drop-shadow(0 12px 20px #00000038);justify-content:center;align-items:flex-end;display:flex;position:relative}.hero-avatars__char{justify-content:center;align-items:flex-end;animation:3.6s ease-in-out infinite heroAvatarsFloat;display:flex;position:relative}.hero-avatars__char--boy{transform-origin:50% 100%;z-index:1;animation-delay:0s}.hero-avatars__char--girl{transform-origin:50% 100%;z-index:2;animation-delay:-1.8s}.hero-avatars svg{display:block}.hero-avatars__char--boy svg{animation:4.2s ease-in-out infinite heroBoyBob}.hero-avatars__char--girl svg{animation:4.2s ease-in-out infinite heroGirlBob}.hero-avatars--chibi{z-index:1;filter:drop-shadow(0 10px 18px #00000038);justify-content:center;align-items:flex-end;display:flex;position:relative}.hero-avatars--chibi .hero-avatars__char{justify-content:center;align-items:flex-end;animation:3.6s ease-in-out infinite heroAvatarsFloat;display:flex;position:relative}.hero-avatars--chibi .hero-avatars__char--boy{transform-origin:50% 100%;z-index:1;animation-delay:0s}.hero-avatars--chibi .hero-avatars__char--girl{transform-origin:50% 100%;z-index:2;animation-delay:-1.8s}.hero-avatars--chibi .hero-avatars__char svg{display:block}.hero-avatars--chibi .hero-avatars__char--boy svg{animation:4.2s ease-in-out infinite heroBoyBob}.hero-avatars--chibi .hero-avatars__char--girl svg{animation:4.2s ease-in-out infinite heroGirlBob}.hero-avatars--heads{z-index:1;filter:drop-shadow(0 8px 14px #0000002e);justify-content:center;align-items:flex-end;display:flex;position:relative}.hero-avatars__head{justify-content:center;align-items:flex-end;animation:3s ease-in-out infinite heroHeadBob;display:flex;position:relative}.hero-avatars__head--boy{transform-origin:50% 100%;z-index:1;animation-delay:0s}.hero-avatars__head--girl{transform-origin:50% 100%;z-index:2;animation-delay:-1.5s}@keyframes heroHeadBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.hero-avatars__head svg{display:block}.mission-badge{justify-content:center;align-items:center;animation:.9s cubic-bezier(.34,1.56,.64,1) both missionBadgeIn;display:inline-flex;position:relative}@keyframes missionBadgeIn{0%{opacity:0;transform:scale(.3)rotate(-180deg)}60%{opacity:1;transform:scale(1.15)rotate(10deg)}80%{transform:scale(.95)rotate(-4deg)}to{transform:scale(1)rotate(0)}}.mission-badge--idle{animation:.9s cubic-bezier(.34,1.56,.64,1) both missionBadgeIn,3.2s ease-in-out .9s infinite missionBadgeWobble}@keyframes missionBadgeWobble{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(3deg)scale(1.03)}}.mission-badge__halo{pointer-events:none;z-index:-1;opacity:.9;position:absolute;inset:-20%}.mission-badge__halo:before,.mission-badge__halo:after{content:"";background:radial-gradient(4px at 20% 20%,#ffd24d 0%,#0000 70%),radial-gradient(5px at 80% 25%,#58cc02 0%,#0000 70%),radial-gradient(4px at 30% 75%,#1cb0f6 0%,#0000 70%),radial-gradient(5px at 75% 80%,#ce82ff 0%,#0000 70%),radial-gradient(4px at 50% 10%,#ff6b6b 0%,#0000 70%),radial-gradient(5px at 10% 60%,#ffc800 0%,#0000 70%),radial-gradient(4px at 90% 55%,#a6f071 0%,#0000 70%),radial-gradient(5px at 60% 90%,#7fd6ff 0%,#0000 70%);border-radius:50%;animation:6s linear infinite missionBadgeHaloSpin;position:absolute;inset:0}.mission-badge__halo:after{opacity:.6;animation-duration:9s;animation-direction:reverse}@keyframes missionBadgeHaloSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.mission-badge__ring{pointer-events:none;z-index:-1;border:3px solid #ffc8008c;border-radius:50%;animation:2.4s ease-in-out infinite missionBadgeRingPulse;position:absolute;inset:-12%}@keyframes missionBadgeRingPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}.mission-badge--locked{filter:grayscale()brightness(.9);opacity:.45}.mission-badge--locked .mission-badge__ring,.mission-badge--locked .mission-badge__halo{display:none}.mission-badge--sm{width:28px;height:28px}.mission-badge--md{width:96px;height:96px}.mission-badge--lg{width:160px;height:160px}.challenge-celebration{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.4s ease-out both challengeCelebrationIn;display:flex;position:fixed;inset:0}@keyframes challengeCelebrationIn{0%{opacity:0}to{opacity:1}}.challenge-celebration__card{background:var(--card);text-align:center;border:1px solid var(--card-border);border-radius:24px;width:100%;max-width:380px;padding:32px 24px 24px;animation:.7s cubic-bezier(.34,1.56,.64,1) .1s both challengeCardIn;position:relative;overflow:visible;box-shadow:0 8px #0000000f,0 20px 60px #00000040,inset 0 -2px 4px #0000000a,inset 0 2px 4px #ffffffb3}@keyframes challengeCardIn{0%{opacity:0;transform:translateY(40px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.challenge-celebration__title{color:#4caf50;font-size:1.4rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);margin:12px 0 4px}.challenge-celebration__subtitle{color:var(--text-light);margin-bottom:16px;font-size:.9rem}.challenge-celebration__score{color:var(--primary);font-size:2.6rem;font-weight:800;line-height:1;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);margin:4px 0 6px;animation:.6s cubic-bezier(.34,1.8,.4,1) .4s both challengeScorePop}@keyframes challengeScorePop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.challenge-celebration__score-label{color:var(--text-light);margin-bottom:16px;font-size:.85rem}.challenge-celebration__badge-card{background:linear-gradient(135deg,#ffd2502e 0%,#ffb4321a 100%);border:2px solid #ffb43273;border-radius:16px;margin:4px 0 16px;padding:16px 12px 12px;animation:.6s cubic-bezier(.34,1.56,.64,1) .8s both challengeBadgeCardIn;position:relative}@keyframes challengeBadgeCardIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.challenge-celebration__badge-label{letter-spacing:.08em;text-transform:uppercase;color:#b07a00;margin-top:10px;font-size:.78rem;font-weight:700}.challenge-celebration__badge-name{color:#8a5a00;font-size:1.15rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);margin-top:2px}.challenge-celebration__continue{color:#fff;border-radius:var(--radius-sm,14px);cursor:pointer;width:100%;min-height:48px;font-size:1.1rem;font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);background:linear-gradient(#4caf50 0%,#388e3c 100%);border:none;padding:14px 32px;transition:transform .12s,box-shadow .12s;animation:.5s ease-out 1.1s both challengeBtnIn;box-shadow:0 4px #388e3c66,0 6px 18px #4caf504d}.challenge-celebration__continue:hover{transform:translateY(-1px);box-shadow:0 5px #388e3c66,0 8px 22px #4caf5066}.challenge-celebration__continue:active{transform:translateY(2px);box-shadow:0 2px #388e3c66,0 3px 10px #4caf504d}@keyframes challengeBtnIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark-mode .challenge-celebration__card{background:#1f2a30;border-color:#ffffff14}.dark-mode .challenge-celebration__title{color:#a6f071}.dark-mode .challenge-celebration__badge-card{background:linear-gradient(135deg,#ffc85029 0%,#ffa03c1a 100%);border-color:#ffc85066}.dark-mode .challenge-celebration__badge-label{color:#ffc870}.dark-mode .challenge-celebration__badge-name{color:#ffd9a0}.topic-item__achievements{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.topic-item__challenge-badge{color:#8a5a00;background:linear-gradient(135deg,#fff6d6 0%,#ffeab5 100%);border:1.5px solid #f0c75e;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #f0c75e66}.topic-item__challenge-badge svg{flex:none}.dark-mode .topic-item__challenge-badge{color:#ffd9a0;background:linear-gradient(135deg,#ffd25038 0%,#ffb43224 100%);border-color:#ffc8508c;box-shadow:0 1px 3px #ffc85040}.topic-item__challenge-score{color:#8a5a00;background:linear-gradient(135deg,#fff6d6 0%,#ffeab5 100%);border:1.5px solid #f0c75e;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #f0c75e66}.dark-mode .topic-item__challenge-score{color:#ffd9a0;background:linear-gradient(135deg,#ffd25038 0%,#ffb43224 100%);border-color:#ffc8508c;box-shadow:0 1px 3px #ffc85040}.qc-next-wrap{justify-content:center;margin-top:14px;padding:4px 0 8px;animation:.45s cubic-bezier(.34,1.56,.64,1) .15s both qcNextBtnIn;display:flex}@keyframes qcNextBtnIn{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.qc-next-btn{background:linear-gradient(180deg, var(--primary,#0d9488) 0%, var(--primary-dark,#0b7e74) 100%);color:#fff;border-radius:var(--radius-sm,14px);font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);cursor:pointer;min-height:46px;box-shadow:0 4px 0 var(--primary-dark,#0b7e74), 0 6px 16px #0d94884d;border:none;align-items:center;gap:8px;padding:12px 28px;font-size:1.05rem;font-weight:800;transition:transform .12s,box-shadow .12s,filter .2s;display:inline-flex;position:relative;overflow:hidden}.qc-next-btn:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff40 0%,#0000 45%);position:absolute;inset:0}.qc-next-btn:hover{box-shadow:0 6px 0 var(--primary-dark,#0b7e74), 0 10px 22px #0d948866;filter:brightness(1.05);transform:translateY(-2px)}.qc-next-btn:active{box-shadow:0 1px 0 var(--primary-dark,#0b7e74), 0 3px 8px #0d94884d;transform:translateY(3px)}.qc-next-btn__text{z-index:1;position:relative}.dark-mode .qc-next-btn{background:linear-gradient(#14b8a6 0%,#0d9488 100%);box-shadow:0 4px #0b7e74,0 6px 16px #14b8a64d}.dark-mode .qc-next-btn:hover{box-shadow:0 6px #0b7e74,0 10px 22px #14b8a673}.gtb{top:max(8px, env(safe-area-inset-top,0px));right:max(8px, env(safe-area-inset-right,0px));z-index:1000;-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#ffffffeb;border:1.5px solid #0000000f;border-radius:999px;flex-direction:row;align-items:center;gap:6px;padding:4px;transition:top .2s,right .2s,background .2s;display:flex;position:fixed;box-shadow:0 4px 14px #00000014,0 1px 3px #0000000d}@media (orientation:portrait){.gtb{gap:8px;padding:5px}.gtb-btn{width:38px;height:38px}.gtb-btn--profile{width:44px;height:44px}}@media (orientation:landscape) and (height<=500px){.gtb{gap:4px;padding:3px;top:6px;right:6px}.gtb-btn{width:32px;height:32px}.gtb-btn--profile{width:36px;height:36px}.gtb-avatar{font-size:.9rem}.gtb-btn svg{width:16px;height:16px}}@media (width>=1024px){.gtb{gap:10px;padding:6px}.gtb-btn{width:40px;height:40px}.gtb-btn--profile{width:46px;height:46px}}.gtb-btn{color:#4b4b4b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .15s,background .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 2px #0000000f,0 2px 6px #0000000d}.gtb-btn:hover{color:#1a1a1a;background:#f4f4f8;transform:translateY(-1px)}.gtb-btn:active{transform:scale(.94)}.gtb-btn:focus-visible{outline-offset:2px;outline:3px solid #1cb0f6}.gtb-btn--profile{color:#fff;background:linear-gradient(135deg,#9b8cff 0%,#6b7bff 100%);box-shadow:0 2px #5a5dd0,0 4px 10px #6b7bff59}.gtb-btn--profile:hover{background:linear-gradient(135deg,#8b7cef 0%,#5b6bef 100%)}.gtb-avatar{font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);color:#fff;text-shadow:0 1px 2px #0000002e;justify-content:center;align-items:center;font-size:1rem;font-weight:800;line-height:1;display:inline-flex}.gtb-btn--tts{color:#1cb0f6}.gtb-btn--tts.is-on{color:#fff;background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%);box-shadow:0 2px #0b7e74,0 4px 10px #1cb0f659}.gtb-btn--tts.is-on:hover{background:linear-gradient(135deg,#2cc0ff 0%,#1e9fd9 100%)}.gtb-btn--dark{color:#6b5bd0}.gtb-btn--dark.is-on{color:#ffd970;background:linear-gradient(135deg,#2b2140 0%,#1a1a2e 100%);box-shadow:0 2px #000,0 4px 10px #2b214066}.gtb-btn--dark.is-on:hover{background:linear-gradient(135deg,#3b3150 0%,#2a2a3e 100%)}.gtb-btn--settings{color:#ff8c42}.gtb-btn--settings:hover{color:#e76f1f;background:#fff3e6}.dark-mode .gtb{background:#242b3deb;border-color:#ffffff1a;box-shadow:0 4px 14px #00000059,0 1px 3px #00000040}.dark-mode .gtb-btn{color:#eaeaea;background:#2d3548;box-shadow:0 2px #0006,0 2px 6px #0000004d}.dark-mode .gtb-btn:hover{color:#fff;background:#38415a}.dark-mode .gtb-btn--profile{background:linear-gradient(135deg,#8b7cef 0%,#5b6bef 100%);box-shadow:0 2px #3b43b0,0 4px 10px #8b7cef66}.dark-mode .gtb-btn--tts.is-on{background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%);box-shadow:0 2px #0b7e74,0 4px 10px #1cb0f680}.dark-mode .gtb-btn--dark.is-on{color:#2b2140;background:linear-gradient(135deg,#ffd970 0%,#ffc857 100%);box-shadow:0 2px #b8941f,0 4px 10px #ffc95766}.dark-mode .gtb-btn--settings{color:#ffb585}.dark-mode .gtb-btn--settings:hover{color:#ffd1a8;background:#ff8c421f}.reduce-motion .gtb-btn,.reduce-motion .gtb{transition:none}.reduce-motion .gtb-btn:hover{transform:none}.large-touch .gtb-btn{width:48px;height:48px}.large-touch .gtb-btn--profile{width:56px;height:56px}.large-touch .gtb-avatar{font-size:1.15rem}.large-touch .gtb-btn svg{width:24px;height:24px}.moi-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0b0d20c7;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0;overflow:hidden}.moi-overlay.moi-active{opacity:1}.moi-overlay.moi-active .moi-card{opacity:1;transform:translateY(0)scale(1)}.moi-glow{pointer-events:none;background:radial-gradient(circle at 50% 35%,#ffc80059 0%,#ff643c2e 25%,#0b0d2000 60%);animation:4s ease-in-out infinite moiGlowPulse;position:absolute;inset:0}@keyframes moiGlowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.moi-card{z-index:2;text-align:center;width:min(440px,92vw);font-family:var(--font-heading);opacity:0;background:linear-gradient(160deg,#fff 0%,#fff8e1 50%,#ffebc2 100%);border-radius:24px;max-height:92vh;padding:32px 28px 24px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:relative;overflow-y:auto;transform:translateY(28px)scale(.96);box-shadow:0 24px 60px #00000073,0 0 0 6px #ffc8002e,inset 0 -2px 6px #0000000f,inset 0 1px #fffc}.moi-trophy{justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto 12px;display:flex;position:relative}.moi-trophy__rays{filter:blur(.5px);background:conic-gradient(#ffc80000 0deg,#ffc8008c 12deg,#ffc80000 24deg 60deg,#ffc8008c 72deg,#ffc80000 84deg 120deg,#ffc8008c 132deg,#ffc80000 144deg 180deg,#ffc8008c 192deg,#ffc80000 204deg 240deg,#ffc8008c 252deg,#ffc80000 264deg 300deg,#ffc8008c 312deg,#ffc80000 324deg 360deg);border-radius:50%;animation:6s linear infinite moiRaysSpin;position:absolute;inset:-16px}@keyframes moiRaysSpin{to{transform:rotate(360deg)}}.moi-trophy__cup{filter:drop-shadow(0 6px 12px #ff960080);z-index:1;font-size:5rem;line-height:1;animation:1.4s ease-in-out infinite moiCupBounce;position:relative}@keyframes moiCupBounce{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(4deg)}}.moi-trophy__base{z-index:0;background:radial-gradient(closest-side,#ffb40080,#ffb40000);border-radius:50%;width:80px;height:14px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.moi-title{color:#b8860b;letter-spacing:-.01em;text-shadow:0 2px #ffffff80;margin-bottom:6px;font-size:1.7rem;font-weight:800}.moi-subtitle{color:#6b5520;margin-bottom:16px;font-size:.95rem;line-height:1.35}.moi-companion{justify-content:center;margin:0 auto 16px;display:flex}.moi-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px;display:grid}.moi-stat{font-family:var(--font-heading);background:#ffffff8c;border:1px solid #b8860b2e;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.moi-stat__icon{font-size:1.1rem}.moi-stat__num{color:#4a3500;font-size:1.05rem;font-weight:800;line-height:1}.moi-stat__lbl{color:#8a6a1a;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.moi-cta{color:#fff;font-size:1.05rem;font-weight:800;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#ffc800 0%,#ff9600 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px #ff960059}.moi-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px #ff960080}.moi-cta:active{transform:scale(.96)}.moi-confetti{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.moi-confetti--back{z-index:1}.moi-confetti--front{z-index:3}.moi-confetti-piece{top:-20px;left:var(--x);background:var(--c);width:10px;height:16px;transform:rotate(var(--rot));animation:moiConfettiFall var(--dur) linear var(--delay) infinite;opacity:.92;border-radius:2px;position:absolute;box-shadow:0 2px 4px #00000026}@keyframes moiConfettiFall{0%{opacity:0;transform:translateY(0)rotate(0)}8%{opacity:1}to{opacity:0;transform:translateY(120vh)rotate(720deg)}}.dark-mode .moi-card{background:linear-gradient(160deg,#1e2333 0%,#2a2535 100%);border:1px solid #ffc8004d;box-shadow:0 24px 60px #0009,0 0 0 6px #ffc80026,inset 0 1px #ffffff0f}.dark-mode .moi-title{color:#ffc800;text-shadow:none}.dark-mode .moi-subtitle{color:#c9b8a0}.dark-mode .moi-stat{background:#ffffff0d;border-color:#ffc8002e}.dark-mode .moi-stat__num{color:#ffd166}.dark-mode .moi-stat__lbl{color:#c9b8a0}@media (width<=380px){.moi-stats{grid-template-columns:repeat(2,1fr)}.moi-companion :first-child{transform:scale(.85)}.moi-trophy{width:110px;height:110px}.moi-trophy__cup{font-size:4rem}.moi-title{font-size:1.4rem}}.duo-resume{color:#fff;font-family:var(--font-heading);z-index:3;background:linear-gradient(135deg,#58cc02 0%,#37a300 100%);border-radius:16px;align-items:center;gap:12px;margin:12px 16px 4px;padding:12px 16px;display:flex;position:relative;box-shadow:0 6px 18px #58cc024d,inset 0 -2px 4px #00000014}.duo-resume__icon{filter:drop-shadow(0 2px 4px #00000026);flex-shrink:0;font-size:1.7rem}.duo-resume__body{flex:1;min-width:0}.duo-resume__title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;line-height:1.1;overflow:hidden}.duo-resume__sub{opacity:.92;margin-top:2px;font-size:.78rem;font-weight:600}.duo-resume__actions{flex-shrink:0;gap:6px;display:flex}.duo-resume__btn{cursor:pointer;font-size:.85rem;font-weight:800;font-family:var(--font-heading);border:none;border-radius:12px;align-items:center;gap:4px;padding:8px 12px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.duo-resume__btn:active{transform:scale(.95)}.duo-resume__btn--primary{color:#37a300;background:#fff;box-shadow:0 2px 8px #00000026}.duo-resume__btn--primary:hover{background:#f1f8e9}.duo-resume__btn--ghost{color:#fff;background:#ffffff2e;padding:8px 10px}.duo-resume__btn--ghost:hover{background:#ffffff4d}.dark-mode .duo-resume{background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%)}.save-toast{z-index:80;min-width:240px;font-family:var(--font-heading);background:linear-gradient(135deg,#fff 0%,#f0f7ff 100%);border:2px solid #1cb0f6;border-radius:18px;align-items:center;gap:12px;padding:12px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards saveToastPop;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1cb0f638,0 4px 8px #00000014,inset 0 -1px 2px #0000000a,inset 0 1px 2px #fff9}@keyframes saveToastPop{0%{opacity:0;transform:translate(-50%,-30px)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}.save-toast__icon{filter:drop-shadow(0 2px 4px #00000026);font-size:1.6rem}.save-toast__title{color:#1a1a1a;font-size:.95rem;font-weight:800;line-height:1.1}.save-toast__sub{color:#4b4b4b;margin-top:2px;font-size:.78rem;font-weight:600}.dark-mode .save-toast{color:#fff;background:linear-gradient(135deg,#1e2333 0%,#2a3145 100%);border-color:#4fa8e0}.dark-mode .save-toast__title{color:#fff}.dark-mode .save-toast__sub{color:#b8b8c8}.cm-resume{color:#fff;font-family:var(--font-heading);background:linear-gradient(135deg,#1cb0f6 0%,#0e8fc9 100%);border-radius:16px;align-items:center;gap:12px;margin:14px 16px 4px;padding:12px 16px;display:flex;box-shadow:0 6px 18px #1cb0f64d,inset 0 -2px 4px #00000014}.cm-resume__icon{filter:drop-shadow(0 2px 4px #00000026);flex-shrink:0;font-size:1.7rem}.cm-resume__body{flex:1;min-width:0}.cm-resume__title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;line-height:1.1;overflow:hidden}.cm-resume__sub{opacity:.9;margin-top:2px;font-size:.78rem;font-weight:600}.cm-resume__actions{flex-shrink:0;gap:6px;display:flex}.cm-resume__btn{cursor:pointer;font-size:.85rem;font-weight:800;font-family:var(--font-heading);border:none;border-radius:12px;align-items:center;gap:4px;padding:8px 12px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.cm-resume__btn:active{transform:scale(.95)}.cm-resume__btn--primary{color:#0e8fc9;background:#fff;box-shadow:0 2px 8px #00000026}.cm-resume__btn--primary:hover{background:#f0f9ff}.cm-resume__btn--ghost{color:#fff;background:#ffffff2e;padding:8px 10px}.cm-resume__btn--ghost:hover{background:#ffffff4d}.dark-mode .cm-resume{background:linear-gradient(135deg,#4fa8e0 0%,#0e8fc9 100%)}.cb-tip{background:linear-gradient(135deg,#fff8e1 0%,#ffe082 100%);border:2.5px solid #ffc800;border-radius:14px;margin:14px 0;position:relative;overflow:hidden;box-shadow:0 2px #d9a500,0 4px 12px #ffc8004d,inset 0 1px 2px #ffffff80}.cb-tip:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff59 0%,#0000 100%);border-radius:12px 12px 0 0;height:50%;position:absolute;inset:0 0 auto}.cb-tip__btn{cursor:pointer;text-align:left;width:100%;font:inherit;color:#5c4400;font-family:var(--font-body,"Comic Neue", cursive, system-ui, sans-serif);z-index:1;background:0 0;border:0;align-items:center;gap:10px;padding:14px 16px;font-size:.97rem;line-height:1.6;transition:background .12s;display:flex;position:relative}.cb-tip__btn:hover{background:#ffffff59}.cb-tip__btn:focus-visible{outline-offset:-3px;outline:3px solid #ffb300}.cb-tip__icon{filter:drop-shadow(0 1px #00000014);flex-shrink:0;font-size:1.2rem}.cb-tip__label{font-weight:800;font-family:var(--font-heading,"Baloo 2", cursive, system-ui, sans-serif);white-space:nowrap;color:#5c4400;flex-shrink:0}.cb-tip__text{flex:1;min-width:0}.cb-tip__chevron{color:#5c4400;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.cb-tip--revealed .cb-tip__chevron{transform:rotate(180deg)}.cb-tip__answer{opacity:0;z-index:1;max-height:0;padding:0 16px;transition:max-height .32s,opacity .22s,padding .22s;position:relative;overflow:hidden}.cb-tip--revealed .cb-tip__answer{opacity:1;max-height:1600px;padding:4px 16px 16px}.cb-tip__answer .cb-paragraph{color:#3f2e00;border-left:3px solid #d9a50073;margin:8px 0 4px;padding-left:10px;font-weight:600}.cb-tip__answer .cb-list{margin:6px 0 4px;padding-left:24px}.cb-tip__answer .cb-formula{margin:8px 0 4px}.dark-mode .cb-tip{box-shadow:0 2px #d9a50080,0 4px 12px #ffc80033;background:linear-gradient(135deg,#ffc80040 0%,#ffc8001f 100%)!important;border-color:#ffc800!important}.dark-mode .cb-tip__btn{color:#ffe266!important}.dark-mode .cb-tip__btn:hover{background:#ffffff14}.dark-mode .cb-tip__label,.dark-mode .cb-tip__chevron{color:#ffe266!important}.dark-mode .cb-tip__answer .cb-paragraph{color:#ffe9a8!important;border-left-color:#ffe26666!important}.reduce-motion .cb-tip__answer,.reduce-motion .cb-tip__chevron{transition:none!important}