:root{--bg:#fff;--ink:#0a0a0a;--sub:#9c9c9c;--ring:#0000000f;--b-top:#fff;--b-bot:#ececec;--b-stroke:#d6d6d6;--k-top:#fbfbfb;--k-bot:#dcdcdc;--icon:#8e8e8e;--drop:#0000001a;--knob-drop:#00000029;--hi:#ffffffe6;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.noir{--bg:#000;--ink:#f2f2f2;--sub:#6a6a6a;--ring:#ffffff0f;--b-top:#1c1c1c;--b-bot:#0b0b0b;--b-stroke:#2c2c2c;--k-top:#2e2e2e;--k-bot:#121212;--drop:#000000b3;--knob-drop:#0009;--hi:#ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .45s,color .45s;overflow:hidden}button{font:inherit;color:inherit}.neu{background:linear-gradient(180deg, var(--b-top), var(--b-bot));border:1px solid var(--b-stroke);box-shadow:0 10px 24px var(--drop), inset 0 1px 1px var(--hi);border-radius:999px;gap:16px;padding:8px;display:inline-flex}.knob{cursor:pointer;background:linear-gradient(180deg, var(--k-top), var(--k-bot));width:56px;height:56px;box-shadow:0 4px 8px var(--knob-drop), inset 0 1px 1px var(--hi);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .15s,box-shadow .2s,background .2s;display:grid}.knob:hover{transform:translateY(-1px)}.knob:active,.knob.pressed{background:linear-gradient(180deg, var(--k-bot), var(--k-top));box-shadow:inset 0 3px 6px var(--knob-drop);transform:none}.knob svg{display:block}.neu.round{padding:7px}.neu.round .knob{width:46px;height:46px}.dot{border-radius:50%;width:14px;height:14px}.dot.w{background:#fff;border:1px solid #bdbdbd}.dot.b{background:#0a0a0a;border:1px solid #4a4a4a}.pill{background:var(--ink);color:var(--bg);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:17px 28px;font-size:16px;transition:transform .15s,background .45s,color .45s;box-shadow:0 8px 20px #0000002e}.pill:hover{transform:translateY(-1px)}.pill:disabled{opacity:.55;cursor:default;transform:none}.thin{font-weight:100}.globe-overlay{background:var(--bg);z-index:100;opacity:0;pointer-events:none;align-content:center;place-items:center;gap:18px;transition:opacity .45s;display:grid;position:fixed;inset:0}.globe-overlay.on{opacity:1;pointer-events:auto}.globe-overlay.soft{background:color-mix(in srgb, var(--bg) 88%, transparent)}.globe{position:relative}.globe .cell{position:absolute}.globe-label{letter-spacing:.12em;min-height:1.2em;color:var(--sub);font-size:14px;font-weight:100}