:root{--ink:#11110f;--paper:#f5f3e8;--panel:#e9e8e0;--border:#ffffff14;--orange:#ff5538;--acid:#d9ff43;--blue:#55c8ff;--violet:#7657ff;--radius:26px;--sans:"Avenir Next", "Helvetica Neue", Arial, sans-serif;--display:"Arial Black", "Avenir Next", "Helvetica Neue", Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font:18px/1.45 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#c8c7bf}#root{min-height:100svh;padding:clamp(.6rem,2vw,1.5rem)}body{background-color:#c8c7bf;background-image:linear-gradient(#11110f0b 1px,#0000 1px),linear-gradient(90deg,#11110f0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;margin:0}p{margin:0}button,input,textarea,select{font:inherit}.app-shell{gap:clamp(.75rem,1.5vw,1.15rem);width:min(1240px,100%);margin:0 auto;display:grid}.hero-panel,.board-panel{border-radius:var(--radius);background:var(--panel);border:2px solid #11110fa6;position:relative;overflow:hidden}.hero-panel{min-height:clamp(260px,36vw,410px);color:var(--paper);background:radial-gradient(circle at 80% 20%,#ff47343b,#0000 28%),#101010;border-color:#050505;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);align-items:end;gap:2rem;padding:clamp(1.35rem,4vw,3.5rem);display:grid}.hero-panel:before{content:"";pointer-events:none;opacity:.12;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin:0;font-size:.68rem;font-weight:800}.hero-copy,.hero-meta,.equalizer{z-index:1;position:relative}.hero-copy{align-self:center}.hero-copy h1{max-width:880px;font-family:var(--display);letter-spacing:-.085em;color:var(--paper);text-transform:uppercase;white-space:nowrap;margin:.15em 0 0;font-size:clamp(4rem,8.2vw,7rem);font-weight:900;line-height:.72}.hero-copy h1 .title-slash{color:var(--orange)}.hero-copy h1 .title-second{color:inherit}.hero-text{color:#b8b8b1;margin:1.75rem 0 0;font-size:clamp(.95rem,2vw,1.3rem);font-weight:650}.hero-meta{border-left:1px solid #3b3b3b;flex-direction:column;justify-content:space-between;align-self:stretch;gap:1.25rem;padding-left:clamp(1.2rem,3vw,2.5rem);display:flex}.sound-count{justify-items:end;line-height:1;display:grid}.sound-count span{font-family:var(--display);letter-spacing:-.08em;color:var(--acid);font-size:clamp(4rem,8vw,7rem);font-weight:900}.sound-count small,.now-playing-label{letter-spacing:.14em;text-transform:uppercase;color:#8a8a84;font-size:.62rem;font-weight:800}.now-playing{text-align:right;justify-items:end;gap:.4rem;display:grid}.now-playing strong{max-width:18rem;font-family:var(--display);color:var(--paper);font-size:clamp(1rem,2.3vw,1.5rem);line-height:1}.equalizer{pointer-events:none;align-items:end;gap:5px;height:18px;display:flex;position:absolute;bottom:clamp(1.35rem,4vw,3.5rem);left:clamp(1.35rem,4vw,3.5rem);right:clamp(1.35rem,4vw,3.5rem)}.equalizer span{background:#2b2b2b;flex:1;height:3px}.equalizer span:nth-child(3n+1){height:7px}.equalizer span:nth-child(4n+2){height:12px}.board-panel{background:#e9e8e0;gap:clamp(1rem,2.4vw,1.75rem);padding:clamp(1rem,2.4vw,2rem);display:grid}.panel-heading{justify-content:space-between;align-items:end;gap:1rem;padding:.2rem .15rem;display:flex}.panel-heading h2,.empty-state h3{margin:0}.panel-heading h2{font-family:var(--display);letter-spacing:-.055em;color:var(--ink);margin-top:.2rem;font-size:clamp(2rem,5vw,3.6rem);line-height:.9}.panel-heading .eyebrow{color:#62625c}.autokaos-control{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:flex}.autokaos-copy{text-align:right;gap:.06rem;line-height:1;display:grid}.autokaos-copy strong{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:.78rem}.autokaos-control input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.switch-track{border:2px solid var(--ink);background:#c8c7bf;border-radius:999px;flex:none;align-items:center;width:2.7rem;height:1.3rem;padding:2px;transition:background .16s;display:flex}.switch-track span{background:var(--ink);border-radius:50%;width:.82rem;height:.82rem;transition:transform .16s}.autokaos-control input:checked+.switch-track{background:var(--acid)}.autokaos-control input:checked+.switch-track span{transform:translate(1.88rem)}.autokaos-control:has(input:focus-visible){outline:4px solid var(--ink);outline-offset:3px}.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,1.2vw,.9rem);display:grid}.sound-button{appearance:none;border-radius:calc(var(--radius) * .65);text-align:left;background:var(--pad-color);min-height:clamp(145px,18vw,210px);color:var(--pad-ink,var(--ink));cursor:pointer;border:0;flex-direction:column;justify-content:space-between;gap:1.2rem;padding:clamp(.9rem,1.8vw,1.4rem);transition:filter .14s,box-shadow .14s,opacity .14s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #00000085}.sound-button:after{content:"";opacity:0;pointer-events:none;background:#fff6;transition:opacity .14s;position:absolute;inset:0}.sound-button--orange{--pad-color:var(--orange)}.sound-button--acid{--pad-color:var(--acid)}.sound-button--blue{--pad-color:var(--blue)}.sound-button--violet{--pad-color:var(--violet);--pad-ink:#fffdf4}.sound-button:hover{filter:brightness(1.06);box-shadow:inset 0 0 0 3px #000000d1}.sound-button:focus-visible{outline:4px solid var(--ink);outline-offset:3px}.sound-button:active,.sound-button.is-live{filter:brightness(.92);box-shadow:inset 0 0 0 4px var(--ink)}.sound-button.is-live:after{opacity:.38}.sound-button--loading{filter:saturate(.5)}.sound-button--failed{opacity:.52}.sound-number{font-family:var(--mono);letter-spacing:.08em;opacity:1;font-size:.7rem;font-weight:800}.sound-label{z-index:1;max-width:85%;font-family:var(--display);letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:auto;font-size:clamp(1rem,2vw,1.45rem);font-weight:850;line-height:.94;position:relative}.play-mark{width:2.6rem;height:2.6rem;color:var(--ink);opacity:.65;border:2px solid;border-radius:50%;place-items:center;display:grid;position:absolute;top:1rem;right:1rem}.play-mark span{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0;margin-left:2px}.empty-state{border-radius:calc(var(--radius) * .65);color:var(--ink);border:1px dashed #8b8a82;padding:1.4rem}.app-footer{font-family:var(--mono);letter-spacing:.08em;color:#73736c;text-transform:uppercase;justify-content:space-between;gap:1rem;padding:.2rem .35rem;font-size:.62rem;font-weight:700;display:flex}@media (width<=780px){.hero-panel{grid-template-columns:1fr;align-items:start;min-height:360px}.hero-copy h1{white-space:normal;font-size:clamp(4rem,19vw,7rem)}.hero-copy h1 .title-second{display:block}.hero-meta{border-top:1px solid #3b3b3b;border-left:0;grid-template-columns:auto 1fr;align-items:end;padding:1rem 0 0;display:grid}.equalizer{display:none}.sound-count{justify-items:start}.now-playing{justify-items:end}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading{align-items:start}}@media (width<=430px){.hero-panel{min-height:410px}.hero-copy h1{letter-spacing:-.095em}.hero-text{margin-top:1.2rem}.sound-button{min-height:142px}.app-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.sound-button,.sound-button:after{transition:none}}