:root{--rose: #f43f5e;--rose-soft: #fde2ec;--rose-text: #e11d48;--meadow: #fde5ee;--purple: #8b5cf6;--blue: #3b82f6;--green: #3fbf58;--green-soft: #e5f7e9;--green-text: #16a34a;--red: #ef4444;--red-soft: #fde5e5;--red-text: #dc2626;--amber: #f59e0b;--flame: #f97316;--bg: #fbfbfd;--surface: #ffffff;--field: #f3f4f6;--text: #35323e;--text-soft: #8b8996;--text-mute: #b6b4bf;--line: #e8e8ee;--nav-h: 96px;--road-under: rgba(219, 47, 99, .1);--road-path: #ffffff;--road-dots: #f8cfdd;--meadow-spot: rgba(255, 255, 255, .35);--hill1: #fbdce9;--hill2: #f8c9dd;--tg-safe-top: 0px;--tg-safe-bottom: 0px;--safe-top: max(env(safe-area-inset-top), var(--tg-safe-top));--safe-bottom: max(env(safe-area-inset-bottom), var(--tg-safe-bottom));font-family:Balsamiq Sans,-apple-system,Segoe UI,sans-serif}.auth-gate{display:grid;place-items:center;min-height:100dvh;padding:24px;background:linear-gradient(160deg,#fde5ee,#fff7fa)}.auth-gate-card{width:min(100%,360px);padding:28px;border-radius:28px;background:var(--surface, #fff);color:var(--text, #222);text-align:center;box-shadow:0 18px 60px #6f284b29}.auth-gate-card h1{margin:0 0 12px}.auth-gate-card p{line-height:1.5}.app.auth-loader{display:grid;place-items:center;background:var(--bg)}.brand-loader-mark{width:88px;height:88px;border-radius:26px;display:grid;place-items:center;background:var(--rose);animation:brand-mark-spin 1.1s linear infinite}.brand-loader-mark svg{width:46px;height:46px;fill:#fff7fa}@keyframes brand-mark-spin{to{transform:rotate(360deg)}}.admin-screen{z-index:80;background:var(--bg);isolation:isolate}.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.admin-field{display:grid;gap:7px;margin:14px 0;text-align:left;font-weight:700}.admin-field input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--text);font:inherit}.admin-link{width:100%;margin-top:12px;padding:10px;overflow-wrap:anywhere;border:0;border-radius:12px;background:var(--field);color:var(--text)}.admin-list{display:grid;gap:8px}.admin-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.admin-batch{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.admin-batch h4{text-align:left;font-size:15px}.admin-actions{display:grid;gap:9px}.activity-chart{width:100%;overflow:hidden}.activity-chart svg{display:block;width:100%;height:auto;min-height:190px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 2px;font-size:12px;color:var(--text-soft)}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.chart-legend i{width:16px;height:3px;border-radius:999px;background:var(--rose)}.chart-legend i.bot{background:var(--blue)}.chart-legend i.miniapp{background:var(--purple)}.chart-grid{stroke:var(--line);stroke-width:1}.chart-axis{fill:var(--text-soft);font-size:11px;font-family:inherit}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-line-total{stroke:var(--rose)}.chart-line-bot{stroke:var(--blue)}.chart-line-miniapp{stroke:var(--purple)}.chart-dot{fill:var(--surface);stroke:var(--rose);stroke-width:2;vector-effect:non-scaling-stroke}[data-theme=dark]{--rose-soft: #432634;--rose-text: #fb7185;--meadow: #2a1e2c;--green-soft: #21332a;--green-text: #7dd29a;--red-soft: #3d2527;--red-text: #f49797;--bg: #17161d;--surface: #242331;--field: #2e2d3a;--text: #edeaf3;--text-soft: #a29fb1;--text-mute: #6c6979;--line: #383744;--road-under: rgba(0, 0, 0, .28);--road-path: #3a3145;--road-dots: #57495f;--meadow-spot: rgba(255, 255, 255, .04);--hill1: #2d2233;--hill2: #352840}[data-theme=dark] body,[data-theme=dark]{background:#101017}[data-theme=dark] .road-screen{background:linear-gradient(180deg,#251a28,#2b1e2e)}[data-theme=dark] .hero-screen{background:linear-gradient(180deg,#2b1d30 0%,#221c29 45%,var(--bg) 100%)}[data-theme=dark] .sub-screen{background:linear-gradient(180deg,#301f33 0%,#251d2c 50%,var(--bg) 100%)}[data-theme=dark] .shop-screen{background:#1b1a23}[data-theme=dark] .shop-tabs{background:#2e2d3a}[data-theme=dark] .bottom-nav:before{background:#24222ff0;box-shadow:0 8px 28px #00000073}[data-theme=dark] .nav-btn{color:#71707e}[data-theme=dark] .option-btn.selected{background:#1e3352;color:#82bdf8}[data-theme=dark] .btn:disabled{background:#2c2b36;color:#6c6979}[data-theme=dark] .hero-cloud{background:#ffffff0d}[data-theme=dark] .sub-benefit,[data-theme=dark] .sub-wait{background:#ffffff12}[data-theme=dark] .wd-circle.lit{background:#3d2b22}[data-theme=dark] .stat-blue{background:#1e3352;color:#82bdf8}[data-theme=dark] .speech-bubble,[data-theme=dark] .speech-bubble:before{background:var(--field)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}.app,.app *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app input,.app textarea,.app [contenteditable=true]{-webkit-user-select:text;user-select:text}body{background:#eceef2;color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}.app{position:relative;height:100dvh;max-width:430px;margin:0 auto;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}@media(min-width:500px)and (min-height:700px){body{display:flex;align-items:center;justify-content:center}.app{width:400px;height:min(860px,calc(100dvh - 40px));border-radius:46px;outline:10px solid #26242c}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.screen-scroll::-webkit-scrollbar{display:none}.screen-enter{animation:screen-in .22s ease backwards}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-drop{animation:hero-drop .65s cubic-bezier(.22,1.3,.36,1) both}@keyframes hero-drop{0%{opacity:0;transform:translateY(-70vh) scaleY(1.12)}60%{opacity:1;transform:translateY(3%) scaleY(.97)}to{opacity:1;transform:none}}.rise-in{animation:rise-in .45s cubic-bezier(.2,1.1,.4,1) backwards}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.pop-in,.flame-pop{animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scale-in .55s cubic-bezier(.34,1.45,.64,1) backwards}@keyframes scale-in{0%{opacity:0;transform:scale(.3) translateY(30px)}to{opacity:1;transform:none}}.quiz-slide{animation:quiz-slide .3s cubic-bezier(.2,1,.35,1) both}@keyframes quiz-slide{0%{opacity:0;transform:translate(56px)}to{opacity:1;transform:none}}.char-jump{animation:char-jump .5s ease}@keyframes char-jump{0%,to{transform:translateY(0)}40%{transform:translateY(-18px)}}.char-wobble{animation:char-wobble .45s ease}@keyframes char-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}55%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 20px;border-radius:18px;font-size:16px;font-weight:700;letter-spacing:.03em;color:#fff;transition:transform .1s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-rose{background:var(--rose)}.btn-green{background:var(--green)}.btn-blue{background:var(--blue)}.btn-red{background:var(--red)}.btn:disabled{background:#e9eaee;color:var(--text-mute);cursor:default}.btn:disabled:active{transform:none}.btn .icon{width:18px;height:18px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--field);border-radius:999px;padding:6px 12px;font-weight:700;font-size:13.5px;color:#4b5563;white-space:nowrap}.pill .icon{width:16px;height:16px}.pill-plus{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:-2px -4px -2px 1px;border-radius:50%;background:var(--rose);color:#fff;transition:transform .1s ease}.pill-plus:active{transform:scale(.85)}.pill-plus .icon{width:13px;height:13px}.icon-bolt{color:var(--amber)}.icon-star{color:var(--purple)}.icon-fire{color:var(--flame)}.icon-list{color:var(--text-soft)}.chip{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--rose-soft);color:var(--rose-text)}.road-screen{background:linear-gradient(180deg,#fdeaf1 0%,var(--meadow) 100%)}.road-header{position:relative;z-index:5;margin:calc(var(--safe-top) + 14px) 16px 0;background:var(--surface);border-radius:24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.road-header h1{font-size:19px;line-height:1.15;margin-top:6px;color:var(--text)}.road-header-pills{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.road-map{display:block;width:100%;height:auto}.road-scroll{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px)}.road-title-btn{text-align:left}.road-title-btn .chip{display:inline-flex;align-items:center;gap:3px}.chip-chevron{width:12px;height:12px}.chapter-slide-right{animation:ch-slide-right .32s cubic-bezier(.2,1,.35,1) backwards}.chapter-slide-left{animation:ch-slide-left .32s cubic-bezier(.2,1,.35,1) backwards}@keyframes ch-slide-right{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:none}}@keyframes ch-slide-left{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:none}}.ch-arrow{position:absolute;top:46%;z-index:6;width:42px;height:42px;border-radius:50%;background:var(--surface);color:var(--text-soft);display:flex;align-items:center;justify-content:center;transition:transform .1s ease,opacity .15s ease}.ch-arrow:active{transform:scale(.9)}.ch-arrow:disabled{opacity:.3}.ch-arrow .icon{width:22px;height:22px}.ch-arrow.left{left:12px}.ch-arrow.right{right:12px}.chapter-locked-note{position:relative;z-index:5;display:flex;align-items:center;gap:6px;margin:10px 16px 0;padding:9px 14px;border-radius:14px;background:var(--surface);color:var(--text-soft);font-size:13px;font-weight:700;animation:rise-in .3s ease backwards}.chapter-locked-note .icon{width:15px;height:15px;flex-shrink:0}.chapter-picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;animation:picker-open .45s cubic-bezier(.4,0,.2,1) both}@keyframes picker-open{0%{clip-path:circle(28px at 50% calc(var(--safe-top) + 55px))}to{clip-path:circle(150% at 50% calc(var(--safe-top) + 55px))}}.chapter-picker.closing{animation:picker-close .4s cubic-bezier(.4,0,.2,1) both}@keyframes picker-close{0%{clip-path:circle(150% at 50% calc(var(--safe-top) + 55px))}to{clip-path:circle(28px at 50% calc(var(--safe-top) + 55px))}}.picker-top{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + 16px) 20px 10px}.picker-top h2{font-size:22px}.picker-list{flex:1;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;padding:6px 16px calc(var(--safe-bottom) + 24px)}.picker-list::-webkit-scrollbar{display:none}.chapter-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px;border-radius:22px;background:var(--surface);text-align:left;transition:transform .1s ease}.chapter-card:active{transform:scale(.98)}.chapter-card.current{background:var(--rose-soft)}.chapter-card.locked{opacity:.55}.chapter-card-head{width:100%;display:flex;align-items:center;justify-content:space-between}.chapter-card-head .icon{width:21px;height:21px}.chapter-card-title{font-size:18px;font-weight:700;color:var(--text)}.chapter-card-sub{font-size:12px;font-weight:700;color:var(--text-soft)}.chapter-progress{width:100%;height:9px;border-radius:999px;background:var(--field);overflow:hidden}.chapter-card.current .chapter-progress{background:#ffffff80}[data-theme=dark] .chapter-card.current .chapter-progress{background:#00000040}.chapter-progress-fill{height:100%;border-radius:999px;background:var(--green);transition:width .4s ease}.heart-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.heart-particle{position:absolute;bottom:-36px;color:var(--rose);opacity:0;animation:heart-float var(--dur) linear var(--delay) infinite}@keyframes heart-float{0%{transform:translateY(0) translate(0) scale(.7) rotate(-8deg);opacity:0}8%{opacity:var(--op, .5)}45%{transform:translateY(-38vh) translate(var(--sway)) scale(1) rotate(8deg)}85%{opacity:.15}to{transform:translateY(-82vh) translate(calc(var(--sway) * -.6)) scale(.85) rotate(-6deg);opacity:0}}.node-pop{transform-box:fill-box;transform-origin:center;animation:node-pop .55s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes node-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.map-shake{animation:map-shake .4s ease-in-out}@keyframes map-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.torch-flame{transform-box:fill-box;transform-origin:bottom center;animation:torch-flicker 1.4s ease-in-out infinite alternate}@keyframes torch-flicker{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.18) scaleX(.92)}to{transform:scaleY(.95) scaleX(1.05)}}.node-start-tip{animation:tip-bounce 1.4s ease-in-out infinite}@keyframes tip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.node-pulse{transform-box:fill-box;transform-origin:center;animation:node-pulse 1.8s ease-out infinite}@keyframes node-pulse{0%{transform:scale(.86);opacity:.9}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}.bottom-nav{position:absolute;left:16px;right:16px;bottom:calc(var(--safe-bottom) + 14px);z-index:20;height:66px;border-radius:24px;display:flex;align-items:stretch;justify-content:space-around;isolation:isolate}.bottom-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:#ffffffeb;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 8px 28px #321e3c2e}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;font-weight:700;color:#82879a;transition:color .15s ease}.nav-btn.active{color:var(--rose)}.nav-btn .icon{width:25px;height:25px}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#23192d6b;display:flex;align-items:flex-end;animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{width:100%;background:var(--surface);border-radius:28px 28px 0 0;padding:24px 20px calc(var(--safe-bottom) + 22px);text-align:center;animation:sheet-up .4s cubic-bezier(.25,1.15,.4,1) both}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet h2{font-size:21px;color:var(--text)}.sheet .sub{color:var(--text-soft);font-weight:400;margin:4px 0 16px}.sheet-meta{display:flex;justify-content:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.reveal-circle{position:absolute;z-index:90;border-radius:50%;background:var(--rose);pointer-events:none}.reveal-circle.expand{animation:reveal-expand .45s cubic-bezier(.55,0,.6,1) both}@keyframes reveal-expand{0%{transform:scale(0)}to{transform:scale(18)}}.reveal-circle.fade{transform:scale(18);animation:reveal-fade .4s ease both}@keyframes reveal-fade{0%{opacity:1}to{opacity:0}}.character{display:block}.char-animated .char-body{animation:char-bob 2.6s ease-in-out infinite}.char-animated .char-shadow{transform-box:fill-box;transform-origin:center;animation:char-shadow 2.6s ease-in-out infinite}.char-animated .char-head{transform-box:view-box;transform-origin:110px 120px;animation:char-sway 5.2s ease-in-out infinite}.char-animated .char-blink{transform-box:fill-box;transform-origin:center;animation:char-blink 4s infinite}.char-wave{transform-box:view-box;transform-origin:142px 133px;animation:char-wave 5.6s ease-in-out infinite}@keyframes char-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes char-shadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(.9)}}@keyframes char-sway{0%,to{transform:rotate(-1.3deg)}50%{transform:rotate(1.5deg)}}@keyframes char-blink{0%,91%,to{transform:scaleY(1)}94%,96%{transform:scaleY(.08)}}@keyframes char-wave{0%,68%,to{transform:rotate(0)}74%{transform:rotate(-18deg)}81%{transform:rotate(10deg)}88%{transform:rotate(-14deg)}95%{transform:rotate(4deg)}}.quiz-screen{background:var(--bg);z-index:40}.quiz-top{display:flex;align-items:center;gap:12px;padding:calc(var(--safe-top) + 14px) 16px 6px}.quiz-close{width:38px;height:38px;border-radius:50%;background:var(--field);color:var(--text-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-close .icon{width:20px;height:20px}.quiz-progress{flex:1;height:12px;background:var(--field);border-radius:999px;overflow:hidden}.quiz-progress-fill{height:100%;border-radius:999px;background:var(--green);transition:width .45s cubic-bezier(.3,1.15,.4,1)}.quiz-body{flex:1;padding:12px 20px 0;overflow:hidden;display:flex;flex-direction:column}.quiz-body h2{font-size:20px;margin:10px 0 4px}.quiz-scene{display:flex;align-items:flex-start;gap:6px;margin:6px 0 12px}.speech-bubble{position:relative;flex:1;background:var(--field);border-radius:18px 18px 18px 4px;padding:13px 15px;margin-top:18px;font-size:15px;font-weight:700;line-height:1.4}.speech-bubble:before{content:"";position:absolute;left:-7px;top:26px;width:14px;height:14px;background:var(--field);transform:rotate(45deg);border-radius:3px}.quiz-options{display:flex;flex-direction:column;gap:10px}.fill-step{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:6px}.fill-slots{display:flex;align-items:center;gap:6px}.fill-slot{width:38px;height:44px;border-radius:10px;background:var(--field);display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;color:var(--text)}.fill-slot.filled{background:#e4f0fe;color:#2563eb;animation:pop-in .15s ease}.fill-slots.correct .fill-slot{background:var(--green-soft);color:var(--green-text)}.fill-slots.wrong .fill-slot{background:var(--red-soft);color:var(--red-text)}.fill-letter-bs{background:var(--rose-soft);color:var(--rose-text);width:58px}.fill-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:320px}.fill-letter{width:46px;height:48px;border-radius:12px;background:var(--surface);font-size:20px;font-weight:700;color:var(--text);transition:transform .1s ease,opacity .15s ease}.fill-letter:active{transform:scale(.9)}[data-theme=dark] .fill-letter{background:var(--field)}.option-btn{width:100%;padding:15px 16px;border-radius:18px;background:var(--field);font-size:15.5px;font-weight:700;color:var(--text);text-align:center;transition:transform .08s ease,background .15s ease,color .15s ease}.option-btn:active{transform:scale(.98)}.option-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.opt-text{display:block;padding:0 26px}.opt-tr-btn{position:absolute;top:7px;right:7px;display:flex;color:var(--text-mute)}.opt-tr-btn .icon{width:19px;height:19px}.opt-tr{font-size:12.5px;font-weight:400;color:var(--text-soft);padding:0 26px}.option-btn.selected{background:#e4f0fe;color:#2563eb}.option-btn.correct{background:var(--green-soft);color:var(--green-text)}.option-btn.wrong{background:var(--red-soft);color:var(--red-text)}.quiz-footer{position:relative;padding:28px 20px calc(var(--safe-bottom) + 18px)}.quiz-hills{position:absolute;left:0;right:0;bottom:0;height:130%;pointer-events:none}.quiz-footer .btn{position:relative}.quiz-feedback{position:absolute;left:0;right:0;bottom:0;z-index:45;border-radius:26px 26px 0 0;padding:18px 20px calc(var(--safe-bottom) + 18px);animation:feedback-up .35s cubic-bezier(.25,1.15,.4,1) both}@keyframes feedback-up{0%{transform:translateY(110%)}to{transform:translateY(0)}}.quiz-feedback.good{background:var(--green-soft)}.quiz-feedback.bad{background:var(--red-soft)}.feedback-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;margin-bottom:4px}.feedback-title .icon{width:24px;height:24px}.quiz-feedback.good .feedback-title{color:var(--green-text)}.quiz-feedback.bad .feedback-title{color:var(--red-text)}.feedback-sub{font-weight:400;font-size:14px;margin-bottom:14px}.quiz-feedback.good .feedback-sub{color:#4d9663}.quiz-feedback.bad .feedback-sub{color:#c96a6a}.mg-title{flex:1;min-width:0;text-align:center}.mg-title h2{font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-title .chip{font-size:9.5px;padding:2px 8px}.mg-timer{flex-shrink:0}.mg-timer .icon{color:var(--text-soft)}.mg-timer.urgent{background:var(--red-soft);color:var(--red-text)}.mg-timer.urgent .icon{color:var(--red-text);animation:pulse-urgent 1s ease-in-out infinite}@keyframes pulse-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.mg-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 16px calc(var(--safe-bottom) + 18px);overflow:hidden}.mg-hint{font-size:12px;font-weight:700;color:var(--text-mute);text-align:center;margin-top:8px}.connect-game{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.cw-grid{display:grid;gap:4px;justify-content:center;animation:rise-in .4s ease backwards}.cw-cell{border-radius:9px;background:var(--field);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text)}.cw-cell.revealed{background:var(--green);color:#fff;animation:pop-in .35s cubic-bezier(.34,1.56,.64,1)}.connect-word{min-height:34px;min-width:60px;padding:3px 18px;border-radius:999px;background:var(--field);font-size:20px;font-weight:700;letter-spacing:.12em;color:var(--rose);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:opacity .15s ease,transform .15s ease}.connect-word.active{opacity:1;transform:scale(1)}.connect-word.wrong{background:var(--red-soft);color:var(--red-text)}.letter-wheel{position:relative;border-radius:50%;background:var(--surface);touch-action:none;animation:scale-in .45s cubic-bezier(.34,1.45,.64,1) backwards}.wheel-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wheel-lines line{stroke:var(--rose);stroke-width:7;stroke-linecap:round;opacity:.45}.wheel-letter{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--field);font-size:23px;font-weight:700;color:var(--text);transition:background .12s ease,color .12s ease,transform .12s ease}.wheel-letter.picked{background:var(--rose);color:#fff;transform:scale(1.12)}.wordle-game{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.wordle-grid{display:flex;flex-direction:column;gap:6px;margin-top:4px}.wordle-row{display:flex;gap:6px}.wordle-tile{width:50px;height:50px;border-radius:10px;background:var(--field);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--text)}.wordle-tile.typed{background:var(--surface);animation:pop-in .15s ease}.mark-g{background:var(--green)!important;color:#fff!important}.mark-y{background:#f2b32c!important;color:#fff!important}.mark-a{background:#9aa0ab!important;color:#fff!important}.wordle-tile.mark-g,.wordle-tile.mark-y,.wordle-tile.mark-a{animation:tile-flip .4s ease backwards}@keyframes tile-flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.wordle-bottom{width:100%;display:flex;flex-direction:column;gap:10px}.wordle-kb{display:flex;flex-direction:column;gap:6px;width:100%}.kb-row{display:flex;gap:3.5px;justify-content:center}.kb-key{flex:1;height:52px;border-radius:9px;background:var(--field);font-size:16.5px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:center;transition:background .15s ease}.kb-key:active{background:var(--rose-soft)}.kb-key.wide{flex:1.6}.kb-key .icon{width:20px;height:20px}.wordle-submit{padding:14px 20px}.type-game{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:10vh}.type-phrase{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:340px;transition:transform .2s ease}.type-phrase.done{transform:scale(1.06)}.type-char{font-size:30px;font-weight:700;color:var(--text-mute);opacity:.45;transition:color .12s ease,opacity .12s ease,transform .12s ease}.type-char.typed{color:var(--rose);opacity:1;animation:pop-in .18s ease}.type-phrase.done .type-char{color:var(--green-text)}.type-space{width:14px}.kb-key.key-wrong{background:var(--red-soft)!important;color:var(--red-text)!important;animation:map-shake .3s ease}.search-game{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.ws-grid{display:grid;grid-template-columns:repeat(7,46px);gap:3px;touch-action:none;animation:rise-in .4s ease backwards}.ws-cell{width:46px;height:46px;border-radius:10px;background:var(--field);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;color:var(--text);transition:background .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.ws-cell.tracing{background:var(--rose);color:#fff}.ws-words{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.ws-word-chip{padding:5px 12px;border-radius:999px;background:var(--field);font-size:12.5px;font-weight:700;color:var(--text-soft)}.result-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);text-align:center;position:relative}.result-screen h1{font-size:28px;color:var(--rose)}.result-screen .result-sub{color:var(--text-soft);font-weight:400}.stat-cards{display:flex;gap:10px;margin:18px 0 26px;width:100%}.stat-card{flex:1;border-radius:18px;padding:12px 6px 13px}.stat-card .stat-label{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;opacity:.75}.stat-card .stat-value{display:block;font-size:20px;font-weight:700;margin-top:2px}.stat-rose{background:var(--rose-soft);color:var(--rose-text)}.stat-green{background:var(--green-soft);color:var(--green-text)}.stat-blue{background:#e5f0fd;color:#2563eb}.sparkle{position:absolute;animation:twinkle 1.6s ease-in-out infinite;color:var(--rose)}@keyframes twinkle{0%,to{transform:scale(.4);opacity:.12}50%{transform:scale(1.1);opacity:.8}}.streak-number{font-size:48px;font-weight:700;color:var(--text);line-height:1}.streak-label{color:var(--flame);font-size:22px;margin-top:2px}.week-row{display:flex;gap:8px;justify-content:center}.week-day{display:flex;flex-direction:column;align-items:center;gap:5px}.week-day .wd-label{font-size:10px;font-weight:700;color:var(--text-mute);letter-spacing:.04em}.wd-circle{width:34px;height:34px;border-radius:50%;background:var(--field);display:flex;align-items:center;justify-content:center}.wd-circle.today-ring{outline:2px solid var(--flame);outline-offset:2px}.wd-circle.lit{background:#ffece0}.wd-circle .icon{width:18px;height:18px;color:var(--flame)}.hero-screen{background:linear-gradient(180deg,#fde8f1 0%,#fdf4f8 45%,var(--bg) 100%)}.hero-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 16px) 20px calc(var(--nav-h) + var(--safe-bottom) + 12px);overflow-y:auto;scrollbar-width:none}.hero-content::-webkit-scrollbar{display:none}.hero-name{font-size:23px;color:var(--text);margin-top:6px}.hero-cloud{position:absolute;background:#ffffff8c;border-radius:999px;pointer-events:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:18px}.stat-tile{background:var(--surface);border-radius:20px;padding:13px 14px;display:flex;align-items:center;gap:11px}.st-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st-icon .icon{width:21px;height:21px}.st-value{font-size:16.5px;font-weight:700;line-height:1.15}.st-label{font-size:11px;font-weight:400;color:var(--text-soft)}.st-sub{font-size:10px;font-weight:400;color:var(--text-mute)}.week-card{width:100%;background:var(--surface);border-radius:20px;padding:15px 14px;margin-top:10px}.week-card h3{font-size:14px;margin-bottom:10px;text-align:center}.sub-banner{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:13px 14px;border-radius:20px;background:linear-gradient(120deg,#fb923c,#f43f5e);color:#fff;text-align:left;transition:transform .1s ease}.sub-banner:active{transform:scale(.98)}.app-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.app-row:last-child{margin-bottom:0}.app-label{font-size:13px;font-weight:700;color:var(--text-soft)}.seg{display:flex;gap:4px;background:var(--field);border-radius:999px;padding:3px}.seg button{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--text-soft);transition:background .15s ease,color .15s ease}.seg button.active{background:var(--rose);color:#fff}.seg-icon{width:15px;height:15px}.swatches{display:flex;gap:9px}.swatch{width:27px;height:27px;border-radius:50%;transition:transform .12s ease}.swatch:active{transform:scale(.9)}.swatch.active{outline:2.5px solid var(--rose);outline-offset:2px}.eye-opts{display:flex;gap:6px}.eye-opt{padding:6px 5px;border-radius:12px;background:var(--field);color:var(--text);display:flex;align-items:center;transition:background .15s ease}.eye-opt.active{background:var(--rose-soft);color:var(--rose-text)}.sub-screen{background:linear-gradient(180deg,#fde3ee 0%,#fdf1f6 50%,var(--bg) 100%);z-index:60}.sub-close{position:absolute;top:calc(var(--safe-top) + 14px);left:16px;z-index:5}.sub-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 64px) 24px calc(var(--safe-bottom) + 24px);text-align:center;overflow-y:auto;scrollbar-width:none}.sub-content::-webkit-scrollbar{display:none}.sub-content h1{font-size:27px;color:var(--rose)}.sub-note{color:var(--text-soft);margin-top:4px}.sub-hero{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.sub-bolt{width:92px;height:92px;border-radius:50%;background:linear-gradient(160deg,#fb923c,#f43f5e);display:flex;align-items:center;justify-content:center;animation:bolt-float 2.6s ease-in-out infinite}.sub-bolt svg{width:46px;height:46px;color:#fff}@keyframes bolt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.sub-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#f43f5e1f;animation:ring-pulse 2.4s ease-out infinite}.sub-ring.r2{animation-delay:1.2s}@keyframes ring-pulse{0%{transform:scale(.62);opacity:.9}to{transform:scale(1.15);opacity:0}}.sub-benefits{display:flex;flex-direction:column;gap:10px;width:100%;margin:22px 0 24px}.sub-benefit{display:flex;align-items:center;gap:12px;text-align:left;background:#ffffffbf;border-radius:20px;padding:12px 14px}.sub-buy{font-size:15px}.sub-error{margin-top:10px;font-size:13px;color:var(--red-text)}.sub-dev{margin-top:12px;font-size:13px;font-weight:700;color:var(--purple);text-decoration:underline}.sub-wait{display:flex;align-items:center;gap:6px;margin-top:18px;padding:10px 16px;border-radius:999px;background:#ffffffbf;font-size:14px;color:var(--text-soft)}.sub-wait .icon{width:16px;height:16px}.sub-wait b{color:var(--text)}.sub-success-icon{width:110px;height:110px;color:var(--green);margin-bottom:14px}.settings-body{display:flex;flex-direction:column;gap:10px;padding:2px 16px calc(var(--nav-h) + var(--safe-bottom) + 16px)}.settings-body .week-card{margin-top:0}.settings-hint{font-size:12px;font-weight:400;color:var(--text-soft);margin:-4px 0 10px;text-align:left}.lang-grid{display:flex;flex-wrap:wrap;gap:8px}.lang-chip{padding:9px 15px;border-radius:999px;background:var(--field);font-size:13px;font-weight:700;color:var(--text-soft);transition:background .15s ease,color .15s ease}.lang-chip.active{background:var(--rose);color:#fff}.sub-status{display:flex;align-items:center;gap:12px;text-align:left}.purchase-list{display:flex;flex-direction:column;gap:10px}.purchase-row{display:flex;align-items:center;gap:10px}.purchase-title{display:block;font-size:13.5px;font-weight:700;color:var(--text)}.purchase-sub{display:block;font-size:11px;color:var(--text-soft)}.purchase-date{font-size:11px;font-weight:700;color:var(--text-mute);flex-shrink:0}.plan-seg-wrap{width:100%;max-width:340px;margin-bottom:12px}.sub-autorenew{margin-top:10px;font-size:11.5px;color:var(--text-soft);text-align:center;max-width:300px}.renew-block{width:100%;margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:10px}.plan-seg{width:100%}.plan-seg button{position:relative;flex:1 1 0;min-width:0;justify-content:center;white-space:nowrap}.plan-badge{position:absolute;top:-12px;right:-6px;padding:2px 7px;border-radius:999px;background:var(--gold, #f2b32c);color:#fff;font-size:8.5px;letter-spacing:.05em}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topup-star{background:linear-gradient(160deg,#a78bfa,#f43f5e)}.pack-list{display:flex;flex-direction:column;gap:10px;width:100%;margin:22px 0 8px}.pack-card{position:relative;display:flex;align-items:center;gap:12px;text-align:left;background:#ffffffbf;border-radius:20px;padding:12px 12px 12px 14px}[data-theme=dark] .pack-card{background:#ffffff12}.pack-info{flex:1}.pack-badge{position:absolute;top:-8px;right:14px;padding:2px 9px;border-radius:999px;background:var(--gold, #f2b32c);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.06em}.pack-buy{width:auto;min-width:86px;padding:10px 14px;font-size:14px;border-radius:14px}.pack-buy .icon{width:15px;height:15px}.shop-screen{background:#f6f6f9}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + 14px) 20px 12px}.shop-header h1{font-size:23px}.shop-header .pill{background:var(--surface)}.shop-tabs{display:flex;gap:4px;margin:2px 16px 14px;background:#eceef2;border-radius:999px;padding:4px;overflow-x:auto;scrollbar-width:none}.shop-tabs::-webkit-scrollbar{display:none}.shop-tab{flex:1 0 auto;padding:9px 13px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-soft);white-space:nowrap;transition:background .15s ease,color .15s ease}.shop-tab.active{background:var(--rose);color:#fff}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:2px 16px calc(var(--nav-h) + var(--safe-bottom) + 16px)}.shop-card{background:var(--surface);border-radius:22px;padding:12px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:8px}.shop-card.equipped-card{background:var(--green-soft)}.shop-card .item-name{font-size:12.5px;font-weight:700;text-align:center;line-height:1.25;min-height:32px;display:flex;align-items:center}.shop-card .btn{padding:10px;font-size:13px;border-radius:14px}.shop-card .btn .icon{width:15px;height:15px}.char-preview{height:120px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.card-colors{display:flex;gap:4px}.card-color-dot{width:10px;height:10px;border-radius:50%}.card-sub{font-size:11px;font-weight:700;color:var(--text-soft)}.currency-inline-icon{display:inline-block;width:12px;height:12px;margin-left:2px;color:var(--purple);vertical-align:-2px}.subcat-row{display:flex;gap:6px;padding:0 16px 12px;overflow-x:auto;scrollbar-width:none}.subcat-row::-webkit-scrollbar{display:none}.subcat-chip{flex-shrink:0;padding:7px 14px;border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:700;color:var(--text-soft);transition:background .15s ease,color .15s ease}.subcat-chip.active{background:var(--rose-soft);color:var(--rose-text)}.style-detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--bg);display:flex;flex-direction:column;align-items:center;animation:sheet-up .35s cubic-bezier(.25,1.1,.4,1) both}.style-detail .picker-top{width:100%}.detail-preview{margin-top:4px;animation:scale-in .4s cubic-bezier(.34,1.45,.64,1) backwards}.detail-swatches{margin-top:14px;gap:12px}.detail-swatches .swatch{width:34px;height:34px;position:relative}.swatch-owned{position:absolute;right:-4px;bottom:-4px;width:15px;height:15px;color:var(--green);background:var(--bg);border-radius:50%}.detail-name{margin-top:14px;font-size:16px;font-weight:700}.detail-owned{color:var(--green-text);font-size:13px}.detail-action{width:100%;padding:18px 24px calc(var(--safe-bottom) + 20px);margin-top:auto}.detail-hint{margin-top:8px;text-align:center;font-size:12.5px;color:var(--text-soft)}.customize-btn{margin-top:14px}.customize-btn .icon{width:18px;height:18px}.customize-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--bg);display:flex;flex-direction:column;animation:sheet-up .35s cubic-bezier(.25,1.1,.4,1) both}.customize-preview{display:flex;justify-content:center}.customize-body{flex:1;overflow-y:auto;scrollbar-width:none;padding:4px 16px calc(var(--safe-bottom) + 20px)}.customize-body::-webkit-scrollbar{display:none}.wardrobe-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--green-text)}.wardrobe-badge.off{color:var(--text-mute)}.wardrobe-badge .icon{width:14px;height:14px}.wardrobe-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 30px;text-align:center;color:var(--text-soft);font-size:14px}.wardrobe-empty .icon{width:34px;height:34px;color:var(--text-mute)}.onboarding{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#fdeaf1 0%,#fdf3f7 55%,var(--bg) 100%);display:flex;flex-direction:column;padding:calc(var(--safe-top) + 14px) 24px calc(var(--safe-bottom) + 22px)}[data-theme=dark] .onboarding{background:linear-gradient(180deg,#2b1d30 0%,#221c29 55%,var(--bg) 100%)}.ob-skip{align-self:flex-end;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-soft);background:var(--surface)}.ob-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.ob-slide h1{font-size:26px;color:var(--rose)}.ob-text{color:var(--text-soft);font-size:15px;line-height:1.45;max-width:320px}.ob-art{position:relative;width:100%;min-height:240px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.ob-art-row{gap:2px;align-items:flex-end}.ob-heart{position:absolute;animation:twinkle 1.8s ease-in-out infinite}.ob-quiz-mock{width:100%;max-width:300px;display:flex;flex-direction:column;gap:9px}.ob-mock-bubble{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:16px;padding:10px 12px;font-size:13.5px;font-weight:700;text-align:left}.ob-mock-option{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;padding:11px 12px;font-size:13.5px;font-weight:700}.ob-mock-option .icon{width:16px;height:16px;flex-shrink:0}.ob-mock-option.good{background:var(--green-soft);color:var(--green-text)}.ob-mock-option.bad{background:var(--red-soft);color:var(--red-text);text-decoration:line-through}.ob-alert{display:flex;align-items:flex-start;gap:8px;max-width:320px;background:var(--rose-soft);color:var(--rose-text);border-radius:16px;padding:11px 14px;font-size:13px;font-weight:700;text-align:left}.ob-alert .icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.ob-footer{display:flex;flex-direction:column;gap:16px;align-items:center}.ob-dots{display:flex;gap:7px}.ob-dot{width:8px;height:8px;border-radius:50%;background:var(--field);transition:background .2s ease,transform .2s ease}.ob-dot.active{background:var(--rose);transform:scale(1.25)}.gift-banner{position:relative;display:flex;align-items:center;gap:4px;border-radius:22px;background:linear-gradient(120deg,#fb923c,#f43f5e);padding:14px 16px;overflow:hidden;color:#fff}.gift-banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gift-banner-char{position:relative;flex-shrink:0;margin:-6px 0 -18px}.gift-banner-text{position:relative;display:flex;flex-direction:column;gap:2px}.gift-banner-text b{font-size:19px}.gift-banner-text span{font-size:12.5px;opacity:.92}.gift-status{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--amber)}.gift-status.ok{color:var(--green-text)}.gift-status .icon{width:13px;height:13px}.gift-share{width:38px;height:38px;border-radius:50%;background:var(--rose-soft);color:var(--rose-text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gift-share .icon{width:17px;height:17px}.cards-step{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:10px}.card-stack{position:relative;width:min(300px,82vw);height:150px}.word-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 18px;border-radius:22px;background:var(--surface);text-align:center;transition:transform .25s ease}.word-card-top{animation:pop-in .25s ease backwards}.word-card-text{font-size:19px;font-weight:700;line-height:1.25}.word-card .opt-tr-btn{top:10px;right:12px}.card-dots{display:flex;gap:7px}.card-dot{width:9px;height:9px;border-radius:50%;background:var(--field);transition:background .2s ease}.card-dot.ok{background:var(--green)}.card-dot.bad{background:var(--red)}.card-btns{display:flex;flex-direction:column;gap:9px;width:100%;max-width:320px}.btn-plain{background:var(--field);color:var(--text-soft)}.speech-bubble.has-tr{padding-right:34px}.speech-bubble .opt-tr{display:block;padding:4px 0 0}.hint-btn{display:inline-flex;align-items:center;gap:5px;margin:6px auto 0;padding:8px 16px;border-radius:999px;background:var(--rose-soft);color:var(--rose-text);font-family:inherit;font-size:13px;font-weight:700}.hint-btn .icon{width:15px;height:15px}.hint-revealed{font-weight:700;color:var(--rose)}.ws-cell.hint-flash{animation:hint-pulse .8s ease-in-out infinite}@keyframes hint-pulse{0%,to{background:var(--rose-soft)}50%{background:var(--rose);color:#fff}}.ws-word-tr{display:block;font-style:normal;font-size:10.5px;font-weight:400;opacity:.75}.ws-tr-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--field);color:var(--text-soft)}.ws-tr-toggle.active{background:var(--rose-soft);color:var(--rose-text)}.ws-tr-toggle .icon{width:17px;height:17px}.sound-row-icon{width:17px;height:17px;vertical-align:-3px;margin-right:4px;color:var(--rose)}.switch{position:relative;width:46px;height:27px;border-radius:999px;background:var(--field);transition:background .2s ease;flex-shrink:0}.switch.on{background:var(--green)}.switch-knob{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch.on .switch-knob{transform:translate(19px)}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:7px;border-radius:4px;background:var(--field);margin:4px 0 16px;outline:none}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--rose);cursor:pointer}.vol-slider::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--rose);cursor:pointer}.dev-card{background:var(--rose-soft)}.dev-card .st-label{color:var(--rose-text)}.dev-card-icon{background:#fff9;color:var(--rose-text)}[data-theme=dark] .dev-card-icon{background:#ffffff1a}.result-stars{display:flex;align-items:center;gap:8px;margin:4px 0 2px}.result-star{color:var(--field)}.result-star.lit{color:#fbbf24}.sheet .result-stars{justify-content:center;margin:0 0 4px}