@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&family=Inter:wght@200;400;500;600;700&display=swap";:root{--bg-1: #2a1f54;--bg-2: #3b2a6d;--bg-3: #533a85;--pink: #ffb3d9;--lav: #c9b6ff;--mint: #a8f0e0;--gold: #ffe08a;--ink: #fff4fb;--card: rgba(255, 255, 255, .08);--card-line: rgba(255, 255, 255, .18)}*{box-sizing:border-box}#root{height:100%}html{height:100%;overflow:hidden}html,body{overscroll-behavior:none;-webkit-text-size-adjust:none}body{margin:0;height:100%;overflow:hidden;font-family:Inter,IBM Plex Sans Thai,system-ui,sans-serif;color:var(--ink);background-color:var(--bg-3)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(900px 500px at 15% -10%,rgba(201,182,255,.35),transparent 60%),radial-gradient(700px 500px at 110% 10%,rgba(255,179,217,.3),transparent 55%),linear-gradient(160deg,var(--bg-1),var(--bg-2) 45%,var(--bg-3));pointer-events:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 60%,#fff,transparent),radial-gradient(2px 2px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 25%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#fff,transparent);opacity:.5;animation:twinkle-bg 4s ease-in-out infinite alternate;pointer-events:none}@keyframes twinkle-bg{0%{opacity:.25}to{opacity:.6}}.app{max-width:1180px;margin:0 auto;padding-top:max(28px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:calc(60px + env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));position:relative;z-index:1;height:100%;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.app::-webkit-scrollbar{display:none}.topbar{text-align:center;margin-bottom:22px}.topbar h1{font-size:40px;margin:0;letter-spacing:.5px}.topbar h1 span{color:var(--pink)}.tagline{margin:4px 0 0;color:var(--lav);font-size:18px}.mock-badge{display:inline-block;margin-top:10px;padding:4px 14px;background:#ffe08a2e;border:1px dashed var(--gold);color:var(--gold);border-radius:999px;font-size:14px}.grid{display:grid;grid-template-columns:360px 1fr;gap:22px;align-items:start}@media(max-width:880px){.grid{grid-template-columns:1fr}}.timer-card,.sky-card,.companion,.stat{background:var(--card);border:1px solid var(--card-line);border-radius:26px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 40px #140a3259}.timer-card{padding:22px;text-align:center}.presets{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.chip{border:1px solid var(--card-line);background:transparent;color:var(--ink);padding:7px 16px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;transition:all .15s}.chip:hover{background:#ffffff1a}.chip-on{background:var(--pink);color:#3a1d33;border-color:var(--pink);font-weight:600}.dial{width:240px;height:240px;margin:6px auto;display:block}.dial-bg{fill:none;stroke:#ffffff1f;stroke-width:16}.dial-fg{fill:none;stroke:url(#g);stroke:var(--mint);stroke-width:16;stroke-linecap:round;transition:stroke-dashoffset .9s linear;filter:drop-shadow(0 0 6px var(--mint))}.dial-time{font-size:52px;fill:var(--ink);font-family:Inter,sans-serif;font-weight:200;letter-spacing:4px}.dial-sub{font-size:18px;fill:var(--lav)}.custom-time{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:8px 0 2px;color:var(--lav);font-size:14px}.custom-time small{color:#ffffff73}.stepper{display:inline-flex;align-items:center;gap:6px}.step-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--card-line);background:#ffffff14;color:var(--ink);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s}.step-btn:hover{background:var(--pink);color:#3a1d33;border-color:var(--pink)}.step-btn:disabled{opacity:.4;cursor:default}.custom-min{width:52px;padding:6px 4px;border-radius:10px;text-align:center;border:1px solid var(--card-line);background:#ffffff14;color:var(--ink);font-family:inherit;font-size:18px;font-weight:600}.custom-min:disabled{opacity:.5}.custom-min::-webkit-inner-spin-button,.custom-min::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-min{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.cat-label{display:block;margin:12px 0 4px;color:var(--pink);font-size:15px}.cat-input{width:100%;margin:0 0 14px;padding:10px 14px;border-radius:14px;border:1px solid var(--card-line);background:#ffffff0f;color:var(--ink);font-family:inherit;font-size:16px;text-align:center}.cat-input::placeholder{color:#ffffff80}.cat-pick{margin-bottom:14px}.cat-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:8px}.cat-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--card-line);background:#ffffff0d;color:var(--ink);padding:6px 13px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:14px;transition:all .15s}.cat-chip:hover{background:#ffffff1a}.cat-chip-emoji{font-size:16px;line-height:1}.cat-chip-on{background:#ffffff1a;font-weight:600}.controls{display:flex;gap:10px;justify-content:center}.btn{border:none;padding:12px 22px;border-radius:16px;cursor:pointer;font-family:inherit;font-size:17px;transition:transform .1s,filter .15s}.btn:active{transform:scale(.96)}.btn-go{background:linear-gradient(135deg,var(--mint),#7fe0cf);color:#143b34;font-weight:600}.btn-give{background:linear-gradient(135deg,#ff9bc4,var(--pink));color:#3a1d33}.btn-ghost{background:#ffffff14;color:var(--ink)}.btn:hover{filter:brightness(1.05)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stat{padding:16px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.stat-icon{font-size:22px}.stat-value{font-size:26px;color:var(--gold)}.stat-label{font-size:13px;color:var(--lav)}.companion{display:flex;gap:14px;align-items:center;padding:16px 18px;margin-bottom:18px}.sprite{animation:breathe 4.6s ease-in-out infinite;flex-shrink:0;transform-origin:50% 70%}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}.sprite-aura{fill:#ffb3d9;opacity:.32;filter:blur(7px);transform-box:fill-box;transform-origin:center;animation:aura-breathe 4.6s ease-in-out infinite}@keyframes aura-breathe{0%,to{opacity:.26;transform:scale(1)}50%{opacity:.48;transform:scale(1.08)}}.sprite-crown{fill:#ffe7a3;transform-box:fill-box;transform-origin:center;animation:twinkle 3.6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.7;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.18) rotate(10deg)}}.sprite-body{filter:drop-shadow(0 6px 14px rgba(255,179,217,.45))}.sprite-arm{fill:#ffe3f1}.sprite-cheek{fill:#ffc0dd;opacity:.85}.sprite-eye{fill:#5a3b66}.sprite-eyes{transform-box:fill-box;transform-origin:center;animation:blink 5.4s infinite}@keyframes blink{0%,93%,to{transform:scaleY(1)}96.5%{transform:scaleY(.12)}}.sprite-eyes-arc path{fill:none;stroke:#5a3b66;stroke-width:3;stroke-linecap:round}.sprite-mouth{fill:none;stroke:#5a3b66;stroke-width:2.6;stroke-linecap:round}.mood-caring .sprite-aura{fill:#ffc9e3}.mood-proud .sprite-aura{fill:#cdb4ff}.mood-sleepy .sprite-aura{fill:#b9c4ff;opacity:.28}.mood-happy .sprite-aura,.mood-cheer .sprite-aura{fill:#ffd9a6}.mood-happy .sprite-arms,.mood-cheer .sprite-arms{transform-box:fill-box;transform-origin:center;animation:wave .9s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.mood-cheer .sprite{animation:cheer-bounce .7s ease-in-out infinite}@keyframes cheer-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.05)}}.bubble{background:#ffffff1a;border:1px solid var(--card-line);border-radius:18px;padding:10px 16px}.bubble-name{font-size:13px;color:var(--pink)}.bubble p{margin:2px 0 0;font-size:17px;line-height:1.4;transition:opacity .65s ease,transform .65s ease}.companion.is-fading .bubble p{opacity:0;transform:translateY(6px)}.timer-note{margin-top:12px;text-align:center;font-size:15px;line-height:1.4;color:var(--pink);background:#ffffff14;border:1px solid var(--card-line);border-radius:14px;padding:9px 14px;animation:note-in .3s ease}@keyframes note-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sky-card{padding:12px;overflow:hidden}.sky{width:100%;height:auto;display:block}.sky-loading{padding:80px 0;text-align:center;color:var(--lav);font-size:20px}.grid-line,.grid{stroke:#ffffff14;stroke-width:1;stroke-dasharray:4 6}.axis{fill:#ffffff73;font-size:15px;font-family:Inter,sans-serif}.star-g{animation:twinkle 2.4s ease-in-out infinite alternate;transform-origin:center}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.lane-band{opacity:.05}.lane-rule{stroke:#ffffff0f;stroke-width:1}.lane-emoji{font-size:20px}.lane-name{font-size:14px;font-family:IBM Plex Sans Thai,Inter,sans-serif;font-weight:600;opacity:.9}.constel-line{fill:none;stroke-width:1.2;stroke-dasharray:3 5;opacity:.35}.golden-beam-g{animation:beamPulse 3.5s ease-in-out infinite}@keyframes beamPulse{0%,to{opacity:.6}50%{opacity:1}}.golden-core{stroke:var(--gold);stroke-width:1.5;opacity:.5;stroke-dasharray:2 6}.cstar-glow{opacity:.14}.cstar-done{stroke:#ffffffd9;stroke-width:.4}.cstar-spike{stroke-width:1;opacity:.5}.cstar-nebula{fill:#c9b6ff;opacity:.24}.cstar-fail{opacity:.62;stroke:#fff6;stroke-width:.6}.sky-legend{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin:12px 6px 4px;padding-top:12px;border-top:1px solid var(--card-line)}.legend-col{display:flex;flex-direction:column;gap:3px}.legend-head{font-size:13px;color:var(--lav);margin-bottom:3px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink)}.legend-ico{flex-shrink:0}.legend-nebula{fill:#c9b6ff;opacity:.4;filter:blur(1.6px)}.sky-empty{padding:70px 20px;text-align:center}.sky-empty p{color:var(--ink);font-size:22px;margin:0;animation:emptyTextGlow 4s ease-in-out infinite}.sky-empty .sky-empty-sub{color:var(--lav);font-size:15px;margin-top:8px;animation:none}@keyframes emptyTextGlow{0%,to{text-shadow:0 0 12px rgba(255,224,138,0)}50%{text-shadow:0 0 18px rgba(255,224,138,.35)}}.empty-orb{position:relative;width:90px;height:90px;margin:0 auto 22px;animation:emptyFloat 5s ease-in-out infinite}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.empty-orb-core{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--gold) 62%,#f2a14e);box-shadow:0 0 22px var(--gold);animation:emptyCorePulse 2.6s ease-in-out infinite}@keyframes emptyCorePulse{0%,to{transform:scale(1);box-shadow:0 0 18px var(--gold)}50%{transform:scale(1.2);box-shadow:0 0 34px var(--gold)}}.empty-orb-ring{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:1px solid rgba(255,224,138,.6);border-radius:50%;animation:emptyRipple 3.2s ease-out infinite}.empty-orb-ring.r2{animation-delay:1.6s}@keyframes emptyRipple{0%{transform:scale(1);opacity:.7}to{transform:scale(4.2);opacity:0}}.empty-spark{position:absolute;color:var(--lav);font-size:13px;opacity:0;animation:emptyTwinkle 3s ease-in-out infinite}.empty-spark.s1{left:-8px;top:14px;animation-delay:.2s}.empty-spark.s2{right:-6px;top:30px;color:var(--pink);animation-delay:1.2s}.empty-spark.s3{left:72px;top:-6px;font-size:18px;color:var(--mint);animation-delay:2s}@keyframes emptyTwinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}body.eco-saver .empty-orb,body.eco-saver .empty-orb-core,body.eco-saver .empty-orb-ring,body.eco-saver .empty-spark,body.eco-saver .sky-empty p{animation:none}.insights{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 4px}.insight{background:#ffffff0f;border:1px solid var(--card-line);color:var(--ink);padding:8px 15px;border-radius:999px;font-size:14px}.cosmic-panel{margin-top:14px;padding:18px 20px;border-radius:20px;background:#ffffff0d;border:1px solid var(--card-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cosmic-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.cosmic-head h3{margin:0;font-size:18px;color:var(--ink)}.cosmic-src{font-size:12px;color:var(--lav);white-space:nowrap}.cosmic-block{margin-top:14px}.cosmic-label{display:block;font-size:13.5px;color:var(--lav);margin-bottom:7px}.cosmic-golden{margin:0;font-size:16px;color:var(--gold)}.cosmic-hint{margin:0;font-size:14px;color:var(--lav);opacity:.85}.cosmic-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin-top:14px}.cosmic-stat-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);text-align:center}.stat-chip-icon{font-size:17px}.stat-chip-val{font-size:14px;font-weight:600;color:var(--gold);line-height:1.2}.stat-chip-label{font-size:10.5px;color:var(--lav);opacity:.85}.bar-row{display:flex;align-items:center;gap:10px;margin:5px 0;font-size:13.5px}.bar-name{flex:0 0 116px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .6s ease;min-width:2px}.bar-val{flex:0 0 42px;text-align:right;color:var(--lav)}.btn-pro{border:none;cursor:pointer;font-family:inherit;font-weight:600;padding:6px 14px;border-radius:999px;color:#3a2a05;background:linear-gradient(135deg,var(--gold),#ffc861)}.pro-badge{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;letter-spacing:.4px;color:#4a3206;background:linear-gradient(135deg,#ffe9a8,#ffd24d 48%,#f5b833);border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:3px 12px;box-shadow:0 2px 12px #ffc8506b,inset 0 1px #ffffffa6}.pro-badge:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skew(-20deg);animation:proShine 3.6s ease-in-out infinite}@keyframes proShine{0%{left:-60%}38%,to{left:130%}}body.eco-saver .pro-badge:after{animation:none}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0a051cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.upgrade-card{position:relative;width:min(560px,92vw);max-height:90vh;max-height:90dvh;overflow-y:auto;background:var(--card);border:1px solid var(--card-line);border-radius:22px;padding:32px;box-shadow:0 20px 60px #0a051e99}.upgrade-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--lav);font-size:18px;cursor:pointer}.upgrade-card h2{margin:0 0 4px;font-size:22px;color:var(--ink)}.upgrade-sub{margin:0 0 18px;font-size:14px;color:var(--lav)}.plan-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.plan-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 12px 14px;border-radius:14px;cursor:pointer;font-family:inherit;color:var(--ink);border:1px solid var(--card-line);background:#ffffff0d;transition:all .15s}.plan-opt:hover{background:#ffffff17}.plan-opt.on{border-color:#c4a0ff;background:#8c64ff29;box-shadow:0 0 0 1px #c4a0ff80}.plan-opt-name{font-size:13px;color:var(--lav)}.plan-opt-price{font-size:22px;font-weight:700}.plan-opt-price small{font-size:12px;font-weight:400;color:var(--lav)}.plan-opt-note{font-size:11.5px;color:var(--mint)}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);white-space:nowrap;padding:3px 10px;border-radius:99px;font-size:10.5px;font-weight:700;color:#2a1f54;background:linear-gradient(90deg,var(--gold),var(--pink))}.upgrade-step{display:flex;gap:12px;margin-bottom:18px}.upgrade-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#ffffff1a;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.upgrade-step-title{margin:2px 0 8px;font-size:15px;color:var(--ink)}.upgrade-qr{width:200px;border-radius:12px;background:#fff;padding:8px;display:block}.upgrade-file-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:10px 18px;border-radius:12px;font-size:14px;font-family:inherit;font-weight:500;color:var(--ink);border:1px solid var(--card-line);background:#ffffff24;transition:all .15s}.upgrade-file-label:hover{background:#ffffff38;border-color:var(--mint)}.upgrade-file-name{display:block;margin:8px 0 4px;font-size:13px;color:var(--mint);word-break:break-all}.upgrade-go{margin-top:18px}.upgrade-go{width:100%}.upgrade-go:disabled{opacity:.5;cursor:not-allowed}.upgrade-hint{font-size:13px;color:var(--lav)}.upgrade-error{color:#ff9bc4;font-size:13.5px;margin:4px 0 10px}.upgrade-foot{margin:16px 0 0;font-size:12px;color:var(--lav);text-align:center;opacity:.8}.upgrade-approve-note{margin:10px 0 0;font-size:12.5px;color:var(--mint);text-align:center}.upgrade-compare{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-bottom:20px}.upgrade-compare-col{border-radius:14px;border:1px solid var(--card-line);background:#ffffff0d;padding:16px}.upgrade-compare-col.pro-col{border-color:#b48cff66;background:#8c64ff1a}.upgrade-compare-head{font-size:13px;font-weight:700;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--card-line)}.free-head{color:var(--lav)}.pro-head{color:#c4a0ff}.upgrade-compare-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.upgrade-compare-col li{font-size:13px;color:var(--ink);line-height:1.5}.upgrade-compare-col.free-col li{color:var(--lav);opacity:.75}.compare-good:before{content:"✦ ";color:#c4a0ff;font-size:10px}.upgrade-preview{margin:0 0 22px}.upgrade-preview-head{margin:0 0 10px;font-size:13px;font-weight:600;color:#c4a0ff;text-align:center}.upgrade-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.up-prev{position:relative;height:116px;border-radius:14px;overflow:hidden;border:1px solid rgba(180,140,255,.32);background:#8c64ff14}.up-prev-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px;filter:blur(2.5px);opacity:.85;pointer-events:none}.up-prev-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(120% 90% at 50% 40%,#140c282e,#140c289e)}.up-prev-lock{font-size:22px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.up-prev-name{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:.2px}.ghp{width:100%;height:100%;display:flex;flex-direction:column;gap:6px}.ghp-bars{flex:1;display:flex;align-items:flex-end;gap:2px}.ghp-bar{flex:1;min-height:4px;border-radius:2px 2px 0 0;background:#c9b6ff73}.ghp-bar-gold{background:linear-gradient(180deg,var(--gold),#ffb347);box-shadow:0 0 8px var(--gold)}.ghp-label{font-size:11px;color:var(--gold);text-align:center}.sp{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}.sp-row{display:flex;align-items:baseline;gap:6px;justify-content:center}.sp-fire{font-size:20px}.sp-big{font-size:30px;font-weight:700;color:var(--ink)}.sp-unit{font-size:13px;color:var(--lav)}.sp-mini{display:flex;gap:14px;justify-content:center}.sp-mini div{display:flex;flex-direction:column;align-items:center}.sp-mini b{font-size:16px;color:var(--mint)}.sp-mini span{font-size:10px;color:var(--lav)}.cosmic-locked{position:relative;border-radius:14px;overflow:hidden;margin-top:2px}.cosmic-locked-blur{filter:blur(3px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.cosmic-locked-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;background:radial-gradient(120% 90% at 50% 45%,#1e12376b,#140c28c7)}.cosmic-locked-lock{font-size:26px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.cosmic-locked-title{margin:0;font-size:14px;font-weight:700;color:var(--ink)}.cosmic-locked-sub{margin:0;font-size:11.5px;color:var(--lav);opacity:.85}.cosmic-locked-cta{margin-top:6px;padding:8px 16px;border-radius:11px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#2a1f54;border:none;background:linear-gradient(90deg,var(--gold),var(--pink))}.cosmic-locked-cta:hover{filter:brightness(1.08)}.page-galaxy{max-width:1080px;margin:0 auto}.galaxy-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.galaxy-title{margin:0;font-size:22px;color:var(--ink)}.galaxy-sub{margin:3px 0 0;font-size:13px;color:var(--lav)}.galaxy-share-btn{padding:10px 18px;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:#2a1f54;border:none;background:linear-gradient(90deg,var(--gold),var(--pink));box-shadow:0 6px 20px #ffb47840}.galaxy-share-btn:hover{filter:brightness(1.06)}.galaxy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.constel-card{border-radius:18px;border:1px solid var(--card-line);overflow:hidden;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.constel-sky{height:150px;background:radial-gradient(120% 120% at 50% 40%,#1e123c80,#0d0820d9);border-bottom:1px solid var(--card-line)}.sky-art{display:block}.sky-star{animation:skytwinkle 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes skytwinkle{0%,to{opacity:.78;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}body.eco-saver .sky-star{animation:none}.sharecard .sky-star{animation:none;opacity:1;transform:none}.sky-label{fill:#f3ecff;font-size:8.5px;letter-spacing:.4px;opacity:.95;font-family:IBM Plex Sans Thai,Inter,sans-serif;paint-order:stroke;stroke:#0a051c80;stroke-width:.5px}.constel-info{padding:14px 16px 16px}.constel-cat{display:flex;align-items:center;gap:6px;margin-bottom:8px}.constel-emoji{font-size:16px}.constel-cat-name{font-size:13px;color:var(--lav)}.constel-count{margin-left:auto;font-size:12px;color:var(--ink);opacity:.7}.constel-rank{font-size:18px;font-weight:700;margin-bottom:10px;line-height:1.2;color:var(--hue, var(--ink));text-shadow:0 0 14px var(--hue, transparent)}.constel-bar{height:6px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-bottom:7px}.constel-bar>span{display:block;height:100%;border-radius:99px;background:var(--hue, var(--lav));transition:width .5s ease}.constel-next{font-size:12px;color:var(--lav)}.constel-next b{color:var(--ink)}.constel-maxed{color:var(--gold)}.galaxy-cap{margin-top:18px;padding:14px 18px;border-radius:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--ink);border:1px solid rgba(255,179,217,.4);background:#ffb3d91a}.galaxy-cap button{padding:7px 14px;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;color:#2a1f54;border:none;background:linear-gradient(90deg,var(--gold),var(--pink))}.galaxy-empty{text-align:center;padding:60px 20px;color:var(--lav)}.galaxy-empty-orb{font-size:44px;color:var(--gold);filter:drop-shadow(0 0 20px var(--gold));margin-bottom:12px}.galaxy-empty-sub{font-size:13px;opacity:.8;margin-top:4px}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a051cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-modal{position:relative;width:min(420px,94vw);max-height:92vh;max-height:92dvh;overflow-y:auto;background:var(--card);border:1px solid var(--card-line);border-radius:22px;padding:28px 22px 22px;box-shadow:0 20px 60px #0a051e99}.sharecard{width:360px;max-width:100%;margin:0 auto;border-radius:18px;overflow:hidden;background:linear-gradient(165deg,#2a1f54,#1a1138 55%,#0d0820);border:1px solid rgba(255,255,255,.12);color:#fff4fb;padding:20px 18px}.sharecard-head{text-align:center;margin-bottom:10px}.sc-orn{color:var(--sc-accent, #ffe08a);font-size:10px;letter-spacing:6px;opacity:.75}.sc-title-en{font-family:Cinzel,serif;font-weight:700;font-size:20px;letter-spacing:2px;line-height:1.25;background:linear-gradient(180deg,#fff7e6,var(--sc-accent, #ffe08a) 58%,#b9923c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.sc-title-th{font-size:12px;color:#d6c9f7;margin-top:3px;letter-spacing:.4px}.sharecard-sky{position:relative;height:230px;border-radius:12px;overflow:hidden;background:#0003;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 4px 20px #00000080}.sharecard-stats{display:flex;justify-content:space-around;gap:8px;margin:14px 0 16px;text-align:center}.sharecard-stats div{display:flex;flex-direction:column;gap:2px}.sharecard-stats b{font-size:17px;color:var(--sc-accent, #ffe08a)}.sharecard-stats span{font-size:10.5px;color:#c9b6ff}.sharecard-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.sc-brand-name{font-size:16px;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,#fff,var(--sc-accent, #ffb3d9));-webkit-background-clip:text;background-clip:text;color:transparent}.sc-brand-url{font-size:11px;color:#c9b6ff}.sc-qr{width:46px;height:46px;border-radius:6px;background:#fff;padding:3px}.share-hint{text-align:center;font-size:12px;color:var(--lav);margin:14px 0 12px}.share-actions{display:flex;gap:10px}.share-actions .btn{flex:1}.share-social{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 2px}.share-social-label{font-size:12px;color:var(--lav);margin-right:2px}.ss-btn{width:38px;height:38px;border-radius:50%;cursor:pointer;font-family:inherit;border:1px solid var(--card-line);background:#ffffff0f;color:var(--ink);font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.ss-btn:hover{background:#ffffff26;border-color:var(--lav)}.sky-event-banner{display:flex;align-items:center;gap:10px;justify-content:center;text-align:center;margin:0 auto 16px;max-width:720px;padding:11px 18px;border-radius:14px;font-size:13.5px;color:var(--ink);border:1px solid rgba(255,224,138,.4);background:linear-gradient(90deg,#ffe08a1f,#c9b6ff1f);animation:tutFade .5s ease}.see-emoji{font-size:20px;filter:drop-shadow(0 0 8px rgba(255,224,138,.6))}.sharecard.story .sharecard-sky{height:420px}.share-opts{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 4px}.share-themes{display:flex;gap:8px}.theme-chip{position:relative;width:34px;height:34px;border-radius:10px;cursor:pointer;border:2px solid transparent;padding:0;transition:all .15s}.theme-chip:hover{transform:translateY(-1px)}.theme-chip.on{border-color:var(--ink);box-shadow:0 0 0 1px #ffffff4d}.theme-chip.locked{cursor:pointer}.theme-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px}.share-format{display:flex;gap:4px;background:#ffffff0f;border:1px solid var(--card-line);border-radius:12px;padding:4px}.share-format button{border:none;background:transparent;color:var(--lav);cursor:pointer;font-family:inherit;font-size:12.5px;padding:6px 12px;border-radius:9px;transition:all .15s}.share-format button.on{background:var(--pink);color:#3a1d33;font-weight:600}.recovery-icon{font-size:40px;margin-bottom:6px;filter:drop-shadow(0 0 14px rgba(201,182,255,.6))}.recovery-check .btn-go{margin-top:4px}.golden-halo{fill:var(--gold);opacity:.08;animation:pulse 3.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.05}50%{opacity:.13}}.golden-label{fill:var(--gold);font-size:17px;font-family:IBM Plex Sans Thai,Inter,sans-serif}.hint{text-align:center;color:var(--lav);font-size:14px;margin-top:8px}.star-cele{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;overflow:hidden;background:radial-gradient(60% 60% at 50% 45%,#281c088c,#0a0518d6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:tutFade .35s ease}.star-cele-card{position:relative;width:min(340px,100%);text-align:center;padding:36px 28px 28px;background:#ffffff0f;border:1px solid rgba(255,224,138,.45);border-radius:26px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 70px #140a2899,0 0 50px #ffe08a38,inset 0 1px #ffffff1a;animation:proIn .55s cubic-bezier(.34,1.56,.64,1) both}.star-cele-icon{font-size:72px;line-height:1;margin-bottom:14px;display:block;filter:drop-shadow(0 0 22px rgba(255,220,50,.95)) drop-shadow(0 0 50px rgba(255,180,40,.55));animation:starPop .65s cubic-bezier(.34,1.56,.64,1) both}@keyframes starPop{0%{transform:scale(.25) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.star-cele-title{margin:0 0 8px;font-size:24px;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,#ffd76a,#fff7df 45%,#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(255,224,138,.45))}.star-cele-hint{font-size:12px;color:#c9b6ff73;margin:0}.star-cele-upsell{font-size:13.5px;color:var(--lav);line-height:1.55;margin:0 0 16px}.star-cele-cta{width:100%}.star-cele-dismiss{margin-top:12px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:12.5px;color:#c9b6ff8c}.star-cele-dismiss:hover{color:var(--lav)}.foot{text-align:center;margin-top:36px;color:var(--lav);font-size:14px}.cinema{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center;padding:24px;background:radial-gradient(1200px 700px at 50% 30%,#3b2a6d,#1a1138 70%,#0d0820),#0d0820}.cinema-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 60%,#fff,transparent),radial-gradient(2px 2px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 25%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#fff,transparent),radial-gradient(1px 1px at 12% 72%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 82%,#fff,transparent);animation:twinkle-bg 3.5s ease-in-out infinite alternate}.cinema-line{position:relative;z-index:1;font-size:clamp(22px,4vw,38px);color:var(--ink);max-width:820px;line-height:1.5;text-shadow:0 0 24px rgba(201,182,255,.55);animation:lineIn 1.3s ease both}@keyframes lineIn{0%{opacity:0;transform:translateY(18px);letter-spacing:5px;filter:blur(7px)}to{opacity:1;transform:translateY(0);letter-spacing:.5px;filter:blur(0)}}.cinema-btn{position:relative;z-index:1;padding:14px 32px;border:none;border-radius:18px;cursor:pointer;font-family:inherit;font-size:19px;font-weight:600;color:#143b34;background:linear-gradient(135deg,var(--mint),#7fe0cf);box-shadow:0 0 34px #a8f0e080;animation:lineIn 1s ease both}.cinema-skip{position:absolute;bottom:28px;right:30px;z-index:1;background:none;border:none;color:var(--lav);cursor:pointer;font-family:inherit;font-size:15px;opacity:.7}.cinema-skip:hover{opacity:1}.boot{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--lav)}.app-error{max-width:720px;margin:0 auto 16px;padding:12px 18px;text-align:center;background:#ff82a026;border:1px solid #ff9bc4;color:#ffd6e6;border-radius:16px;font-size:15px}.userbar{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:10px;font-size:15px;color:var(--lav)}.btn-sm{padding:6px 14px;font-size:14px;border-radius:12px;border:none;cursor:pointer;font-family:inherit}.auth-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1;perspective:1400px}.auth-card{width:100%;max-width:380px;padding:32px 28px;text-align:center;background:var(--card);border:1px solid var(--card-line);border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #140a3273;animation:flipCard .6s cubic-bezier(.2,.8,.3,1);transform-origin:center}@keyframes flipCard{0%{opacity:0;transform:rotateY(-100deg) scale(.92)}60%{opacity:1}to{opacity:1;transform:rotateY(0) scale(1)}}.auth-logo{font-size:48px;animation:float 3s ease-in-out infinite}.auth-logo img{width:72px;height:72px;object-fit:contain}.nav-logo{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:2px}.auth-title{font-size:30px;margin:6px 0 0}.auth-title span{color:var(--pink)}.auth-sub{color:var(--lav);margin:4px 0 18px}.auth-tabs{display:flex;gap:8px;background:#ffffff0f;padding:5px;border-radius:16px;margin-bottom:16px}.auth-tabs button{flex:1;padding:9px;border:none;background:transparent;color:var(--ink);border-radius:12px;cursor:pointer;font-family:inherit;font-size:16px}.auth-tabs button.on{background:var(--pink);color:#3a1d33;font-weight:600}.auth-input{width:100%;margin-bottom:12px;padding:13px 16px;border-radius:14px;border:1px solid var(--card-line);background:#ffffff12;color:var(--ink);font-family:inherit;font-size:16px}.auth-input::placeholder{color:#ffffff73}.auth-code{text-align:center;letter-spacing:8px;font-size:24px}.auth-hint{color:var(--lav);font-size:14px;margin:4px 0 12px}.auth-link{background:none;border:none;color:var(--mint);cursor:pointer;font-family:inherit;font-size:14px;margin-bottom:8px}.auth-link:disabled{color:var(--lav);opacity:.6;cursor:default}.auth-go{width:100%;margin-top:6px;padding:14px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--mint),#7fe0cf);color:#143b34;font-family:inherit;font-size:18px;font-weight:600;cursor:pointer}.auth-go:disabled{opacity:.6;cursor:default}.app-nav{display:flex;gap:6px;justify-content:center;width:fit-content;margin:0 auto 22px;background:#ffffff0f;border:1px solid var(--card-line);padding:5px;border-radius:18px;transition:opacity .7s ease}.app-nav button{border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:inherit;font-size:16px;padding:9px 22px;border-radius:14px;transition:all .15s}.app-nav button:hover{background:#ffffff14}.app-nav button.on{background:var(--pink);color:#3a1d33;font-weight:600}.page-focus{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.page-sky{max-width:760px;margin:0 auto}.page-sky .companion{margin-bottom:16px}.presets-themed{gap:12px;margin-bottom:10px}.chip-themed{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:92px;padding:10px 14px;border-radius:18px}.chip-emoji{font-size:22px;line-height:1}.chip-min{font-size:15px}.chip-name{font-size:12px;opacity:.7}.chip-themed.chip-on .chip-name{opacity:.95}.topbar,.foot{transition:opacity .8s ease}body.is-focusing .navbar,body.is-focusing .page-greeting,body.is-focusing .app-nav,body.is-focusing .foot{opacity:0;pointer-events:none}body.is-focusing .focus-buddy,body.is-focusing .navbar,body.is-focusing .page-greeting{display:none}body.is-focusing .page-focus{min-height:86vh;min-height:86dvh}body.is-focusing .timer-card{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .8s ease,border-color .8s ease,box-shadow .8s ease}body.is-focusing:before{opacity:.9}body.is-focusing .star-cluster{opacity:1;transition:opacity 1.8s ease}.focus-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.8s ease}body.is-focusing .focus-sky{opacity:1}.fs-nebula{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(3px);background:radial-gradient(55% 45% at 50% 10%,rgba(170,130,255,.55),transparent 72%),radial-gradient(40% 38% at 18% 30%,rgba(110,90,230,.42),transparent 72%),radial-gradient(42% 40% at 84% 34%,rgba(150,110,255,.42),transparent 72%),radial-gradient(50% 40% at 50% 48%,rgba(255,150,210,.3),transparent 72%),radial-gradient(95% 55% at 50% 120%,rgba(200,210,255,.34),transparent 70%),linear-gradient(180deg,#0a061c8c,#100a2840 48%,#140e2e99);animation:fs-drift 22s ease-in-out infinite alternate}@keyframes fs-drift{0%{transform:scale(1.02) translateY(0)}to{transform:scale(1.1) translateY(-14px)}}.fs-band{position:absolute;left:0;right:0;top:0;height:72%;filter:blur(8px);background:radial-gradient(60% 46% at 50% 20%,rgba(255,255,255,.16),transparent 70%)}.fs-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 8% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 14% 40%,#fff,transparent),radial-gradient(2px 2px at 22% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 28% 55%,#fff,transparent),radial-gradient(2.5px 2.5px at 33% 28%,#fff,transparent),radial-gradient(1.5px 1.5px at 38% 70%,#fff,transparent),radial-gradient(2px 2px at 44% 16%,#fff,transparent),radial-gradient(1.5px 1.5px at 47% 44%,#fff,transparent),radial-gradient(2.5px 2.5px at 52% 9%,#fff,transparent),radial-gradient(1.5px 1.5px at 56% 60%,#fff,transparent),radial-gradient(2px 2px at 61% 33%,#fff,transparent),radial-gradient(1.5px 1.5px at 66% 72%,#fff,transparent),radial-gradient(2.5px 2.5px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 75% 48%,#fff,transparent),radial-gradient(2px 2px at 80% 14%,#fff,transparent),radial-gradient(1.5px 1.5px at 84% 62%,#fff,transparent),radial-gradient(2px 2px at 88% 36%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 24%,#fff,transparent),radial-gradient(1.5px 1.5px at 18% 78%,#fff,transparent),radial-gradient(1.5px 1.5px at 62% 84%,#fff,transparent);animation:twinkle-bg 3s ease-in-out infinite alternate}.fs-stars-2{background-image:radial-gradient(1.5px 1.5px at 6% 32%,#dfe6ff,transparent),radial-gradient(1px 1px at 12% 64%,#dfe6ff,transparent),radial-gradient(1.5px 1.5px at 20% 24%,#dfe6ff,transparent),radial-gradient(1px 1px at 26% 80%,#dfe6ff,transparent),radial-gradient(2px 2px at 31% 48%,#dfe6ff,transparent),radial-gradient(1px 1px at 37% 38%,#dfe6ff,transparent),radial-gradient(1.5px 1.5px at 42% 74%,#dfe6ff,transparent),radial-gradient(1px 1px at 48% 28%,#dfe6ff,transparent),radial-gradient(2px 2px at 53% 52%,#dfe6ff,transparent),radial-gradient(1px 1px at 58% 18%,#dfe6ff,transparent),radial-gradient(1.5px 1.5px at 64% 46%,#dfe6ff,transparent),radial-gradient(1px 1px at 69% 64%,#dfe6ff,transparent),radial-gradient(2px 2px at 73% 34%,#dfe6ff,transparent),radial-gradient(1px 1px at 78% 76%,#dfe6ff,transparent),radial-gradient(1.5px 1.5px at 83% 26%,#dfe6ff,transparent),radial-gradient(1px 1px at 87% 52%,#dfe6ff,transparent),radial-gradient(1.5px 1.5px at 90% 70%,#dfe6ff,transparent),radial-gradient(1px 1px at 15% 14%,#dfe6ff,transparent),radial-gradient(1.5px 1.5px at 45% 88%,#dfe6ff,transparent),radial-gradient(1px 1px at 70% 88%,#dfe6ff,transparent);animation-duration:4.6s;animation-delay:.6s}.timer-card,.sky-card,.companion,.stat{border-radius:16px;background:#ffffff0e;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-shadow:0 10px 36px #0a051e6b,inset 0 1px #ffffff14}.bubble{border-radius:13px;background:#ffffff0f}.chip-themed{border-radius:13px}.chip,.btn{border-radius:12px}.cat-input{border-radius:11px}.app-nav{border-radius:14px}.app-nav button{border-radius:10px}.auth-card{border-radius:18px}.auth-input,.auth-go,.auth-tabs{border-radius:12px}.topbar h1{font-weight:700;letter-spacing:-.5px}.dial-sub{font-family:IBM Plex Sans Thai,Inter,sans-serif}.star-cluster{opacity:.38}.cluster-line{opacity:.5}.shooting-stars{opacity:.45}.amb-nebula{position:fixed;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;pointer-events:none;filter:blur(44px);opacity:.85;background:radial-gradient(38% 32% at 22% 26%,rgba(150,110,240,.22),transparent 70%),radial-gradient(42% 34% at 80% 30%,rgba(120,150,255,.18),transparent 70%),radial-gradient(46% 38% at 60% 82%,rgba(255,150,210,.15),transparent 70%);animation:amb-drift 26s ease-in-out infinite alternate}@keyframes amb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(2%,-2%) scale(1.06)}}.perf-toggle{position:fixed;top:16px;right:18px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:.3px;color:var(--ink);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,opacity .6s}.perf-toggle:hover{background:#ffffff1f}.pt-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .2s}.pt-dot.on{background:var(--mint);box-shadow:0 0 8px var(--mint)}body.is-focusing .perf-toggle{opacity:0;pointer-events:none}body.eco-saver .amb-nebula,body.eco-saver .fs-nebula,body.eco-saver .fs-stars,body.eco-saver .star-cluster .cluster-dot,body.eco-saver .sprite-aura,body.eco-saver .sprite-crown{animation:none!important}body.eco-saver .shooting-stars{display:none}body.eco-saver:before{animation:none!important}.mascot{flex-shrink:0;width:124px;height:124px}.cosmic-mascot-master{width:124px;height:124px;display:block;overflow:visible}.layer-core-star{transform-box:fill-box;transform-origin:center;animation:floatingStar 5s ease-in-out infinite}@keyframes floatingStar{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.layer-aura-1{fill:#ec489940;transform-box:fill-box;transform-origin:center;animation:auraPulse 4s ease-in-out infinite alternate}.layer-aura-2{fill:#8b5cf64d;transform-box:fill-box;transform-origin:center;animation:auraPulse 3s ease-in-out infinite alternate-reverse}@keyframes auraPulse{0%{transform:scale(.92);opacity:.55}to{transform:scale(1.1);opacity:1}}.layer-orbit{transform-box:fill-box;transform-origin:center;animation:orbitRotate 22s linear infinite}@keyframes orbitRotate{to{transform:rotate(360deg)}}.orbit-satellite{fill:#fff}.layer-face path{stroke:#6e4a2a}.mascot-cheek{fill:#ffb0cf;opacity:.65}.mascot-sparkle{fill:#fff7d6;transform-box:fill-box;transform-origin:center;animation:auraPulse 2s ease-in-out infinite alternate}.mood-caring .layer-aura-1{fill:#ff96c84d}.mood-proud .layer-aura-2{fill:#aa82ff66}.mood-sleepy .layer-aura-1{fill:#96aaff38}.mood-sleepy .layer-aura-2{fill:#788ce642}.mood-happy .layer-aura-1,.mood-cheer .layer-aura-1{fill:#ffbe7852}.mood-cheer .layer-core-star{animation:floatingStar 1.5s ease-in-out infinite}body.eco-saver .layer-core-star,body.eco-saver .layer-aura-1,body.eco-saver .layer-aura-2,body.eco-saver .layer-orbit,body.eco-saver .mascot-sparkle{animation:none!important}.star-depth{fill:#d9943e}.star-shine{mix-blend-mode:screen}.face-mouth{stroke:#6e4a2a}.eye-pupil{fill:#5c3a2e}.eye-shine{fill:#fff}.layer-face{transform-box:fill-box;transform-origin:center;animation:faceSway 7s ease-in-out infinite}@keyframes faceSway{0%,to{transform:translate(0)}25%{transform:translate(2.5px,-1.5px)}50%{transform:translateY(1.5px)}75%{transform:translate(-2.5px,-1.5px)}}.face-eyes{transform-box:fill-box;transform-origin:center;animation:faceBlink 4.6s ease-in-out infinite}@keyframes faceBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.35)}}body.eco-saver .layer-face,body.eco-saver .face-eyes{animation:none!important}.sound-ctl{display:flex;flex-direction:column;align-items:center;gap:8px}.sound-btn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;padding:8px 18px;border-radius:999px;font-family:inherit;font-size:14px;color:var(--ink);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:all .2s}.sound-btn:hover{background:#ffffff1a}.sound-btn.on{border-color:var(--mint);color:var(--mint)}.sound-wave{width:10px;height:10px;border-radius:50%;background:#ffffff4d}.sound-btn.on .sound-wave{background:var(--mint);box-shadow:0 0 8px var(--mint);animation:auraPulse 1.4s ease-in-out infinite alternate}.sound-presets{display:flex;gap:8px}.auth-err{background:#ff82a02e;color:#ffd6e6;padding:10px;border-radius:12px;margin-bottom:10px;font-size:14px}.auth-msg{background:#a8f0e029;color:#d6fff5;padding:10px;border-radius:12px;margin-bottom:10px;font-size:14px}.auth-foot{color:var(--lav);font-size:13px;margin:16px 0 0}.pw-rules{text-align:left;background:#ffffff0d;border:1px solid var(--card-line);border-radius:14px;padding:12px 14px;margin-bottom:12px}.pw-head{margin:0 0 8px;font-size:14px;color:var(--lav)}.pw-rule{font-size:14px;color:#ffffff8c;margin:4px 0;transition:color .2s}.pw-rule.ok{color:var(--mint)}.pw-check{display:inline-block;width:18px;font-weight:700}.auth-confirm-emoji{font-size:46px;animation:float 3s ease-in-out infinite}.auth-confirm-head{font-size:22px;margin:6px 0 4px;color:var(--pink)}.welcome-pop{flex-direction:column;gap:6px;font-size:30px;text-align:center;color:var(--gold);line-height:1.3}.welcome-pop span{font-size:18px;color:var(--lav);text-shadow:none}.star-cluster{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.7}.cluster-line{fill:none;stroke:#c9b6ff4d;stroke-width:1;stroke-dasharray:3 4}.cluster-dot{fill:#fff;animation:twinkle 2.6s ease-in-out infinite alternate}.cluster-glow{fill:var(--lav);opacity:.12}.shooting-stars{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.shooting{position:absolute;height:2px;width:130px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.6) 30%,transparent);border-radius:999px;filter:drop-shadow(0 0 6px rgba(255,255,255,.8));opacity:0;transform:rotate(28deg) translate(0);animation:shoot var(--dur, 6s) linear infinite;animation-delay:var(--delay, 0s)}.shooting:before{content:"✦";position:absolute;right:-2px;top:-9px;font-size:12px;color:#fff}@keyframes shoot{0%{opacity:0;transform:rotate(28deg) translate(0)}8%{opacity:1}35%{opacity:1}to{opacity:0;transform:rotate(28deg) translate(90vw)}}.timer-card,.cosmic-panel,.stat{background:#ffffff0b;border:1px solid rgba(255,255,255,.1)}.sky-card{background:#ffffff06;border:1px solid rgba(255,255,255,.09)}.navbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;transition:opacity .8s ease}.nav-left h1{font-size:22px;margin:0;font-weight:700;letter-spacing:.3px;white-space:nowrap}.nav-left h1 span{color:var(--pink)}.nav-center{margin:0}.nav-right{display:flex;align-items:center;gap:12px}.nav-user{color:var(--lav);font-size:15px;font-weight:300;white-space:nowrap}.nav-signout{background:#ffffff0f;border:1px solid var(--card-line);color:var(--lav);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.nav-signout:hover{background:#ff82a038;color:var(--ink)}.nav-delete-account{background:#ffffff0f;border:1px solid var(--card-line);color:var(--lav);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;opacity:.55}.nav-delete-account:hover{background:#ff50502e;border-color:#ff646466;opacity:1}.nav-help{background:#ffffff0f;border:1px solid var(--card-line);color:var(--lav);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.nav-help:hover{background:#a8f0e033;color:var(--mint);border-color:var(--mint)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#0a051cd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;animation:tutFade .25s ease}.modal-card{background:#140c28f5;border:1px solid rgba(255,120,120,.3);border-radius:20px;padding:32px 28px;max-width:360px;width:100%;text-align:center;box-shadow:0 0 40px #ff505026}.delete-modal-icon{font-size:40px;margin-bottom:12px}.delete-modal-title{font-size:20px;font-weight:600;color:#ffb0b0;margin:0 0 12px}.delete-modal-body{font-size:14px;color:var(--lav);line-height:1.65;margin:0 0 20px}.delete-modal-actions{display:flex;flex-direction:column;gap:10px}.btn-delete-confirm{background:#c8323240;border:1px solid rgba(255,100,100,.5);color:#ffb0b0;border-radius:12px;padding:11px 20px;cursor:pointer;font-size:15px;font-family:inherit;transition:all .15s}.btn-delete-confirm:hover{background:#c8323273;box-shadow:0 0 16px #ff50504d}.btn-cancel{background:#ffffff0f;border:1px solid var(--card-line);color:var(--lav);border-radius:12px;padding:11px 20px;cursor:pointer;font-size:15px;font-family:inherit;transition:all .15s}.btn-cancel:hover{background:#ffffff1a}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0a051cbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px;animation:tutFade .3s ease}@keyframes tutFade{0%{opacity:0}to{opacity:1}}.tut-card{position:relative;width:min(420px,100%);text-align:center;background:var(--card);border:1px solid var(--card-line);border-radius:24px;padding:26px 26px 22px;box-shadow:0 20px 60px #0a051e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tut-card .companion{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;margin:0 auto 6px;justify-content:center}.tut-skip{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--lav);font-family:inherit;font-size:14px;cursor:pointer;opacity:.7}.tut-skip:hover{opacity:1}.tut-mascot{animation:tutPop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes tutPop{0%{transform:scale(.8) rotate(-6deg);opacity:.3}60%{transform:scale(1.06) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.tut-step{animation:tutStepIn .42s ease both}@keyframes tutStepIn{0%{opacity:0;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.tut-title{margin:4px 0 8px;font-size:21px;color:var(--ink)}.tut-text{margin:0 0 18px;font-size:15.5px;line-height:1.6;color:var(--lav);min-height:76px}.tut-dots{display:flex;gap:7px;justify-content:center;margin-bottom:18px}.tut-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .2s}.tut-dot.on{background:var(--mint);width:22px;border-radius:999px}.tut-nav{display:flex;gap:10px;justify-content:center}.tut-nav .btn{font-size:15px;padding:10px 20px}.pro-cele{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;background:radial-gradient(60% 60% at 50% 45%,#3c28148c,#0a0518db);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:tutFade .4s ease}.pro-cele-rays{position:absolute;left:50%;top:48%;width:1100px;height:1100px;transform:translate(-50%,-50%);pointer-events:none;opacity:.5;filter:blur(2px);background:repeating-conic-gradient(from 0deg,rgba(255,224,138,.12) 0deg 7deg,transparent 7deg 22deg);animation:raysSpin 26s linear infinite;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 72%);mask-image:radial-gradient(closest-side,#000 30%,transparent 72%)}@keyframes raysSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.pro-cele-card{position:relative;width:min(420px,100%);text-align:center;padding:26px 26px 24px;background:#ffffff0f;border:1px solid rgba(255,224,138,.45);border-radius:26px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 70px #140a2899,0 0 50px #ffe08a38,inset 0 1px #ffffff1a;animation:proIn .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes proIn{0%{opacity:0;transform:scale(.72) translateY(22px)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1) translateY(0)}}.pro-cele-mascot{position:relative;width:132px;margin:0 auto 4px}.pro-cele-card .companion{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;margin:0 auto;justify-content:center}.pro-cele-crown{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:2;font-size:30px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));animation:crownBob 3s ease-in-out infinite}@keyframes crownBob{0%,to{transform:translate(-50%) translateY(0) rotate(-7deg)}50%{transform:translate(-50%) translateY(-5px) rotate(7deg)}}.pro-cele-title{margin:6px 0 4px;font-size:27px;font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,#ffd76a,#fff7df 45%,#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,224,138,.4))}.pro-cele-sub{margin:0 0 16px;font-size:16px;color:var(--ink)}.pro-cele-badge{display:inline-block;font-weight:700;color:#3a2a05;background:linear-gradient(135deg,var(--gold),#ffc861);padding:2px 12px;border-radius:999px}.pro-cele-perks{list-style:none;padding:0;margin:0 auto 20px;max-width:300px;text-align:left}.pro-cele-perks li{color:var(--lav);font-size:14.5px;margin:8px 0;line-height:1.5}.pro-cele-perks b{color:var(--ink)}.pro-cele-go{width:100%;box-shadow:0 0 24px #a8f0e073}.pro-cele-spark{position:absolute;color:var(--gold);opacity:0;animation:celeSpark 2.6s ease-in-out infinite}.pro-cele-spark.s1{top:-14px;left:24px;font-size:20px;animation-delay:.1s}.pro-cele-spark.s2{top:30px;right:-12px;font-size:16px;color:var(--pink);animation-delay:.9s}.pro-cele-spark.s3{bottom:10px;left:-12px;font-size:18px;color:var(--mint);animation-delay:1.5s}.pro-cele-spark.s4{bottom:60px;right:18px;font-size:22px;animation-delay:2s}@keyframes celeSpark{0%,to{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1) rotate(25deg)}}body.eco-saver .pro-cele-rays,body.eco-saver .pro-cele-spark,body.eco-saver .pro-cele-crown{animation:none}.page-greeting{text-align:center;color:var(--lav);font-weight:300;opacity:.92;font-size:clamp(18px,2.4vw,25px);margin:2px 0 26px;transition:opacity .8s ease}.page-focus{max-width:1000px}.focus-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.focus-stage:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:640px;height:380px;pointer-events:none;z-index:0;background:radial-gradient(closest-side,rgba(255,179,217,.3),rgba(201,182,255,.18) 55%,transparent 76%);filter:blur(55px)}.focus-stage>*{position:relative;z-index:1}.timer-card{flex:1 1 600px;max-width:660px}.timer-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:center}.timer-main{display:flex;flex-direction:column;align-items:center;gap:12px}.timer-main .dial{width:300px;height:300px;margin:0 auto}.dial-time{font-size:60px}.timer-side{display:flex;flex-direction:column;gap:14px;text-align:left}.timer-side .presets-themed{flex-wrap:wrap;gap:8px;margin:0;justify-content:flex-start}.timer-side .chip-themed{min-width:74px;padding:9px 10px}.timer-side .cat-pick{margin:0}.timer-side .cat-chips{justify-content:flex-start}.timer-side .cat-label{text-align:left}.timer-focusing .timer-grid{grid-template-columns:1fr}.focus-buddy{flex:0 0 auto;transition:opacity .8s ease}.focus-stage .companion,.sky-side .companion{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;margin:0;flex-direction:column;gap:10px;text-align:center;align-items:center}.focus-stage .companion .bubble,.sky-side .companion .bubble{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:10px 14px;max-width:230px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.page-sky{max-width:1180px;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.sky-layout{display:grid;grid-template-columns:1.85fr 1fr;gap:24px;align-items:start}.sky-main{min-width:0}.sky-side{display:flex;flex-direction:column;gap:18px}.sky-side .stats{margin-top:0}.sky-side .stat{padding:12px 6px}.sky-side .stat-value{font-size:22px}.freecap{border-radius:16px;border:1px solid var(--card-line);background:#ffffff0d;padding:14px 16px}.freecap-near{border-color:#ffe08a66}.freecap-full{border-color:#ffb3d973;background:#ffb3d914}.freecap-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.freecap-label{font-size:12.5px;color:var(--lav)}.freecap-count{font-size:14px;font-weight:600;color:var(--ink)}.freecap-bar{height:7px;border-radius:99px;background:#ffffff1a;overflow:hidden}.freecap-bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--lav),var(--mint));transition:width .5s ease}.freecap-near .freecap-bar>span{background:linear-gradient(90deg,var(--gold),#ffb347)}.freecap-full .freecap-bar>span{background:linear-gradient(90deg,var(--pink),#ff8ac0)}.freecap-msg{margin:8px 0 10px;font-size:12px;color:var(--lav);opacity:.85}.freecap-cta{width:100%;padding:9px;border-radius:11px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--ink);border:1px solid rgba(180,140,255,.4);background:#8c64ff29;transition:all .15s}.freecap-cta:hover{background:#8c64ff47;border-color:#c4a0ff}.freecap-cta b{color:#d8c2ff}.sky-full-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;padding:12px 16px;border-radius:14px;text-align:center;font-size:13.5px;color:var(--ink);border:1px solid rgba(255,179,217,.4);background:#ffb3d91a}.sky-full-banner button{padding:7px 14px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#2a1f54;border:none;background:linear-gradient(90deg,var(--gold),var(--pink))}.sky-full-banner button:hover{filter:brightness(1.08)}.sky-range{display:flex;gap:4px;justify-content:center;width:fit-content;margin:0 auto 14px;background:#ffffff0f;border:1px solid var(--card-line);padding:4px;border-radius:12px}.sky-range button{border:none;background:transparent;color:var(--lav);cursor:pointer;font-family:inherit;font-size:13px;padding:6px 16px;border-radius:9px;transition:all .15s}.sky-range button:hover{background:#ffffff14}.sky-range button.on{background:var(--pink);color:#3a1d33;font-weight:600}.btn-go:hover{box-shadow:0 0 22px #a8f0e080}.btn-give:hover{box-shadow:0 0 22px #ff9bc473}.btn-pro:hover{box-shadow:0 0 20px #ffe08a8c}.chip-themed:hover,.cat-chip:hover{box-shadow:0 0 14px #ffffff29}.page-focus{min-height:80vh;justify-content:center}.sky-layout{align-items:stretch}.sky-main{display:flex;flex-direction:column}.sky-main .sky-card{flex:1;min-height:440px;display:flex;flex-direction:column;justify-content:center}@media(max-width:1024px){.sky-layout{grid-template-columns:1fr;align-items:stretch}.sky-side{flex-direction:row;flex-wrap:wrap;justify-content:center}.sky-side .companion{flex:1 1 200px;max-width:400px}.sky-side .cosmic-panel{flex:1 1 280px;max-width:400px}.sky-side .stats{flex:1 1 100%}.page-focus{min-height:0}.timer-card{flex:1 1 min(100%,600px);max-width:660px}}@media(max-width:834px){.navbar{flex-wrap:wrap;justify-content:space-between}.nav-center{order:3;width:100%;display:flex;justify-content:center;margin-top:8px}.timer-grid{grid-template-columns:1fr}.timer-side{align-items:center}.timer-side .presets-themed,.timer-side .cat-chips{justify-content:center}.timer-side .cat-label{text-align:center}.grid{grid-template-columns:1fr}}@media(max-height:860px){.app{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom))}.page-focus,.page-sky{min-height:0}.navbar{margin-bottom:8px}.sky-main .sky-card{min-height:320px}}@media(max-height:500px)and (orientation:landscape){.timer-main .dial{width:180px;height:180px}.dial-time{font-size:38px}.timer-card{padding:12px}.navbar{margin-bottom:6px;flex-direction:row;flex-wrap:wrap}.page-focus{min-height:0}.focus-stage{gap:10px}body.is-focusing .page-focus{min-height:100dvh;display:flex;align-items:center}.app-nav{margin-bottom:8px}}@media(max-width:600px){.app{padding-top:max(16px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(86px + env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.nav-left h1{font-size:19px}.nav-right{gap:8px}.nav-user{display:none}.page-greeting{font-size:16px;margin-bottom:12px}.focus-stage{gap:16px}.timer-card{padding:16px;flex-basis:100%}.timer-main{gap:8px}.timer-main .dial{width:220px;height:220px}.dial-time{font-size:42px}.timer-side{gap:12px}.timer-side .presets-themed{gap:6px}.timer-side .chip-themed{min-width:68px;padding:8px}.chip-min{font-size:14px}.chip-name{font-size:11px}.sky-side{flex-direction:column}.cosmic-panel{padding:16px 14px}.sound-ctl{gap:6px;padding:6px 12px;width:max-content}.sound-presets .chip{padding:5px 10px;font-size:12px}.sound-info-btn{width:24px;height:24px;font-size:12px}.companion .mascot,.companion .cosmic-mascot-master{width:100px;height:100px}.companion .bubble{padding:8px 12px;font-size:15px}}.dial{filter:none;transition:none;position:relative;z-index:1}.timer-focusing .dial{filter:none}.dial-wrap:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;background:radial-gradient(circle at center,rgba(201,182,255,.26) 0%,transparent 68%);pointer-events:none;z-index:0;transition:background .8s ease,opacity .8s ease}.timer-focusing .dial-wrap:before{background:radial-gradient(circle at center,rgba(168,240,224,.38) 10%,rgba(201,182,255,.15) 45%,transparent 70%)}.dial-orbit{fill:#fff;filter:drop-shadow(0 0 7px var(--mint))}.timer-focusing .dial-orbit{animation:orbitPulse 1.6s ease-in-out infinite}@keyframes orbitPulse{0%,to{r:6;opacity:.85}50%{r:8;opacity:1}}.sound-ctl{display:flex;position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:8px 16px;box-shadow:0 12px 34px #0a051e6b;z-index:20;max-width:92vw;transition:opacity .8s ease}.sound-presets{display:flex;flex-direction:row;gap:6px}.sound-presets .chip{font-size:13px;padding:5px 12px;white-space:nowrap}.sound-info-btn{flex-shrink:0;width:26px;height:26px;border-radius:50%;cursor:pointer;border:1px solid var(--card-line);background:#ffffff0f;color:var(--lav);font-family:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.sound-info-btn:hover{background:#a8f0e033;color:var(--mint);border-color:var(--mint)}.sinfo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#0a051cb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px;animation:tutFade .25s ease}.sinfo-card{position:relative;width:min(430px,100%);max-height:84vh;max-height:84dvh;overflow-y:auto;text-align:left;background:var(--card);border:1px solid var(--card-line);border-radius:22px;padding:24px 24px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px #0a051e99;animation:proIn .4s cubic-bezier(.34,1.56,.64,1) both}.sinfo-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--lav);font-size:17px;cursor:pointer;opacity:.7}.sinfo-close:hover{opacity:1}.sinfo-title{margin:0 0 10px;font-size:19px;color:var(--mint)}.sinfo-intro{margin:0 0 16px;font-size:14px;line-height:1.7;color:var(--ink)}.sinfo-intro b,.sinfo-band b{color:var(--mint);font-weight:600}.sinfo-band{background:#ffffff0b;border:1px solid var(--card-line);border-radius:14px;padding:13px 15px;margin-bottom:12px}.sinfo-band p{margin:0;font-size:13px;line-height:1.65;color:var(--lav)}.sinfo-band b{color:var(--ink)}.sinfo-band-name{display:block;font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:5px}.sinfo-foot{margin:2px 0 0;font-size:12.5px;color:var(--lav);opacity:.85;text-align:center}.btn-giveup{position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffff80;font-family:inherit;font-size:15px;padding:11px 24px;border-radius:16px;transition:color .2s,border-color .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-giveup:hover{color:#ffffffd1;border-color:#fff6}.btn-giveup-label{position:relative;z-index:1}.btn-giveup-fill{position:absolute;left:0;top:0;bottom:0;width:0;z-index:0;background:linear-gradient(90deg,#ff9bc466,#ffb3d98c)}.btn-giveup.holding{color:#fff;border-color:var(--pink)}.terms-overlay{z-index:90}.terms-modal{border-color:#a8b4ff40!important;box-shadow:0 0 40px #7864ff26!important;max-width:520px!important;padding:24px 24px 20px!important;text-align:left!important;display:flex;flex-direction:column;max-height:85vh}.terms-tabs{margin-bottom:0!important}.terms-body{flex:1;overflow-y:auto;margin:16px 0 14px;scrollbar-width:thin;scrollbar-color:rgba(168,180,255,.3) transparent}.terms-content{font-size:13.5px;color:var(--lav);line-height:1.72}.terms-content h3{font-size:14px;font-weight:600;color:var(--ink);margin:18px 0 6px}.terms-content h3:first-of-type{margin-top:8px}.terms-content p{margin:0 0 8px}.terms-content ul{margin:0 0 8px;padding-left:18px}.terms-content li{margin:4px 0}.terms-content strong{color:var(--ink);font-weight:600}.terms-content a{color:var(--pink);text-decoration:none}.terms-content a:hover{text-decoration:underline}.terms-updated{font-size:12px;opacity:.55;margin:0 0 12px!important}.terms-close{width:100%;margin-top:4px}.auth-forgot-link{display:block;text-align:right;font-size:13px;margin:-4px 0 4px;opacity:.75}.auth-forgot-link:hover{opacity:1}.auth-terms-check{display:flex;align-items:flex-start;gap:9px;cursor:pointer;margin:14px 0 18px;text-align:left}.auth-terms-check input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.auth-star-box{flex-shrink:0;width:20px;height:20px;margin-top:1px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(200,190,240,.4);border-radius:6px;font-size:13px;line-height:1;transition:all .2s ease;color:transparent;background:#ffffff0a}.auth-star-box:before{content:"★"}.auth-terms-check:hover .auth-star-box{border-color:#ffb3d98c;background:#ffb3d912}.auth-terms-check input:checked+.auth-star-box{color:var(--pink);border-color:var(--pink);background:#ffb3d91f;box-shadow:0 0 8px #ff96c859}.auth-terms-check span:not(.auth-star-box){font-size:12.5px;color:#c8bef0b3;line-height:1.6}.auth-terms-link{background:none;border:none;padding:0;cursor:pointer;color:var(--pink);font-family:inherit;font-size:12.5px;text-decoration:underline;opacity:.85}.auth-terms-link:hover{opacity:1}.btn-giveup.holding .btn-giveup-fill{width:100%;transition:width 1.5s linear}.mood-check{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 16px;min-height:220px;animation:tutFade .3s ease}.mood-question{margin:0;color:var(--lav);font-size:15px;text-align:center;line-height:1.6}.mood-emojis{display:flex;gap:12px}.mood-btn{font-size:28px;background:transparent;border:1.5px solid rgba(255,255,255,.12);border-radius:50%;width:52px;height:52px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.mood-btn:hover,.mood-btn:focus{transform:scale(1.25);border-color:var(--mint);box-shadow:0 0 10px #a8f0e059;outline:none}.mood-skip{background:transparent;border:none;padding:0;color:#ffffff4d;font-size:13px;cursor:pointer;text-decoration:underline;font-family:inherit;transition:color .15s}.mood-skip:hover{color:#fff9}.mercy-step{gap:16px}.mercy-btn{width:100%;max-width:260px;font-size:15px;padding:14px 20px}.dial-wrap{position:relative;display:inline-block}.ambient-toggle{position:absolute;bottom:6px;right:0;background:transparent;border:none;cursor:pointer;font-size:16px;opacity:.35;transition:opacity .2s;padding:4px;line-height:1}.ambient-toggle:hover{opacity:.75}.timer-card.ambient-on .dial-time{opacity:0;transition:opacity .4s ease}.timer-card.ambient-on .dial-fg{filter:drop-shadow(0 0 14px var(--mint)) drop-shadow(0 0 28px rgba(168,240,224,.5))}.timer-card.ambient-on .dial-orbit{r:9}.cosmic-shield-banner{font-size:13px;line-height:1.5;text-align:center;padding:8px 14px;border-radius:10px;margin-bottom:4px;animation:tutFade .4s ease}.shield-high{background:#ff78781f;border:1px solid rgba(255,120,120,.25);color:#ffb4b4e6}.shield-caution{background:#ffd2501a;border:1px solid rgba(255,210,80,.22);color:#ffe682e6}.chip-shielded{opacity:.35;cursor:not-allowed!important;filter:grayscale(.6)}.timer-view-toggle{display:inline-flex;gap:2px;background:#ffffff0f;border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tvt-btn{border:none;background:transparent;font-family:inherit;font-size:13px;padding:6px 18px;border-radius:999px;cursor:pointer;color:#fff6;transition:color .2s,background .2s;white-space:nowrap;letter-spacing:.15px}.tvt-btn:hover{color:#fffc;background:#ffffff12}.tvt-btn.on{background:#ffffff24;color:var(--ink);font-weight:600;box-shadow:inset 0 1px #ffffff21,0 0 14px #c9b6ff38}.clock-time-text{fill:url(#time-grad)!important}.clock-ring{fill:none;stroke-width:16;stroke-linecap:round;transition:stroke-dashoffset .9s linear;filter:drop-shadow(0 0 8px rgba(168,240,224,.55)) drop-shadow(0 0 20px rgba(168,240,224,.2))}.timer-focusing .clock-ring{filter:drop-shadow(0 0 12px rgba(168,240,224,.75)) drop-shadow(0 0 30px rgba(201,182,255,.28))}.dial .dial-time{filter:drop-shadow(0 0 10px rgba(201,182,255,.38))}.timer-focusing .dial .dial-time{filter:drop-shadow(0 0 18px rgba(201,182,255,.7))}.orbit-halo{animation:orbitHaloPulse 2.4s ease-in-out infinite}@keyframes orbitHaloPulse{0%,to{opacity:.45}50%{opacity:1}}.orbit-core{filter:drop-shadow(0 0 4px rgba(255,255,255,.85));animation:orbitCorePulse 2.4s ease-in-out infinite}@keyframes orbitCorePulse{0%,to{opacity:.78}50%{opacity:1}}.sv-born{transform-origin:0px 0px;animation:svBirthPop .9s cubic-bezier(.34,1.56,.64,1) both}@keyframes svBirthPop{0%{transform:scale(0);opacity:0}55%{transform:scale(1.5)}80%{transform:scale(.92)}to{transform:scale(1);opacity:1}}.sv-shockwave{transform-origin:0px 0px;animation:svShockwave .45s ease-out both}@keyframes svShockwave{0%{transform:scale(1);opacity:.88}to{transform:scale(6);opacity:0}}.sv-nova{transform-origin:0px 0px;animation:svNova .8s ease-out both}@keyframes svNova{0%{transform:scale(.3);opacity:1}55%{opacity:.55}to{transform:scale(2.5);opacity:0}}.sv-burst{transform-origin:0px 0px;animation:svBurst 1.9s ease-out both}@keyframes svBurst{0%{transform:scale(.8);opacity:.8}to{transform:scale(5.5);opacity:0}}.sv-b2{animation-delay:.2s}.sv-b3{animation-delay:.4s}.sv-core{animation:svCoreTwinkle 2.8s ease-in-out infinite alternate}@keyframes svCoreTwinkle{0%{opacity:.82}to{opacity:1}}.sv-next-halo{transform-origin:0px 0px;animation:svNextHalo 2.2s ease-in-out infinite}@keyframes svNextHalo{0%,to{transform:scale(.65);opacity:.06}50%{transform:scale(1.7);opacity:.26}}.sv-next-spin{transform-origin:0px 0px;animation:svNextSpin 10s linear infinite}@keyframes svNextSpin{to{transform:rotate(360deg)}}.sv-next-core{animation:svNextPulse 2.2s ease-in-out infinite}@keyframes svNextPulse{0%,to{opacity:.18}50%{opacity:.68}}.sv-dim{opacity:.15}.sv-line{animation:svLineIn .7s ease both}@keyframes svLineIn{0%{opacity:0}to{opacity:1}}body.eco-saver .sv-born,body.eco-saver .sv-shockwave,body.eco-saver .sv-nova,body.eco-saver .sv-burst,body.eco-saver .sv-core,body.eco-saver .sv-next-halo,body.eco-saver .sv-next-spin,body.eco-saver .sv-next-core,body.eco-saver .orbit-halo,body.eco-saver .orbit-core{animation:none!important}