.instrument{--ink: #e6e3d8;--muted: #777a78;--faint: rgba(230, 227, 216, .12);--low: #ff6b48;--mid: #ffbf5b;--high: #78e7d6;--font-geist-sans: "Geist", Arial, Helvetica, sans-serif;--font-geist-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;position:fixed;inset:0;color:var(--ink);font-family:var(--font-geist-sans);overflow:hidden;isolation:isolate;min-height:640px;background:radial-gradient(circle at 18% 62%,rgba(170,42,27,.12),transparent 28%),radial-gradient(circle at 68% 53%,rgba(30,138,129,.08),transparent 25%),#050709}.instrument *{box-sizing:border-box}.instrument button,.instrument input{font:inherit}.instrument button{-webkit-tap-highlight-color:transparent;cursor:pointer}.instrument:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 22%,transparent 78%,rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,.36),transparent 24%,transparent 70%,rgba(0,0,0,.5))}.instrument:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.spectrum-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(22px,3vw,46px) clamp(22px,4vw,64px)}.brand-lockup{display:flex;align-items:center;gap:14px;transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.brand-mark{width:31px;height:31px;display:flex;align-items:end;justify-content:center;gap:3px;padding:7px;border:1px solid rgba(230,227,216,.26);border-radius:50%}.brand-mark i{display:block;width:2px;background:var(--ink);border-radius:3px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:10px}.instrument .brand,.instrument .edition{margin:0;letter-spacing:.2em}.instrument .brand{font:600 11px/1.3 var(--font-geist-sans)}.instrument .edition{margin-top:3px;color:var(--muted);font:500 8px/1.2 var(--font-geist-mono)}.signal-status{display:flex;align-items:center;gap:9px;color:var(--muted);letter-spacing:.17em;font:500 8px/1 var(--font-geist-mono)}.status-light{width:5px;height:5px;border-radius:50%;background:#6d3329;box-shadow:0 0 0 4px #ff6b480f;transition:.3s ease}.signal-status.is-live{color:#e6e3d8c2}.signal-status.is-live .status-light{background:var(--high);box-shadow:0 0 12px var(--high)}.intro{position:absolute;z-index:4;left:clamp(22px,4vw,64px);top:19%;width:min(480px,40vw);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.intro[aria-hidden=true]{opacity:0;transform:translateY(-12px);pointer-events:none}.kicker{margin:0 0 18px;color:#9f9c91;text-transform:uppercase;letter-spacing:.25em;font:500 9px/1 var(--font-geist-mono)}.intro h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,6.6vw,106px);font-weight:400;line-height:.86;letter-spacing:-.065em}.intro h1 em{color:var(--mid);font-weight:400;font-style:normal}.intro-copy{width:min(370px,90%);margin:26px 0 0;color:#858782;font-size:12px;line-height:1.7}.band-readout{position:absolute;z-index:5;right:clamp(22px,4vw,64px);top:18%;width:clamp(175px,16vw,245px);display:grid;gap:19px}.band{--band-color: var(--ink)}.band-low{--band-color: var(--low)}.band-mid{--band-color: var(--mid)}.band-high{--band-color: var(--high)}.band-heading{display:flex;justify-content:space-between;align-items:baseline}.band-number{color:var(--muted);font:500 8px var(--font-geist-mono)}.band-name{color:var(--band-color);letter-spacing:.2em;font:500 9px var(--font-geist-mono)}.meter{height:1px;margin:8px 0 7px;background:#e6e3d817;overflow:visible}.meter span{display:block;height:1px;width:100%;transform-origin:left;background:var(--band-color);box-shadow:0 0 8px var(--band-color);transition:transform 80ms linear}.band-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.band p,.band output{margin:0;color:#5d605f;font:500 8px var(--font-geist-mono)}.band output{color:color-mix(in srgb,var(--band-color) 68%,#5d605f)}.band-adjustment{appearance:none;-webkit-appearance:none;width:100%;height:18px;margin:5px 0 0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y}.band-adjustment::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(90deg,transparent 49.4%,var(--band-color) 49.4% 50.6%,transparent 50.6%),linear-gradient(90deg,#e6e3d81f,color-mix(in srgb,var(--band-color) 48%,transparent))}.band-adjustment::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5.5px;border:1px solid var(--band-color);border-radius:50%;background:#0b0d0f;box-shadow:0 0 9px color-mix(in srgb,var(--band-color) 40%,transparent)}.band-adjustment::-moz-range-track{height:2px;border:0;border-radius:2px;background:linear-gradient(90deg,transparent 49.4%,var(--band-color) 49.4% 50.6%,transparent 50.6%),#e6e3d829}.band-adjustment::-moz-range-thumb{width:13px;height:13px;border:1px solid var(--band-color);border-radius:50%;background:#0b0d0f;box-shadow:0 0 9px color-mix(in srgb,var(--band-color) 40%,transparent)}.mid-extreme-toggle{appearance:none;width:100%;height:28px;margin:3px 0 0;padding:0 7px;border:1px solid rgba(255,191,91,.17);border-radius:8px;background:#ffbf5b06;color:#ffbf5b94;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;letter-spacing:.12em;font:600 6px var(--font-geist-mono),monospace;transition:border-color .14s ease,color .14s ease,background .14s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mid-extreme-toggle:hover,.mid-extreme-toggle:focus-visible{border-color:#ffbf5b6b;background:#ffbf5b0e;color:#ffda99eb;outline:none}.mid-extreme-toggle i{position:relative;display:block;height:1px;background:#ffbf5b33}.mid-extreme-toggle i:after{content:"";position:absolute;top:50%;left:0;width:5px;height:5px;border-radius:50%;background:var(--mid);box-shadow:0 0 8px #ffbf5bbf;transform:translate(-50%,-50%);transition:left .12s cubic-bezier(.22,1,.36,1)}.mid-extreme-toggle[data-position=max] i:after{left:100%}.transport{position:absolute;z-index:6;left:50%;bottom:clamp(48px,6vw,78px);transform:translate(-50%);width:min(880px,calc(100vw - 48px));min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 15px 13px 20px;border:1px solid rgba(230,227,216,.13);border-radius:22px;background:#080a0cbd;box-shadow:0 20px 70px #0000006e,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%)}.track-info{min-width:0;display:flex;align-items:center;gap:14px}.track-info>div{display:grid;gap:4px;min-width:0}.track-info strong{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbc9bf;font-size:11px;font-weight:500}.track-label{color:#666a68;letter-spacing:.17em;font:500 7px var(--font-geist-mono)}.track-glyph{width:36px;height:36px;border:1px solid rgba(230,227,216,.1);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:2px;flex:none}.track-glyph i{display:block;width:2px;height:4px;background:#555956}.track-glyph i:nth-child(2){height:10px}.track-glyph i:nth-child(3){height:7px}.track-glyph.playing i{background:var(--high);animation:audio-analyzer-dance .64s ease-in-out infinite alternate}.track-glyph.playing i:nth-child(2){animation-delay:-.25s}.track-glyph.playing i:nth-child(3){animation-delay:-.4s}.track-glyph.playing i:nth-child(4){animation-delay:-.1s}@keyframes audio-analyzer-dance{to{height:15px}}.transport-actions{display:flex;align-items:center;gap:4px}.instrument .text-button{appearance:none;border:0;background:transparent;color:#727572;padding:12px 13px;cursor:pointer;letter-spacing:.14em;font:600 8px var(--font-geist-mono);transition:color .16s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.instrument .text-button:hover,.instrument .text-button.selected{color:var(--ink)}.upload-button{user-select:none;-webkit-user-select:none}.play-button{width:45px;height:45px;margin-left:7px;border:1px solid rgba(230,227,216,.3);border-radius:50%;background:var(--ink);color:#090b0d;cursor:pointer;display:grid;place-items:center;transition:transform .18s ease,opacity .18s ease}.play-button:hover:not(:disabled){transform:scale(1.06)}.play-button:disabled{opacity:.16;cursor:default}.play-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #090b0d;margin-left:2px}.pause-icon{width:8px;height:10px;border-left:3px solid #090b0d;border-right:3px solid #090b0d}.drop-hint{position:absolute;z-index:5;bottom:20px;left:50%;transform:translate(-50%);margin:0;color:#414542;letter-spacing:.16em;white-space:nowrap;font:500 7px var(--font-geist-mono);transition:opacity .42s ease}.instrument.is-playing .brand-lockup,.instrument.is-playing .drop-hint{opacity:0;transform:translateY(-8px);pointer-events:none}.drop-curtain{position:absolute;inset:14px;z-index:20;display:grid;place-items:center;border:1px solid rgba(120,231,214,.6);border-radius:24px;background:#050709d6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:.18s ease;pointer-events:none}.drop-curtain span{color:var(--high);letter-spacing:.35em;font:500 10px var(--font-geist-mono)}.instrument.is-dragging .drop-curtain{opacity:1;visibility:visible}.instrument .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.instrument{height:100svh;min-height:650px;overflow:auto}.intro{top:11%;width:calc(100vw - 44px)}.intro h1{font-size:clamp(44px,13vw,70px)}.intro-copy{width:min(330px,80vw)}.band-readout{inset:auto 22px 142px;width:auto;grid-template-columns:repeat(3,1fr);gap:14px}.band-heading{display:grid;gap:4px}.band-name{font-size:7px}.band p,.band output{font-size:6px;white-space:nowrap}.band-adjustment{height:24px;margin-top:1px}.band-adjustment::-webkit-slider-thumb{width:16px;height:16px;margin-top:-7px}.band-adjustment::-moz-range-thumb{width:16px;height:16px}.transport{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding-left:14px}.transport-actions{width:100%;gap:4px}.instrument .text-button{min-height:40px;padding:11px 8px;font-size:8px}.track-info strong{max-width:130px}.drop-hint{display:none}.mid-extreme-toggle{height:32px;margin-top:0;padding:0 6px;font-size:6px}}@media(max-width:560px){.topbar{padding:20px}.edition{display:none}.signal-status{max-width:145px;text-align:right;line-height:1.4}.intro{left:20px}.intro-copy{margin-top:18px;font-size:11px}.band-readout{right:14px;left:14px;bottom:142px;gap:9px}.transport{min-height:112px;flex-direction:column;align-items:stretch;gap:7px}.track-info{padding:0 5px}.transport-actions{display:grid;grid-template-columns:1.28fr .62fr 1fr .92fr 44px;align-items:center}.text-button{width:100%;min-width:0}.play-button{flex:none}}@media(max-width:820px)and (orientation:landscape){.instrument{min-height:520px}.intro{top:10%}.band-readout{bottom:130px}}@media(prefers-reduced-motion:reduce){.instrument,.instrument *,.instrument *:before,.instrument *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}:root{color-scheme:dark;font-family:Geist,Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;background:#050709}body{overflow:hidden}