:root{--glass: rgba(255, 255, 255, .13);--glass-hi: rgba(255, 255, 255, .22);--edge: rgba(255, 255, 255, .24);--ink: #f4f7f2;--ink-dim: rgba(244, 247, 242, .7);--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a1f19;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#wallpaper,#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#stage{touch-action:none;opacity:0;transition:opacity .6s ease}body.ready #stage{opacity:1}#stage.grab{cursor:grab}#stage.dragging{cursor:grabbing}.menubar{position:fixed;top:0;left:0;right:0;height:26px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:13px;letter-spacing:-.01em;background:#0e1e186b;-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid rgba(255,255,255,.07)}.menubar .left,.menubar .right{display:flex;align-items:center;gap:14px;min-width:0;white-space:nowrap}.menubar .glyph{color:#c9b8ff;flex:none}.menubar strong{font-weight:650}.menus{display:flex;gap:14px;color:var(--ink);opacity:.92}.wifi{opacity:.9}#clock{font-variant-numeric:tabular-nums}#sound{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px 0 6px;border:0;border-radius:6px;color:var(--ink);background:transparent;font:inherit;cursor:pointer}#sound:hover,#sound:focus-visible{background:#ffffff29;outline:none}#sound .i-on{display:none}#sound[aria-pressed=true] .i-on{display:block}#sound[aria-pressed=true] .i-off{display:none}#sound[aria-pressed=false]{animation:nudge 2.4s ease-in-out 4s 2}@keyframes nudge{0%,to{background:transparent}50%{background:#c9b8ff47}}.dock{position:fixed;left:0;right:0;bottom:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px calc(14px + env(safe-area-inset-bottom))}.hint{margin:0;text-wrap:balance;font-size:12px;color:var(--ink-dim);text-shadow:0 1px 6px rgba(0,0,0,.5);text-align:center}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto;max-width:720px}.chip{font:500 13.5px/1 var(--sans);color:var(--ink);cursor:pointer;padding:10px 15px;border-radius:999px;border:1px solid var(--edge);background:linear-gradient(180deg,var(--glass-hi),var(--glass));-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:0 6px 24px #00000047,inset 0 1px #ffffff40;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease}.chip:hover{background:linear-gradient(180deg,#ffffff4d,#ffffff2b);transform:translateY(-1px)}.chip:active{transform:scale(.96)}.chip:focus-visible{outline:2px solid #c9b8ff;outline-offset:2px}.fail{position:fixed;inset:auto 16px 50%;text-align:center;font-size:14px}@media(max-width:640px){.menus,#sound .label,.wifi{display:none}.menubar{padding:0 10px}.hint{font-size:11px}.chip{font-size:12.5px;padding:9px 12px}}@media(max-height:420px){.hint{display:none}}@media(prefers-reduced-motion:reduce){.chip{transition:none}}