:root{color:#d0d9d0;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#d6ed91;--muted:#7e8b80;--line:#ffffff16;background:#080c0b;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}main{background:radial-gradient(at 50% 48%,#17201955 0,#0000 62%);height:100svh;min-height:460px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}button,select,input{border-radius:5px}canvas:focus-visible{outline-offset:-5px}.control-zone{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#080c0bf5 45%,#080c0b00);padding:24px 32px 18px;transition:opacity .65s;position:absolute;top:0;left:0;right:0}.show-controls .control-zone,.control-zone:hover,.control-zone:focus-within{opacity:1;pointer-events:auto}.control-zone:before{content:"";pointer-events:auto;z-index:-1;height:100px;position:absolute;top:0;left:0;right:0}.controls{align-items:center;gap:28px;max-width:1800px;margin:auto;display:flex}.brand{color:#e5ebe1;letter-spacing:-1.6px;align-items:center;font-size:30px;font-weight:600;text-decoration:none;display:flex}.brand svg{width:28px;height:28px;color:var(--accent);margin-right:10px}.brand-period{color:var(--accent)}.study{border-left:1px solid var(--line);white-space:nowrap;gap:7px;padding-left:28px;font-size:12px;display:grid}.eyebrow{letter-spacing:1.7px;color:var(--muted);font-family:Consolas,Courier New,monospace;font-size:9px}.audio-controls{align-items:center;gap:24px;margin-left:auto;display:flex}.device-control{gap:4px;width:190px;display:grid}select{color:#c7d2c7;text-overflow:ellipsis;background:0 0;border:0;width:100%;padding:4px 20px 4px 0;font-size:12px}select option{background:#141a16}.gain-control{gap:10px;width:140px;display:grid}.gain-heading{justify-content:space-between;align-items:center;display:flex}output{color:var(--accent);font:10px Consolas,monospace}input[type=range]{appearance:none;cursor:pointer;background:#475146;width:100%;height:2px;margin:6px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:8px;height:8px}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:8px;height:8px}.meter{align-items:end;gap:3px;height:23px;display:flex}.meter i{background:#263026;border-radius:1px;width:3px;height:100%}.meter i:nth-child(3n){height:80%}.meter i.lit{background:var(--accent)}.meter.clipping i.lit{background:#edb291}.connect{white-space:nowrap;background:#d6ed9109;border:1px solid #d6ed9140;justify-content:center;align-items:center;gap:9px;min-width:137px;min-height:38px;padding:10px 14px;font-size:11px;display:flex}.connect:hover,.start-button:hover{background:#d6ed9120}.status-dot{background:#758073;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.status-dot.live{background:var(--accent);box-shadow:0 0 9px #d6ed9155}.connected{border-color:#d6ed9120}.icon-button{color:#8c9a8f;background:0 0;padding:9px}.icon-button svg{width:20px;height:20px}.secondary-controls{border-top:1px solid var(--line);letter-spacing:1px;max-width:1800px;color:var(--muted);justify-content:space-between;margin:20px auto 0;padding-top:13px;font:9px Consolas,monospace;display:flex}.secondary-controls label{align-items:center;gap:14px;display:flex}.secondary-controls input{color:#b9c9b7;letter-spacing:1.8px;background:0 0;border:0;border-bottom:1px solid #ffffff14;width:125px;padding:5px;font:11px Consolas,monospace}.secondary-actions{gap:22px;display:flex}.secondary-actions button{color:#9caa9e;background:0 0;font:11px Consolas,monospace}.secondary-actions button:hover,.secondary-actions .chosen{color:var(--accent)}.invitation{text-align:center;width:min(400px,90vw);position:absolute;top:64%;left:50%;transform:translate(-50%)}.invitation .eyebrow{color:#a4b290;letter-spacing:3px;font-size:9px}.intro-copy{letter-spacing:.15px;color:#a8b5a8;margin:16px 0 21px;font-size:17px;font-weight:400;line-height:1.6}.start-actions{justify-content:center;align-items:center;gap:18px;display:flex}.start-button{color:#dce8ce;background:#d6ed910d;border:1px solid #d6ed9145;padding:11px 15px;font-size:11px}.start-button span{color:var(--accent);margin-left:18px}.demo-link{color:#7f8e81;background:0 0;padding:12px 0;font-size:11px}.demo-link:hover{color:var(--accent)}.privacy{letter-spacing:.2px;color:#627064;margin-top:19px;font:9px Consolas,monospace}footer{letter-spacing:1.3px;pointer-events:none;color:#8c9b8a;opacity:.45;justify-content:space-between;align-items:center;gap:20px;font:9px Consolas,monospace;transition:opacity .65s;display:flex;position:absolute;bottom:26px;left:32px;right:32px}.show-controls footer,main:focus-within footer{opacity:1}.field-caption{align-items:center;gap:12px;display:flex}.caption-line{background:var(--accent);width:25px;height:1px}.muted{color:#5e6e60}.instructions{letter-spacing:1px;color:#5e6e60;font-size:8px}.instructions span{padding:0 8px}.field-status{align-items:center;gap:10px;font-size:8px;display:flex}.particle-count{margin-left:10px}.reveal-button{color:#8d9c84;letter-spacing:4px;opacity:.25;z-index:4;background:0 0;padding:0 18px 8px;font-size:20px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.reveal-button:hover,.reveal-button:focus-visible{opacity:1}.error{z-index:5;color:#d6c3a1;background:#1c1b14f5;border:1px solid #a4815744;border-radius:6px;align-items:center;gap:16px;width:500px;max-width:calc(100% - 36px);padding:15px 18px;font-size:12px;line-height:1.6;display:flex;position:absolute;top:164px;left:50%;transform:translate(-50%)}.error button{color:#cdbb9d;background:0 0;margin-left:auto;font-size:22px}.secondary-controls{flex-wrap:wrap;gap:12px}.secondary-actions{flex-wrap:wrap}.palette-control{border:1px solid var(--line);background:#ffffff03;border-radius:5px;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:18px 0 22px;padding:14px 16px;display:flex}.palette-control label{gap:6px;min-width:210px;display:grid}.palette-control select{font-size:13px}.palette-control p{color:#8d9c86;flex:1;min-width:180px;margin:0;font-size:11px;line-height:1.6}input[type=range]:disabled{opacity:.3;cursor:default}.tuning-panel{overscroll-behavior:contain;scrollbar-color:#4a5645 #101611;background:#101611f7;border:1px solid #ffffff18;border-radius:8px;max-width:1800px;max-height:calc(100svh - 180px);margin:16px auto 0;padding:24px;overflow:auto;box-shadow:0 16px 70px #0008}.tuning-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.tuning-heading h2{color:#d8dfcf;letter-spacing:-.2px;margin:0;font-size:18px;font-weight:400}.tuning-heading p{color:#8b9989;margin:7px 0 0;font-size:11px}.panel-close{color:#8b9989;background:0 0;padding:0 4px;font-size:24px}.tuning-help{color:#7e8d7e;margin:18px 0;font-size:11px;line-height:1.6}.band-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.band-card{border:1px solid #ffffff0e;border-top:2px solid var(--band-color);background:#ffffff02;border-radius:4px;min-width:0;padding:14px 12px}.band-title{color:#d0d9c8;justify-content:space-between;align-items:center;gap:4px;font-size:12px;display:flex}.hit-indicator{letter-spacing:1px;color:var(--band-color);opacity:.2;font:8px Consolas,monospace;transition:opacity .12s}.hit-indicator.hit{opacity:1;text-shadow:0 0 8px var(--band-color)}.band-range{color:#7e8a7b;margin:7px 0 13px;font:9px Consolas,monospace;display:block}.band-meter{background:#ffffff0a;height:3px;margin-bottom:17px}.band-meter i{background:var(--band-color);max-width:100%;height:100%;transition:width 70ms linear;display:block}.band-card label{gap:7px;display:grid}.band-card .eyebrow{letter-spacing:1px;font-size:8px}.band-card select{padding-bottom:0;font-size:11px}.crossovers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin:26px 0;padding:20px 0;display:grid}.crossovers label,.response-controls label{gap:12px;min-width:0;display:grid}.crossovers label>span,.response-controls label>span{color:#9aa993;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.crossovers output,.response-controls output{white-space:nowrap;color:#bdc897}.response-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.tuning-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;display:flex}.film-swatches{align-items:center;gap:3px;display:flex}.film-swatches i{border-radius:1px;width:16px;height:5px}.film-swatches span{letter-spacing:1px;color:#74816d;margin-left:9px;font:8px Consolas,monospace}.tuning-bottom button{color:#86967f;background:0 0;padding:6px;font:10px Consolas,monospace}.tuning-bottom button:hover{color:var(--accent)}@media (width<=1000px){.band-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crossovers{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}}@media (width<=760px){.tuning-panel{max-height:calc(100svh - 230px);padding:18px}.response-controls{grid-template-columns:1fr;gap:20px}.crossovers,.band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.tuning-panel{max-height:calc(100svh - 300px)}.film-swatches span{font-size:7px}.secondary-actions{row-gap:12px}}@media (width>=1500px){.control-zone{padding:30px 48px}footer{bottom:32px;left:48px;right:48px}}@media (width<=1100px){.study{display:none}.audio-controls{gap:18px}.controls{gap:20px}.device-control{width:170px}.gain-control{width:120px}.instructions{display:none}}@media (width<=760px){.control-zone{padding:22px 20px}.controls{flex-wrap:wrap;gap:16px}.brand{order:0;font-size:26px}.fullscreen{order:1;margin-left:auto}.audio-controls{flex-wrap:wrap;order:2;gap:16px;width:100%;margin:0}.device-control{flex:1;min-width:130px}.gain-control{flex:1;width:120px}.connect{min-width:124px}.meter{height:19px}.secondary-controls{margin-top:14px}.error{top:224px}footer{bottom:22px;left:20px;right:20px}.particle-count{display:none}.invitation{top:62%}.intro-copy{font-size:15px}.secondary-actions{gap:14px}}@media (width<=420px){.meter{display:none}.connect{width:100%}.control-zone{padding-top:16px}.error{top:266px}.eyebrow{font-size:8px}.secondary-controls label{gap:5px}.secondary-controls input{width:86px}.secondary-actions{gap:8px}.secondary-actions button{font-size:10px}}@media (height<=650px){.intro-copy{display:none}.invitation{top:66%}.privacy{margin-top:12px}.invitation .eyebrow{margin-bottom:15px}.control-zone{padding-top:16px}}.control-zone,.show-controls .control-zone,.control-zone:hover,.control-zone:focus-within{pointer-events:none}.show-controls .control-zone>*,.control-zone:hover>*,.control-zone:focus-within>*{pointer-events:auto}.hit-indicator{opacity:.55;font-variant-numeric:tabular-nums}.tuning-panel{border-radius:6px;width:min(100%,840px);max-height:calc(100svh - 165px);margin:10px 0 0 auto;padding:13px 15px}.tuning-heading{align-items:center}.tuning-heading>div{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.tuning-heading h2{font-size:14px}.tuning-heading p{color:#7d8d76;margin:0;font:9px Consolas,monospace}.panel-close{padding:2px 5px;font-size:20px;line-height:1}.palette-control{justify-content:space-between;gap:10px 18px;margin:10px 0;padding:7px 10px}.palette-control label{align-items:center;gap:14px;min-width:0;display:flex}.palette-control select{width:205px;min-height:24px;padding-top:2px;padding-bottom:2px;font-size:11px}.palette-control .eyebrow{letter-spacing:1px;font-size:8px}.film-swatches i{width:17px;height:6px}.band-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.band-card{border-top-width:2px;padding:8px}.band-title{font-size:11px}.hit-indicator{letter-spacing:.5px;font-size:7px}.band-range{margin:5px 0 7px;font-size:8px}.band-meter{margin-bottom:5px}.band-card label{gap:0}.band-card select{min-height:25px;padding-top:3px;padding-right:13px;font-size:10px}.crossovers{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:11px 0;padding:10px 0}.crossovers label,.response-controls label{gap:7px}.crossovers label>span,.response-controls label>span{gap:4px;font-size:9px}.crossovers output,.response-controls output{font-size:9px}.response-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tuning-bottom{gap:10px;margin-top:10px}.tuning-bottom button{padding:3px;font-size:9px}.palette-tag{letter-spacing:1px;color:#74816d;font:8px Consolas,monospace}.tuning-panel input[type=range]{margin:5px 0}.tuning-panel label:has(input[type=range]:not(:disabled)):hover>span{color:#c9d4bc}@media (width<=760px){.tuning-panel{max-height:calc(100svh - 220px);padding:12px}.band-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crossovers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.response-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.response-controls label>span{flex-wrap:wrap}.palette-control{gap:8px 12px}.palette-control select{width:180px}}@media (width<=420px){.tuning-panel{max-height:calc(100svh - 285px)}.tuning-heading>div{gap:5px 12px}.tuning-heading p{font-size:8px}.band-card{padding:7px 6px}.palette-control{padding:6px 8px}.palette-control label{gap:8px}.palette-control select{width:165px}.crossovers{grid-template-columns:repeat(2,minmax(0,1fr))}.response-controls{grid-template-columns:1fr;gap:10px}.response-controls label>span{flex-wrap:nowrap}.tuning-panel input[type=range]{margin:6px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}