:root{--hex:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}@supports (clip-path:shape(from 0% 0%, line to 100% 100%)){:root{--hex:shape(from 42.21% 3.9%, curve to 57.79% 3.9% with 50% 0%, line to 92.21% 21.1%, curve to 100% 32.79% with 100% 25%, line to 100% 67.21%, curve to 92.21% 78.9% with 100% 75%, line to 57.79% 96.1%, curve to 42.21% 96.1% with 50% 100%, line to 7.79% 78.9%, curve to 0% 67.21% with 0% 75%, line to 0% 32.79%, curve to 7.79% 21.1% with 0% 25%, close)}}:root{--ground:#12151c;--surface:#1a1e28;--cell:#262c39;--cell-alt:#1f2530;--edge:#2e3442;--ink:#eceef2;--ink-dim:#9aa2b1;--ink-faint:#858d9d;--brass:#c9a46a;--second-note:#6fd3c1;--signal:#3ddc84;--rec:#f2545b;--signal-dim:#1c5738;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--unsure:#8b79bd;--picked:#e86cb4;--picked-dim:#4a2340;--top-inset:env(safe-area-inset-top,0px)}@media (display-mode:standalone){:root{--top-inset:calc(env(safe-area-inset-top,0px) + min(39px, env(safe-area-inset-top,0px) * 1000))}}