:root{color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1a2210}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;cursor:none;touch-action:none;user-select:none;-webkit-user-select:none}canvas#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pill{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;padding:4px;gap:2px;z-index:5;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 30px #0000001f,inset 0 1px #ffffff59;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);transition:background .6s,border-color .6s}.pill button{all:unset;position:relative;z-index:1;cursor:none;display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;color:#28283c9e;transition:color .35s;white-space:nowrap}.pill button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pill button[aria-selected=true]{color:#1c1c2a}.pill button:focus-visible{outline:2px solid #fff;outline-offset:1px}.pill-thumb{position:absolute;top:4px;bottom:4px;left:0;width:0;z-index:0;border-radius:999px;background:#ffffffeb;box-shadow:0 2px 10px #00000024;transition:transform .5s cubic-bezier(.3,.9,.2,1),width .5s cubic-bezier(.3,.9,.2,1),background .5s}body[data-time=night] .pill{background:#141c3c59;border-color:#a0b4ff38}body[data-time=night] .pill button{color:#cdd7ff9e}body[data-time=night] .pill button[aria-selected=true]{color:#1b2146}body[data-time=night] .pill-thumb{background:#d6deffeb}.hand{position:fixed;left:0;top:0;width:38px;height:38px;z-index:10;pointer-events:none;will-change:transform;margin:-19px 0 0 -19px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transition:opacity .3s;opacity:0}.hand path{fill:#fff;stroke:#101010;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.hand .hand-grab,.hand.down .hand-open{display:none}.hand.down .hand-grab{display:block}.hand.down{width:34px;height:34px;margin:-17px 0 0 -17px}@media (pointer: coarse){.hand{display:none}}.hint{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;padding:8px 16px;border-radius:999px;font-size:13px;letter-spacing:.02em;color:#ffffffe6;background:#00000038;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity 1.2s;pointer-events:none;z-index:4}.hint.gone{opacity:0}@media (max-width: 480px){.pill button{padding:8px 11px;font-size:13px}.pill button svg{display:none}}