@font-face{font-family:"Red Hat Mono";font-style:normal;font-weight:400;font-display:block;src:url('/epoq/fonts/red-hat-mono-400.woff2') format('woff2')}
@font-face{font-family:"Scheherazade New";font-style:normal;font-weight:400;font-display:block;src:url('/epoq/fonts/scheherazade-new-400.woff2') format('woff2')}
:root{--eem-signal:#8E00FF} 
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;padding:0;width:100%;height:100%;background:var(--paper);color:var(--ink)}
body{font-family:var(--font-serif);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase;font-weight:400;-webkit-font-smoothing:antialiased}
button,input,output{font:inherit;letter-spacing:inherit;text-transform:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{border-radius:var(--radius-print);font-weight:400;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:var(--focus-ring) solid var(--eem-signal);outline-offset:var(--focus-offset)}
button:disabled{cursor:default}
h1,h2,h3,p{margin:0;font-weight:400;font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase}
.eem-site{width:var(--content);max-width:calc(100% - var(--s-4));margin:0 auto;height:100dvh;display:grid;grid-template-rows:var(--gutter) minmax(0,1fr)}

.sq-header{height:var(--gutter);min-height:0;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;border:0;font-family:var(--font-serif);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase}
.sq-brand{color:var(--ink);text-decoration:none}
.sq-nav{display:flex;align-items:center;gap:var(--s-3)}
.sq-nav a{color:var(--ink);text-decoration:none}
.sq-nav a:hover,.sq-nav a.is-active{color:var(--ink);text-decoration:underline;text-decoration-thickness:var(--hairline);text-underline-offset:calc(var(--s-1)/2)}
.eem{height:100%;min-height:0;min-width:0;display:grid;grid-template-rows:var(--s-4) minmax(0,1fr) calc(var(--s-6) + var(--s-5)) var(--s-3)}
.eem-meta{font-family:var(--font-mono);font-size:var(--fz-mono-6);line-height:var(--lh-mono-6);letter-spacing:var(--track-code);text-transform:uppercase;color:var(--ink)}
.eem-number{font-family:var(--font-mono);font-size:var(--fz-mono-6);line-height:var(--lh-mono-6);letter-spacing:var(--track-code);text-transform:uppercase;color:var(--ink)}
.eem-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:var(--s-2);border-bottom:var(--hairline) solid var(--ink)}
.eem-top h1{font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-align:center}
.eem-back{justify-self:start;color:var(--ink)}
.eem-utilities{display:flex;justify-content:flex-end;gap:var(--s-3)}
.eem-text-button{border:0;background:none;padding:var(--s-1) 0;color:var(--ink);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase}
.eem-text-button:hover{color:var(--eem-signal)}
.eem-screen{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--col) - var(--s-5));gap:var(--gutter);min-height:0;min-width:0}
.eem-image-zone{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) calc(var(--s-4) + var(--s-3))}
.eem-image{position:relative;min-height:0;min-width:0;overflow:hidden}
#hydraCanvas{display:block;width:100%;height:100%}
.eem-image-top,.eem-image-bottom{position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);pointer-events:none}
.eem-image-top{top:var(--s-2)}
.eem-image-bottom{bottom:var(--s-1)}
.eem-mark{font-family:var(--font-serif);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink)}
.eem-mark span{color:var(--ink)}
.eem-spectrum{min-width:0;min-height:0;display:grid;grid-template-rows:var(--s-3) minmax(0,1fr);padding-bottom:var(--s-2)}
.eem-spectrum-label,.eem-step-heading{display:flex;align-items:center;justify-content:space-between}
#eqCanvas{display:block;width:100%;height:100%}
.eem-score{min-width:0;min-height:0;padding:var(--s-2) 0;display:flex;flex-direction:column}
.eem-score-heading,.eem-recipe-heading,.eem-section-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-1)}
.eem-score h2,.eem-section-line h2{font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase}
.eem-patch-toggle{padding:0;font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase}
.eem-step-heading{margin-top:var(--s-3)}
.eem-score-grid{display:grid;gap:var(--s-1);margin-top:var(--s-2)}
.eem-score-row{display:grid;grid-template-columns:calc(var(--s-4) + var(--s-1)) repeat(16,minmax(0,1fr));gap:calc(var(--s-1)/2);align-items:center}
.eem-score-row>span:first-child{font-family:var(--font-mono);font-size:var(--fz-mono-6);line-height:var(--lh-mono-6);letter-spacing:0;color:var(--ink);text-transform:uppercase}
.eem-step{height:var(--s-1);background:var(--paper);border:var(--hairline) solid var(--ink)} 
.eem-step[data-note=true]{background:var(--ink)}
.eem-score-row[data-muted=true] .eem-step[data-note=true]{background:var(--paper)}
.eem-step[data-current=true]{border-color:var(--eem-signal);outline:var(--hairline) solid var(--eem-signal);outline-offset:0}
.eem-score-row:not([data-muted=true]) .eem-step[data-note=true][data-current=true]{background:var(--eem-signal);border-color:var(--eem-signal)}
.eem-score-caption{display:flex;justify-content:space-between;gap:var(--s-1);margin-top:var(--s-2);letter-spacing:0}
#scoreView{display:flex;flex-direction:column;flex:1;min-height:0}
.eem-voice-map{margin-top:var(--s-3);display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1) var(--s-3)}
.eem-voice-row{display:grid;grid-template-columns:var(--s-1) 1fr;gap:var(--s-1);align-items:center;font-family:var(--font-serif);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase}
.eem-voice-row i{display:block;height:var(--s-1);background:var(--paper);border:var(--hairline) solid var(--ink)} 
.eem-voice-row[data-active=true] i{background:var(--eem-signal);border-color:var(--eem-signal)}
.eem-score-note{margin-top:auto;padding-top:var(--s-3);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink)}
#patchView{min-height:0;flex:1;display:flex;flex-direction:column}
.eem-recipe-heading{margin-top:var(--s-3);margin-bottom:var(--s-2)}
.eem-code{font-family:var(--font-mono);font-size:var(--fz-mono-6);line-height:var(--lh-mono-6);letter-spacing:var(--track-code);color:var(--ink);overflow-wrap:anywhere;min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper)}
.eem-code div{min-height:0}
.eem-code .highlight,.eem-code .is-active-line{color:var(--eem-signal);background:none;font-weight:400}
.eem-desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:var(--s-3);padding:var(--s-3) 0 var(--s-2);border-top:var(--hairline) solid var(--ink);min-height:0;min-width:0}
.eem-transport,.eem-palette,.eem-effects{min-width:0;min-height:0}
.eem-section-line{height:var(--s-3)}
.eem-led{display:inline-block;width:calc(var(--s-1)/2);height:calc(var(--s-1)/2);margin-right:var(--s-1);background:var(--ink);vertical-align:middle}
.eem-led.is-on{background:var(--eem-signal)}
.eem-transport-row,.eem-scenes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-1);margin-top:var(--s-1)}
.eem-button,.eem-play{display:flex;justify-content:center;align-items:center;min-width:0;min-height:var(--s-4);padding:var(--s-1);border:var(--hairline) solid var(--ink);background:transparent;color:var(--ink);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase;white-space:nowrap} 
.eem-button:hover{border-color:var(--eem-signal);color:var(--eem-signal)}
.eem-play{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.eem-play:hover,.eem-play.is-on{background:var(--eem-signal);border-color:var(--eem-signal);color:var(--paper)}
.eem-button[aria-pressed=true]{border-color:var(--eem-signal);color:var(--eem-signal);background:var(--paper)}
#rollBtn{touch-action:none;user-select:none}
#rollBtn[aria-pressed=true]{background:var(--eem-signal);border-color:var(--eem-signal);color:var(--paper)}
.eem-output{display:grid;grid-template-columns:auto 1fr var(--s-4);gap:var(--s-2);align-items:center;margin-top:var(--s-2)}
.eem-output output{text-align:right;color:var(--ink)}
#volumeInput{width:100%;height:var(--s-3);margin:0;appearance:none;cursor:ew-resize;background:transparent}
#volumeInput::-webkit-slider-runnable-track{height:var(--hairline);background:var(--ink)}
#volumeInput::-webkit-slider-thumb{appearance:none;width:var(--s-1);height:var(--s-2);background:var(--eem-signal);border:0;border-radius:0;margin-top:calc(var(--s-1) * -1)}
#volumeInput::-moz-range-track{height:var(--hairline);background:var(--ink)}
#volumeInput::-moz-range-thumb{width:var(--s-1);height:var(--s-2);background:var(--eem-signal);border:0;border-radius:0}
.eem-instruction{margin-top:var(--s-1);letter-spacing:0}
.eem-stems{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-1);margin-top:var(--s-2)}
.eem-stem{position:relative;min-width:0;min-height:var(--s-4);padding:0 0 var(--s-1);background:none;border:0;color:var(--ink);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase}
.eem-stem:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--hairline);background:var(--ink)}
.eem-stem[aria-pressed=true]{color:var(--ink)}
.eem-stem[aria-pressed=true]:after{background:var(--eem-signal)}
.eem-stem:hover{color:var(--eem-signal)}
.eem-faders{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-1);margin-top:var(--s-1)}
.imdj-knob{min-width:0;display:grid;grid-template-rows:auto var(--s-5) auto;gap:calc(var(--s-1)/2);align-items:center;justify-items:center;cursor:ns-resize;touch-action:pan-y;user-select:none}
.imdj-knob-label{font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink)}
.imdj-knob-dial{touch-action:none;position:relative;display:block;width:100%;height:100%}
.imdj-knob-dial:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:var(--hairline);background:var(--ink)}
.imdj-knob-mark{position:absolute;left:25%;right:25%;top:calc((1 - var(--position,.5)) * (100% - var(--s-1)));height:var(--s-1);background:var(--eem-signal)}
.imdj-knob:hover .imdj-knob-mark,.imdj-knob:focus-visible .imdj-knob-mark{background:var(--ink)}
.imdj-knob output{font-family:var(--font-mono);font-size:var(--fz-mono-6);line-height:var(--lh-mono-6);letter-spacing:var(--track-caps);color:var(--ink);white-space:nowrap}
.eem-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);border-top:var(--hairline) solid var(--ink)}
.eem-dialog{width:min(calc(100% - var(--s-4)),var(--measure-note));max-height:calc(100dvh - var(--s-4));margin:auto;padding:var(--s-3);background:var(--paper);color:var(--ink);border:var(--hairline) solid var(--ink);font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps);text-transform:uppercase}
.eem-dialog::backdrop{background:transparent}
.eem-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-3)}
.eem-dialog-head h2{font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps)}
.eem-dialog p{margin:var(--s-2) 0}
.eem-dialog dl{display:grid;grid-template-columns:var(--s-5) 1fr;gap:var(--s-1) var(--s-2);margin:var(--s-3) 0}
.eem-dialog dt{color:var(--ink)}
.eem-dialog dd{margin:0}
.eem-mic{border-top:var(--hairline) solid var(--ink);padding-top:var(--s-2)}
.eem-mic h3{font-size:var(--fz-serif-8);line-height:var(--lh-serif-8);letter-spacing:var(--track-caps)}
.eem-mic-actions{display:flex;gap:var(--s-1)}
.eem-mic-actions>*{flex:1}
.eem-noscript{position:fixed;left:var(--s-3);bottom:var(--s-4);padding:var(--s-2);background:var(--paper);color:var(--ink)}
@media(max-width:1100px){
 .eem-top{grid-template-columns:1fr auto 1fr}
 .eem-screen{grid-template-columns:minmax(0,1fr) calc(var(--col) - var(--s-6));gap:var(--s-3)}
 .eem-desk{gap:var(--s-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}
 .eem-utilities{gap:var(--s-2)}
}
@media(max-height:760px) and (min-width:841px){
 .eem{grid-template-rows:var(--s-4) minmax(0,1fr) calc(var(--s-6) + var(--s-4) + var(--s-2)) var(--s-3)}
 .eem-desk{padding-top:var(--s-2)}
 .eem-score{padding-top:var(--s-1)}
 .eem-step-heading{margin-top:var(--s-2)}
 .eem-score-grid{margin-top:var(--s-1);gap:calc(var(--s-1)/2)}
 .eem-score-note{display:none}
 .eem-faders .imdj-knob{grid-template-rows:auto calc(var(--s-5) - var(--s-2)) auto}
 .eem-instruction{margin-top:calc(var(--s-1)/2)}
 .eem-voice-map{margin-top:var(--s-1);gap:calc(var(--s-1)/2) var(--s-1)}
}
@media(max-height:640px) and (min-width:841px){
 .eem-step-heading{margin-top:var(--s-1)}
 .eem-score-caption{margin-top:var(--s-1)}
}
@media(max-width:840px){
 html,body{height:auto}
 .eem-site{height:auto;min-height:100dvh;max-width:calc(100% - var(--s-4));display:block}
 .sq-header{height:var(--s-5);flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s-1)}
 .sq-nav{gap:var(--s-2);flex-wrap:wrap}
 .eem{height:auto;min-height:0;display:flex;flex-direction:column}
 .eem-top{grid-template-columns:1fr auto;min-height:var(--s-5);padding-block:var(--s-2);gap:var(--s-1)}
 .eem-top h1{grid-row:2;grid-column:1/-1;text-align:left}
 .eem-utilities{grid-column:2;grid-row:1}
 .eem-screen{display:block}
 .eem-image-zone{grid-template-rows:var(--stage-phone) calc(var(--s-4) + var(--s-3))}
 .eem-score{padding:var(--s-3) 0}
 .eem-score-grid{max-width:var(--measure-note)}
 .eem-code{flex:none;overflow:visible}
 .eem-score-note{display:none}
 .eem-desk{display:grid;grid-template-columns:1fr 1fr;padding-block:var(--s-3);gap:var(--s-3)}
 .eem-effects{grid-column:1/-1}
 .eem-instruction{letter-spacing:0}
 .eem-foot{min-height:var(--s-4);flex-wrap:wrap;padding-block:var(--s-1)}
 .eem-foot>span:last-child{display:none}
}
@media(max-width:540px){
 .eem-desk{grid-template-columns:1fr}
 .eem-effects{grid-column:auto}
 .eem-back{letter-spacing:0}
 .eem-utilities{gap:var(--s-2)}
 .eem-image-bottom{letter-spacing:0}
 .eem-code{max-width:100%}
 .eem-foot{letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}