:root{--color-page-top:#fbf1e6;--color-page-bottom:#f5e4d3;--color-glow-peach:#ffc4a08c;--color-glow-lavender:#d6c4f573;--color-glow-butter:#ffe2a073;--color-glow-rose:#ffbecd59;--color-text:#6b4f42;--color-text-muted:#a88a7a;--color-shadow:140, 92, 66;--color-panel:#fffaf4d6;--color-panel-edge:#ffffffbf;--color-bowl:#fff9f2db;--color-bowl-rim:#fffaf4db;--color-bowl-rim-edge:#ffffffd9;--color-overlay-backdrop:#fbf1e680;--color-card:#fffbf6eb;--color-button:#5a4036;--color-button-hover:#4b352c;--color-button-text:#fff8f1;--color-focus:#d49b83;--color-switch-on:#f0a58f;--color-switch-off:#a88a7a40;--color-spotify:#1ea755;--color-spotify-hover:#1a944b;--color-backdrop-veil:linear-gradient(180deg, #fbf1e638, #f5e4d34d);--color-label-halo:#fff8f0f2;--color-bowl-glow:#fffdf999;--color-bowl-top:#fffcf7e6;--color-bowl-bottom:#f4e6d8e0;--color-bowl-inner-light:#ffffffbf;--color-bowl-inner-edge:#ffffff8c;--color-card-edge:#ffffffe6;--color-stat-tile:#f5e8dc8c;--glow-opacity:.6;--font-ui:ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--gutter:16px;--field-rim-width:12px;--radius-panel:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-page-top:#1e1a26;--color-page-bottom:#15121c;--color-glow-peach:#d6786059;--color-glow-lavender:#826ec859;--color-glow-butter:#c8a05040;--color-glow-rose:#c8648c40;--color-text:#f3ebe4;--color-text-muted:#b3a69d;--color-shadow:0, 0, 0;--color-panel:#262230db;--color-panel-edge:#ffffff14;--color-bowl:#201d29eb;--color-bowl-rim:#342f40e6;--color-bowl-rim-edge:#ffffff1a;--color-overlay-backdrop:#0a080e8c;--color-card:#24202df5;--color-button:#f3ebe4;--color-button-hover:#fff;--color-button-text:#2a2432;--color-focus:#f0a58f;--color-switch-off:#ffffff29;--color-backdrop-veil:linear-gradient(180deg, #100d1680, #100d16a8);--color-label-halo:#14111ae6;--color-bowl-glow:#5a507047;--color-bowl-top:#282433ed;--color-bowl-bottom:#1a1722f2;--color-bowl-inner-light:#ffffff0d;--color-bowl-inner-edge:#ffffff14;--color-card-edge:#ffffff14;--color-stat-tile:#ffffff0f;--glow-opacity:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:linear-gradient(170deg, var(--color-page-top), var(--color-page-bottom));background-color:var(--color-page-top);color:var(--color-text);font-family:var(--font-ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative}body:before,body:after{content:"";z-index:-1;pointer-events:none;opacity:var(--glow-opacity);will-change:transform;position:fixed;inset:-30%}body:before{background:radial-gradient(34% 30% at 18% 22%, var(--color-glow-peach), transparent 72%), radial-gradient(32% 28% at 84% 70%, var(--color-glow-butter), transparent 72%);animation:90s ease-in-out infinite alternate drift-a}body:after{background:radial-gradient(30% 26% at 78% 20%, var(--color-glow-lavender), transparent 72%), radial-gradient(28% 24% at 22% 82%, var(--color-glow-rose), transparent 72%);animation:120s ease-in-out infinite alternate drift-b}@keyframes drift-a{to{transform:translate(4%,3%)scale(1.05)}}@keyframes drift-b{to{transform:translate(-5%,4%)}}.backdrop{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__video{object-fit:cover;opacity:0;will-change:transform;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.backdrop__video.is-ready{opacity:1}.backdrop:after{content:"";background:var(--color-backdrop-veil);position:absolute;inset:0}body.has-fatal-error{padding:var(--gutter);text-align:center;place-items:center;display:grid}.app{gap:calc(10px + var(--field-rim-width));height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(calc(14px + var(--field-rim-width)), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));flex-direction:column;display:flex}.hud{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;max-width:460px;margin-inline:auto;display:grid}.hud__stat{border-radius:var(--radius-panel);background:var(--color-panel);min-width:min(118px,100%);box-shadow:inset 0 0 0 1px var(--color-panel-edge), 0 10px 24px -14px rgba(var(--color-shadow), .35);flex-direction:column;justify-self:start;padding:9px 18px 10px;display:flex}.hud__stat--end{justify-self:end;align-items:flex-end}.hud__label{letter-spacing:.02em;color:var(--color-text-muted);font-size:.78rem;font-weight:500}.hud__value{font-variant-numeric:tabular-nums;transform-origin:0;font-size:clamp(1.35rem,5.6vw,1.7rem);font-weight:600;line-height:1.15}.hud__stat--end .hud__value{transform-origin:100%}.hud__value--muted{color:var(--color-text)}.hud__next{flex-direction:column;align-items:center;gap:3px;display:flex}.hud__next .hud__label{color:var(--color-text);text-shadow:0 0 8px var(--color-label-halo), 0 0 2px var(--color-label-halo);font-size:.68rem}.hud__next-cookie{background:var(--color-panel);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--color-panel-edge), 0 8px 18px -12px rgba(var(--color-shadow), .4);border-radius:50%}.stage{touch-action:none;flex:1;place-items:center;min-height:0;display:grid;container-type:size}.field{background:radial-gradient(120% 70% at 50% 30%, var(--color-bowl-glow), transparent 70%), linear-gradient(180deg, var(--color-bowl-top), var(--color-bowl) 60%, var(--color-bowl-bottom));box-shadow:inset 0 18px 30px -22px rgba(var(--color-shadow), .26), inset 10px 0 24px -22px rgba(var(--color-shadow), .14), inset -10px 0 24px -22px rgba(var(--color-shadow), .14), inset 0 -14px 26px -20px var(--color-bowl-inner-light), inset 0 0 0 1px var(--color-bowl-inner-edge), 0 0 0 var(--field-rim-width) var(--color-bowl-rim), 0 0 0 calc(var(--field-rim-width) + 1.5px) var(--color-bowl-rim-edge), 0 30px 60px -26px rgba(var(--color-shadow), .3), 0 8px 20px -12px rgba(var(--color-shadow), .14);touch-action:none;border-radius:min(4.25cqw,2.83cqh);display:block}.controls{background:var(--color-panel);width:fit-content;box-shadow:inset 0 0 0 1px var(--color-panel-edge), 0 10px 24px -14px rgba(var(--color-shadow), .35);border-radius:999px;justify-content:center;gap:8px;margin-inline:auto;padding:5px;display:flex}.switch{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:6px 7px 6px 11px;font-size:.8rem;font-weight:500;transition:color .2s;display:flex}.switch[aria-checked=true]{color:var(--color-text)}.switch:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.switch__icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.switch__track{background:var(--color-switch-off);width:36px;height:22px;box-shadow:inset 0 1px 3px rgba(var(--color-shadow), .22);border-radius:999px;transition:background-color .26s;position:relative}.switch[aria-checked=true] .switch__track{background:var(--color-switch-on)}.switch__thumb{width:16px;height:16px;box-shadow:0 1px 2px rgba(var(--color-shadow), .3), 0 3px 8px -2px rgba(var(--color-shadow), .3);background:linear-gradient(#fff,#fbf4ec);border-radius:50%;transition:transform .28s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch__thumb{transform:translate(14px)}.controls__divider{background:rgba(var(--color-shadow), .12);align-self:stretch;width:1px;margin:6px 0}.icon-button{width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .16s,transform .16s;display:grid}.icon-button:hover{background:rgba(var(--color-shadow), .08)}:root[data-theme=dark] .icon-button:hover{background:#ffffff14}.icon-button:active{transform:scale(.94)}.icon-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.settings{width:min(340px, calc(100vw - 2 * var(--gutter)));max-width:none;color:var(--color-text);background:0 0;border:0;padding:0;overflow:visible}.settings::backdrop{background:var(--color-overlay-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings[open] .settings__card{animation:.32s cubic-bezier(.2,.8,.2,1) settings-in}@keyframes settings-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.settings__card{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-card-edge), 0 32px 64px -30px rgba(var(--color-shadow), .45);border-radius:28px;padding:18px 18px 20px 22px}.settings__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.settings__title{margin:0;font-size:1.2rem;font-weight:600}.settings__row{background:var(--color-stat-tile);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.settings__text{flex-direction:column;gap:2px;display:flex}.settings__label{font-size:.92rem;font-weight:600}.settings__hint{color:var(--color-text-muted);font-size:.75rem}.switch--bare{padding:0}[hidden]{display:none!important}.footer{flex-direction:column;align-items:center;gap:8px;display:flex}.spotify{flex-direction:column;align-items:center;gap:6px;max-width:100%;display:flex}.spotify__connect{background:var(--color-panel);color:var(--color-text);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-panel-edge), 0 10px 24px -14px rgba(var(--color-shadow), .35);border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.82rem;font-weight:600;transition:transform .16s;display:flex}.spotify__connect:active{transform:scale(.97)}.spotify__icon{fill:none;width:16px;height:16px;stroke:var(--color-spotify);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.spotify__player{width:min(340px, calc(100vw - 2 * var(--gutter)));background:var(--color-panel);box-shadow:inset 0 0 0 1px var(--color-panel-edge), 0 10px 24px -14px rgba(var(--color-shadow), .35);border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 5px;display:flex}.spotify__cover{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px}.spotify__meta{flex-direction:column;flex:1;min-width:0;padding-left:6px;line-height:1.2;display:flex}.spotify__title,.spotify__artists{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spotify__title{font-size:.8rem;font-weight:600}.spotify__artists{color:var(--color-text-muted);font-size:.7rem}.spotify__button{width:30px;height:30px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .16s,opacity .16s;display:grid}.spotify__button svg{fill:currentColor;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.spotify__button:hover:not(:disabled){background:rgba(var(--color-shadow), .08)}.spotify__button:disabled{opacity:.35;cursor:default}.spotify__button--main{background:var(--color-spotify);color:#fff;width:34px;height:34px}.spotify__button--main:hover:not(:disabled){background:var(--color-spotify-hover)}.spotify__button--main[aria-pressed=true] .spotify__play,.spotify__button--main[aria-pressed=false] .spotify__pause{display:none}.spotify__pause{fill:none;stroke-width:2.6px}.spotify__button--quiet{color:var(--color-text-muted)}.spotify__button--quiet svg{fill:none}.spotify__button:focus-visible,.spotify__connect:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.spotify__message{max-width:min(340px, calc(100vw - 2 * var(--gutter)));background:var(--color-panel);text-align:center;color:var(--color-text);border-radius:12px;margin:0;padding:5px 12px;font-size:.72rem}@media (width>=800px){.spotify{top:max(14px, env(safe-area-inset-top));right:max(var(--gutter), env(safe-area-inset-right));align-items:flex-end;position:fixed}.spotify__message{text-align:right}}.overlay{padding:var(--gutter);background:var(--color-overlay-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;place-items:center;transition:opacity .38s,visibility 0s linear .38s;display:grid;position:fixed;inset:0}.overlay.is-visible{opacity:1;visibility:visible;transition:opacity .38s}.overlay__card{background:var(--color-card);text-align:center;width:min(100%,310px);box-shadow:inset 0 0 0 1px var(--color-card-edge), 0 32px 64px -30px rgba(var(--color-shadow), .4);border-radius:32px;padding:30px 24px 24px;transition:transform .52s cubic-bezier(.2,.8,.2,1);transform:translateY(12px)scale(.97)}.overlay.is-visible .overlay__card{transform:none}.overlay__title{letter-spacing:.01em;color:var(--color-text);margin:0 0 20px;font-size:1.45rem;font-weight:600}.overlay__stats{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px;display:grid}.overlay__stats>div{background:var(--color-stat-tile);border-radius:20px;padding:10px 8px 12px}.overlay__stats dt{color:var(--color-text-muted);font-size:.78rem;font-weight:500}.overlay__stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.6rem;font-weight:600}.overlay__button{background:var(--color-button);width:100%;color:var(--color-button-text);font:inherit;letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;padding:16px 20px;font-size:1rem;font-weight:600;transition:background-color .16s,transform .16s,opacity .24s;box-shadow:inset 0 1px #ffffff24,0 14px 26px -12px #5a403699}.overlay__button:hover:not(:disabled){background:var(--color-button-hover)}.overlay__button:active:not(:disabled){transform:scale(.98)}.overlay__button:disabled{opacity:.55;cursor:default}.overlay__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (orientation:landscape) and (height<=540px){.app{gap:calc(var(--gutter) + var(--field-rim-width));flex-direction:row}.hud{grid-template-columns:auto;align-content:center;gap:14px;width:auto;min-width:128px;max-width:none;margin:0}.hud__stat,.hud__stat--end{justify-self:stretch;align-items:flex-start}.hud__next{align-items:flex-start}.footer{align-self:center}.controls{border-radius:24px;flex-direction:column}.spotify__player{width:220px}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}.backdrop__video,.overlay,.overlay__card,.switch__thumb,.switch__track{transition:none}.settings[open] .settings__card{animation:none}}