html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Helvetica Neue Local;src:url(./HelveticaNeue-Roman-CSpBGpqm.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Helvetica Neue Local;src:url(./HelveticaNeue-Bold-CvSAbIAR.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Rene;src:url(./RENE-REGULAR-2m1ByroV.TTF) format("truetype");font-weight:400;font-display:swap}:root{font-family:Helvetica Neue Local,Arial,sans-serif;color:#d3d3d3;background:#151515;font-synthesis:none;--paper:#f4f4f4;--ink:#090909}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#151515}button,input{font:inherit}.synth-shell{position:relative;width:100%;height:auto;min-height:0;overflow:hidden;background:#151515;aspect-ratio:1680/1024}.brand{position:absolute;z-index:5;top:3.9%;left:50%;display:flex;align-items:center;transform:translate(-50%) rotate(-1deg);white-space:nowrap;color:#f4f4f4;line-height:.9;pointer-events:none}.brand__raw{font-family:Rene,Georgia,serif;font-size:clamp(42px,5.5vw,92px);font-weight:900;font-style:italic;letter-spacing:-.13em;transform:skew(-10deg) rotate(-2deg)}.brand__wave{margin-left:.08em;font-size:clamp(38px,5vw,82px);font-weight:700;letter-spacing:-.09em}.voice-panel{position:absolute;top:3.81%;width:31.13%;height:auto;aspect-ratio:523/945;padding:2.75% 1.31%;border-radius:clamp(26px,2.56vw,43px);background:#f4f4f4;color:#090909;filter:drop-shadow(0 0 10px #9ed3ff82);overflow:hidden}.voice-panel--1{left:2.62%}.voice-panel--2{right:2.44%}.voice-number{position:absolute;top:2.96%;left:50%;display:grid;width:33px;height:33px;place-items:center;border-radius:50%;background:#0d0d0d;color:#eceaea;font-weight:400;font-size:26px;transform:translate(-50%)}.slider-stack{display:grid;gap:0}.analog-slider{display:flex;width:100%;flex-direction:column;gap:3px;margin-bottom:7px}.analog-slider__label{color:#090909;font-size:clamp(22px,3.7vw,58px);font-weight:400;letter-spacing:-.045em;line-height:1.08}.analog-slider--right .analog-slider__label{text-align:right}.analog-slider input[type=range]{width:100%;height:24px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:ew-resize}.analog-slider input[type=range]::-webkit-slider-runnable-track{height:14px;border-radius:7px;background:#090909}.analog-slider input[type=range]::-moz-range-track{height:14px;border-radius:7px;background:#090909}.analog-slider input[type=range]::-webkit-slider-thumb{width:52px;height:33px;margin-top:-9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:17px;background:#f4f4f4;box-shadow:0 2px 5px #0004}.analog-slider input[type=range]::-moz-range-thumb{width:52px;height:33px;border:0;border-radius:17px;background:#f4f4f4}.knob-bank{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.knob{position:absolute;width:29.32%;aspect-ratio:1}.knob:nth-child(1){left:19.2%;top:37.71%}.knob:nth-child(2){left:51.56%;top:37.71%}.knob:nth-child(3){left:4.76%;top:55.67%}.knob:nth-child(4){left:37.13%;top:55.67%}.knob:nth-child(5){left:69.39%;top:55.67%}.knob__face{position:relative;display:grid;width:100%;height:100%;place-items:center;padding:0;overflow:visible;border:0;border-radius:50%;background:#f4f4f4;color:#090909;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 7px #9ed3ff82)}.knob__face:active{cursor:grabbing;transform:scale(.985)}.knob__inner{position:absolute;z-index:1;top:21.65%;right:21.65%;bottom:21.65%;left:21.65%;border-radius:50%;background:#151515}.knob__rotor{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;transform-origin:center}.knob__pointer{position:absolute;z-index:2;bottom:50%;left:50%;width:4px;height:24.4%;border-radius:4px;background:#f4f4f4;transform:translate(-50%)}.knob__label{position:absolute;z-index:3;top:63%;left:50%;color:#d3d3d3;font-size:clamp(10px,1.2vw,18px);font-weight:400;letter-spacing:-.07em;line-height:1;text-align:center;transform:translate(-50%,-50%);white-space:nowrap}.knob__number{position:absolute;z-index:3;color:#090909;font-size:clamp(10px,1.35vw,21px);font-weight:700;line-height:1;pointer-events:none}.wave-selector{position:absolute;left:0;right:0;bottom:3.1%}.voice-panel--2 .wave-selector{left:0;right:0}.wave-selector h2{margin:0 0 18px;color:#090909;font-size:clamp(20px,2vw,31px);font-weight:400;letter-spacing:-.045em;text-align:center;line-height:1.05}.voice-panel--2 .wave-selector h2{text-align:center}.wave-selector__buttons{display:flex;flex-direction:column;align-items:center;gap:11px}.wave-button{width:45.9%;min-height:35px;padding:.02em .3em .06em;border:0;border-radius:999px;background:#f4f4f4;color:#090909;font-size:clamp(15px,1.45vw,24px);font-weight:700;letter-spacing:-.07em;line-height:.95;cursor:pointer;filter:drop-shadow(0 2px 3px #0004);transform:rotate(3.1deg)}.wave-button:nth-child(2){width:57.4%;transform:rotate(-1.7deg)}.wave-button:nth-child(3){width:41.9%;transform:rotate(3.7deg)}.wave-button:nth-child(4){width:51.8%;background:#090909;color:#f4f4f4;transform:rotate(-2.7deg)}.wave-button.is-active{outline:2px solid #777;outline-offset:2px}.voice-panel--2 .wave-button{transform:translate(-1px) rotate(3.1deg)}.voice-panel--2 .wave-button:nth-child(2){transform:rotate(-1.7deg)}.voice-panel--2 .wave-button:nth-child(3){transform:rotate(3.7deg)}.voice-panel--2 .wave-button:nth-child(4){transform:rotate(-2.7deg)}.center-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wave-position{position:absolute;top:16.4%;left:50%;width:150px;height:126px;transform:translate(-50%)}.wave-visualizer{display:block;width:100%;height:100%}.voice-switches{position:absolute;top:50.7%;left:50%;display:flex;gap:10px;transform:translate(-50%);pointer-events:auto}.voice-switches button{height:65px;min-width:124px;padding:0 28px;border:0;border-radius:10px;background:#f4f4f4;color:#090909;font-size:32px;font-weight:700;cursor:pointer;filter:drop-shadow(0 4px 6px #0008)}.voice-switches button+button{background:#151515;color:#f4f4f4;border:1px solid #cdcdcd}.voice-switches button.is-active{box-shadow:0 0 0 3px #f4f4f4,0 0 18px #fff8}.drum-position{position:absolute;left:50%;bottom:5%;width:300px;height:145px;transform:translate(-50%);pointer-events:auto}.drum-module{position:relative;width:100%;height:100%}.drum-module__wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.drum-module__wires path{fill:none;stroke:#c9c9c9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.drum-node{position:absolute;z-index:1;display:grid;width:58px;aspect-ratio:1;place-items:center;padding:0;border:6px solid #c9c9c9;border-radius:50%;background:#151515;color:#f4f4f4;font-size:42px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .12s,color .12s,transform .12s}.drum-node:hover,.drum-node:focus-visible,.drum-node.is-active{background:#f4f4f4;color:#111;transform:scale(1.04)}.drum-node--kick{top:5%;left:0;font-family:Rene,serif}.drum-node--snare{top:38%;left:20%;width:64px}.drum-node--tom{top:5%;left:39%}.drum-node--cymbal{top:38%;left:59%;font-family:Rene,serif}.drum-node--rim{top:5%;right:0}.drum-node__letter{display:grid;width:100%;height:100%;place-items:center;line-height:.8}.drum-node--kick .drum-node__letter,.drum-node--cymbal .drum-node__letter{color:#cdcdcd;-webkit-text-stroke:.75px #111;paint-order:stroke fill}.keyboard{position:absolute;top:52%;left:50%;display:flex;width:360px;height:60px;justify-content:center;transform:translate(-50%);opacity:0}.keyboard:focus-within{opacity:1}.keyboard__key{width:7.7%;height:100%;padding:0;border:1px solid #777;border-radius:0 0 4px 4px;background:#d3d3d3;color:#111;font-size:12px;cursor:pointer;touch-action:none}.audio-error{position:absolute;top:1rem;right:1rem;max-width:30%;margin:0;color:#d3d3d3;font-size:12px;text-align:right}@media(max-width:1100px){.voice-panel{border-radius:28px}.knob{max-width:12vw}.drum-position{bottom:3%}}@media(max-width:700px){.synth-shell{height:max(100svh,900px);min-height:900px;overflow:auto;aspect-ratio:auto}.voice-panel{top:90px;width:43%;height:750px;padding:28px 18px;border-radius:26px}.voice-panel--1{left:3%}.voice-panel--2{right:3%}.voice-number{top:14px}.analog-slider__label{font-size:24px}.knob-bank{top:38%;left:8%;width:84%;row-gap:15px}.knob{max-width:21vw}.wave-selector{bottom:5%}.wave-selector h2{font-size:25px}.wave-button{min-height:26px;font-size:17px}.brand{top:18px}.wave-position{top:30%;width:120px;height:100px}.voice-switches{top:43%}.voice-switches button{min-width:60px;height:42px;font-size:22px}.drum-position{bottom:20px;width:250px}.drum-node{width:48px;font-size:32px;border-width:5px}.drum-node--snare{width:52px}}.keyboard{pointer-events:none}.keyboard:focus-within{pointer-events:auto}.slider-stack{position:absolute;top:8.68%;left:4.2%;width:91.2%;display:block}.analog-slider{position:relative;display:block;height:65px;margin:0}.analog-slider__label{display:block;font-size:clamp(18px,1.9vw,32px);line-height:1}.analog-slider__control{position:absolute;top:25px;left:0;width:100%;height:33px}.analog-slider input[type=range]{position:absolute;top:0;left:0;width:100%;height:14px;padding:0}.analog-slider input[type=range]::-webkit-slider-thumb{opacity:0}.analog-slider input[type=range]::-moz-range-thumb{opacity:0}.analog-slider__thumb{position:absolute;top:0;width:52px;height:33px;border-radius:17.5px;background:#f4f4f4;box-shadow:0 0 10px #9ed3ff82;transform:translate(-50%);pointer-events:none}.analog-slider__thumb:before{content:"";position:absolute;top:14px;left:19px;width:18px;height:4px;border-radius:2px;background:#090909}.analog-slider__thumb:after{content:"";position:absolute;top:9px;left:27px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #090909}.voice-number{width:1.9643vw;height:1.9643vw;font-size:1.0714vw}.analog-slider{height:3.869vw}.analog-slider__label{font-size:1.905vw}.analog-slider__control{top:1.488vw;height:1.964vw}.analog-slider input[type=range]{height:.833vw}.analog-slider__thumb{width:3.095vw;height:1.964vw;border-radius:1.042vw}.analog-slider__thumb:before{top:.833vw;left:1.131vw;width:1.071vw;height:.238vw;border-radius:.119vw}.analog-slider__thumb:after{top:.536vw;left:1.607vw;border-top:.417vw solid transparent;border-bottom:.417vw solid transparent;border-left:.655vw solid #090909}.knob__pointer{width:.238vw;border-radius:.238vw}.knob__reference-art{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.knob__rotor,.knob__pointer{z-index:3}.knob__label{display:none}.panel-reference-typography{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.panel-reference-typography .wave-reference-shapes{filter:drop-shadow(0 0 7px #9ed3ff) drop-shadow(0 2px 3px #0004)}.analog-slider__label,.wave-selector h2,.wave-button{color:transparent}.wave-button{background:transparent;filter:none}.knob__label{font-size:1.071vw}.knob__number{font-size:1.25vw}.wave-selector h2{margin-bottom:1.071vw;font-size:1.786vw}.wave-selector__buttons{gap:.655vw}.wave-button{min-height:2.083vw;font-size:1.429vw}.wave-position{width:8.929vw;height:7.5vw}.voice-switches{gap:.595vw}.voice-switches button{height:3.869vw;min-width:7.381vw;padding:0 1.667vw;border-radius:.595vw;font-size:1.905vw}.reference-switch-glyph{display:block;height:2.381vw}.reference-switch-glyph--one{width:1.19vw}.reference-switch-glyph--two{width:1.667vw}.brand{display:block;width:21.905vw;height:4.048vw;transform:translate(-50%)}.wave-position{top:15.234375%;width:6.786vw;height:8.929vw;overflow:visible}.wave-button{filter:drop-shadow(0 0 7px #9ed3ff) drop-shadow(0 2px 3px #0004)}.drum-position{bottom:4.17%;width:26.964vw;height:9.881vw}.drum-module{display:block;width:100%;height:100%;overflow:visible}.drum-reference-art{pointer-events:none}.drum-hit{cursor:pointer;outline:none}.drum-hit circle{fill:transparent;stroke:transparent;stroke-width:2}.drum-hit:hover circle,.drum-hit:focus-visible circle,.drum-hit.is-active circle{fill:#f4f4f41f;stroke:#f4f4f4;stroke-width:2;filter:drop-shadow(0 0 8px #9ed3ff)}.drum-hit.is-hit circle{fill:#f4f4f477;stroke:#fff;filter:drop-shadow(0 0 12px #fff)}.wave-button.is-active{outline:0;outline-offset:0}.brand{top:0;left:0;width:100%;height:100%;display:block;transform:none;overflow:visible}.knob-bank{pointer-events:none}.knob{pointer-events:auto}.analog-slider input[type=range]{top:-.536vw;height:1.964vw;touch-action:none}.analog-slider input[type=range]::-webkit-slider-runnable-track{height:.833vw;border-radius:.417vw;background:#090909}.analog-slider input[type=range]::-moz-range-track{height:.833vw;border-radius:.417vw;background:#090909}.analog-slider__thumb{top:-.536vw}.analog-slider__label,.wave-selector h2,.wave-button{font-size:0;line-height:0;letter-spacing:0;color:transparent;text-shadow:none;-webkit-text-fill-color:transparent}.knob:nth-child(3){left:2.883%}.knob:nth-child(4){left:35.24%}.knob:nth-child(5){left:67.6%}.wave-button,.wave-button:nth-child(4){background:transparent;filter:none}.analog-slider__label{display:block;font-size:clamp(15px,1.58vw,26px)!important;line-height:.98;color:#090909!important;-webkit-text-fill-color:#090909!important;transform:translateY(-.35vw)}.knob__label{display:block!important;font-size:1.071vw!important;color:#d3d3d3!important;line-height:1;pointer-events:none}.panel-reference-typography .wave-reference-shape rect{fill:#f4f4f4}.panel-reference-typography .wave-reference-text-item path{fill:#090909}.panel-reference-typography .wave-reference-shape.is-selected rect{fill:#090909}.panel-reference-typography .wave-reference-text-item.is-selected path{fill:#f4f4f4}.voice-switches button,.voice-switches button+button{background:#151515;color:#f4f4f4;border:0}.voice-switches button+button{border:1px solid #cdcdcd}.voice-switches button.is-active{background:#f4f4f4;color:#090909;border-color:#f4f4f4}.reference-switch-glyph{color:inherit}.wave-visualizer{overflow:visible}@media(max-width:700px){.wave-position{top:30%;width:120px;height:126px}.analog-slider__label{font-size:15px!important;transform:translateY(-8px)}}.voice-switches button{display:grid;place-items:center;line-height:0}.reference-switch-glyph{flex:none}.reference-switch-glyph--two{height:2.143vw}.knob__rotor .knob__label{top:63%;left:50%;display:block!important;font-weight:700;line-height:1;pointer-events:none;transform:translate(-50%,-50%)}.wave-selector .wave-button{position:relative;z-index:5;font-size:1.429vw!important;line-height:.95!important;letter-spacing:-.07em!important;color:#090909!important;-webkit-text-fill-color:#090909!important}.wave-selector .wave-button[aria-pressed=true]{color:#f4f4f4!important;-webkit-text-fill-color:#f4f4f4!important}@media(max-width:700px){.wave-selector .wave-button{font-size:17px!important}}.voice-panel .wave-selector{top:0;right:0;bottom:0;left:0;pointer-events:none}.wave-selector .wave-selector__buttons{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible;z-index:5;pointer-events:none}.wave-selector foreignObject{pointer-events:auto}.wave-selector .wave-button.wave-button{position:static;width:100%!important;height:100%;min-height:0;padding:0;border:0;border-radius:17.5px;background:#f4f4f4;transform:none!important;pointer-events:auto;font-size:24px!important;line-height:1!important;filter:drop-shadow(0 0 7px #9ed3ff) drop-shadow(0 2px 3px #0004)}.wave-selector .wave-button.wave-button[aria-pressed=true]{background:#090909}.analog-slider__label{position:absolute;left:0;right:0;top:auto;bottom:2.9515vw;transform:none!important}@media(max-width:700px){.analog-slider__label{font-size:clamp(8px,1.58vw,15px)!important}}.analog-slider__label{font-family:Helvetica Neue Local,Arial,sans-serif;font-weight:700;font-size:1.428571vw!important;letter-spacing:-.07em;line-height:.95}.wave-selector .wave-button.wave-button{font-family:Helvetica Neue Local,Arial,sans-serif;font-weight:400;font-size:26px!important;letter-spacing:-.045em!important;line-height:.98!important}@media(max-width:700px){.analog-slider__label{font-size:clamp(8px,1.428571vw,15px)!important}}