:root{--bg: #0f0a1f;--a: #8b5cf6;--b: #22d3ee;--grad: linear-gradient(135deg, var(--a), var(--b));--text: #f6f4ff;--muted: rgba(246, 244, 255, .62);--faint: rgba(246, 244, 255, .38);--card: rgba(255, 255, 255, .055);--card-hi: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .1);--good: #4ade80;--gold: #fde047;--radius: 22px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 64px;color-scheme:dark;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:-20%;z-index:-1;background:radial-gradient(40% 35% at 15% 10%,color-mix(in srgb,var(--a) 35%,transparent),transparent 70%),radial-gradient(45% 35% at 90% 30%,color-mix(in srgb,var(--b) 22%,transparent),transparent 70%),radial-gradient(50% 40% at 50% 110%,color-mix(in srgb,var(--a) 25%,transparent),transparent 70%);pointer-events:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation}input,select,textarea{width:100%;background:#00000040;border:1px solid var(--line);border-radius:14px;padding:12px 14px;outline:none;font-size:16px}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--a) 70%,white)}textarea{resize:vertical;min-height:70px}h1,h2,h3{margin:0;letter-spacing:-.01em}.app{min-height:100dvh}.main{padding:calc(var(--safe-top) + 12px) 16px calc(var(--nav-h) + var(--safe-bottom) + 96px);max-width:720px;margin:0 auto}.sidebar{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px calc(var(--safe-bottom) + 6px);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--line)}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-radius:14px;color:var(--faint);font-size:11px;font-weight:700;transition:color .2s,transform .2s;position:relative}.nav-btn .ico{font-size:22px;line-height:1;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.nav-btn.active{color:var(--text)}.nav-btn.active .ico{transform:translateY(-2px) scale(1.12)}.nav-btn .dot{position:absolute;top:2px;right:calc(50% - 20px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--grad);color:#fff;font-size:11px;line-height:18px}@media(min-width:900px){.app{display:grid;grid-template-columns:260px 1fr}.bottom-nav{display:none}.sidebar{display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100dvh;padding:24px 16px;border-right:1px solid var(--line);background:#0000002e}.sidebar .brand{font-size:22px;font-weight:900;margin:0 8px 16px}.sidebar .nav-btn{flex-direction:row;gap:12px;justify-content:flex-start;padding:12px 14px;font-size:15px}.sidebar .nav-btn.active{background:var(--card-hi)}.sidebar .nav-btn .dot{position:static;margin-left:auto}.main{max-width:1100px;padding:28px 32px 48px;width:100%}.mobile-hud{display:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.section{margin:22px 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:16px;background:var(--card-hi);border:1px solid var(--line);font-weight:800;font-size:15px;transition:transform .12s,background .2s,opacity .2s}.btn:active{transform:scale(.96)}.btn.primary{background:var(--grad);border:0;color:#fff;box-shadow:0 8px 24px -8px var(--a)}.btn.ghost{background:transparent}.btn.danger{color:#fda4af}.btn.block{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#ffffff12;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.chip.hot{background:color-mix(in srgb,#f97316 22%,transparent);color:#fed7aa}.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#00000040;border:1px solid var(--line);border-radius:14px;padding:3px;gap:3px;width:100%}.seg button{padding:9px 10px;border-radius:11px;font-weight:800;font-size:14px;color:var(--muted);transition:background .2s,color .2s}.seg button.on{background:var(--card-hi);color:var(--text);box-shadow:0 1px #ffffff14 inset}.empty{text-align:center;padding:28px 12px}.empty .big{font-size:48px}.hud{display:flex;align-items:center;gap:12px}.hud .lvl{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center;font-weight:900;font-size:18px}.hud .lvl svg{position:absolute;inset:0;transform:rotate(-90deg)}.hud .meta{flex:1;min-width:0}.hud .title{font-weight:900;font-size:15px}.xpbar{height:10px;border-radius:6px;background:#ffffff14;overflow:hidden;margin-top:6px}.xpbar>i{display:block;height:100%;border-radius:6px;background:var(--grad);transform-origin:left;transition:transform .7s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 0 12px var(--b)}.wallet{display:flex;gap:6px}.wallet .chip{font-size:13px;padding:5px 10px;color:var(--text)}.sidebar .hud{flex-wrap:wrap;padding:14px;background:var(--card);border-radius:18px;border:1px solid var(--line);margin-bottom:12px}.sidebar .hud .wallet{width:100%}.today-head{display:flex;align-items:center;gap:16px;margin:14px 0 6px}.today-head h1{font-size:28px;font-weight:900}.ring-wrap{position:relative;width:74px;height:74px;flex:none}.ring-wrap .lbl{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:17px}.ring-wrap svg{transform:rotate(-90deg)}.ring-wrap circle{transition:stroke-dashoffset .8s cubic-bezier(.2,.9,.3,1)}.habit-list{display:grid;gap:10px}@media(min-width:900px){.habit-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.habit{--c: var(--a);position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);transition:transform .2s,background .3s,border-color .3s}.habit:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,transparent),transparent);transform-origin:left;transform:scaleX(var(--p, 0));transition:transform .6s cubic-bezier(.2,.9,.3,1)}.habit{isolation:isolate}.habit.done{border-color:color-mix(in srgb,var(--c) 55%,transparent)}.habit.done .name{opacity:.75}.habit .name{font-weight:800;font-size:16px;line-height:1.2}.habit .sub{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.habit .more{color:var(--faint);font-size:20px;padding:6px}.tapper{position:relative;flex:none;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--c) 18%,transparent);border:2px solid color-mix(in srgb,var(--c) 60%,transparent);transition:transform .18s cubic-bezier(.3,1.8,.5,1),background .25s}.tapper:active{transform:scale(.86)}.tapper.done{background:var(--c);border-color:var(--c);animation:pop .45s cubic-bezier(.3,1.8,.5,1)}.tapper .check{font-size:28px;color:#fff;font-weight:900}.tapper .count{position:absolute;bottom:-7px;right:-7px;background:var(--bg);border:2px solid var(--c);border-radius:10px;padding:0 6px;font-size:12px;font-weight:900}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}.mini{width:36px;height:36px;border-radius:12px;background:var(--card-hi);font-weight:900;font-size:18px}.chest-banner{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;border-radius:var(--radius);margin:10px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 30%,transparent),color-mix(in srgb,var(--a) 30%,transparent));border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);animation:glow 1.8s ease-in-out infinite}.chest-banner .big{font-size:40px;animation:wiggle 1.2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}@keyframes glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--gold) 0%,transparent)}50%{box-shadow:0 0 28px color-mix(in srgb,var(--gold) 40%,transparent)}}.templates{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.quick-add{display:flex;gap:8px;margin:14px 0}.quick-add input{border-radius:18px;padding:14px 16px}.task{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--card);border:1px solid var(--line);transition:opacity .3s,transform .3s}.task+.task{margin-top:8px}.task.done .title{text-decoration:line-through;color:var(--faint)}.task .title{font-weight:700}.task .box{width:30px;height:30px;flex:none;border-radius:10px;border:2px solid var(--faint);display:grid;place-items:center;font-weight:900;color:#fff;transition:transform .18s cubic-bezier(.3,1.8,.5,1),background .2s}.task .box:active{transform:scale(.8)}.task.done .box{background:var(--good);border-color:var(--good);animation:pop .4s}.task .open{flex:1;min-width:0;text-align:left}.prio-2 .box{border-color:#fb7185}.prio-1 .box{border-color:#fbbf24}.chip.late{background:#fbbf2429;color:#fde68a}.backdrop{position:fixed;inset:0;z-index:50;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease-out}.sheet{width:100%;max-width:560px;max-height:92dvh;overflow:auto;background:color-mix(in srgb,var(--bg) 92%,white 8%);border:1px solid var(--line);border-bottom:0;border-radius:28px 28px 0 0;padding:10px 18px calc(var(--safe-bottom) + 20px);animation:up .32s cubic-bezier(.2,.9,.3,1)}.sheet .grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}.sheet h2{font-size:22px;font-weight:900;margin-bottom:14px}@media(min-width:700px){.backdrop{align-items:center}.sheet{border-radius:28px;border-bottom:1px solid var(--line);padding-bottom:22px}.sheet .grab{display:none}}@keyframes up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:13px;font-weight:800;color:var(--muted)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-grid button{font-size:24px;padding:6px 0;border-radius:10px}.emoji-grid button.on{background:var(--card-hi);outline:2px solid var(--a)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatches button{width:32px;height:32px;border-radius:50%;border:3px solid transparent}.swatches button.on{border-color:#fff}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.days button{padding:9px 0;border-radius:10px;background:#00000040;font-weight:800;font-size:13px;color:var(--muted)}.days button.on{background:var(--grad);color:#fff}.stepper{display:flex;align-items:center;gap:10px}.stepper input{text-align:center;width:80px}.timer{text-align:center}.timer .dial{position:relative;width:min(72vw,280px);aspect-ratio:1;margin:8px auto 18px}.timer .dial svg{width:100%;height:100%;transform:rotate(-90deg)}.timer .dial circle.prog{transition:stroke-dashoffset 1s linear}.timer .readout{position:absolute;inset:0;display:grid;place-content:center}.timer .time{font-size:52px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.timer .running .time{animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.04)}}.timer .controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.reward-layer{position:fixed;inset:0;pointer-events:none;z-index:80}.xp-float{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:22px;white-space:nowrap;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.5);animation:floatUp 1.4s cubic-bezier(.2,.9,.3,1) forwards}.xp-float .lbl{display:block;font-size:14px;color:var(--gold)}.xp-float .amt{background:linear-gradient(90deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-90%) scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-220%) scale(1)}}.toasts{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--safe-top) + 12px);z-index:90;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px);pointer-events:none}.toast{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:18px;background:color-mix(in srgb,var(--bg) 85%,white 15%);border:1px solid var(--line);box-shadow:0 12px 30px -10px #0009;font-weight:700;font-size:14px;animation:toastIn .4s cubic-bezier(.3,1.5,.5,1);pointer-events:auto}.toast .e{font-size:24px}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}}.celebrate{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:24px;background:radial-gradient(circle,color-mix(in srgb,var(--a) 40%,rgba(0,0,0,.7)),#000000e6);animation:fade .3s}.celebrate .box{text-align:center;animation:zoom .6s cubic-bezier(.3,1.6,.5,1);max-width:360px}.celebrate .huge{font-size:96px;line-height:1;filter:drop-shadow(0 10px 30px var(--a))}.celebrate h1{font-size:34px;font-weight:900;margin:12px 0 6px}@keyframes zoom{0%{transform:scale(.4);opacity:0}}.chest-open .huge{cursor:pointer;animation:wiggle .9s ease-in-out infinite}.chest-open.opened .huge{animation:zoom .5s}.loot{display:flex;gap:10px;justify-content:center;margin:14px 0;flex-wrap:wrap}.loot .chip{font-size:16px;padding:8px 14px;color:var(--text);animation:zoom .5s cubic-bezier(.3,1.6,.5,1) backwards}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:900px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.tile .v{font-size:28px;font-weight:900}.tile .k{font-size:12px;color:var(--muted);font-weight:700}.chart{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-size:11px;font-weight:700}.chart .bar{transition:opacity .2s}.chart .bar:hover,.chart .bar.on{opacity:.8}.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px;overflow-x:auto;padding-bottom:4px}.heat i{width:14px;height:14px;border-radius:4px;background:#ffffff0f;display:block}.tip{min-height:20px;font-size:13px;color:var(--muted);font-weight:700;margin-top:6px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.ach{text-align:center;padding:12px 6px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.ach .e{font-size:30px}.ach .n{font-size:12px;font-weight:800;margin-top:4px}.ach.locked{opacity:.35;filter:grayscale(1)}.shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.swatch-lg{height:54px;border-radius:14px;margin-bottom:8px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.setting:last-child{border-bottom:0}.toggle{width:52px;height:32px;border-radius:16px;background:#ffffff24;position:relative;flex:none;transition:background .2s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.toggle.on{background:var(--good)}.toggle.on:after{transform:translate(20px)}.calm *,.calm *:before,.calm *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.icon{display:inline-block;vertical-align:-.2em}.center{text-align:center}.nav-btn .ico{display:grid;place-items:center;height:28px}.nav-btn.active .ico{color:var(--b);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--b) 60%,transparent))}.bottom-nav{grid-template-columns:repeat(3,1fr)}.icon-btn{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line)}.btn.big{padding:15px 18px;font-size:16px;border-radius:18px}.xp-float .coins{display:inline-flex;align-items:center;gap:3px;font-size:15px}.unlock-row{display:flex;align-items:center;gap:12px;justify-content:center;margin:4px 0 14px;padding:8px 14px;border-radius:16px;background:var(--card)}.ranked-avatar{position:relative;flex:none}.ranked-avatar>svg:first-child{position:absolute;inset:0}.av{position:relative;border-radius:50%;overflow:hidden;flex:none}.ranked-avatar .av{position:absolute}.rank-pulse{animation:rankPulse 2.6s ease-in-out infinite;transform-origin:100px 72px}@keyframes rankPulse{50%{opacity:.55;transform:scale(1.08)}}.player{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:4px 12px 4px 0;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--a) 22%,transparent),color-mix(in srgb,var(--b) 10%,transparent));border:1px solid color-mix(in srgb,var(--a) 35%,var(--line));box-shadow:inset 0 1px #ffffff14;transition:transform .15s}.player:active{transform:scale(.98)}.player .av:only-child,.player>.av{margin-left:10px}.player-meta{flex:1;min-width:0;padding:8px 0}.player-name{display:flex;align-items:center;gap:6px;font-weight:900;font-size:16px}.player-name .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lvl-badge{flex:none;font-size:11px;font-weight:900;padding:2px 7px;border-radius:8px;background:var(--grad);color:#fff}.player-sub{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .xpbar,.profile-hero .xpbar{position:relative;height:14px;border-radius:8px}.xp-txt{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.player .wallet{flex-direction:column;gap:4px;align-items:flex-end}.player .wallet .chip{font-size:12px;padding:3px 8px}.mobile-hud{margin-bottom:4px}.sidebar .player{flex-wrap:wrap;padding:10px;margin-bottom:12px}.sidebar .player .wallet{flex-direction:row;width:100%}.sidebar .player.active{outline:2px solid var(--b)}.sidebar .brand{display:flex;align-items:center;gap:10px}.sidebar .brand img{border-radius:9px}.profile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.profile-hero{text-align:center;padding:6px 0 4px}.profile-av{position:relative;display:inline-block}.profile-av .ranked-avatar,.profile-av>.av{margin:0 auto}.edit-dot{position:absolute;right:calc(50% - 56px);bottom:18%;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;border:2px solid var(--bg)}.profile-name{font-size:26px;font-weight:900;display:inline-flex;align-items:center;gap:8px;margin-top:4px}.profile-name .icon{opacity:.5}.setting .icon{color:var(--muted)}.ach .icon{margin:0 auto;display:block}.ach.locked .icon{filter:grayscale(1)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin:8px 0 16px}.hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:18px;background:var(--card);border:2px solid transparent;font-size:12px;font-weight:800;text-align:center;transition:transform .15s,border-color .2s}.hero:active{transform:scale(.95)}.hero.on{border-color:var(--b);background:var(--card-hi);box-shadow:0 0 20px -6px var(--b)}.hero.locked{opacity:.55}.hero.locked svg[role=img]{filter:grayscale(.9) brightness(.6)}.hero-lock{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.rank-card{display:flex;gap:14px;align-items:center;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--glow) 22%,transparent),var(--card))}.rank-name{font-size:26px;font-weight:900}.ladder{padding:8px 12px}.ladder-row{display:flex;align-items:center;gap:10px;padding:2px 6px;border-radius:14px}.ladder-row.here{background:var(--card-hi)}.ladder-row.locked{opacity:.45}.rank-up h1{font-size:40px;text-shadow:0 0 24px var(--glow)}.rank-up .ranked-avatar{margin:0 auto}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr;padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px);align-items:center;justify-items:center}.auth-hero{display:none}.auth-panel{width:100%;max-width:400px}.auth-brand{text-align:center;margin-bottom:22px}.auth-brand img{border-radius:18px;box-shadow:0 12px 40px -10px var(--a)}.auth-brand h1{font-size:32px;font-weight:900;margin-top:12px;background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--b) 60%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-brand p{margin:6px 0 0}.auth-form{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:26px;background:var(--card);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-form h2{font-size:22px;font-weight:900}.input-icon{position:relative;display:block}.input-icon>.icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.input-icon input{padding-left:44px;padding-top:14px;padding-bottom:14px;border-radius:16px}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;color:var(--faint)}.auth-err{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:#fb71851f;color:#fecdd3;font-size:14px;font-weight:700}.splash{place-items:center}.splash-icon{border-radius:20px;animation:breathe 1.6s ease-in-out infinite}@media(min-width:900px){.auth{grid-template-columns:1.1fr 1fr;gap:40px;padding:40px;max-width:1200px;margin:0 auto}.auth-hero{display:block;text-align:center}.auth-pitch{font-size:30px;font-weight:900;max-width:440px;margin:24px auto 0;line-height:1.2}.auth-showcase{position:relative;height:360px;display:grid;place-items:center}.auth-champion{position:relative;width:260px;height:195px}.auth-champion>svg{position:absolute;inset:0}.auth-champion-av{position:absolute;left:76px;top:40px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #1d4ed8,0 0 30px #60a5fa}.float{position:absolute;animation:bob 4s ease-in-out infinite;border-radius:50%;overflow:hidden;box-shadow:0 12px 30px -10px #0009}.f1{left:8%;top:12%}.f2{right:10%;top:6%;animation-delay:-1.3s}.f3{right:16%;bottom:4%;animation-delay:-2.6s}.auth-panel{max-width:420px}}@keyframes bob{50%{transform:translateY(-14px) rotate(-3deg)}}:has(>.haptic-sw){position:relative}.haptic-sw{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;appearance:none;-webkit-appearance:none;border:0;background:none;clip-path:inset(0 round 999px);touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;z-index:2;cursor:pointer}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-head h2{margin-bottom:14px}.sheet-x{flex:none;margin:-4px -4px 0 auto}.add-btn{margin-left:auto;align-self:center;flex:none;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 10px 24px -10px var(--a);transition:transform .15s}.add-btn:active{transform:scale(.9) rotate(90deg)}.habit-body{cursor:pointer;min-width:0}.detail-head{display:flex;align-items:center;gap:14px;margin:-6px 0 16px}.detail-head h2{margin:0 0 2px}.detail-icon{width:64px;height:64px;border-radius:20px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 18%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}.tile .v small{font-size:.55em;font-weight:700;opacity:.7;margin-left:2px}.week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.wd{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.wd i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f}.wd.done i{background:var(--c);box-shadow:0 6px 16px -8px var(--c)}.wd.frozen i{background:#93c5fd33;color:#93c5fd}.wd.miss i{background:#ffffff1a;outline:1px dashed rgba(255,255,255,.18)}.wd.pending i{outline:2px solid color-mix(in srgb,var(--c) 60%,transparent)}.wd.future i,.wd.off i{background:#ffffff08}.detail-rank{display:flex;align-items:center;gap:12px}.spark{width:100%;height:40px;margin-top:6px;display:block}.sheet .section h2{font-size:13px;font-weight:800;margin:0}.detail-head+.tiles{margin-top:0}