:root{--green: #58cc02;--green-d: #58a700;--blue: #1cb0f6;--blue-d: #1899d6;--purple: #8b6cf6;--purple-d: #6f52d9;--gold: #ffc800;--gold-d: #e5a400;--orange: #ff9600;--red: #ff4b4b;--red-d: #ea2b2b;--ink: #2b2118;--text: #4b4b4b;--muted: #afafaf;--line: #e5e5e5;--bg: #ffffff;--night: #15132e;--night-2: #221f48;--night-3: #2f2b61;--radius: 16px;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-weight:700;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#f0f7e8 radial-gradient(circle at 20px 20px,#e2f2d2 3px,transparent 4px) 0 0 / 40px 40px}button{font-family:inherit;font-weight:800;cursor:pointer;color:inherit}h1,h2,h3{margin:0;color:#3c3c3c;font-weight:900}.app{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg);position:relative;box-shadow:0 0 0 2px var(--line);transition:background .6s}.app-dark{background:var(--night)}.screen{padding:12px 16px 110px;min-height:100dvh}.btn{--bc: var(--green);--bd: var(--green-d);border:none;border-radius:var(--radius);background:var(--bc);color:#fff;padding:14px 22px;font-size:16px;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 4px 0 var(--bd);transition:transform .05s,box-shadow .05s,filter .15s;position:relative;margin-bottom:4px}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--bd)}.btn:disabled{--bc: #e5e5e5;--bd: #d0d0d0;color:var(--muted);cursor:not-allowed}.btn-block{width:100%}.btn-small{padding:10px 12px;font-size:13px;letter-spacing:.02em;text-transform:none}.btn-blue{--bc: var(--blue);--bd: var(--blue-d)}.btn-purple{--bc: var(--purple);--bd: var(--purple-d)}.btn-gold{--bc: var(--gold);--bd: var(--gold-d);color:#6b4a00}.btn-red{--bc: var(--red);--bd: var(--red-d)}.btn-white{--bc: #fff;--bd: var(--line);color:var(--text);border:2px solid var(--line)}.btn-ghost{background:transparent;box-shadow:none;color:var(--blue)}.link-btn{background:none;border:none;color:var(--blue);text-transform:uppercase;letter-spacing:.06em;font-size:14px;padding:12px;display:block;margin:4px auto 0}.link-btn.danger{color:var(--red)}.text-input{width:100%;border:2px solid var(--line);background:#f7f7f7;border-radius:var(--radius);padding:16px;font:inherit;font-size:18px;color:var(--text);outline:none}.text-input:focus{border-color:var(--blue);background:#fff}.text-input.small{padding:8px 12px;font-size:15px;width:160px}.bar{position:relative;width:100%;background:var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.3,1.4,.5,1);position:relative;min-width:0}.bar-shine{position:absolute;left:8px;right:8px;top:25%;height:25%;background:#ffffff59;border-radius:99px}.bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:900;color:#3c3c3c}.card{border:2px solid var(--line);border-radius:20px;background:#fff;padding:14px;box-shadow:0 3px 0 var(--line)}.section-title{font-size:18px;margin:22px 4px 10px}.page-title{font-size:24px;margin:8px 4px 4px}.topbar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:inherit;z-index:5;background:#fff;border-bottom:2px solid var(--line);margin:-12px -16px 14px;padding:12px 20px}.tb-item{display:flex;align-items:center;gap:4px;font-size:17px;font-weight:900}.tb-item.flame-on{color:var(--orange)}.tb-item.muted{color:var(--muted)}.tb-item.gold{color:#e5a400}.tb-item.purple{color:var(--purple)}.lvl-badge{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--gold);color:#6b4a00;font-weight:900;box-shadow:0 3px 0 var(--gold-d);transform:rotate(-6deg)}.lvl-badge.big{width:38px;height:38px;font-size:18px}.avatar{display:block;width:100%;height:auto}.av-body{transform-box:view-box;transform-origin:100px 240px}.av-bob{animation:bob 2.4s ease-in-out infinite}.av-bounce{animation:bounce .7s ease-in-out infinite}.av-jump{animation:jump .55s cubic-bezier(.3,0,.6,1) infinite}.av-sway{animation:sway 2.6s ease-in-out infinite}.av-squat{animation:squat 2.2s ease-in-out infinite}.av-breathe{animation:breathe 5s ease-in-out infinite}.av-eyes{transform-box:view-box;transform-origin:100px 84px;animation:blink 4.5s infinite}.av-zzz{animation:zzz 3s ease-in-out infinite}.av-flame{animation:flicker .2s infinite alternate;transform-box:fill-box;transform-origin:top center}.av-halo{animation:halo 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(.98,1.02)}}@keyframes jump{0%,to{transform:translateY(0) scale(1.04,.96)}45%{transform:translateY(-22px) scale(.97,1.03)}}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes squat{0%,to{transform:scale(1)}50%{transform:scale(1.05,.88)}}@keyframes breathe{0%,to{transform:scale(1)}45%{transform:scale(1.025,1.035)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes zzz{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes flicker{to{transform:scaleY(1.3)}}@keyframes halo{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pip{flex-shrink:0;overflow:visible}.pip-wing-wave{transform-box:fill-box;transform-origin:0% 20%;animation:wave .6s ease-in-out infinite alternate}.pip-cheer{animation:bounce .8s ease-in-out infinite}.pip-happy{animation:bob 2.4s ease-in-out infinite}@keyframes wave{0%{transform:rotate(10deg)}to{transform:rotate(-40deg)}}.speech{position:relative;background:#fff;border:2px solid var(--line);border-radius:16px;padding:10px 14px;font-size:14px;color:var(--text);line-height:1.35}.speech-left:before{content:"";position:absolute;left:-9px;top:50%;margin-top:-8px;border:8px solid transparent;border-right-color:var(--line);border-left:0}.speech-bottom:after{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-9px;border:9px solid transparent;border-top-color:var(--line);border-bottom:0}.onboarding{padding:18px 20px 24px;min-height:100dvh;display:flex;flex-direction:column}.ob-progress{display:flex;gap:6px;margin-bottom:18px}.ob-progress span{flex:1;height:10px;border-radius:99px;background:var(--line);transition:background .3s}.ob-progress span.on{background:var(--green)}.ob-step{flex:1;display:flex;flex-direction:column;gap:14px;animation:pop-in .35s ease-out}.ob-center{align-items:center;text-align:center;justify-content:center}.logo{font-size:46px;font-weight:900;color:var(--green);letter-spacing:-.02em;text-shadow:0 4px 0 #d7ffb8}.ob-pip{display:flex;flex-direction:column;align-items:center;gap:16px}.ob-pip .speech{max-width:300px;font-size:17px}.ob-sub{font-size:17px;color:#777;max-width:340px;margin:0;line-height:1.45}.ob-sub.small{font-size:14px;text-align:center;margin:-8px auto 0}.ob-title{font-size:26px;text-align:center}.ob-actions{width:100%;margin-top:auto;padding-top:16px}.ob-actions.sticky{position:sticky;bottom:0;background:linear-gradient(transparent,#fff 30%);padding:24px 0 8px}.ob-avatar{width:200px;margin:0 auto;position:relative;border-radius:24px;overflow:hidden;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.shuffle{position:absolute;top:8px;right:8px;width:42px;height:42px;border-radius:12px;border:2px solid var(--line);background:#fff;font-size:22px;box-shadow:0 3px 0 var(--line)}.shuffle:active{transform:translateY(3px);box-shadow:none}.loop{display:flex;flex-direction:column;gap:10px;width:100%;margin:10px 0}.loop-row{display:flex;align-items:center;gap:14px;text-align:left;border:2px solid var(--line);border-radius:16px;padding:12px 14px;font-size:16px;animation:pop-in .4s ease-out both;box-shadow:0 3px 0 var(--line)}.loop-emoji{font-size:28px}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.customizer{display:flex;flex-direction:column;gap:12px}.slot-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.slot-tab{position:relative;flex-shrink:0;border:2px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;font-size:14px;color:var(--muted);box-shadow:0 3px 0 var(--line)}.slot-tab.active{border-color:#84d8ff;background:#ddf4ff;color:var(--blue);box-shadow:0 3px #84d8ff}.slot-tab .dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid #fff}.swatch-rows{display:flex;flex-direction:column;gap:8px}.swatch-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch-label{width:40px;font-size:13px;color:var(--muted)}.swatch{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--line);transition:transform .1s}.swatch.active{box-shadow:0 0 0 3px var(--blue);transform:scale(1.1)}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item-tile{position:relative;border:2px solid var(--line);border-radius:16px;background:#fff;padding:6px 6px 8px;box-shadow:0 3px 0 var(--line);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .08s}.item-tile:active:not(.locked){transform:translateY(3px);box-shadow:none}.item-tile.equipped{border-color:#84d8ff;background:#ddf4ff;box-shadow:0 3px #84d8ff}.item-tile.locked{cursor:default;background:#f7f7f7}.item-tile.locked .item-preview{filter:grayscale(1) brightness(1.1);opacity:.45}.item-preview{width:100%;aspect-ratio:200 / 250;border-radius:10px;overflow:hidden;background:#f7f7f7}.item-name{font-size:12px;font-weight:900;color:#3c3c3c;text-align:center;line-height:1.1}.item-lock{width:100%;font-size:10px;color:#8a8a8a;display:flex;flex-direction:column;gap:3px;text-align:center}.new-badge{position:absolute;top:-8px;right:-6px;background:var(--red);color:#fff;font-size:10px;font-weight:900;padding:3px 7px;border-radius:99px;z-index:1;animation:bounce 1s infinite}.hero{display:flex;gap:14px;align-items:stretch;padding:12px}.hero-avatar{width:128px;flex-shrink:0;border:3px solid var(--ink);border-radius:18px;overflow:hidden;padding:0;background:none;box-shadow:0 4px 0 var(--ink);transition:transform .1s}.hero-avatar:active{transform:translateY(4px);box-shadow:none}.hero-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.hero-name{font-size:22px;font-weight:900;color:#3c3c3c;overflow:hidden;text-overflow:ellipsis}.hero-level{font-size:13px;color:#e5a400;text-transform:uppercase;letter-spacing:.08em}.hero-pip{display:flex;align-items:center;gap:8px;margin-top:auto}.hero-pip .speech{font-size:12.5px;padding:8px 10px}.goal{display:flex;align-items:center;gap:14px;margin-top:12px}.goal-ring{--p: 0;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--orange) calc(var(--p) * 360deg),var(--line) 0);display:grid;place-items:center;flex-shrink:0}.goal-ring span{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;color:var(--orange)}.goal-text{flex:1}.goal-title{font-weight:900;color:#3c3c3c;font-size:17px}.goal-sub{font-size:13px;color:var(--muted)}.goal-flame{display:flex;flex-direction:column;align-items:center;color:var(--orange);font-size:18px;line-height:1}.cat-cards{display:flex;flex-direction:column;gap:12px}.cat-card{position:relative;display:flex;align-items:center;gap:14px;border:none;border-radius:20px;padding:16px;text-align:left;background:var(--c);color:#fff;box-shadow:0 5px 0 var(--d);transition:transform .06s,box-shadow .06s}.cat-card:active{transform:translateY(5px);box-shadow:0 0 0 var(--d)}.cat-card.glow{animation:glow 2.5s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 5px 0 var(--d),0 0 #8b6cf680}50%{box-shadow:0 5px 0 var(--d),0 0 0 8px #8b6cf600}}.cat-emoji{font-size:34px;width:58px;height:58px;display:grid;place-items:center;background:#ffffff40;border-radius:16px;flex-shrink:0}.cat-text{flex:1;display:flex;flex-direction:column}.cat-name{font-size:22px;font-weight:900}.cat-tag{font-size:13px;opacity:.9}.cat-xp{font-size:13px;background:#00000026;padding:4px 10px;border-radius:99px;white-space:nowrap}.cat-pill{position:absolute;top:-10px;right:14px;background:var(--gold);color:#6b4a00;font-size:11px;padding:3px 10px;border-radius:99px;box-shadow:0 2px 0 var(--gold-d)}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mood{border:2px solid var(--line);background:#fff;border-radius:16px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;color:var(--text);box-shadow:0 3px 0 var(--line)}.mood:active{transform:translateY(3px);box-shadow:none}.mood-emoji{font-size:26px}.reward{display:flex;gap:14px;align-items:center;cursor:pointer}.reward-preview{width:72px;flex-shrink:0;position:relative;border-radius:12px;overflow:hidden;background:#f7f7f7}.reward-preview .avatar{filter:grayscale(.6);opacity:.75}.reward-lock{position:absolute;bottom:4px;right:4px;font-size:18px}.reward-info{flex:1;display:flex;flex-direction:column;gap:4px}.reward-name{font-weight:900;font-size:17px;color:#3c3c3c}.reward-req{font-size:13px;color:var(--muted)}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.milestone{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:13px}.milestone small{font-size:10px;line-height:1.1}.milestone-badge{width:48px;height:48px;border-radius:50%;background:#f2f2f2;display:grid;place-items:center;border:2px solid var(--line)}.milestone.done{color:var(--orange)}.milestone.done .milestone-badge{background:#fff3d6;border-color:var(--gold)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#fff;border-top:2px solid var(--line);padding:6px 8px calc(8px + env(safe-area-inset-bottom));z-index:10}.nav-btn{flex:1;border:2px solid transparent;background:none;border-radius:14px;padding:6px 0;display:flex;flex-direction:column;align-items:center;position:relative;color:var(--muted)}.nav-btn.active{border-color:#84d8ff;background:#ddf4ff;color:var(--blue)}.nav-icon{font-size:24px;line-height:1.1}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.nav-badge{position:absolute;top:0;right:22%;background:var(--red);color:#fff;font-size:11px;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;border:2px solid #fff}.category{padding-top:0}.back{width:40px;height:40px;border-radius:12px;border:none;background:#ffffff40;color:#fff;font-size:22px;flex-shrink:0}.cat-header{display:flex;align-items:center;gap:12px;background:var(--c);color:#fff;margin:0 -16px 8px;padding:16px;border-bottom:4px solid var(--d);position:sticky;top:0;z-index:5}.cat-header>div:nth-child(2){flex:1}.cat-header-title{font-size:22px;font-weight:900}.cat-header-sub{font-size:13px;opacity:.9}.cat-header-xp{background:#00000026;border-radius:99px;padding:6px 12px;font-size:14px}.path-section{margin-top:16px}.path-banner{display:flex;justify-content:space-between;align-items:center;background:var(--l);border:2px solid var(--c);border-radius:16px;padding:10px 14px;color:var(--d)}.path-banner b{display:block;font-size:18px}.path-banner small{font-size:12px}.path{display:flex;flex-direction:column;align-items:center;gap:18px;padding:22px 0 6px}.path-node-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.path-node{position:relative;width:78px;height:72px;border-radius:50%;border:none;background:var(--c);box-shadow:0 7px 0 var(--d);font-size:34px;display:grid;place-items:center;transition:transform .06s,box-shadow .06s}.path-node:active{transform:translateY(6px);box-shadow:0 1px 0 var(--d)}.path-node.done{background:var(--gold);box-shadow:0 7px 0 var(--gold-d)}.path-node.today:after{content:"✓";position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;font-size:14px;display:grid;place-items:center;border:2px solid #fff}.node-count{position:absolute;bottom:-4px;left:-4px;font-style:normal;background:#fff;color:#e5a400;border:2px solid var(--gold);border-radius:99px;font-size:11px;padding:0 6px}.path-label{font-size:14px;font-weight:900;color:#3c3c3c;text-align:center;display:flex;flex-direction:column}.path-label small{font-size:11px;color:var(--muted)}.path-end{display:flex;align-items:center;gap:14px;margin:24px 0;padding:0 20px}.diff-dots{display:inline-flex;gap:3px;vertical-align:middle}.diff-dots i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.25}.diff-dots i.on{opacity:1}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}.sheet{width:100%;max-width:480px;background:#fff;border-radius:24px 24px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));animation:slide-up .28s cubic-bezier(.2,1.2,.4,1)}.sheet-dark{background:var(--night-2);color:#d9d6ff}.sheet-dark h2,.sheet-dark h3{color:#fff}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}.act-sheet{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.act-emoji{font-size:46px;width:84px;height:84px;display:grid;place-items:center;background:var(--l);border-radius:24px;border:3px solid var(--c)}.act-cat{color:var(--c);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.act-sheet p{margin:0;color:#777}.sheet-dark .act-sheet p{color:#b5b0e8}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0}.chip{border:2px solid var(--line);border-radius:99px;padding:5px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.sheet-dark .chip{border-color:var(--night-3)}.chip-xp{border-color:var(--gold);color:#c78f00;background:#fff8e1}.durations{width:100%;margin-bottom:8px}.durations>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.durations>div{display:flex;gap:8px;margin-top:6px}.dur{flex:1;border:2px solid var(--line);background:#fff;border-radius:14px;padding:10px 0;font-size:15px;box-shadow:0 3px 0 var(--line)}.dur.active{border-color:var(--c);background:var(--l);color:var(--d);box-shadow:0 3px 0 var(--c)}.player{display:flex;flex-direction:column;padding-bottom:20px}.player-calm{background:linear-gradient(#fff,#eef9ff)}.player-dark{background:linear-gradient(var(--night),#1d1a42);color:#d9d6ff}.player-header{display:flex;align-items:center;gap:12px;padding:6px 0 10px}.close{border:none;background:none;font-size:24px;color:var(--muted);width:36px}.player-bar{flex:1}.player-dark .bar{background:var(--night-3)}.speed{border:2px solid var(--line);background:#fff;border-radius:10px;padding:4px 8px;font-size:13px;color:var(--muted)}.speed.on{border-color:var(--gold);background:#fff8e1;color:#c78f00}.player-dark .speed:not(.on){background:transparent;border-color:var(--night-3)}.player-title{text-align:center;font-size:18px;font-weight:900;color:#3c3c3c;margin:4px 0 8px}.player-dark .player-title{color:#fff}.steps-view{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1}.stage{position:relative;width:min(270px,70vw);border-radius:28px;overflow:hidden;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.step-timer{--p: 0;position:absolute;top:10px;right:10px;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p) * 360deg),rgba(255,255,255,.85) 0);display:grid;place-items:center;border:3px solid var(--ink)}.step-timer span{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;color:var(--ink)}.step-count{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:6px}.step-text{font-size:22px;font-weight:900;text-align:center;color:#3c3c3c;margin:0;max-width:380px;line-height:1.3;animation:pop-in .4s ease-out}.player-dark .step-text{color:#e6e3ff;font-weight:700;animation:fade 2s}.player-footer{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;align-items:center;gap:10px}.time-left{font-size:14px;color:var(--muted)}.player-controls{display:flex;gap:10px}.player-dark .btn-white{--bc: var(--night-2);--bd: #0e0c22;border-color:var(--night-3);color:#d9d6ff}.breath-view{display:flex;flex-direction:column;align-items:center;flex:1;gap:6px}.breath-stage{position:relative;width:min(300px,78vw);aspect-ratio:1;display:grid;place-items:center;margin:10px 0}.breath-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#bfeaff,#7fd4ff 70%);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);transition:transform .12s linear}.breath-ring.inner{background:#ddf4ff;box-shadow:none;border-width:3px}.player-dark .breath-ring{background:radial-gradient(circle,#5c4bb3,#3b2f88 70%);border-color:#0e0c22;box-shadow:0 0 40px #8b6cf659}.player-dark .breath-ring.inner{background:#2a2466}.breath-avatar{width:52%;position:relative;margin-top:8%}.breath-phase{font-size:30px;font-weight:900;color:var(--blue-d)}.player-dark .breath-phase{color:#c9bfff;font-weight:700}.breath-count{font-size:22px;color:var(--muted)}.breath-pattern{font-size:13px;color:var(--muted)}.story-view{flex:1;padding:10px 10px 30px;max-height:60vh;overflow-y:auto;scrollbar-width:none}.story-moon{font-size:48px;text-align:center;margin-bottom:14px;animation:zzz 6s ease-in-out infinite}.story-view p{font-size:20px;line-height:1.6;color:#8f8bc4;margin:0 0 16px;font-weight:600;transition:color 3s;animation:fade 3s}.story-view p.current{color:#ecebff}.sound-view{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:360px;overflow:hidden;border-radius:24px}.orb{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d9d0ff,#8b6cf6 60%,#5a44c2);box-shadow:0 0 60px #8b6cf673;transition:transform .12s linear;position:relative;z-index:1}.sound-label{font-size:20px;color:#c9bfff;font-weight:600;z-index:1}.rain{position:absolute;top:0;right:0;bottom:0;left:0}.rain i{position:absolute;top:-20px;width:2px;height:18px;background:linear-gradient(transparent,#b4beff80);border-radius:2px;animation:rain linear infinite}@keyframes rain{to{transform:translateY(440px)}}.waves{position:absolute;left:0;bottom:0;width:200%;height:120px;animation:drift 16s ease-in-out infinite alternate;opacity:.8}@keyframes drift{to{transform:translate(-50%)}}.journal-view{display:flex;flex-direction:column;gap:14px;padding:4px}.journal-intro{text-align:center;color:#a9a4e0;margin:0}.journal-field{display:flex;flex-direction:column;gap:6px;font-size:15px;color:#e6e3ff}.journal-field textarea{font:inherit;font-weight:600;background:var(--night-2);border:2px solid var(--night-3);border-radius:14px;padding:12px;color:#fff;resize:none;outline:none}.journal-field textarea:focus{border-color:var(--purple)}.tiny-note{font-size:12px;color:var(--muted);text-align:center;margin:6px 0 0}.quit-sheet{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.quit-sheet p{margin:0 0 8px;color:#888}.rewards{display:flex;flex-direction:column;padding-bottom:24px;overflow:hidden;position:relative}.rewards-night{background:linear-gradient(var(--night),#1d1a42);color:#d9d6ff}.rewards-night h1{color:#fff}.rw-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;animation:pop-in .45s cubic-bezier(.2,1.4,.4,1)}.rewards-night .rw-panel{animation:fade 1.2s}.rw-avatar{width:220px;border-radius:28px;overflow:hidden;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.unlock-glow{box-shadow:0 6px 0 var(--ink),0 0 0 10px #fff3c4,0 0 40px 14px #ffc80080;animation:unlock .7s cubic-bezier(.2,1.6,.4,1)}@keyframes unlock{0%{transform:scale(.4) rotate(-10deg);opacity:0}}.rw-title{font-size:30px;color:var(--gold-d)}.rewards-night .rw-title{font-weight:800}.orange-text{color:var(--orange)!important}.gold-text{color:var(--gold-d)!important}.rw-sub{margin:0;color:#888;font-size:16px;max-width:320px}.rewards-night .rw-sub{color:#b5b0e8}.rw-tag{background:#fff3c4;color:#b07d00;padding:6px 14px;border-radius:99px;font-size:14px}.rw-stats{display:flex;gap:10px;margin-top:6px}.rw-stat{--sc: var(--gold);border:2px solid var(--sc);border-radius:16px;overflow:hidden;min-width:96px;background:#fff}.rw-stat small{display:block;background:var(--sc);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:4px;font-weight:900}.rw-stat b{display:block;padding:10px 6px;font-size:20px;color:var(--sc)}.rw-stat.blue{--sc: var(--blue)}.rw-stat.orange{--sc: var(--orange)}.rewards-night .rw-stat{background:var(--night-2)}.rewards-night .rw-stat.gold{--sc: #a99bff}.rw-actions{padding-top:14px}.big-flame{position:relative;animation:unlock .7s cubic-bezier(.2,1.6,.4,1)}.big-flame span{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:40px;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.15)}.big-flame .moon-num{bottom:44px;left:-20px}.level-burst{width:150px;height:150px;display:grid;place-items:center;background:var(--gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:unlock .8s cubic-bezier(.2,1.6,.4,1),spin-slow 8s linear infinite .8s}.level-burst span{font-size:44px;font-weight:900;color:#fff;margin-top:14px}@keyframes spin-slow{to{transform:rotate(360deg)}}.week-dots{display:flex;gap:8px;margin-top:8px;border:2px solid var(--line);border-radius:16px;padding:10px 14px}.wd{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted)}.wd span{width:28px;height:28px;border-radius:50%;background:var(--line);display:grid;place-items:center;color:#fff;font-size:14px}.wd.on span{background:var(--orange)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti span{position:absolute;top:-20px;animation:confetti-fall ease-in forwards}@keyframes confetti-fall{to{transform:translate(var(--drift),105vh) rotate(calc(var(--rot) + 720deg));opacity:.8}}.unwind{color:#d9d6ff;background:linear-gradient(var(--night),#1d1a42);display:flex;flex-direction:column;gap:14px;padding-bottom:40px}.unwind h2{color:#fff;font-weight:800}.unwind-header{display:flex;align-items:center;justify-content:space-between;font-size:18px;color:#fff;padding:4px 0}.back.light{background:var(--night-2);color:#d9d6ff}.unwind-streak{display:flex;align-items:center;gap:4px;color:#b9a6ff}.unwind-stage{width:210px;margin:0 auto;border-radius:28px;overflow:hidden;border:3px solid #0e0c22;box-shadow:0 0 50px #8b6cf640}.unwind-intro,.unwind-done{text-align:center}.unwind-intro p,.unwind-done p{margin:6px auto 0;color:#a9a4e0;max-width:330px;line-height:1.45}.unwind-pip{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;color:#a9a4e0;font-size:14px}.unwind-card{display:flex;gap:14px;align-items:center;background:var(--night-2);border:2px solid var(--night-3);border-radius:20px;padding:14px}.unwind-emoji{font-size:38px;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:var(--night-3);flex-shrink:0}.unwind-card-body{display:flex;flex-direction:column;gap:3px}.unwind-card-body b{color:#fff;font-size:18px}.unwind-card-body span{font-size:14px;color:#b5b0e8}.unwind-card-body small{font-size:12px;color:#8f8bc4}.unwind .link-btn{color:#a99bff;margin-top:-6px}.unwind-week{display:flex;justify-content:space-between;background:var(--night-2);border-radius:18px;padding:12px 16px}.uw-day{display:flex;flex-direction:column;align-items:center;gap:4px;color:#8f8bc4}.uw-day.today small{color:#fff}.uw-day svg path[fill="#E5E5E5"]{fill:var(--night-3)}.unwind-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#8f8bc4}.closet-stage{width:210px;margin:0 auto 14px;border-radius:28px;overflow:hidden;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);position:relative}.closet-count{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#ffffffeb;border-radius:99px;padding:4px 12px;font-size:12px;white-space:nowrap;border:2px solid var(--line)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.stat{display:flex;flex-direction:column;gap:2px;padding:12px}.stat b{font-size:20px;color:#3c3c3c;font-weight:900}.stat small{font-size:12px;color:var(--muted)}.stat-icon{font-size:24px}.cat-bars{display:flex;flex-direction:column;gap:12px}.cat-bar{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:4px 10px}.cat-bar-label{font-weight:900;color:#3c3c3c;font-size:14px}.cat-bar-val{grid-column:2;font-size:12px;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-day{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;font-size:12px;color:#c4c4c4;background:#f7f7f7}.cal-day.l1{background:#fff3d6}.cal-day.l2{background:#ffe2a8}.cal-day.l3{background:#ffc76b}.cal-day.today{outline:3px solid var(--blue);outline-offset:-1px}.upcoming{display:flex;flex-direction:column;gap:12px}.upcoming p{margin:0}.upcoming-row{display:flex;gap:12px;align-items:center}.upcoming-preview{width:54px;border-radius:10px;overflow:hidden;background:#f7f7f7;flex-shrink:0;filter:grayscale(.5);opacity:.8}.upcoming-info{flex:1;display:flex;flex-direction:column;gap:3px}.upcoming-info b{color:#3c3c3c}.upcoming-info small{color:var(--muted);font-size:12px}.recent{display:flex;flex-direction:column;gap:10px}.recent-row{display:flex;align-items:center;gap:12px}.recent-emoji{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px}.recent-title{flex:1;display:flex;flex-direction:column;color:#3c3c3c}.recent-title small{color:var(--muted);font-size:12px}.recent-xp{color:#e5a400}.settings{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:6px 14px}.setting{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:2px solid #f2f2f2;gap:10px}.setting:last-child{border-bottom:none}.setting small{display:block;color:var(--muted);font-size:12px}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:30px;border-radius:99px;background:var(--line);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px #00000026;transition:transform .2s}.toggle:checked{background:var(--green)}.toggle:checked:after{transform:translate(22px)}.demo p{margin:0 0 10px;font-size:14px;color:#777}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.howto p{margin:0 0 8px;font-size:14px;line-height:1.45}.me-footer{display:flex;flex-direction:column;align-items:center;margin-top:24px;gap:6px}.reset-confirm{display:flex;align-items:center;gap:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}