:root{--type-family: Georgia, serif;--type-mono: ui-monospace, Menlo, monospace;--type-size: clamp(1.5rem, 4.2vw, 3.1rem);--type-weight: 400;--type-style: normal;--type-leading: 1.34;--type-tracking: -.01em;--type-color: rgba(240, 242, 250, .93);--type-shadow: 0 2px 30px rgba(6, 8, 16, .8), 0 1px 4px rgba(6, 8, 16, .65);--chrome: rgba(232, 237, 250, .78);--chrome-strong: rgba(250, 252, 255, .97);--chrome-shadow: drop-shadow(0 1px 5px rgba(0, 0, 0, .6)) drop-shadow(0 0 14px rgba(0, 0, 0, .35));--orb-bg: rgba(255, 255, 255, .16);--orb-bg-hover: rgba(255, 255, 255, .26);--orb-border: rgba(255, 255, 255, .28);--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .22);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .28)}:root[data-mode=day]{--type-color: rgba(24, 28, 40, .9);--type-shadow: 0 2px 24px rgba(246, 248, 252, .85), 0 1px 3px rgba(255, 255, 255, .7);--chrome: rgba(20, 24, 34, .88);--chrome-strong: rgba(8, 10, 18, .98);--chrome-shadow: drop-shadow(0 0 2px rgba(255, 255, 255, .95)) drop-shadow(0 1px 3px rgba(255, 255, 255, .7));--glass-bg: rgba(255, 255, 255, .34);--glass-border: rgba(255, 255, 255, .62);--glass-shadow: 0 8px 34px rgba(28, 36, 52, .26), inset 0 1px 0 rgba(255, 255, 255, .85);--orb-bg: rgba(255, 255, 255, .5);--orb-bg-hover: rgba(255, 255, 255, .72);--orb-border: rgba(255, 255, 255, .8)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:#0a0d16;-webkit-tap-highlight-color:transparent}#glass{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}#glass:active{cursor:grabbing}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:6vw;pointer-events:none;z-index:2}.headline{margin:0;font-family:var(--type-family);font-size:var(--type-size);font-weight:var(--type-weight);font-style:var(--type-style);line-height:var(--type-leading);letter-spacing:var(--type-tracking);text-align:center;color:var(--type-color);text-shadow:var(--type-shadow);transition:color .9s ease,text-shadow .9s ease;transform:translateZ(0);will-change:transform}.hud{position:fixed;top:calc(20px + env(safe-area-inset-top,0px));left:calc(22px + env(safe-area-inset-left,0px));z-index:3;font-family:var(--type-mono);font-size:12px;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--chrome);filter:var(--chrome-shadow);pointer-events:none;transition:color .9s ease,filter .9s ease}.dock{position:fixed;left:0;right:0;bottom:calc(46px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;padding:0 18px;z-index:3;pointer-events:none}.pill{display:flex;align-items:center;gap:.95rem;padding:.5rem 1.4rem .5rem .5rem;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);font-family:var(--type-mono);font-size:12px;letter-spacing:.16em;color:var(--chrome);pointer-events:auto;transition:background-color .9s ease,border-color .9s ease,box-shadow .9s ease,color .9s ease}.pill-label{min-width:4.2em}.orb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--orb-border);background:var(--orb-bg);color:inherit;cursor:pointer;display:grid;place-items:center;transition:background-color .24s ease,border-color .9s ease,transform .24s ease}.orb:hover{background:var(--orb-bg-hover)}.orb:active{transform:scale(.94)}.orb:focus-visible{outline:1px solid var(--chrome-strong);outline-offset:3px}.orb-bars{display:flex;align-items:center;gap:3px;height:15px}.orb-bars i{display:block;width:2px;height:5px;border-radius:1px;background:var(--chrome-strong);transition:height .24s ease}.orb.is-playing .orb-bars i{animation:level 1.9s ease-in-out infinite}.orb.is-playing .orb-bars i:nth-child(2){animation-duration:1.35s;animation-delay:-.4s}.orb.is-playing .orb-bars i:nth-child(3){animation-duration:2.3s;animation-delay:-.9s}@keyframes level{0%,to{height:4px}50%{height:14px}}.pill-rule{width:1px;height:20px;background:var(--glass-border);transition:background-color .9s ease}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;width:26px;height:26px;display:grid;place-items:center;color:inherit;cursor:pointer;transition:color .22s ease}.icon-btn:hover,.icon-btn:focus-visible{color:var(--chrome-strong)}.icon-btn:focus-visible{outline:1px solid currentColor;outline-offset:4px;border-radius:50%}.ico{grid-area:1 / 1;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;transition:opacity .3s ease,transform .3s ease}.ico-sun{opacity:0;transform:rotate(-60deg) scale(.7)}.icon-btn.is-day .ico-moon{opacity:0;transform:rotate(60deg) scale(.7)}.icon-btn.is-day .ico-sun{opacity:1;transform:none}.credits{position:fixed;left:0;right:0;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:3;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.2em .55em;padding-inline:1rem;font-family:var(--type-mono);font-size:11px;letter-spacing:.14em;color:var(--chrome);opacity:.62;filter:var(--chrome-shadow);transition:color .9s ease,filter .9s ease;pointer-events:none}.credits a{color:inherit;text-decoration:none;pointer-events:auto;border-bottom:1px solid transparent;transition:border-color .22s ease,color .22s ease}.credits a:hover,.credits a:focus-visible{color:var(--chrome-strong);border-bottom-color:currentColor}.credits a:focus-visible{outline:none}.credits .sep{opacity:.5}@media (max-width: 520px){.pill{gap:.75rem;padding-right:1.1rem}.credits{font-size:10px;letter-spacing:.1em}}@media (prefers-reduced-motion: reduce){.headline{transform:none!important}.orb.is-playing .orb-bars i{animation:none;height:9px}}