@font-face{font-family:Geist;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Variable-Dispecij.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Pixel Line;src:url(/assets/GeistPixel-Line-Bn2EgCYP.woff2)format("woff2");font-display:swap}:root{--ink:oklab(23.7% .002 .003);--paper:oklab(96.2% .001 0);--night:oklab(20.5% .001 .002);--amber:oklab(83.7% .016 .164);--grey-1:oklab(78% .004 .001);--grey-2:oklab(48.1% .004 .001);--font-body:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--font-pixel:"Geist Pixel Line", var(--font-mono);--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--accent:var(--amber);--on-accent:var(--ink);--bg:var(--paper);--text:var(--ink);--divider:color-mix(in oklab, var(--text) 40%, transparent);--wave:var(--grey-1);--wave-playing:var(--grey-2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--night);--text:var(--paper);--divider:color-mix(in oklab, var(--text) 30%, transparent);--wave:var(--grey-2);--wave-playing:var(--grey-1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--night);--text:var(--paper);--divider:color-mix(in oklab, var(--text) 30%, transparent);--wave:var(--grey-2);--wave-playing:var(--grey-1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100svh;color:var(--text);margin:0;font-size:15px;line-height:1.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;color:inherit}.page{min-height:100svh;container-type:inline-size}.mono{font-family:var(--font-mono)}.pixel{font-family:var(--font-pixel);font-variation-settings:"ELSH" 80;font-weight:400}.kicker{letter-spacing:.1em;text-transform:uppercase;font-size:12px}.bar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-4);border-bottom:2px solid color-mix(in srgb, var(--on-accent) 45%, transparent);background:var(--accent);color:var(--on-accent);display:flex}.bar.sticky{z-index:2;position:sticky;top:0}.bar :focus-visible,.hero :focus-visible{outline-color:var(--on-accent)}.brand{align-items:center;gap:var(--space-2);color:inherit;font-size:20px;line-height:1;text-decoration:none;display:flex}a.brand:hover{opacity:.7}.brand-arrow{font-weight:800}.bar-controls{align-items:center;gap:var(--space-4);font-size:13px;display:flex}.bar-button{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid var(--on-accent);color:var(--on-accent);cursor:pointer;background:0 0;flex:none;display:flex}.bar-button:hover:enabled{background:color-mix(in srgb, var(--on-accent) 18%, transparent)}.theme-toggle{justify-content:center;width:40px;padding:0}.theme-icon{border:2px solid;border-radius:50%;width:16px;height:16px}.theme-icon.system{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.theme-icon.dark{background:currentColor}.stop-all{font-size:14px;font-weight:800}.stop-all:disabled{cursor:default}.stop-all.live,.stop-all.live:hover{background:var(--on-accent);color:var(--accent)}.stop-icon{background:currentColor;width:10px;height:10px}.stop-count{opacity:.75;font-weight:400}.stop-count:empty{display:none}.hero{background:var(--accent);color:var(--on-accent)}.hero-body{gap:var(--space-6);padding:var(--space-8) var(--space-4) var(--space-6);flex-direction:column;display:flex}.hero h1{text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(48px,14cqw,132px);line-height:.95}.hero-text{max-width:520px;margin:0}.hero-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.overlap{align-items:center;gap:var(--space-2);display:flex}.segmented{border:1px solid var(--on-accent);display:flex}.segmented button{min-width:48px;height:32px;padding:0 var(--space-3);text-align:left;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--on-accent);color:var(--accent)}.grid{border-top:1px solid var(--divider);grid-template-columns:repeat(auto-fill,minmax(min(260px,50%),1fr));display:grid}.tile,.sound{justify-content:space-between;gap:var(--space-4);min-width:0;padding:var(--space-4);border:none;border-right:1px solid var(--divider);border-bottom:1px solid var(--divider);color:var(--text);text-align:left;background:0 0;flex-direction:column;text-decoration:none;display:flex}.tile-meta,.sound-meta{font-family:var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.board{min-height:240px}.board:hover{background:var(--text);color:var(--bg)}.board-footer{justify-content:space-between;align-items:flex-end;gap:var(--space-3);font-weight:800;line-height:1;display:flex}.board-title{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(22px,7cqw,40px)}.board-arrow{font-size:22px}.sounds{margin:0;padding:0;list-style:none}.sounds>li{min-width:0;display:flex}.sound{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex:1;min-height:200px}.sound:hover{box-shadow:inset 0 0 0 2px var(--accent)}.sound:focus-visible{outline-offset:-2px}.sound.playing{background:var(--text);color:var(--bg)}.sound-name{letter-spacing:-.015em;text-wrap:pretty;overflow-wrap:anywhere;font-size:clamp(17px,5cqw,24px);font-weight:800;line-height:1.05}.wave{height:44px;position:relative}.wave svg{width:100%;height:100%;fill:var(--wave);position:absolute;inset:0}.playing .wave svg{fill:var(--wave-playing)}.wave .wave-progress{fill:var(--bg);opacity:0}.playing .wave .wave-progress{fill:var(--bg);opacity:1}