@layer theme,base;@layer components{.orb{width:var(--orb);height:var(--orb);background:radial-gradient(circle at 32% 28%, color-mix(in oklab, var(--fg) 80%, var(--orb-c)) 0%, var(--orb-c) 42%, color-mix(in oklab, var(--orb-c) 40%, var(--space)) 100%);border-radius:999px;flex-shrink:0;display:inline-block;position:relative}.orb-glow{box-shadow:0 0 calc(var(--orb) * 1.2) color-mix(in oklab, var(--orb-c) 55%, transparent)}html[data-scene=candles] .orb{width:max(4px, calc(var(--orb) * .46));height:calc(var(--orb) * 1.12);margin-inline:calc(var(--orb) * .27);border-radius:max(1.5px, calc(var(--orb) * .1));background:linear-gradient(90deg, color-mix(in oklab, var(--orb-c) 55%, var(--space)) 0%, var(--orb-c) 30%, color-mix(in oklab, var(--orb-c) 55%, var(--fg)) 50%, var(--orb-c) 72%, color-mix(in oklab, var(--orb-c) 55%, var(--space)) 100%)}html[data-scene=candles] .orb:before,html[data-scene=candles] .orb:after{content:"";background:color-mix(in oklab, var(--orb-c) 70%, var(--fg));border-radius:1px;width:1px;position:absolute;left:50%;translate:-50%}html[data-scene=candles] .orb:before{height:calc(var(--orb) * .32);bottom:100%}html[data-scene=candles] .orb:after{height:calc(var(--orb) * .22);top:100%}html[data-scene=candles] .orb-glow{box-shadow:0 0 calc(var(--orb) * .9) color-mix(in oklab, var(--orb-c) 55%, transparent)}.icon-badge{border-radius:999px;position:relative}html[data-scene=candles] .icon-badge{border-radius:14px;overflow:hidden}html[data-scene=candles] .icon-badge:after{content:"";opacity:.85;background:currentColor;border-radius:2px 2px 0 0;height:2px;position:absolute;inset:auto 22% 0;box-shadow:0 0 10px}.gloss-candle{width:var(--gc-w);height:var(--gc-h);flex-shrink:0;display:inline-block;position:relative}.gloss-candle-wick{left:50%;top:calc(var(--gc-wt) * -1);bottom:calc(var(--gc-wb) * -1);width:max(1.5px, calc(var(--gc-gw) * .07));background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--gc-c) 65%, var(--fg)) 18%, color-mix(in oklab, var(--gc-c) 80%, var(--fg)) 82%, transparent);box-shadow:0 0 calc(var(--gc-gw) * .25) color-mix(in oklab, var(--gc-c) 60%, transparent);border-radius:99px;position:absolute;translate:-50%}.gloss-candle-body{border-radius:clamp(2px, calc(var(--gc-w) * .14), 10px);background:linear-gradient(to bottom, color-mix(in oklab, var(--fg) 30%, transparent), transparent 22%), linear-gradient(90deg, color-mix(in oklab, var(--gc-c) 48%, var(--space)) 0%, var(--gc-c) 24%, color-mix(in oklab, var(--gc-c) 52%, var(--fg)) 40%, var(--gc-c) 58%, color-mix(in oklab, var(--gc-c) 62%, var(--space)) 88%, color-mix(in oklab, var(--gc-c) 40%, var(--space)) 100%);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--fg) 75%, transparent), inset 0 -.6em 1em -.5em color-mix(in oklab, var(--space) 55%, transparent), 0 0 calc(var(--gc-gw) * .9 * var(--gc-g)) color-mix(in oklab, var(--gc-c) calc(48% * var(--gc-g)), transparent), 0 0 calc(var(--gc-gw) * 2.4 * var(--gc-g)) color-mix(in oklab, var(--gc-c) calc(22% * var(--gc-g)), transparent);position:absolute;inset:0}.gloss-candle-body:after{content:"";background:linear-gradient(to bottom, color-mix(in oklab, var(--fg) 70%, transparent), transparent);opacity:.55;border-radius:99px;width:12%;position:absolute;top:6%;bottom:10%;left:30%}.gloss-candle-hollow .gloss-candle-body{background:linear-gradient(to bottom, color-mix(in oklab, var(--gc-c) 38%, transparent), color-mix(in oklab, var(--gc-c) 14%, transparent));box-shadow:inset 0 0 0 1.5px var(--gc-c), 0 0 calc(var(--gc-gw) * .8 * var(--gc-g)) color-mix(in oklab, var(--gc-c) 35%, transparent)}.candle-reflect{-webkit-box-reflect:below 6px linear-gradient(transparent 55%, #00000038)}.scene-moon{background:radial-gradient(circle at 64% 62%, color-mix(in oklab, var(--candle-live) 30%, transparent) 0 7%, transparent 8.5%), radial-gradient(circle at 40% 66%, color-mix(in oklab, var(--candle-live) 24%, transparent) 0 4.5%, transparent 5.5%), radial-gradient(circle at 58% 32%, color-mix(in oklab, var(--candle-live) 22%, transparent) 0 4%, transparent 5%), radial-gradient(circle at 26% 44%, color-mix(in oklab, var(--candle-live) 18%, transparent) 0 3%, transparent 4%), radial-gradient(circle at 38% 34%, var(--fg) 0%, color-mix(in oklab, var(--fg) 90%, var(--candle-live)) 38%, color-mix(in oklab, var(--fg) 62%, var(--candle-live)) 68%, color-mix(in oklab, var(--candle-live) 70%, var(--space-2)) 100%);box-shadow:inset -.1em -.08em .22em color-mix(in oklab, var(--space) 45%, transparent), inset .03em .03em .08em color-mix(in oklab, var(--fg) 80%, transparent), 0 0 .28em .02em color-mix(in oklab, var(--candle-live) 55%, transparent);border-radius:50%;display:inline-block;position:relative}.scene-moon:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--candle-live) 34%, transparent), color-mix(in oklab, var(--candle-live) 10%, transparent) 55%, transparent);animation:scene-glow 5s var(--ease-in-out) infinite;border-radius:50%;position:absolute;inset:-45%}}@layer utilities;:root,[data-sky]{--pot-free:var(--sky-core);--pot-bronze:var(--sky-a);--pot-silver:var(--sky-b);--pot-gold:var(--win);--pot-weekly:var(--sky-tint);--medal-1:var(--win);--medal-2:color-mix(in oklab, var(--fg) 80%, var(--sky-core));--medal-3:color-mix(in oklab, color-mix(in oklab, var(--win) 50%, var(--alert)) 85%, var(--space));--candle-up:var(--sky-a);--candle-down:var(--sky-b);--candle-live:var(--sky-core)}html[data-scene=candles],html[data-scene=candles] [data-sky]{--pot-bronze:var(--medal-3);--pot-silver:var(--medal-2);--medal-2:color-mix(in oklab, var(--fg) 84%, var(--space-2));--medal-3:color-mix(in oklab, color-mix(in oklab, var(--win) 58%, var(--alert)) 82%, var(--space))}@keyframes scene-rise{0%{opacity:0;transform:scaleY(0)}}@keyframes scene-draw{0%{stroke-dashoffset:1px}}@keyframes scene-tick{0%,to{transform:scaleY(1)}35%{transform:scaleY(.82)}70%{transform:scaleY(1.08)}}@keyframes scene-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes scene-drift{50%{transform:translate(-1.6%)}}@keyframes scene-fade{0%{opacity:0}}@keyframes scene-trade{0%,to{transform:scaleY(var(--t0,1))}50%{transform:scaleY(var(--t1,.8))}}@keyframes scene-glow{50%{opacity:var(--glow-min,.55)}}.scene-rise{transform-box:fill-box;transform-origin:50% 100%;animation:scene-rise .7s var(--ease-out) both}.scene-draw{stroke-dasharray:1;animation:scene-draw 2.2s var(--ease-out) both}.scene-tick{transform-box:fill-box;transform-origin:50% 100%;animation:scene-tick 3.4s var(--ease-in-out) infinite}.scene-ping{transform-box:fill-box;transform-origin:50%;animation:scene-ping 2.2s var(--ease-out) infinite}.scene-drift{animation:scene-drift 28s var(--ease-in-out) infinite}.scene-fade{animation:1.6s ease-out both scene-fade}.scene-trade{transform-origin:50% 100%;animation:scene-trade var(--trade-d,6s) var(--ease-in-out) infinite}.scene-glow{animation:scene-glow 4.5s var(--ease-in-out) infinite}html[data-playing] :is(.scene-tick,.scene-ping,.scene-drift,.scene-trade,.scene-glow),html[data-playing] .scene-moon:before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){:is(.scene-tick,.scene-ping,.scene-drift,.scene-trade,.scene-glow),.scene-moon:before{animation:none!important}:is(.scene-rise,.scene-draw){animation-name:scene-fade!important}}