@font-face{font-family:Anybody;src:url(./anybody-CHqbGEEr.woff2)format("woff2");font-style:normal;font-stretch:75% 125%;font-weight:300 800;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(./ibm-plex-mono-DMJ8VG8y.woff2)format("woff2");font-style:normal;font-weight:400 500;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:oklch(95% 0 0);font-synthesis:none;--void:oklch(8% 0 0);--surface:oklch(14% .015 140);--moss:oklch(75% .09 140);--growth:oklch(92% .17 116);--water:oklch(80% .12 190);--light:oklch(95% 0 0);--muted:oklch(72% .03 140);--rule:color-mix(in oklch, var(--moss) 30%, transparent);--quick:.12s;--standard:.32s;--slow:.9s;--flow:cubic-bezier(.4, 0, .2, 1);background:oklch(8% 0 0);font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}html,body,#root{background:var(--void);min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input{touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--growth);outline-offset:4px}::selection{color:var(--void);background:var(--growth)}.instrument{min-height:100vh;color:var(--light);background:var(--void);grid-template-rows:70px minmax(660px,1fr) auto;display:grid}.skip-link{z-index:20;color:var(--void);background:var(--growth);transition:transform var(--standard) var(--flow);padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}header{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 24px;display:grid}.brand{align-items:center;gap:13px;display:flex}.brand-mark{border:1px solid var(--moss);width:42px;height:42px;color:var(--growth);border-radius:50%;place-items:center;font-size:.65rem;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-family:Anybody,sans-serif;font-size:1rem;font-weight:650}.brand small{color:var(--muted);margin-top:2px;font-size:.56rem}.privacy-note{color:var(--muted);text-align:center;margin:0;font-size:.6rem}.privacy-note span{color:var(--moss)}.export-top{border:0;border-bottom:1px solid var(--moss);min-height:44px;color:var(--growth);cursor:pointer;transition:color var(--quick) var(--flow), border-color var(--quick) var(--flow);background:0 0;justify-self:end;padding:0}.export-top:hover{color:var(--light);border-color:var(--light)}.canvas-room{isolation:isolate;min-height:620px;position:relative;overflow:hidden}canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.title-stack{pointer-events:none;position:absolute;top:7%;left:3.5%}.title-stack p{color:var(--moss);margin:0 0 12px;font-size:.66rem}h1{letter-spacing:-.04em;text-wrap:balance;max-width:8ch;margin:0;font-family:Anybody,sans-serif;font-size:clamp(4.2rem,8vw,6rem);font-weight:450;font-stretch:85%;line-height:.78}.source-plate{border-top:1px solid var(--rule);width:min(240px,24vw);padding-top:8px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.source-plate>span{background:var(--growth);width:7px;height:7px;box-shadow:0 0 0 6px color-mix(in oklch, var(--growth) 14%, transparent);border-radius:50%;position:absolute;top:-4px;left:0}.source-plate p,.source-plate strong{margin:0;padding-left:18px;font-size:.55rem;display:block}.source-plate p{color:var(--muted)}.source-plate strong{color:var(--growth);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-weight:500;overflow:hidden}.band-readout{border-top:1px solid var(--rule);width:min(280px,28vw);padding-top:8px;position:absolute;top:10%;right:3.5%}.band-readout div{grid-template-columns:100px 1fr 28px;align-items:center;gap:10px;min-height:34px;font-size:.55rem;display:grid}.band-readout i{background:color-mix(in oklch, var(--moss) 20%, transparent);height:2px;overflow:hidden}.band-readout b{background:var(--growth);transform-origin:0;width:100%;height:100%;transition:transform var(--quick) var(--flow);display:block}.band-readout output{color:var(--growth);text-align:right;font-variant-numeric:tabular-nums}:target{scroll-margin-top:84px}.visual-summary{max-width:42ch;color:var(--muted);text-align:right;margin:0;font-size:.6rem;line-height:1.6;position:absolute;bottom:7%;right:3.5%}.control-deck{border-top:1px solid var(--rule);background:var(--surface);grid-template-columns:1.8fr 1fr 1fr 1.2fr;align-items:stretch;display:grid}.control-deck>*{border:0;border-right:1px solid var(--rule);min-width:0;min-height:126px;padding:18px 22px}.control-deck>:last-child{border-right:0}.source-picker{margin:0}.source-picker legend,.range-control>span{color:var(--muted);margin-bottom:14px;padding:0;font-size:.57rem;display:block}.source-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.source-picker button,.file-source{border:1px solid var(--rule);text-align:center;cursor:pointer;min-height:44px;transition:color var(--quick) var(--flow), background var(--quick) var(--flow), border-color var(--quick) var(--flow);background:0 0;place-items:center;padding:0 8px;font-size:.58rem;line-height:1.25;display:grid}.file-source{position:relative}.file-source input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.source-picker button:hover,.source-picker button.active,.file-source:hover,.file-source.active{color:var(--void);border-color:var(--growth);background:var(--growth)}.file-source:focus-within{outline:3px solid var(--growth);outline-offset:4px}.range-control output{float:right;color:var(--growth)}.range-control{width:100%;display:block}input[type=range]{width:100%;height:28px;accent-color:var(--growth);cursor:pointer}.transport{grid-template-columns:1fr 1fr;padding:0;display:grid}.transport button{cursor:pointer;min-height:126px;transition:color var(--quick) var(--flow), background var(--quick) var(--flow);background:0 0;border:0;padding:14px}.transport button+button{border-left:1px solid var(--rule)}.transport button:hover{color:var(--void);background:var(--growth)}.transport .pause span{color:var(--growth);margin-bottom:8px;font-size:1.3rem;display:block}.transport .pause:hover span{color:var(--void)}.notice{z-index:10;max-width:calc(100vw - 40px);color:var(--void);background:var(--growth);align-items:center;gap:10px;padding:10px 14px;font-size:.58rem;display:flex;position:fixed;bottom:130px;right:20px}.notice span{background:var(--void);border-radius:50%;width:7px;height:7px}@media (width<=850px){header{grid-template-columns:1fr auto}.privacy-note{display:none}.instrument{grid-template-rows:70px minmax(640px,1fr) auto}.title-stack{top:6%}h1{font-size:clamp(3.8rem,14vw,5.8rem)}.source-plate{width:220px;top:38%;left:20px;transform:none}.band-readout{width:auto;inset:auto 20px 90px}.visual-summary{max-width:none;bottom:24px;left:20px;right:20px}.control-deck{grid-template-columns:1fr 1fr}.control-deck>*{border-bottom:1px solid var(--rule)}}@media (width<=560px){header{padding:0 16px}.brand small{display:none}.export-top{font-size:.62rem}.title-stack{left:16px}.control-deck{display:block}.control-deck>*{border-right:0;min-height:112px}.transport button{min-height:112px}.source-actions{grid-template-columns:1fr}.source-picker{min-height:206px}.notice{max-width:none;position:static;bottom:auto;right:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}