.hn[data-astro-cid-7k6sm4z7]{display:grid;justify-items:start;gap:clamp(.85rem,1.8vh,1.3rem);max-width:100%}.hn-eyebrow[data-astro-cid-7k6sm4z7]{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.hn-name[data-astro-cid-7k6sm4z7]{margin:0;text-transform:uppercase;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:clamp(2.6rem,9.2vw,7.75rem);line-height:.9;letter-spacing:-.03em;color:var(--text)}.hn-name[data-astro-cid-7k6sm4z7] span[data-astro-cid-7k6sm4z7]{display:block}.hn-role[data-astro-cid-7k6sm4z7]{margin:0;display:flex;align-items:center;gap:.8rem;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:clamp(1rem,1.5vw,1.3rem);letter-spacing:-.005em;color:var(--text)}.hn-role-sep[data-astro-cid-7k6sm4z7]{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.hn-role-b[data-astro-cid-7k6sm4z7]{color:var(--accent);font-weight:600}@media(max-width:40rem){.hn-role[data-astro-cid-7k6sm4z7]{font-size:1rem;gap:.6rem}}.als[data-astro-cid-pdqhqqfc]{position:relative}.als-stage[data-astro-cid-pdqhqqfc]{display:flex;flex-direction:column;padding:clamp(2.5rem,8vh,5.5rem) 0 clamp(2rem,6vh,4rem)}.als-name[data-astro-cid-pdqhqqfc]{order:0}.als-wave[data-astro-cid-pdqhqqfc]{order:1}.als-signal[data-astro-cid-pdqhqqfc]{order:2}.als-link[data-astro-cid-pdqhqqfc]{display:none}.als-wave[data-astro-cid-pdqhqqfc]{position:relative;width:100%;height:clamp(120px,24vw,200px);margin:clamp(2rem,6vh,3.5rem) 0}.als-svg[data-astro-cid-pdqhqqfc]{width:100%;height:100%;display:block;overflow:visible}.als-aura[data-astro-cid-pdqhqqfc]{fill:none;stroke:var(--accent);stroke-width:11;opacity:.16;stroke-linecap:round;stroke-linejoin:round;filter:blur(7px)}.als-base[data-astro-cid-pdqhqqfc]{fill:none;stroke:color-mix(in srgb,var(--accent) 62%,var(--text));stroke-width:2.4;opacity:.78;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.als-trace[data-astro-cid-pdqhqqfc]{fill:none;stroke:url(#alsGrad);stroke-width:3.4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 55%,transparent))}.als-node[data-astro-cid-pdqhqqfc]{position:absolute;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 12px 1px color-mix(in srgb,var(--accent) 60%,transparent)}.als-dot[data-astro-cid-pdqhqqfc],.als-warp[data-astro-cid-pdqhqqfc],.als-glow[data-astro-cid-pdqhqqfc],.als-blip[data-astro-cid-pdqhqqfc],.als-glint[data-astro-cid-pdqhqqfc],.als-ant[data-astro-cid-pdqhqqfc],.als-mount[data-astro-cid-pdqhqqfc],.als-bead[data-astro-cid-pdqhqqfc],.als-flash[data-astro-cid-pdqhqqfc]{display:none}.als-beats[data-astro-cid-pdqhqqfc]{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--content-pad);display:grid;gap:clamp(1.4rem,4vh,2.4rem)}.beat[data-astro-cid-pdqhqqfc]{position:relative}.beat-line[data-astro-cid-pdqhqqfc]{margin:0;max-width:40rem;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:clamp(1.5rem,3.6vw,2.9rem);line-height:1.12;letter-spacing:-.022em;color:var(--text);text-wrap:balance}.beat-line[data-astro-cid-pdqhqqfc] b{font-weight:600;color:var(--accent)}.als-cue[data-astro-cid-pdqhqqfc]{display:none}.als-live[data-astro-cid-pdqhqqfc]{z-index:1;pointer-events:none}.als-live[data-astro-cid-pdqhqqfc] .als-track[data-astro-cid-pdqhqqfc]{height:880vh}.als-live[data-astro-cid-pdqhqqfc] .als-stage[data-astro-cid-pdqhqqfc]{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate;padding:0}.als-live[data-astro-cid-pdqhqqfc] .als-name[data-astro-cid-pdqhqqfc]{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;opacity:var(--name-o, 1);transform:translateY(var(--name-y, 0))}.als-live[data-astro-cid-pdqhqqfc] .als-name[data-astro-cid-pdqhqqfc]>.inner[data-astro-cid-pdqhqqfc]{width:100%}.als-live[data-astro-cid-pdqhqqfc] .als-wave[data-astro-cid-pdqhqqfc]{position:absolute;left:0;right:0;top:8svh;margin:0;height:clamp(150px,23vh,230px);transform-origin:50% 50%;transform:translateY(var(--wy, 0)) scaleY(var(--wamp, 1));opacity:var(--wo, 1)}.als-live[data-astro-cid-pdqhqqfc] .als-aura[data-astro-cid-pdqhqqfc]{opacity:calc(.1 + .18 * var(--wlife, 1));transform-box:fill-box;transform-origin:center;animation:als-breathe 4.6s ease-in-out infinite}.als-live[data-astro-cid-pdqhqqfc] .als-base[data-astro-cid-pdqhqqfc]{opacity:calc(.3 + .5 * var(--wlife, 1))}.als-live[data-astro-cid-pdqhqqfc] .als-trace[data-astro-cid-pdqhqqfc]{clip-path:inset(0 calc((1 - var(--q, 0)) * 100%) 0 0)}@keyframes als-breathe{0%,to{transform:scaleY(.88)}50%{transform:scaleY(1.14)}}.als-live[data-astro-cid-pdqhqqfc] .als-node[data-astro-cid-pdqhqqfc]{opacity:calc(.3 + .4 * var(--wlife, 0));box-shadow:none;transition:opacity .4s ease,background .45s ease,box-shadow .45s ease,border-color .45s ease}.als-live[data-astro-cid-pdqhqqfc] .als-node[data-astro-cid-pdqhqqfc].lit{opacity:1;background:var(--accent);border-color:var(--accent);box-shadow:0 0 16px 2px color-mix(in srgb,var(--accent) 65%,transparent);animation:als-node-catch .6s cubic-bezier(.2,0,0,1)}@keyframes als-node-catch{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(2.1)}to{transform:translate(-50%,-50%) scale(1)}}.als-live[data-astro-cid-pdqhqqfc] .als-dot[data-astro-cid-pdqhqqfc]{display:block;position:absolute;left:0;top:0;z-index:3;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 55%,#000) 100%);box-shadow:0 0 calc(20px + var(--cg, 0) * 60px) calc(5px + var(--cg, 0) * 16px) color-mix(in srgb,var(--accent) 60%,transparent);transform:translate(-50%,-50%) scale(var(--bs, 1));opacity:0;transition:transform .16s ease-out,box-shadow .2s ease;will-change:left,top,transform}.als-live[data-astro-cid-pdqhqqfc] .als-dot[data-astro-cid-pdqhqqfc]:after{content:"";position:absolute;left:50%;bottom:50%;width:9px;height:var(--tail, 0px);transform:translate(-50%);background:linear-gradient(to top,var(--accent),transparent);border-radius:6px;filter:blur(2.5px);pointer-events:none}.als-live[data-astro-cid-pdqhqqfc] .als-dot[data-astro-cid-pdqhqqfc].settled{box-shadow:0 0 30px 8px color-mix(in srgb,var(--accent) 70%,transparent)}.als-live[data-astro-cid-pdqhqqfc] .als-dot[data-astro-cid-pdqhqqfc]:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--accent);pointer-events:none;opacity:var(--chg-o, 0);transform:scale(var(--chg-s, 1))}.als-live[data-astro-cid-pdqhqqfc] .als-ant[data-astro-cid-pdqhqqfc]{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible;opacity:var(--ant-o, 0)}.als-live[data-astro-cid-pdqhqqfc] .als-rod[data-astro-cid-pdqhqqfc]{stroke:url(#alsRod);stroke-width:4;stroke-linecap:round}.als-live[data-astro-cid-pdqhqqfc] .als-rodhi[data-astro-cid-pdqhqqfc]{stroke:#e7eef6;stroke-width:1;stroke-linecap:round;opacity:.5}.als-live[data-astro-cid-pdqhqqfc] .als-charge[data-astro-cid-pdqhqqfc]{fill:#fff;filter:drop-shadow(0 0 6px #0ec4fc)}.als-live[data-astro-cid-pdqhqqfc] .als-mount[data-astro-cid-pdqhqqfc]{display:block;position:absolute;left:0;top:0;z-index:3;width:12px;height:12px;border-radius:3px;pointer-events:none;transform:translate(-50%,-50%);opacity:0;background:linear-gradient(180deg,#39414d,#11151c);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0009}.als-live[data-astro-cid-pdqhqqfc] .als-mount[data-astro-cid-pdqhqqfc].lit{box-shadow:0 0 calc(6px + var(--mount-hot, 0) * 20px) #0ec4fc,inset 0 1px #ffffff38}.als-live[data-astro-cid-pdqhqqfc] .als-bead[data-astro-cid-pdqhqqfc]{display:block;position:absolute;left:0;top:0;z-index:3;width:13px;height:13px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(var(--bead-s, 1));opacity:0;background:radial-gradient(circle at 50% 38%,#fff,#0ec4fc 56%,color-mix(in srgb,#0ec4fc 45%,#000));box-shadow:0 0 calc(5px + var(--hot, 0) * 26px) #0ec4fc}.als-live[data-astro-cid-pdqhqqfc] .als-flash[data-astro-cid-pdqhqqfc]{display:block;position:absolute;left:0;top:0;z-index:4;pointer-events:none;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%) scale(var(--flash-s, .4));opacity:var(--flash-o, 0);background:radial-gradient(circle at 50% 50%,#fff 0%,#fff 24%,#0ec4fc 50%,transparent 72%)}.als-live[data-astro-cid-pdqhqqfc] .als-warp[data-astro-cid-pdqhqqfc]{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;overflow:clip;will-change:opacity}.als-live[data-astro-cid-pdqhqqfc] .als-streak[data-astro-cid-pdqhqqfc]{position:absolute;left:0;right:0;top:0;background-repeat:repeat;will-change:transform,opacity}.als-live[data-astro-cid-pdqhqqfc] .als-streak[data-astro-cid-pdqhqqfc][data-s="0"]{height:calc(100% + 290px);background-size:60px 290px,60px 290px;background-image:radial-gradient(1.5px 80px at 50% 45%,#fff,transparent 72%),radial-gradient(1px 56px at 50% 50%,color-mix(in srgb,#fff 70%,transparent),transparent 74%);background-position:0 0,31px 150px;--tw-dur: 1.5s;--tw-del: 0s;--tw-lo: .45;--tw-hi: 1}.als-live[data-astro-cid-pdqhqqfc] .als-streak[data-astro-cid-pdqhqqfc][data-s="1"]{height:calc(100% + 420px);background-size:92px 420px,92px 420px;background-image:radial-gradient(1.8px 110px at 50% 50%,#ffd9a0,transparent 70%),radial-gradient(1.2px 80px at 50% 50%,#ffb347,transparent 72%);background-position:0 0,48px 210px;--tw-dur: 2.3s;--tw-del: -.6s;--tw-lo: .28;--tw-hi: .82}.als-live[data-astro-cid-pdqhqqfc] .als-streak[data-astro-cid-pdqhqqfc][data-s="2"]{height:calc(100% + 560px);background-size:130px 560px,130px 560px;background-image:radial-gradient(1.7px 130px at 50% 50%,#e6f6ff,transparent 70%),radial-gradient(1.1px 96px at 50% 50%,#bfe8ff,transparent 72%);background-position:0 0,66px 280px;--tw-dur: 1.9s;--tw-del: -1.1s;--tw-lo: .22;--tw-hi: .72}.als-live[data-astro-cid-pdqhqqfc] .als-streak[data-astro-cid-pdqhqqfc][data-s="3"]{height:calc(100% + 700px);background-size:170px 700px,170px 700px;background-image:radial-gradient(2.2px 150px at 50% 50%,#ffd0dd,transparent 68%),radial-gradient(1.4px 110px at 50% 50%,#ff5a7e,transparent 70%);background-position:0 0,88px 350px;--tw-dur: 2.7s;--tw-del: -.3s;--tw-lo: .18;--tw-hi: .62}.als-live[data-astro-cid-pdqhqqfc] .als-streak[data-astro-cid-pdqhqqfc][data-s="4"]{height:calc(100% + 860px);background-size:220px 860px,220px 860px;background-image:radial-gradient(2.6px 180px at 50% 50%,#e7deff,transparent 68%),radial-gradient(1.6px 130px at 50% 50%,#c9b8ff,transparent 70%);background-position:0 0,112px 430px;--tw-dur: 3.2s;--tw-del: -1.6s;--tw-lo: .15;--tw-hi: .52}.als-live[data-astro-cid-pdqhqqfc] .als-glint[data-astro-cid-pdqhqqfc]{display:block;position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);opacity:0;will-change:transform,opacity;background:radial-gradient(circle at 50% 50%,#fff 0%,#fff 14%,var(--gc) 38%,transparent 70%)}.als-live[data-astro-cid-pdqhqqfc] .als-glow[data-astro-cid-pdqhqqfc]{display:block;position:absolute;left:0;top:0;z-index:2;pointer-events:none;opacity:0;width:66vmin;height:66vmin;margin:-33vmin 0 0 -33vmin;background:radial-gradient(circle at 50% 50%,rgba(255,150,70,.26),transparent 52%),radial-gradient(circle at 50% 50%,rgba(255,90,160,.2),transparent 62%),radial-gradient(circle at 50% 50%,rgba(90,165,255,.17),transparent 72%);will-change:transform,opacity}.als-live[data-astro-cid-pdqhqqfc] .als-blip[data-astro-cid-pdqhqqfc]{display:block;position:absolute;top:0;z-index:2;pointer-events:none;border-radius:3px;opacity:0;background:linear-gradient(to top,transparent,var(--bc) 38%,#fff 60%,var(--bc) 80%,transparent);filter:blur(1.2px);will-change:transform,opacity}.als-live[data-astro-cid-pdqhqqfc] .als-signal[data-astro-cid-pdqhqqfc]{position:absolute;left:0;right:0;top:30svh;bottom:6svh;opacity:var(--sig-o, 0)}.als-live[data-astro-cid-pdqhqqfc] .als-beats[data-astro-cid-pdqhqqfc]{position:absolute;inset:0;max-width:none;margin:0;padding:0;display:block}.als-live[data-astro-cid-pdqhqqfc] .beat[data-astro-cid-pdqhqqfc]{position:absolute;top:50%;max-width:min(40rem,62vw);opacity:0;transition:opacity .6s ease,transform .6s cubic-bezier(.2,0,0,1)}.als-live[data-astro-cid-pdqhqqfc] .beat[data-astro-cid-pdqhqqfc][data-side=l]{left:var(--nx);text-align:left;transform:translateY(calc(-50% + 10px))}.als-live[data-astro-cid-pdqhqqfc] .beat[data-astro-cid-pdqhqqfc][data-side=c]{left:var(--nx);text-align:center;transform:translate(-50%,calc(-50% + 10px))}.als-live[data-astro-cid-pdqhqqfc] .beat[data-astro-cid-pdqhqqfc][data-side=c] .beat-line[data-astro-cid-pdqhqqfc]{margin-inline:auto}.als-live[data-astro-cid-pdqhqqfc] .beat[data-astro-cid-pdqhqqfc][data-side=r]{right:calc(100% - var(--nx));left:auto;text-align:right;transform:translateY(calc(-50% + 10px))}.als-live[data-astro-cid-pdqhqqfc] .beat[data-astro-cid-pdqhqqfc][data-side=r] .beat-line[data-astro-cid-pdqhqqfc]{margin-left:auto}.als-live[data-astro-cid-pdqhqqfc] .als-beats[data-astro-cid-pdqhqqfc][data-active="0"] .beat[data-astro-cid-pdqhqqfc][data-i="0"],.als-live[data-astro-cid-pdqhqqfc] .als-beats[data-astro-cid-pdqhqqfc][data-active="2"] .beat[data-astro-cid-pdqhqqfc][data-i="2"]{opacity:1;transform:translateY(-50%)}.als-live[data-astro-cid-pdqhqqfc] .als-beats[data-astro-cid-pdqhqqfc][data-active="1"] .beat[data-astro-cid-pdqhqqfc][data-i="1"]{opacity:1;transform:translate(-50%,-50%)}.als-live[data-astro-cid-pdqhqqfc] .als-link[data-astro-cid-pdqhqqfc]{display:block;position:absolute;width:1.5px;transform:translate(-50%);z-index:1;background:linear-gradient(to bottom,var(--accent),color-mix(in srgb,var(--accent) 22%,transparent));opacity:0;transition:opacity .6s ease;pointer-events:none}.als-live[data-astro-cid-pdqhqqfc] .als-link[data-astro-cid-pdqhqqfc].on{opacity:.5}.als-live[data-astro-cid-pdqhqqfc] .als-cue[data-astro-cid-pdqhqqfc]{display:flex;flex-direction:column;align-items:center;gap:.55rem;position:absolute;left:50%;bottom:clamp(1.5rem,4vh,2.75rem);transform:translate(-50%);margin:0;opacity:calc(var(--cue-o, 1) * .9)}.als-live[data-astro-cid-pdqhqqfc] .als-cue-key[data-astro-cid-pdqhqqfc]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.als-live[data-astro-cid-pdqhqqfc] .als-cue-line[data-astro-cid-pdqhqqfc]{width:1.5px;height:clamp(1.6rem,4vh,2.6rem);background:linear-gradient(to bottom,var(--accent),transparent);animation:als-cue-fall 1.9s ease-in-out infinite}@keyframes als-cue-fall{0%,to{transform:scaleY(.6);transform-origin:top;opacity:.5}50%{transform:scaleY(1);transform-origin:top;opacity:1}}@media(prefers-reduced-motion:reduce){.beat[data-astro-cid-pdqhqqfc]{transition:none}.als-cue-line[data-astro-cid-pdqhqqfc],.als-aura[data-astro-cid-pdqhqqfc],.als-node[data-astro-cid-pdqhqqfc].lit{animation:none}.als-dot[data-astro-cid-pdqhqqfc]{transition:none}}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/orbitron-latin-500-normal.DQ2gt4P1.woff2) format("woff2"),url(/_astro/orbitron-latin-500-normal.BCCupJ8c.woff) format("woff")}.signal-sec{padding:clamp(2.25rem,5vh,3.75rem) 0 var(--space-16,4rem);--amber:#ff9a4a;--red:#ff5a5a;--sapphire:#0ec4fc;--green:#3ddc84}.signal-sec .inner{max-width:78rem}.sgm-intro{font-size:1rem;color:var(--muted,#9aa6b4);margin:0 0 1.2rem;letter-spacing:.01em}.sgm{position:relative;--green:#3ddc84;--red:#ff5a5a;--sapphire:#0ec4fc;--pink:#ff8fb0;--amber:#ff9a4a;--curve:#5ec8f0;--metal-hi:#3a4150;--metal:#222834;--metal-lo:#11151d;--ink:#070a0e}.sgm .sgm-trace{position:absolute;inset:0;width:100%;height:100%;z-index:9;pointer-events:none;opacity:0;transition:opacity .5s ease .15s}.sgm .sgm-trace.drawing{opacity:1}.sgm .sgm-trace.settled{opacity:.4}.sgm .sgm-trace path{fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--green) 70%,transparent));transition:stroke-dashoffset 1.2s cubic-bezier(.62,0,.2,1)}.sgm .sgm-trace.settled path{stroke-width:1;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--green) 55%,transparent))}.sgm .scrn-trace{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none}.sgm .scrn-trace path{fill:none;stroke:#b9f3ff;stroke-width:2.1;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #19e0ff) drop-shadow(0 0 12px rgba(25,224,255,.9)) drop-shadow(0 0 22px rgba(25,224,255,.5));transition:stroke-dashoffset 1.3s cubic-bezier(.4,.04,.12,1)}.sgm .scrn-trace.amber path{stroke:#ffce8a;filter:drop-shadow(0 0 4px var(--amber)) drop-shadow(0 0 12px color-mix(in srgb,var(--amber) 70%,transparent)) drop-shadow(0 0 22px color-mix(in srgb,var(--amber) 40%,transparent))}.sgm .scrn-trace.settled{opacity:.42;transition:opacity .9s ease}.sgm .scrn-trace.settled path{stroke-width:1;filter:drop-shadow(0 0 2px rgba(25,224,255,.6))}.sgm .scrn-trace.amber.settled path{stroke-width:1;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--amber) 65%,transparent))}.sgm .screen.bulb{animation:sgmbulb .7s ease-out both}@media(max-width:1200px){.sgm .device{zoom:.82}}@media(max-width:920px){.sgm .device{zoom:.6}}@media(max-width:700px){.sgm .device{zoom:.44}}@media(max-width:480px){.sgm .device{zoom:.33}}@media(min-width:1200px){.sgm{width:fit-content;margin-inline:auto}.sgm .device{width:1120px}}@media(min-width:1640px)and (min-height:1060px){.sgm .device{zoom:1.1}.signal-sec .inner{max-width:1360px}}@media(min-width:1900px)and (min-height:1130px){.sgm .device{zoom:1.18}.signal-sec .inner{max-width:1450px}}@media(min-width:2200px)and (min-height:1200px){.sgm .device{zoom:1.26}.signal-sec .inner{max-width:1540px}}@media(min-width:2500px)and (min-height:1260px){.sgm .device{zoom:1.34}.signal-sec .inner{max-width:1635px}}@media(min-width:1200px)and (max-height:960px){.sgm .device{zoom:.91}.signal-sec .inner{max-width:1148px}}@media(min-width:1200px)and (max-height:900px){.sgm .device{zoom:.84}.signal-sec .inner{max-width:1069px}}@media(min-width:1200px)and (max-height:840px){.sgm .device{zoom:.77}.signal-sec .inner{max-width:990px}}@media(min-width:1200px)and (max-height:780px){.sgm .device{zoom:.69}.signal-sec .inner{max-width:901px}}@media(min-width:1200px)and (max-height:720px){.sgm .device{zoom:.62}.signal-sec .inner{max-width:822px}}@media(min-width:1200px)and (max-height:660px){.sgm .device{zoom:.55}.signal-sec .inner{max-width:744px}}.sgm[data-state=boot] .pwr{pointer-events:none}.sgm .pwr.lit:before{box-shadow:inset 0 0 0 1.5px #6ec89673,inset 0 0 13px -4px #4aa07099}.sgm .pwr.lit path{stroke:#7fc6a0;filter:drop-shadow(0 0 4px rgba(74,160,112,.5))}.sgm[data-touch] .pwr{cursor:default}.sgm{*{box-sizing:border-box}:focus-visible{outline:2px solid color-mix(in srgb,var(--sapphire) 80%,transparent);outline-offset:2px}.device{position:relative;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:11px;background-color:#090a0d;background-image:repeating-linear-gradient(45deg,rgba(190,210,240,.011) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.2) 0 1px,transparent 1px 4px),radial-gradient(150% 95% at 50% -8%,rgba(120,150,195,.045),transparent 55%);border:1px solid rgba(0,0,0,.72);box-shadow:0 60px 110px -48px #000000f2,inset 0 1px #ffffff12,inset 0 -3px 2px #0009,inset 0 0 0 1px #5a6e8c0d}.device:after{content:"";position:absolute;inset:6px;border-radius:17px;pointer-events:none;border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff0a}.screw.tl{top:9px;left:9px}.screw.tr{top:9px;right:9px}.screw.bl{bottom:9px;left:9px}.screw.br{bottom:9px;right:9px}.glab{font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:#8a98aa;margin-bottom:8px;text-shadow:0 1px 0 rgba(0,0,0,.5);display:flex;align-items:center;gap:6px}.glab .dot{width:4px;height:4px;border-radius:50%;background:var(--sapphire);box-shadow:0 0 5px var(--sapphire)}.glab .vn{margin-left:auto;color:#cfe6f5;letter-spacing:.14em}.pad .vn{position:absolute;left:10px;top:9px;z-index:3;font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.18em;color:#bfe6f8;text-shadow:0 0 7px color-mix(in srgb,var(--sapphire) 70%,transparent);pointer-events:none;transition:opacity .5s ease}.screen{position:relative;border-radius:2px;overflow:hidden;background:radial-gradient(130% 130% at 50% 0%,#080e16,#04060b 80%);box-shadow:inset 0 0 0 1px #000c,inset 0 2px 10px #0000009e,inset 0 -1px #ffffff08,0 1px #ffffff0b,0 2px 5px #0006;border:1px solid rgba(155,167,187,.16);transition:box-shadow .55s ease,background .55s ease,border-color .55s ease}.screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(152deg,rgba(255,255,255,.05) 0%,transparent 28%);z-index:6}.screen:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .6s ease;background:repeating-linear-gradient(0deg,rgba(150,195,240,.085) 0 1px,transparent 1px 2px)}.device.live .screen:after,.screen.bulb:after,.screen.wk:after{opacity:1}.device.live .screen.pad,.device.live .screen.afilter,.screen.pad.wk,.screen.afilter.wk{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 3px 12px #000000b8,inset 0 0 44px 10px #00000080}.device.live .screen.pad,.device.live .screen.afilter,.screen.pad.wk,.screen.afilter.wk{border-color:color-mix(in srgb,var(--sapphire) 26%,rgba(155,167,187,.16));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sapphire) 24%,transparent),inset 0 3px 12px #000000b8,inset 0 0 44px 10px #00000080}.hw{position:relative;border:none;border-radius:9px;cursor:pointer;font-family:ui-monospace,Menlo,monospace;font-size:.56rem;letter-spacing:.06em;color:#b3bdc9;background:linear-gradient(180deg,#464e5c,#2c333f 47%,#1f2630);border-top:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1.5px .5px #ffffff42,inset 0 -5px 7px #00000080,inset 0 0 0 1px #ffffff08,0 4px #0a0d12,0 7px 9px #0009;display:flex;align-items:center;justify-content:center;user-select:none;transition:transform .07s,box-shadow .12s,color .12s,opacity .5s ease}.hw:active{transform:translateY(2px);box-shadow:inset 0 1.5px .5px #fff3,inset 0 -3px 5px #00000080,0 2px #0a0d12,0 3px 5px #0009}.hw.on{color:#eafaff;border-top-color:#ffffff0f;background:linear-gradient(180deg,#2d343f,#1a212b);box-shadow:inset 0 2px 5px #0009,inset 0 0 13px -4px var(--acc,var(--sapphire)),0 1px #0a0d12,0 2px 3px #0000008c}.hw .led{position:absolute;top:4px;right:5px;width:4px;height:4px;border-radius:50%;background:#1a2630;box-shadow:inset 0 0 0 1px #0009}.hw.on .led{background:var(--acc,var(--sapphire));box-shadow:0 0 8px var(--acc,var(--sapphire)),0 0 2px #cdeeff}.hw svg{width:14px;height:9px}.hw svg path{stroke:#9aa6b4;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.hw.on svg path{stroke:#eaf6ff;filter:drop-shadow(0 0 3px var(--acc,var(--sapphire)))}.seg{display:flex;gap:4px;border-radius:9px;padding:3px;background:linear-gradient(180deg,#0a0d12,#060809);border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 1px 3px #000000bf,inset 0 0 0 1px #00000080;transition:opacity .5s ease}.seg b{position:relative;flex:1;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:.56rem;color:#b3bdc9;padding:6px 0;cursor:pointer;border-radius:6px;background:linear-gradient(180deg,#464e5c,#2c333f 47%,#1f2630);border-top:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1.2px .5px #ffffff38,inset 0 -4px 6px #00000080,0 3px #0a0d12,0 5px 7px #0000008c;user-select:none;transition:transform .07s,box-shadow .12s,color .12s}.seg b:active{transform:translateY(2px);box-shadow:inset 0 1px .5px #ffffff2e,inset 0 -3px 5px #00000080,0 1px #0a0d12,0 2px 4px #0000008c}.seg b.on{color:#eafaff;border-top-color:#ffffff0f;background:linear-gradient(180deg,#2d343f,#1a212b);box-shadow:inset 0 2px 5px #0009,inset 0 0 12px -4px var(--acc,var(--sapphire)),0 1px #0a0d12,0 2px 3px #00000080}.seg b.on:after{content:"";position:absolute;top:4px;right:5px;width:4px;height:4px;border-radius:50%;background:var(--acc,var(--sapphire));box-shadow:0 0 7px var(--acc,var(--sapphire)),0 0 2px #cdeeff}.device:not(.live){--glow:#2a3340}.device:not(.live) .sleeps{pointer-events:none}.device:not(.live) .hw.on,.device:not(.live) .seg b.on,.device:not(.live) .gpad.on,.device:not(.live) .kick.on,.device:not(.live) .crow.on{box-shadow:inset 0 2px 5px #0009,0 1px #0a0d12,0 2px 3px #00000080}.device:not(.live) .hw.on .led{background:#1a2630;box-shadow:inset 0 0 0 1px #0009}.device:not(.live) .seg b.on:after{background:#1a2630;box-shadow:none}.device:not(.live) .fillcard .fill{opacity:0}.device:not(.live) .seg,.device:not(.live) .hw{opacity:.42}.device:not(.live) .dial{background:conic-gradient(from 225deg,#48515f 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg)}.device:not(.live) #amtKnob .dial{box-shadow:inset 0 0 0 1px #0009,0 1px 2px #00000080}.device:not(.live) .sfill{box-shadow:none;background:linear-gradient(90deg,#8296b429,#8296b442)}.device:not(.live) .sfill:after{background:#96aac852;box-shadow:none}.device:not(.live) .sleeps .screen,.device:not(.live) .screen.sleeps{background:radial-gradient(130% 130% at 50% 0%,#0a1019,#06090f 82%);box-shadow:inset 0 0 0 1px #000000d1,inset 0 2px 10px #000000a8,inset 0 -1px #ffffff08,0 1px #ffffff0a,0 2px 5px #0006}.device:not(.live) .pad.sleeps .vn,.device:not(.live) .pad.sleeps .grid,.device:not(.live) .pad.sleeps .cross,.device:not(.live) .pad.sleeps .puck,.device:not(.live) .pad.sleeps .lm,.device:not(.live) .sleeps .ax,.device:not(.live) .sleeps .afcurve,.device:not(.live) .sleeps .affill,.device:not(.live) .sleeps .afghost,.device:not(.live) .sleeps .afnode,.device:not(.live) .sleeps .afgrid,.device:not(.live) .sleeps .afhint,.device:not(.live) .sleeps .afglabels,.device:not(.live) .sleeps .tempo b,.device:not(.live) .sleeps .tempo small,.device:not(.live) .sleeps .tempo .pls{opacity:0;transition:opacity 1.2s ease}.device .sleeps.wk .screen,.device .screen.sleeps.wk{background:radial-gradient(130% 130% at 50% 0%,#080e16,#04060b 80%)}.device .pad.sleeps.wk .vn,.device .pad.sleeps.wk .grid,.device .pad.sleeps.wk .cross,.device .pad.sleeps.wk .puck,.device .pad.sleeps.wk .lm,.device .sleeps.wk .ax,.device .sleeps.wk .afcurve,.device .sleeps.wk .affill,.device .sleeps.wk .afghost,.device .sleeps.wk .afnode,.device .sleeps.wk .afgrid,.device .sleeps.wk .afhint,.device .sleeps.wk .afglabels,.device .sleeps.wk .tempo b,.device .sleeps.wk .tempo small,.device .sleeps.wk .tempo .pls{opacity:1}.device:not(.live) .pad.sleeps.wk .puck,.device:not(.live) .sleeps.wk .afnode{opacity:.55}.sgm[data-state=boot] .device:not(.live) .screen,.sgm[data-state=powerdown] .device.live .screen,.sgm[data-state=boot] .device:not(.live) .screen:after,.sgm[data-state=powerdown] .device.live .screen:after,.sgm[data-state=boot] .device:not(.live) .tempo,.sgm[data-state=powerdown] .device.live .tempo,.sgm[data-state=boot] .device:not(.live) .tempo:after,.sgm[data-state=powerdown] .device.live .tempo:after,.sgm[data-state=boot] .device:not(.live) .padband:after,.sgm[data-state=powerdown] .device.live .padband:after,.sgm[data-state=boot] .device:not(.live) .padband b,.sgm[data-state=powerdown] .device.live .padband b,.sgm[data-state=boot] .device:not(.live) .arpbar .readout,.sgm[data-state=powerdown] .device.live .arpbar .readout,.sgm[data-state=boot] .device:not(.live) .arpbar .readout:after,.sgm[data-state=powerdown] .device.live .arpbar .readout:after,.sgm[data-state=boot] .device:not(.live) .readout .rdtip,.sgm[data-state=powerdown] .device.live .readout .rdtip,.sgm[data-state=boot] .device:not(.live) .ohscreen b,.sgm[data-state=powerdown] .device.live .ohscreen b,.sgm[data-state=boot] .device:not(.live) .vscreen b,.sgm[data-state=powerdown] .device.live .vscreen b,.sgm[data-state=boot] .device:not(.live) .pad .grid,.sgm[data-state=powerdown] .device.live .pad .grid,.sgm[data-state=boot] .device:not(.live) .pad .cross,.sgm[data-state=powerdown] .device.live .pad .cross,.sgm[data-state=boot] .device:not(.live) .pad .puck,.sgm[data-state=powerdown] .device.live .pad .puck,.sgm[data-state=boot] .device:not(.live) .ax,.sgm[data-state=powerdown] .device.live .ax,.sgm[data-state=boot] .device:not(.live) .afcurve,.sgm[data-state=powerdown] .device.live .afcurve,.sgm[data-state=boot] .device:not(.live) .affill,.sgm[data-state=powerdown] .device.live .affill,.sgm[data-state=boot] .device:not(.live) .afghost,.sgm[data-state=powerdown] .device.live .afghost,.sgm[data-state=boot] .device:not(.live) .afnode,.sgm[data-state=powerdown] .device.live .afnode,.sgm[data-state=boot] .device:not(.live) .afgrid,.sgm[data-state=powerdown] .device.live .afgrid,.sgm[data-state=boot] .device:not(.live) .afhint,.sgm[data-state=powerdown] .device.live .afhint,.sgm[data-state=boot] .device:not(.live) .afglabels,.sgm[data-state=powerdown] .device.live .afglabels{transition:opacity 1.2s ease,box-shadow 1.2s ease,border-color 1.2s ease,background-color 1.2s ease,background 1.2s ease,color 1.2s ease,text-shadow 1.2s ease!important}.sgm[data-state=boot] .device:not(.live) .screen:after{opacity:1!important}.sgm[data-state=boot] .device:not(.live) .screen.pad,.sgm[data-state=boot] .device:not(.live) .screen.afilter{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 3px 12px #000000b8,inset 0 0 44px 10px #00000080!important}.sgm[data-state=boot] .device:not(.live) .screen.afilter{border-color:color-mix(in srgb,var(--sapphire) 26%,rgba(155,167,187,.16))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sapphire) 24%,transparent),inset 0 3px 12px #000000b8,inset 0 0 44px 10px #00000080!important}.sgm[data-state=boot] .device:not(.live) .tempo{box-shadow:inset 0 0 0 1px #ffb04a21,inset 0 3px 12px #000000b8,inset 0 0 24px -9px color-mix(in srgb,var(--amber) 55%,transparent),inset 0 0 15px 5px #0006!important}.sgm[data-state=boot] .device:not(.live) .tempo:after{background:repeating-linear-gradient(0deg,rgba(255,176,74,.06) 0 1px,transparent 1px 3px)!important}.sgm[data-state=boot] .device:not(.live) .padband:after{opacity:1!important}.sgm[data-state=boot] .device:not(.live) .padband b{opacity:1!important}.sgm[data-state=boot] .device:not(.live) .arpbar .readout{box-shadow:inset 0 0 0 1px #000000eb,inset 0 2px 9px #000000d9,inset 0 0 20px -8px var(--sapphire)!important}.sgm[data-state=boot] .device:not(.live) .arpbar .readout:after{opacity:1!important}.sgm[data-state=boot] .device:not(.live) .readout .rdtip{color:#d2f1ff!important;font-weight:500;text-shadow:0 0 7px color-mix(in srgb,var(--sapphire) 48%,transparent)!important}.sgm[data-state=boot] .device:not(.live) .ohscreen b{color:#ffcf8f!important;text-shadow:0 0 7px color-mix(in srgb,var(--amber) 70%,transparent)!important}.sgm[data-state=boot] .device:not(.live) .vscreen b{color:#bfe6f8!important;text-shadow:0 0 7px color-mix(in srgb,var(--sapphire) 65%,transparent)!important}.sgm[data-state=boot] .device:not(.live) .pad .grid,.sgm[data-state=boot] .device:not(.live) .pad .cross,.sgm[data-state=boot] .device:not(.live) .ax,.sgm[data-state=boot] .device:not(.live) .afcurve,.sgm[data-state=boot] .device:not(.live) .affill,.sgm[data-state=boot] .device:not(.live) .afghost,.sgm[data-state=boot] .device:not(.live) .afgrid,.sgm[data-state=boot] .device:not(.live) .afhint,.sgm[data-state=boot] .device:not(.live) .afglabels{opacity:1!important}.sgm[data-state=boot] .device:not(.live) .pad .puck,.sgm[data-state=boot] .device:not(.live) .afnode{opacity:.55!important}.sgm[data-state=powerdown] .device.live .screen:after{opacity:0!important}.sgm[data-state=powerdown] .device.live .screen.pad,.sgm[data-state=powerdown] .device.live .screen.afilter{box-shadow:inset 0 0 0 1px #000c,inset 0 2px 10px #0000009e,inset 0 -1px #ffffff08,0 1px #ffffff0b,0 2px 5px #0006!important}.sgm[data-state=powerdown] .device.live .screen.afilter{border-color:#9ba7bb29!important}.sgm[data-state=powerdown] .device.live .tempo{box-shadow:inset 0 0 0 1px #000c,inset 0 2px 10px #0000009e,inset 0 -1px #ffffff08,0 1px #ffffff0b,0 2px 5px #0006!important}.sgm[data-state=powerdown] .device.live .tempo:after{background:none!important}.sgm[data-state=powerdown] .device.live .padband:after{opacity:0!important}.sgm[data-state=powerdown] .device.live .padband b{opacity:0!important}.sgm[data-state=powerdown] .device.live .arpbar .readout{box-shadow:inset 0 0 0 1px #000000eb,inset 0 2px 9px #000000d9!important}.sgm[data-state=powerdown] .device.live .arpbar .readout:after{opacity:0!important}.sgm[data-state=powerdown] .device.live .readout .rdtip{color:#3c4a59!important;text-shadow:none!important}.sgm[data-state=powerdown] .device.live .ohscreen b{color:#34404e!important;text-shadow:none!important}.sgm[data-state=powerdown] .device.live .vscreen b{color:#33404e!important;text-shadow:none!important}.sgm[data-state=powerdown] .device.live .pad .grid,.sgm[data-state=powerdown] .device.live .pad .cross,.sgm[data-state=powerdown] .device.live .pad .puck,.sgm[data-state=powerdown] .device.live .ax,.sgm[data-state=powerdown] .device.live .afcurve,.sgm[data-state=powerdown] .device.live .affill,.sgm[data-state=powerdown] .device.live .afghost,.sgm[data-state=powerdown] .device.live .afnode,.sgm[data-state=powerdown] .device.live .afgrid,.sgm[data-state=powerdown] .device.live .afhint,.sgm[data-state=powerdown] .device.live .afglabels{opacity:0!important}@media(prefers-reduced-motion:reduce){.sgm[data-state=boot] .device:not(.live) .screen,.sgm[data-state=powerdown] .device.live .screen,.sgm[data-state=boot] .device:not(.live) .tempo,.sgm[data-state=powerdown] .device.live .tempo,.sgm[data-state=boot] .device:not(.live) .readout,.sgm[data-state=powerdown] .device.live .readout{transition:none!important}}.io{position:relative;display:flex;gap:12px;align-items:center;height:48px;padding:0 4px}.vscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;padding:5px 13px;border-radius:2px;background:radial-gradient(130% 130% at 50% 0%,#080e16,#04060b 80%);box-shadow:inset 0 0 0 1px #000000d1,inset 0 2px 8px #000000b3;border:1px solid rgba(255,255,255,.05)}.vscreen b{font-family:ui-monospace,Menlo,monospace;font-size:.74rem;letter-spacing:.12em;color:#33404e;transition:color .5s,text-shadow .5s}.device.live .vscreen b{color:#bfe6f8;text-shadow:0 0 7px color-mix(in srgb,var(--sapphire) 65%,transparent)}.vscreen small{font-size:.38rem;letter-spacing:.24em;color:#52606f;margin-top:3px}.pwr{width:46px;height:46px;flex:none;border-radius:50%;position:relative;cursor:pointer;border:none;background:radial-gradient(circle at 50% 36%,#0e141c,#05080c 76%);box-shadow:inset 0 1px 1px #ffffff0f,inset 0 0 0 1px #000c,inset 0 3px 7px #000000b8,0 1px 2px #0009;transition:box-shadow .4s}.pwr:before{content:"";position:absolute;inset:0;border-radius:50%;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1.5px #ff5a5a29;transition:box-shadow .4s}.pwr svg{position:absolute;inset:0;margin:auto;width:36%;height:36%;z-index:2}.pwr path{stroke:#ff5a5a80;stroke-width:2.2;fill:none;stroke-linecap:round;transition:stroke .4s,filter .4s}.device.live .pwr:before{box-shadow:inset 0 0 0 1.5px #6ec89673,inset 0 0 13px -4px #4aa07099}.device.live .pwr path{stroke:#7fc6a0;filter:drop-shadow(0 0 4px rgba(74,160,112,.5))}.nameplate{display:none}.nameplate b{color:#c3cedb}.nameplate .st{display:block;font-size:.5rem;letter-spacing:.16em;color:#46525f;white-space:nowrap;transition:color .5s}.device.live .nameplate .st{color:var(--green)}.spacer{flex:1}.micin{position:relative;width:44px;height:44px;flex:none;border-radius:13px;cursor:pointer;user-select:none;background:linear-gradient(180deg,#3a4250,#252b35 46%,#161c25);border-top:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1.4px .5px #fff3,inset 0 -5px 7px #0000008c,0 4px #07090d,0 6px 10px #0009;transition:transform .07s,box-shadow .14s,background .4s}.micin:before{content:"";position:absolute;inset:4px;border-radius:9px;box-shadow:inset 0 1px 1px #ffffff0d,inset 0 0 0 1px #0000008c,inset 0 2px 5px #00000080;transition:box-shadow .4s}.micin svg{position:absolute;inset:0;margin:auto;width:18px;height:22px}.micin .mcap{fill:none;stroke:#5a6675;stroke-width:1.6;transition:stroke .4s,filter .4s}.micin .myoke{fill:none;stroke:#4a5563;stroke-width:1.5;stroke-linecap:round;transition:stroke .4s}.micin:active{transform:translateY(2px);box-shadow:inset 0 1px .4px #ffffff29,inset 0 -3px 5px #00000080,0 2px #07090d,0 3px 5px #0000008c}.device:not(.live) .micin{opacity:.5}.device.live .micin .mcap,.micin.wk .mcap{stroke:#aebdce}.device.live .micin .myoke,.micin.wk .myoke{stroke:#8a98a8}.micin.on{background:linear-gradient(180deg,#16323f,#0b1a23);border-top-color:#0ec4fc4d}.micin.on:before{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sapphire) 30%,#000),inset 0 0 12px -4px var(--sapphire),inset 0 2px 5px #00000080}.micin.on .mcap{stroke:#bfeeff;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--sapphire) 60%,transparent))}.micin.on .myoke{stroke:color-mix(in srgb,var(--sapphire) 70%,#7fd6f4)}.miclight{width:6px;height:6px;border-radius:50%;flex:none;background:#3a1212;box-shadow:inset 0 0 0 1px #0009;transition:background .25s,box-shadow .25s}.io:has(.micin.loop) .miclight{background:var(--sapphire);box-shadow:0 0 8px color-mix(in srgb,var(--sapphire) 75%,transparent),0 0 2px #bfeeff}.micgrille{position:relative;width:24px;height:30px;flex:none;display:flex;flex-direction:column;justify-content:center;gap:3px;opacity:.5}.micgrille i{display:block;height:1px;margin:0 auto;border-radius:1px;background:#0009;box-shadow:0 1px #96b4d20f}.micgrille i:nth-child(1),.micgrille i:nth-child(5){width:52%}.micgrille i:nth-child(2),.micgrille i:nth-child(4){width:80%}.micgrille i:nth-child(3){width:96%}.micin .capring{position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none;opacity:0;transition:opacity .25s ease;overflow:visible}.micin .capring .capringP{fill:none;stroke:#3a4654;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.micin.arming .capring,.micin.rec .capring,.micin.loop .capring{opacity:1}.micin.rec .capring .capringP{stroke:#ff3b30;stroke-width:2.6;filter:drop-shadow(0 0 5px #ff3b30)}.micin.loop .capring .capringP{stroke:#ff5a4a;stroke-width:2.4;filter:drop-shadow(0 0 6px #ff5a4a)}.micin .capnum{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:Orbitron,ui-monospace,sans-serif;font-size:1.05rem;line-height:1;color:var(--amber);text-shadow:0 0 10px var(--amber),0 0 3px #ffd9ad;opacity:0;transition:opacity .15s ease}.micin.arming .capnum{opacity:1}.micin.arming svg:not(.capring){opacity:.22}.micin.rec .capnum{opacity:0}.micin.arming{background:linear-gradient(180deg,#2a2410,#15110a);border-top-color:#ff9a4a4d}.capnum.pop{animation:capnumpop .13s ease}@keyframes capnumpop{0%{transform:scale(.65);opacity:.4}45%{transform:scale(1.16)}to{transform:scale(1)}}.io:has(.micin.arming) .miclight{background:var(--amber);box-shadow:0 0 9px var(--amber),0 0 3px #ffd9ad;animation:micpulse .5s ease-in-out infinite}.io:has(.micin.rec) .miclight{background:#ff3b30;box-shadow:0 0 11px #ff3b30,0 0 4px #ff8b85;animation:none}@keyframes micpulse{0%,to{opacity:.4}50%{opacity:1}}.looppill{display:none;height:34px;gap:8px;align-items:center;padding:0 7px 0 13px;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.looppill .loopx{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:6px;font-size:.74rem;color:#9fb0c1;background:#ff5a4a14;box-shadow:inset 0 0 0 1px #00000073;cursor:pointer;transition:background .15s,color .15s}.looppill .loopx:hover{background:#ff5a4ae6;color:#fff}.looppill .loopplay{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;cursor:pointer;color:var(--sapphire)}.looppill .loopplay svg{width:13px;height:13px}.looppill .loopplay .ic-play,.looppill .loopplay .ic-pause rect{fill:currentColor}.looppill .loopplay .ic-play{display:none}.looppill.loop-paused .loopplay .ic-play,.looppill .loopplay .ic-pause{display:block}.looppill.loop-paused .loopplay .ic-pause{display:none}.looppill.loop-paused{opacity:.82}.vwave .vhead{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:#eafaff;box-shadow:0 0 7px var(--sapphire),0 0 2px #fff;pointer-events:none;z-index:4;display:none;transition:opacity .15s}.io .looppill.show{display:inline-flex}.looppill .loopspark{width:22px;height:11px;flex:none}.looppill .loopspark path{fill:none;stroke:var(--sapphire);stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--sapphire) 55%,transparent))}.looppill .cv{font-style:normal;font-size:.72rem;line-height:1;color:#9fb0c1;transition:transform .2s}.looppill[aria-expanded=true] .cv{transform:rotate(180deg);color:var(--sapphire)}.looppill[aria-expanded=true]{box-shadow:inset 0 1.5px .5px #fff3,inset 0 -3px 5px #00000080,0 2px #0a0d12,0 3px 5px #0009,0 0 14px -4px var(--sapphire)}.vstatus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.loopover{position:absolute;top:calc(100% + 10px);right:2px;z-index:50;display:none;width:min(560px,calc(100vw - 28px));padding:13px 15px 14px;border-radius:12px;background:linear-gradient(180deg,#121a24,#0a0f15);border:1px solid color-mix(in srgb,var(--sapphire) 24%,#000);box-shadow:0 18px 38px -10px #000000b3,inset 0 1px #ffffff0f,0 0 18px -8px var(--sapphire)}.loopover.open{display:block;animation:loopoverIn .18s ease}@keyframes loopoverIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.loopover:before{content:"";position:absolute;top:-7px;left:var(--caretX,78%);margin-left:-6px;width:12px;height:12px;rotate:45deg;background:#121a24;border-left:1px solid color-mix(in srgb,var(--sapphire) 24%,#000);border-top:1px solid color-mix(in srgb,var(--sapphire) 24%,#000)}.loopover .al{font-family:ui-monospace,Menlo,monospace;font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:#9fb0c1;flex:none}.lo-head,.lo-tone,.lo-foot{display:flex;align-items:center;gap:9px}.lo-head{margin-bottom:9px}.lo-head .vlen{margin-left:auto;font-family:ui-monospace,Menlo,monospace;font-size:.62rem;letter-spacing:.13em;color:#bfe6f8;text-shadow:0 0 7px color-mix(in srgb,var(--sapphire) 55%,transparent)}.lo-tone,.lo-foot{margin-top:10px;flex-wrap:wrap}.loopover .vchip{height:28px;padding:0 11px;font-size:.55rem}.lo-tone .lo-depth{display:inline-flex;align-items:center;gap:7px;margin-left:auto}.loopover .lo-int{flex:none;gap:4px;margin-right:6px;cursor:ns-resize}.loopover .lo-int .dial{width:44px;height:44px}.loopover .lo-int .dial:before{inset:6px}.loopover .lo-int .dial .ptr:after{top:6px;height:9px}.loopover .lo-int .kl{font-size:.5rem;letter-spacing:.14em}.loopover .lo-gain{margin-left:auto;margin-right:0}.loopover .coverslide{margin-top:11px}.device.live #vintKnob .dial,.device.live #vgainKnob .dial{background:conic-gradient(from 225deg,var(--sapphire) 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg);box-shadow:0 0 9px -2px var(--sapphire),inset 0 0 0 1px #0009,0 1px 2px #00000080}.loopover .vctl{height:28px;padding:0 12px;font-size:.56rem;letter-spacing:.05em;gap:5px;text-transform:uppercase}.loopover .vwave{position:relative;height:64px;border-radius:8px;overflow:hidden;touch-action:none;background:linear-gradient(180deg,#0a0f14,#070b10);box-shadow:inset 0 1px 3px #000000b3,inset 0 0 0 1px #00000080}.loopover .vwave>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.loopover .vwpath{fill:color-mix(in srgb,var(--sapphire) 46%,transparent);stroke:none}.vticks{position:absolute;inset:0;pointer-events:none;z-index:1}.vticks i{position:absolute;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--sapphire) 18%,transparent)}.vticks i.bar{background:color-mix(in srgb,var(--sapphire) 36%,transparent)}.vticks i.flash{background:color-mix(in srgb,var(--sapphire) 85%,transparent);box-shadow:0 0 6px var(--sapphire);transition:background .05s,box-shadow .05s}.loopover .vmask{position:absolute;top:0;bottom:0;background:#06090db8;pointer-events:none;z-index:2}.loopover .vmaskl{left:0}.loopover .vmaskr{right:0}.vbody{position:absolute;top:0;bottom:0;z-index:3;cursor:grab;touch-action:none}.vbody:active{cursor:grabbing}.loopover .vtrim{position:absolute;top:0;bottom:0;width:18px;margin-left:-9px;z-index:4;cursor:ew-resize;touch-action:none}.loopover .vtrim:before{content:"";position:absolute;top:0;bottom:0;left:8px;width:2px;background:var(--sapphire);box-shadow:0 0 6px var(--sapphire)}.loopover .vtrim:after{content:"";position:absolute;top:50%;left:3px;width:12px;height:22px;transform:translateY(-50%);border-radius:3px;background:linear-gradient(180deg,#cfd9e3,#8b95a2);box-shadow:0 1px 3px #0009,inset 0 1px #ffffff80}@media(prefers-reduced-motion:reduce){.capnum.pop,.loopover.open,.io:has(.micin.arming) .miclight{animation:none}.vticks i.flash{transition:none}}.io .iotransport #playBtn,.io .iotransport #jamBtn,.io .iotransport #shareBtn{display:none}.takepill{display:none;height:34px;gap:8px;align-items:center;padding:0 7px 0 13px;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.takepill.show{display:inline-flex}.takepill .loopplay{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;cursor:pointer;color:var(--sapphire)}.takepill .loopplay svg{width:13px;height:13px}.takepill .loopplay .ic-play,.takepill .loopplay .ic-pause rect{fill:currentColor}.takepill .loopplay .ic-play{display:none}.takepill.loop-paused .loopplay .ic-play,.takepill .loopplay .ic-pause{display:block}.takepill.loop-paused .loopplay .ic-pause{display:none}.takepill.loop-paused{opacity:.82}.takepill .loopspark{width:22px;height:11px;flex:none}.takepill .loopspark path{fill:none;stroke:var(--sapphire);stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--sapphire) 55%,transparent))}.takepill .cv{font-style:normal;font-size:.72rem;line-height:1;color:#9fb0c1;transition:transform .2s}.takepill[aria-expanded=true] .cv{transform:rotate(180deg);color:var(--sapphire)}.takepill[aria-expanded=true]{box-shadow:inset 0 1.5px .5px #fff3,inset 0 -3px 5px #00000080,0 2px #0a0d12,0 3px 5px #0009,0 0 14px -4px var(--sapphire)}.takepill .loopx{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:6px;font-size:.74rem;color:#9fb0c1;background:#ff5a4a14;box-shadow:inset 0 0 0 1px #00000073;cursor:pointer;transition:background .15s,color .15s}.takepill .loopx:hover{background:#ff5a4ae6;color:#fff}.takeover .tknoteP{fill:var(--sapphire);opacity:.9;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--sapphire) 50%,transparent))}.takeover .tkctrlP{fill:none;stroke:color-mix(in srgb,var(--sapphire) 34%,transparent);stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke}.takeover .lo-tone{margin-top:11px;gap:10px}.takeover .lo-tone .al{flex:1;text-align:left;white-space:nowrap}.device.live #tkgainKnob .dial{background:conic-gradient(from 225deg,var(--sapphire) 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg);box-shadow:0 0 9px -2px var(--sapphire),inset 0 0 0 1px #0009,0 1px 2px #00000080}.lo-tone .tkshare{cursor:pointer;color:#bfe6f8;border-radius:7px}.lo-tone .tkshare:hover{color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sapphire) 40%,#000),0 0 10px -3px var(--sapphire)}.tbtn.rec.recording .reccount{opacity:1;font-size:.8rem;color:#ff8275;text-shadow:0 0 8px var(--red)}.tbtn.rec.recording .reclabel{opacity:.1}.tbtn.rec{position:relative}.tbtn.rec .reccount{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:Orbitron,ui-monospace,sans-serif;font-size:.95rem;line-height:1;color:var(--amber);text-shadow:0 0 9px var(--amber),0 0 3px #ffd9ad;opacity:0;transition:opacity .12s}.tbtn.rec.counting .reccount{opacity:1}.tbtn.rec.counting .reclabel,.tbtn.rec.counting .dotr{opacity:.12}.reccount.pop{animation:capnumpop .13s ease}.wkey.glint,.bkey.glint{border-color:color-mix(in srgb,var(--sapphire) 45%,#0a0d12);box-shadow:0 0 12px -3px color-mix(in srgb,var(--sapphire) 70%,transparent),inset 0 0 8px -3px color-mix(in srgb,var(--sapphire) 55%,transparent)}.gpad.ghost{color:#9fb6c8}.gpad.ghost b{color:#cfe6f5;box-shadow:0 0 6px -2px var(--sapphire)}@media(prefers-reduced-motion:reduce){.reccount.pop{animation:none}}.console{display:grid;grid-template-columns:minmax(188px,1fr) minmax(360px,1.5fr) 202px 268px;grid-template-areas:"voice shape effects rhythm";gap:16px;padding-top:4px;align-items:stretch}.zone{display:flex;flex-direction:column}.zone.z-rhythm{grid-area:rhythm}.zone.z-voice{grid-area:voice}.zone.z-shape{grid-area:shape}.zone.z-effects{grid-area:effects}.console .z-shape .afz{box-sizing:border-box;margin-left:-16px;width:calc(100% + 16px);border-radius:0;border-left:none}.screen.pad{border-top-right-radius:0;border-bottom-right-radius:0}.device.live .z-shape .afz{border-color:color-mix(in srgb,var(--sapphire) 26%,rgba(155,167,187,.16))}.zbody{flex:1;display:flex;gap:12px}.command{flex:1;display:flex;flex-direction:column;gap:7px}.cmdgroup{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:9px 12px;border-radius:11px;background:radial-gradient(130% 120% at 50% 0%,#0c141e,#05080e 84%);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px #000c,inset 0 2px 9px #00000094;transition:box-shadow .25s,border-color .25s}.device.live .cmdgroup:has(#beat.on){border-color:color-mix(in srgb,var(--amber) 42%,#000);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px color-mix(in srgb,var(--amber) 30%,#000),inset 0 2px 9px #00000080,inset 0 0 18px -7px var(--amber)}.cmdgroup .coverslide{background:linear-gradient(180deg,#1b212b,#10141b);box-shadow:inset 0 1px #ffffff0d}.tempo{flex:none;border-radius:13px;padding:7px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none}.tempo:before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:13px;background:radial-gradient(120% 78% at 50% -12%,rgba(255,255,255,.18),rgba(255,255,255,.05) 26%,transparent 52%)}.device.live .tempo,.tempo.wk{box-shadow:inset 0 0 0 1px #ffb04a21,inset 0 3px 12px #000000b8,inset 0 0 24px -9px color-mix(in srgb,var(--amber) 55%,transparent),inset 0 0 15px 5px #0006}.device.live .tempo:after,.tempo.bulb:after,.tempo.wk:after{background:repeating-linear-gradient(0deg,rgba(255,176,74,.06) 0 1px,transparent 1px 3px)}.tempo b{font-family:Orbitron,ui-monospace,monospace;font-weight:500;font-size:2.05rem;line-height:1;letter-spacing:.04em;color:#caa0631a;-webkit-text-stroke:1.3px #caa063;text-shadow:0 0 8px rgba(202,160,99,.12)}.tempo small{position:absolute;right:9px;bottom:7px;font-family:Orbitron,ui-monospace,monospace;font-weight:500;font-size:.42rem;letter-spacing:.22em;color:color-mix(in srgb,var(--amber) 62%,#6a5d40);text-shadow:0 0 5px color-mix(in srgb,var(--amber) 30%,transparent)}.tempo .pls{position:absolute;left:9px;top:9px;width:7px;height:4px;border-radius:1px;background:#2b2113;box-shadow:inset 0 0 0 1px #00000080;transition:background .14s,box-shadow .14s}.tempo .pls.beat{background:#ffc06a;box-shadow:0 0 5px #ffb24a8c,inset 0 0 0 1px #ffd29666}.kick,.crow{display:flex;align-items:center;gap:13px;border:none;border-radius:9px;cursor:pointer;padding:6px 13px;user-select:none;background:linear-gradient(180deg,#1e2530,#161c25);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #00000080,inset 0 -4px 7px #00000057;transition:box-shadow .22s}.kick.on,.crow.on{box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #00000080}.kick .kl{font-family:ui-monospace,Menlo,monospace;font-size:.64rem;letter-spacing:.16em;color:#9aa6b4}.kick.on .kl{color:#dff5e8}.crow .cl{font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.12em;color:#9aa6b4}.crow.on .cl{color:#dff5e8}.kick .kh,.crow .kh{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-width:128px;font-family:ui-monospace,Menlo,monospace;font-weight:600;font-size:.68rem;letter-spacing:.2em;color:#9aa6b4;padding:7px 16px;border-radius:4px;background:radial-gradient(circle at 50% 32%,#222b35,#0e131a);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px 1px #ffffff0d;transition:color .2s,background .2s,border-color .2s}.kick.on .kh,.crow.on .kh{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 80%,#000)}.kh .khico{width:19px;height:19px;flex:none;display:block}.kh .khico path,.kh .khico rect{fill:currentColor}.kh .ic-pause,.kick.on .kh .ic-play{display:none}.kick.on .kh .ic-pause{display:block}.pbtn{position:relative;width:22px;height:22px;border-radius:50%;flex:none;background:radial-gradient(circle at 50% 32%,#26313d,#0a0f15 76%);box-shadow:0 0 0 1.5px #0a0e14,inset 0 1.5px 1.5px #ffffff29,inset 0 -3px 5px #0000009e,0 2px 3px #00000080;transition:box-shadow .16s,transform .08s}.pbtn:after{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 50% 36%,#2b3a48,#10171f);box-shadow:inset 0 1px 1px #ffffff1f,inset 0 -1px 2px #00000080;transition:background .18s,box-shadow .18s}.kick:active .pbtn,.crow:active .pbtn{transform:translateY(1.5px)}.kick.on .pbtn,.crow.on .pbtn{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--amber) 48%,#000),inset 0 1px 1px #ffffff1a,inset 0 -2px 4px #00000080,0 2px 3px #00000080,0 0 13px -2px var(--amber)}.kick.on .pbtn:after,.crow.on .pbtn:after{background:radial-gradient(circle at 50% 36%,#ffe2b0,#d98c2a 72%);box-shadow:inset 0 0 5px #28180073,0 0 7px #d98c2ab3}.kick.hit .pbtn:after{background:radial-gradient(circle at 50% 36%,#fff2d8,#ffb84d 72%);box-shadow:inset 0 0 5px #28180066,0 0 16px 2px var(--amber)}.device.live #beat{background:linear-gradient(180deg,#f3934d,#dd6420 58%,#bd4f15);box-shadow:inset 0 1px 1px #ffe0c66b,inset 0 -3px 7px #782a006b,0 1px 3px #00000080}.device.live #beat .kl{color:#3c1805!important;text-shadow:0 1px 0 rgba(255,206,160,.4)}#beat .kh{margin-left:auto;min-width:auto;padding:0;background:none;border:none;box-shadow:none}.device.live #beat .kh{color:#fff7f0!important}.device.live #beat.on{background:linear-gradient(180deg,#ffab63,#ec7024 56%,#cb550f)}.device.live #beat.on .kl{color:#2a1003!important}.patseg{--acc:var(--sapphire)}.patseg b{font-size:.5rem;letter-spacing:.04em;padding:5px 0}.texseg{--acc:#ff7a3c;margin:-1px 0 1px}.texseg b{font-size:.5rem;letter-spacing:.04em;padding:4px 0}.coverslide{display:flex;flex-direction:column;gap:4px;border-radius:9px;padding:6px 12px;background:linear-gradient(180deg,#222934,#12161d);border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 1px #ffffff12}.coverslide .ct{display:flex;justify-content:space-between;font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.1em;color:#9aa6b4}.coverslide .ct .cvv{color:#dbe6f0}.strack{position:relative;height:16px;border-radius:8px;cursor:ew-resize;touch-action:none;background:linear-gradient(180deg,#0a0f14,#070b10);box-shadow:inset 0 1px 3px #000000b3,inset 0 0 0 1px #00000080}.strack{--sf:var(--sapphire)}.strack .sfill{position:absolute;left:2px;top:2px;bottom:2px;border-radius:6px 2px 2px 6px;z-index:1;background:repeating-linear-gradient(90deg,var(--sf) 0 3px,color-mix(in srgb,var(--sf) 12%,transparent) 3px 5px);box-shadow:0 0 8px -1px var(--sf),inset 0 0 0 1px color-mix(in srgb,var(--sf) 28%,transparent)}.strack .sfill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;border-radius:1px;background:color-mix(in srgb,var(--sf) 80%,#fff);box-shadow:0 0 6px var(--sf)}.bassgroup{--bass:#3914c0;flex:none}.device.live .cmdgroup.bassgroup:has(#bassrow.on){border-color:color-mix(in srgb,#7a4fe0 58%,#000);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px color-mix(in srgb,#7a4fe0 44%,#000),inset 0 2px 9px #00000080,inset 0 0 22px -6px #7a4fe0}.kh-b{min-width:46px!important;letter-spacing:.04em}.basskick .bl{font-family:ui-monospace,Menlo,monospace;font-size:.56rem;letter-spacing:.18em;color:#9aa6b4;transition:color .2s}.basskick.on .bl{color:#d9ccff;text-shadow:0 0 8px color-mix(in srgb,#7a4fe0 55%,transparent)}.basskick.on .kl{color:#ece6ff;text-shadow:0 0 8px color-mix(in srgb,#7a4fe0 60%,transparent)}.basskick.on .kh{color:#fff;background:linear-gradient(180deg,#9a7bff,#5a2bf0 55%,#3a14b0);border-color:#b7a0ff;box-shadow:inset 0 1px 1px #fff6,inset 0 -2px 5px #14083c80,0 0 16px -2px #7a4fe0,0 0 5px #9a7bffd9}.basskick.on .pbtn{box-shadow:0 0 0 1.5px #8b6bff,inset 0 1px 1px #ffffff40,inset 0 -2px 4px #00000080,0 2px 3px #00000080,0 0 16px -1px #6a3fe0}.basskick.on .pbtn:after{background:radial-gradient(circle at 50% 36%,#e3d8ff,#8b5fff 72%);box-shadow:inset 0 0 5px #14083273,0 0 10px #8a6bffe6}.device.live #bcharKnob .dial,.device.live #bweightKnob .dial,.device.live #bglideKnob .dial,.device.live #bpluckKnob .dial{background:conic-gradient(from 225deg,var(--bass) 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg);box-shadow:0 0 8px -2px var(--bass),inset 0 0 0 1px #0009,0 1px 2px #00000080}#scslide{--sf:var(--pink)}.drumfx{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 14px 2px}.drumfx .knob{gap:5px}.drumfx .knob.sm .dial{width:40px;height:40px}.drumfx .knob.sm .dial:before{inset:5px}.drumfx .knob.sm .dial .ptr:after{top:5px;height:8px}.drumfx .knob .kl{font-size:.5rem;letter-spacing:.12em;margin-top:1px}.drumfx .kn{min-width:26px;text-align:center}.device:not(.live) .drumfx .kn{color:#3f4751}.strack .shandle{position:absolute;top:50%;width:11px;height:22px;border-radius:4px;transform:translate(-50%,-50%);background:linear-gradient(180deg,#cfd9e3,#8b95a2);box-shadow:0 1px 3px #0009,inset 0 1px #ffffff80;z-index:2}.pad{flex:1;min-height:300px;display:flex;flex-direction:column;border:1px solid rgba(160,172,190,.17);box-shadow:inset 0 0 0 1px #000000b3,inset 0 2px 10px #0009,inset 0 -1px #ffffff08,0 1px #ffffff0d,0 2px 6px #0000006b}.padband{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding:5px 15px;border-radius:4px;background:radial-gradient(130% 130% at 50% 0%,#080e16eb,#04060bcc);box-shadow:inset 0 0 0 1px #0009,0 2px 9px #0000008c;pointer-events:none}.padband:after{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,rgba(120,200,240,.06) 0 1px,transparent 1px 2px);transition:opacity .5s}.device.live .padband:after{opacity:1}.padband .pnl{font-family:ui-monospace,Menlo,monospace;font-size:.4rem;letter-spacing:.26em;color:#52606f}.padband b{position:relative;z-index:1;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;letter-spacing:.2em;color:#bfe6f8;text-shadow:0 0 8px color-mix(in srgb,var(--sapphire) 70%,transparent);opacity:0;transition:opacity .55s ease}.device.live .padband b{opacity:1}.padfield{flex:1;position:relative;cursor:crosshair;touch-action:none}.pad .grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--sapphire) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--sapphire) 5%,transparent) 1px,transparent 1px);background-size:30px 30px;z-index:1;pointer-events:none;transition:opacity .5s ease}.pad .cross{position:absolute;inset:0;z-index:1;pointer-events:none}.pad .cross:before,.pad .cross:after{content:"";position:absolute;background:#78aad217}.pad .cross:before{left:50%;top:0;bottom:0;width:1px}.pad .cross:after{top:50%;left:0;right:0;height:1px}.pad .puck{position:absolute;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;background:radial-gradient(circle at 38% 30%,#fff,var(--pc,#0ec4fc) 66%,color-mix(in srgb,var(--pc,#0ec4fc) 50%,#000));box-shadow:0 0 14px 3px var(--pc,#0ec4fc),inset 0 1px 1px #fff9,0 2px 4px #00000080;transition:box-shadow .1s}.pad .puck:after{content:"";position:absolute;left:50%;top:50%;width:27px;height:27px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--pc,#0ec4fc) 30%,transparent)}.padfield.flash .puck{box-shadow:0 0 30px 7px var(--pc,#0ec4fc),inset 0 1px 1px #fff9,0 2px 4px #00000080}.pad .lm{position:absolute;transform:translate(-50%,-50%);font-family:ui-monospace,Menlo,monospace;font-size:.42rem;letter-spacing:.05em;color:#5d7693;text-align:center;white-space:nowrap;z-index:2;pointer-events:none;transition:color .14s}.pad .lm.near{color:#cfe6f5}.pad .lm b{display:block;width:5px;height:5px;border-radius:50%;background:#3c5573;margin:0 auto;transition:.14s}.pad .lm.near b{background:var(--pc);box-shadow:0 0 6px var(--pc)}.ax{position:absolute;font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.16em;color:#54748f;z-index:2;pointer-events:none}.ax.l{left:7px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}.ax.r{right:7px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%)}.ax.b{bottom:6px;left:50%;transform:translate(-50%)}.ax.t{top:6px;left:50%;transform:translate(-50%)}.afz{position:relative;overflow:hidden;flex-direction:column;gap:7px;padding:9px;border-radius:12px;background:radial-gradient(130% 120% at 50% 0%,#0c141e,#05080e 84%);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px #000c,inset 0 2px 9px #00000094}.afilter{flex:1;min-height:80px;border-radius:7px;position:relative;cursor:ew-resize;touch-action:none;overflow:hidden}.afilter svg{position:absolute;inset:0;width:100%;height:100%}.afglabels{position:absolute;left:0;right:0;bottom:3px;height:0;z-index:2;pointer-events:none}.afglabels span{position:absolute;bottom:0;transform:translate(3px);font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:.02em;color:#4f6f8c}.afcurve path{fill:none;stroke:var(--curve);stroke-width:2;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--curve) 70%,transparent));stroke-linejoin:round}.afcurve .fillpath{fill:color-mix(in srgb,var(--curve) 10%,transparent);stroke:none;filter:none}.afcurve .ghost{stroke:var(--sapphire);stroke-width:1.6;opacity:0;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--sapphire) 50%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--sapphire) 30%,transparent))}.afnode{position:absolute;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);z-index:5;border:2.5px solid var(--amber);background:radial-gradient(circle at 40% 35%,#ffc8788c,#140c0466 70%);box-shadow:0 0 14px -1px var(--amber);cursor:grab;touch-action:none}.afnode:before{content:"";position:absolute;inset:-12px;border-radius:50%}.afnode:active{cursor:grabbing;box-shadow:0 0 20px 1px var(--amber)}.afhint{position:absolute;left:9px;top:7px;z-index:4;font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.12em;color:#637b97;pointer-events:none}.mohint{position:absolute;left:0;right:0;bottom:15px;z-index:4;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.12em;color:#ffce8a;text-shadow:0 0 8px color-mix(in srgb,var(--amber) 55%,transparent);opacity:0;transition:opacity .45s ease;pointer-events:none}.device.live .afilter.still .mohint{opacity:.9}.lfostrip{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 22px;border-radius:8px;background:linear-gradient(180deg,#00000042,#0000001a);border:1px solid rgba(255,255,255,.03);box-shadow:inset 0 1px 4px #00000080}.shapegrid{flex:none;display:grid;grid-template-columns:1fr;gap:5px;width:44px}.shapegrid .hw{height:22px}.shapegrid .hw.on{--acc:var(--amber)}.gestbar{position:relative;height:58px;margin-top:8px;background:none;border:none;box-shadow:none;padding:0}.gpad{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;user-select:none;touch-action:none;background:none;border:none;font-family:ui-monospace,Menlo,monospace}.gestbar .ggate{position:absolute;left:5%;top:20px;transform:translate(-50%,-50%);font-family:ui-monospace,Menlo,monospace;font-size:.5rem;font-weight:600;letter-spacing:.2em;color:#2a3340;white-space:nowrap}.device.live .gestbar .ggate{color:#7d8a99}.gpad[data-key=z]{left:11.53%}.gpad[data-key=x]{left:22.52%}.gpad[data-key=c]{left:33.51%}.gpad[data-key=m]{left:77.48%}.gpad b{min-width:48px;height:40px;padding:0 13px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-weight:600;font-size:.82rem;letter-spacing:.04em;color:#3a4450;background:radial-gradient(circle at 50% 32%,#222b35,#0e131a);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px 1px #ffffff0f,inset 0 -3px 6px #00000073,0 3px #0a0d12,0 4px 7px #00000080;transition:transform .07s,box-shadow .12s,color .12s,background .12s}.device.live .gpad b{color:#9aa6b4}.gpad .gsub{font-size:.46rem;letter-spacing:.1em;color:#2a3340}.device.live .gpad .gsub{color:#7d8a99}.gpad:active b{transform:translateY(2px)}.gpad.on b{transform:translateY(3px);color:#ffd9ad;background:radial-gradient(circle at 50% 32%,#2d343f,#161c25);box-shadow:inset 0 2px 5px #0009,inset 0 0 12px -4px var(--amber),0 1px #0a0d12,0 0 12px -2px var(--amber)}.led{display:inline-block;width:5px;height:5px;border-radius:50%;background:#28323d;vertical-align:middle;transition:background .07s,box-shadow .07s,transform .07s}.led.blip{background:var(--green);box-shadow:0 0 7px var(--green);transform:scale(1.5)}.spill{position:absolute;bottom:0;width:240px;height:110px;left:-120px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(closest-side,color-mix(in srgb,var(--sapphire) 14%,transparent),transparent 72%);transition:opacity .4s ease-out;will-change:transform}.spill.on{opacity:.65;transition:opacity .07s ease-in}.pwr:after{content:"";position:absolute;inset:-12px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--red) 30%,transparent),transparent 70%);will-change:opacity}&.inview .device:not(.live) .pwr:after{animation:sgmbreathe 4.2s ease-in-out infinite}.pwr.flare:after{animation:sgmflareo .9s ease-out 1}.knob{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:ns-resize;touch-action:none;user-select:none}.dial{width:38px;height:38px;border-radius:50%;position:relative;background:conic-gradient(from 225deg,var(--amber) 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg);box-shadow:inset 0 0 0 1px #0009,0 1px 2px #00000080}.dial:before{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#2c333e,#11151d);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0009}.dial .ptr{position:absolute;inset:0;transform:rotate(calc(-135deg + var(--v,0)*270deg))}.dial .ptr:after{content:"";position:absolute;left:50%;top:5px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:#e7edf3;box-shadow:0 0 3px var(--amber)}.knob.sm .dial{width:30px;height:30px}.knob.sm .dial:before{inset:4px}.knob.sm .dial .ptr:after{top:4px;height:6px}.knob .kl{font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.1em;color:#8593a2}.knob .kn{font-family:ui-monospace,Menlo,monospace;font-size:.52rem;color:#dbe6f0}.device.live #rateKnob .dial{background:conic-gradient(from 225deg,#48515f 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg)}.device.live #amtKnob .dial{background:conic-gradient(from 225deg,color-mix(in srgb,var(--amber) calc(11% + var(--glowA,0)*13% + var(--pulseA,0)*56%),#140d04) 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg)}#amtKnob .dial{box-shadow:inset 0 0 0 1px #0009,0 1px 2px #00000080}.device.live #amtKnob .dial{box-shadow:inset 0 0 calc(var(--glowA,0)*2px + var(--pulseA,0)*15px) color-mix(in srgb,var(--amber) 58%,transparent),inset 0 0 0 1px #0009,0 1px 2px #00000080}#amtKnob .kn{color:#8593a2}.device.live #amtKnob .kn{color:#ffc27a;text-shadow:0 0 7px color-mix(in srgb,var(--amber) 45%,transparent)}#amtKnob .dial,#rateKnob .dial{width:52px;height:52px}#amtKnob .dial:before,#rateKnob .dial:before{inset:7px}#amtKnob .dial .ptr:after,#rateKnob .dial .ptr:after{top:6px;height:11px}.lfostrip .knob .kn{position:relative;margin-top:3px;padding:5px 12px;border-radius:6px;letter-spacing:.06em;width:104px;box-sizing:border-box;white-space:nowrap;text-align:center;font-size:1.08rem;line-height:1;color:#5a5040;cursor:pointer}.device.live #rateNum:after{content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px color-mix(in srgb,var(--amber) 80%,transparent);opacity:.85;transition:opacity .25s,box-shadow .25s,left .3s ease}.device.live #rateNum.hz:after{left:calc(100% - 12px);opacity:1;box-shadow:0 0 9px var(--amber),0 0 3px #ffd9ad}.lfostrip .knob .kn._x{background:radial-gradient(120% 120% at 50% 0%,#140d05,#0a0703 85%);box-shadow:inset 0 0 0 1px #000c,inset 0 1px 3px #000000b3;transition:color .4s,text-shadow .4s,background .4s}.lfostrip .knob .kn:before{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .5s;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}.device.live .lfostrip .knob .kn{color:#ffcf8f;text-shadow:0 0 6px color-mix(in srgb,var(--amber) 75%,transparent);background:radial-gradient(120% 120% at 50% 0%,#241606,#150c03 85%)}.device.live .lfostrip .knob .kn:before{opacity:1}.shaperow{display:flex;gap:5px}.shaperow .hw{flex:1;height:26px}.efx{flex:1;display:flex;flex-direction:column;gap:9px}.fills{display:flex;gap:9px;flex:1}.fillcard{position:relative;flex:1;border-radius:6px;overflow:hidden;cursor:ns-resize;touch-action:none;background:#0b0e0a;box-shadow:inset 0 0 0 1px #000c,inset 0 2px 6px #0009;transition:background .45s ease}.device.live .fillcard,.efx.wk .fillcard{background:linear-gradient(180deg,#1a221a,#0f140e)}.fillcard:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .6s;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px)}.device.live .fillcard:before,.efx.wk .fillcard:before{opacity:1}.fillcard .fill{position:absolute;left:4px;right:4px;bottom:4px;height:0%;max-height:calc(100% - 30px);z-index:1;border-radius:1px;background:repeating-linear-gradient(0deg,#54df93 0 3px,#54df931f 3px 5px);box-shadow:0 0 8px #54df9373;transition:height .04s linear}.fillcard.dragging .fill{transition:none}.fillcard .fill:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#9affc4;box-shadow:0 0 6px #54df93b3}.fillcard .fill.mt{background:none;box-shadow:none}.fillcard .fill.mt:before{opacity:0}.fillcard[data-key=delay] .fill{background-image:repeating-linear-gradient(0deg,#54df93 0 calc(var(--seg,10px) - 2px),rgba(84,223,147,.12) calc(var(--seg,10px) - 2px) var(--seg,10px))}.fillcard .fl{position:absolute;left:0;right:0;top:7px;text-align:center;z-index:2;font-family:ui-monospace,Menlo,monospace;font-size:.52rem;font-weight:600;letter-spacing:.14em;color:#bafdd0;text-shadow:0 0 6px rgba(84,223,147,.75);pointer-events:none;opacity:0;transition:opacity .6s}.device.live .fillcard .fl,.efx.wk .fillcard .fl{opacity:1}.fillcard .pc{display:none}.drate{display:flex;align-items:center;gap:8px}.drate .dl{font-family:ui-monospace,Menlo,monospace;font-size:.44rem;letter-spacing:.12em;text-transform:uppercase;color:#7d8a99;white-space:nowrap}.drate .seg{flex:1}.drate .seg b{font-size:.6rem;padding:8px 0;letter-spacing:0}.efx .fills{display:flex;gap:8px;align-items:stretch;flex:1}.fxstrip{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.fxstrip .fillcard{min-height:210px}.coachband{display:flex;align-items:stretch;gap:14px;margin-top:15px}.coachband .bassgroup{flex:none;width:432px;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px}.coachband .bassgroup .basskick{flex:none;padding:2px 4px;gap:11px;background:none;box-shadow:none;border:none}.coachband .bassgroup .kh-b{min-width:56px!important;padding:13px 24px;font-size:.78rem;border-radius:9px}.coachband .bassgroup .knobdiv{flex:none;width:1px;align-self:stretch;margin:7px 1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.13),transparent)}.coachband .bassgroup .drumfx{flex:1;padding:0;gap:8px}.coachband .arpbar{flex:1;min-width:0}.fxsub{flex:none;height:104px;display:flex;flex-direction:column;justify-content:flex-start}.modknobs{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:3px}.modknobs .knob .dial{width:26px;height:26px}.modknobs .knob .kl{font-size:.4rem;letter-spacing:.07em}.seg.vseg{flex-direction:column;gap:3px}.seg.vseg b{flex:none;width:100%;padding:5px 0;font-size:.5rem;letter-spacing:.03em}.arpbar{display:flex;justify-content:flex-start;align-items:stretch;gap:14px}.arpmod{display:flex;align-items:center;gap:15px;padding:6px 0;transition:opacity .2s}.pianohead .arpmod{margin-left:auto}#lenKnob .dial,#arpRateKnob .dial,#grooveKnob .dial{width:40px;height:40px}#arpRateNum{display:none}#arpBtn{min-width:46px}#lenKnob .kl,#arpRateKnob .kl,#grooveKnob .kl{font-size:.5rem;letter-spacing:.12em}#arpRateKnob .kn{font-size:.52rem;letter-spacing:.06em}.device.live #lenKnob .dial,.device.live #arpRateKnob .dial,.device.live #grooveKnob .dial{background:conic-gradient(from 225deg,#48515f 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg);box-shadow:inset 0 0 0 1px #0009,0 1px 2px #00000080}.device.live .arpmod.armed #lenKnob .dial,.device.live .arpmod.armed #arpRateKnob .dial,.device.live .arpmod.armed #grooveKnob .dial{background:conic-gradient(from 225deg,var(--sapphire) 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg);box-shadow:0 0 8px -2px var(--sapphire),inset 0 0 0 1px #0009,0 1px 2px #00000080}.device.live .arpmod:not(.armed) .arpsec:has(.seg),.device.live .arpmod:not(.armed) .arpsec:has(#lenKnob),.device.live .arpmod:not(.armed) .arpsec:has(#grooveKnob),.device.live .arpmod:not(.armed) .arpsec.ratesec{opacity:.42;transition:opacity .35s ease}.device.live .cmdgroup:has(#beat:not(.on)) #patSeg{opacity:.42;transition:opacity .35s ease}.device.live .cmdgroup:has(#beat:not(.on)) .coverslide,.device.live .cmdgroup:has(#beat:not(.on)) .drumfx{opacity:.6;transition:opacity .35s ease}.device.live .cmdgroup:has(#beat:not(.on)) .drumfx .dial{background:conic-gradient(from 225deg,#48515f 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg)}.device.live .cmdgroup.bassgroup:has(#bassrow:not(.on)) .drumfx .knob{opacity:.6;transition:opacity .35s ease}.device.live .bassgroup:has(#bassrow:not(.on)) #bcharKnob .dial,.device.live .bassgroup:has(#bassrow:not(.on)) #bweightKnob .dial,.device.live .bassgroup:has(#bassrow:not(.on)) #bglideKnob .dial,.device.live .bassgroup:has(#bassrow:not(.on)) #bpluckKnob .dial{background:conic-gradient(from 225deg,#48515f 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg);box-shadow:inset 0 0 0 1px #0009,0 1px 2px #00000080}.device.live .arpmod:not(.armed) #lenKnob .dial,.device.live .arpmod:not(.armed) #arpRateKnob .dial,.device.live .arpmod:not(.armed) #grooveKnob .dial{background:conic-gradient(from 225deg,#48515f 0 calc(var(--v,0)*270deg),#262c35 calc(var(--v,0)*270deg) 270deg,#0a0d12 270deg 360deg);box-shadow:inset 0 0 0 1px #0009,0 1px 2px #00000080}.device.live .cmdgroup.bassgroup:has(#bassrow:not(.on)) .basskick .kh{color:#ece9ff;background:linear-gradient(180deg,#6a4ae0,#3914c0 58%,#210a72);border-color:#00000080;box-shadow:inset 0 1px 1px #fff3,inset 0 -2px 4px #10063a52,0 0 10px -5px #3914c0}.device.live .fxstrip:has(.fill.mt) .fxsub{opacity:.4;transition:opacity .35s ease}.device.live .cmdgroup:has(#beat:not(.on)) .sfill{box-shadow:none;background:repeating-linear-gradient(90deg,rgba(140,160,185,.14) 0 3px,transparent 3px 5px)}.device.live .cmdgroup:has(#beat:not(.on)) .sfill:after{background:#8ca0b942;box-shadow:none}.arpmod .al{font-family:ui-monospace,Menlo,monospace;font-size:.54rem;letter-spacing:.07em;text-transform:uppercase;color:#9fb0c1}.arpsec,.phsec{display:flex;align-items:center;gap:11px}.arpmod .hw,.pianohead .chordtog{height:28px;padding:0 14px;font-size:.55rem}.pianohead .arpdiv{flex:none;align-self:stretch;width:1px;margin:3px 0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.16) 22%,rgba(255,255,255,.16) 78%,transparent)}.arpmod .seg{width:176px}.arpmod .seg b{font-size:.54rem;padding:6px 0;letter-spacing:0}.device.live .arpmod:not(.armed) .arpsec:has(.chordsplit){opacity:1}.arpmod .seg.chordsplit{width:auto;gap:0;overflow:hidden;transition:opacity .35s ease}.chordsplit b{flex:none;white-space:nowrap;padding:6px 12px;letter-spacing:.04em;font-size:.54rem;transition:max-width .26s ease,padding .26s ease,opacity .2s ease,transform .07s,box-shadow .12s,color .12s;max-width:120px;overflow:hidden}.chordsplit .csp{display:flex}.chordsplit:not(.split) [role=radio]{max-width:0;padding-left:0;padding-right:0;opacity:0;pointer-events:none}.chordsplit .csp .led{display:none}.chordsplit.split{gap:4px}.chordsplit.split .csp{max-width:0;padding-left:0;padding-right:0;opacity:0;pointer-events:none}.pianohead{position:relative;z-index:5;display:flex;align-items:center;gap:18px;font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:#7d8a99;margin-bottom:3px;padding:8px 12px;border-radius:11px;background:radial-gradient(130% 130% at 50% 0%,#121a26,#080c12 86%);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #0009,inset 0 3px 11px #0000008f}.transport{display:flex;align-items:center}.transport .tbtn{height:30px;padding:0 12px;font-size:.55rem;border-radius:8px;box-shadow:inset 0 1.2px .4px #fff3,inset 0 -4px 6px #00000080,0 3px #0a0d12,0 4px 7px #0000008c}.io .iotransport{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:7px}.device:not(.live) .io .iotransport{opacity:.45;pointer-events:none}.lockseg b,.chordseg b{flex:none;padding:6px 12px;letter-spacing:.04em;white-space:nowrap}.octctl,.keyctl{display:flex;align-items:center;gap:8px}.octbtn{width:30px;height:30px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#bcc7d3;font-size:.8rem;user-select:none;background:linear-gradient(180deg,#464e5c,#2c333f 47%,#1f2630);border-top:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1.2px .5px #ffffff38,inset 0 -4px 6px #00000080,0 4px #0a0d12,0 5px 7px #0000008c;transition:transform .07s,box-shadow .12s}.octbtn:active{transform:translateY(3px);color:#eafaff;background:linear-gradient(180deg,#2d343f,#1a212b);box-shadow:inset 0 2px 5px #0009,inset 0 0 11px -4px var(--sapphire),0 1px #0a0d12,0 2px 3px #00000080}.octreadout{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:46px}.octreadout b{font-family:ui-monospace,Menlo,monospace;font-size:1.05rem;color:#dffaff;text-shadow:0 0 8px var(--sapphire)}.octreadout small{font-size:.4rem;letter-spacing:.2em;color:#637b97;margin-top:2px}.ohscreen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;min-width:48px;padding:6px 9px;border-radius:2px;background:radial-gradient(130% 130% at 50% 0%,#080e16,#04060b 80%);box-shadow:inset 0 0 0 1px #000000d1,inset 0 2px 8px #000000b3,inset 0 -1px #ffffff08;border:1px solid rgba(255,255,255,.05)}.ohscreen b{font-family:ui-monospace,Menlo,monospace;font-size:1rem;letter-spacing:.04em;color:#34404e;transition:color .5s,text-shadow .5s}.device.live .ohscreen b{color:#ffcf8f;text-shadow:0 0 7px color-mix(in srgb,var(--amber) 70%,transparent)}.ohscreen small{font-size:.4rem;letter-spacing:.2em;color:#52606f;margin-top:3px}.keymode{margin-left:auto;display:flex;align-items:center;gap:12px}.keywrap{position:relative}.keyscreen{cursor:pointer;user-select:none}.device.live .keyscreen:hover b{color:#ffe2b4}.keypop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:none;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border-radius:6px;background:linear-gradient(180deg,#161c25,#0d121a);box-shadow:0 10px 26px #0000009e,inset 0 0 0 1px #ffffff0f}.keypop.open{display:grid}.keypop .kp{font-family:ui-monospace,Menlo,monospace;font-size:.62rem;color:#b3bdc9;width:34px;height:28px;border:none;border-radius:4px;cursor:pointer;background:linear-gradient(180deg,#2a3340,#1a212b);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000080;transition:background .12s,color .12s}.keypop .kp:hover{color:#fff;background:linear-gradient(180deg,#33414f,#222a35)}.keypop .kp.on{color:#06222b;background:linear-gradient(180deg,#bdeffd,#5fcdee);box-shadow:0 0 8px -2px var(--sapphire)}.octhint{font-size:.42rem;letter-spacing:.1em;color:#566b80}.lockseg{width:auto}.piano{position:relative;height:112px;border-radius:12px;padding:8px 8px 0;background:linear-gradient(180deg,#0a0d12,#05070a);border:1px solid rgba(0,0,0,.65);box-shadow:inset 0 3px 12px #000000b3,inset 0 0 0 1px #5a78a00d;display:flex;gap:5px;user-select:none;touch-action:none;margin-top:0}.wkey{position:relative;flex:1;border-radius:0 0 7px 7px;cursor:pointer;background:linear-gradient(180deg,#222c39,#141b25 55%,#0c121b);border:1px solid rgba(255,255,255,.34);border-top:none;box-shadow:inset 0 7px 11px -7px #ffffff29,inset 0 -7px 11px -6px #0000008c,0 2px 4px #00000080;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:9px;transition:background .08s,box-shadow .12s}.wkey .ql{font-family:ui-monospace,Menlo,monospace;font-size:.95rem;font-weight:700;letter-spacing:.02em;color:#f3f8fc;text-shadow:0 0 4px rgba(0,0,0,.6)}.wkey .nl{font-family:ui-monospace,Menlo,monospace;font-size:.42rem;letter-spacing:.1em;text-transform:uppercase;color:#eef4fa4d;margin-top:3px}.wkey.latched{background:linear-gradient(180deg,#1f6f8f,#0c2f40);border-color:var(--sapphire);box-shadow:0 0 0 1.5px var(--sapphire),inset 0 -16px 22px -8px color-mix(in srgb,var(--sapphire) 85%,transparent),0 0 26px -2px var(--sapphire),0 2px 4px #00000080}.wkey.latched .ql{color:#f1ffff;text-shadow:0 0 8px color-mix(in srgb,var(--sapphire) 80%,transparent)}.wkey.latched .nl{color:#caf2ffb3}.wkey.press{background:linear-gradient(180deg,#3a5466,#162430);box-shadow:0 0 0 1.5px #ebfaffe6,inset 0 -18px 24px -8px #dcf5ff8c,0 0 30px -2px #d2f2ffe6;border-color:#fff}.wkey.press .ql{color:#fff;text-shadow:0 0 9px rgba(210,242,255,.9)}.wkey.press .nl{color:#ffffffa6}.bkey{position:absolute;top:8px;width:5.6%;height:82px;border-radius:0 0 5px 5px;cursor:pointer;z-index:3;background:linear-gradient(180deg,#0b0f16,#020305 82%);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff1a,inset 0 -8px 9px #000000b3,0 4px 6px #000000b3;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:7px;transition:background .05s,box-shadow .08s}.bkey .ql{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;font-weight:700;color:#f3f8fc;text-shadow:0 0 4px rgba(0,0,0,.7)}.bkey .nl{font-family:ui-monospace,Menlo,monospace;font-size:.4rem;letter-spacing:.08em;color:#eef4fa57;margin-top:2px}.bkey.latched{background:linear-gradient(180deg,#16a6da,#074a68 80%);box-shadow:0 0 0 1.5px var(--sapphire),0 0 24px -1px var(--sapphire),inset 0 1px #ffffff40;border-color:var(--sapphire)}.bkey.latched .ql{color:#eafbff;text-shadow:0 0 7px color-mix(in srgb,var(--sapphire) 80%,transparent)}.bkey.latched .nl{color:#caf2ffb3}.bkey.press{background:linear-gradient(180deg,#14a0d2,#06465f 80%);box-shadow:0 0 0 1.5px #b4eefff2,0 0 28px -1px var(--sapphire),inset 0 1px #ffffff4d;border-color:#cdeffb}.bkey.press .ql{color:#f2fdff;text-shadow:0 0 8px rgba(180,238,255,.9)}.bkey.press .nl{color:#fff9}.wkey:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s ease;transition-delay:var(--kdoff,0ms);box-shadow:inset 0 -12px 20px -10px var(--kc,transparent),0 0 11px -5px var(--kc,transparent)}.piano.lit .wkey:after{opacity:1;transition-delay:var(--kdon,0ms)}.piano .wkey:nth-child(2){--kc:#ff6b6b;--kdon:0ms;--kdoff:60ms}.piano .wkey:nth-child(3){--kc:#ffa94d;--kdon:.12s;--kdoff:.11s}.piano .wkey:nth-child(4){--kc:#ffd93d;--kdon:.24s;--kdoff:.16s}.piano .wkey:nth-child(5){--kc:#5fe39a;--kdon:.36s;--kdoff:.21s}.piano .wkey:nth-child(6){--kc:#4dd2e6;--kdon:.48s;--kdoff:.26s}.piano .wkey:nth-child(7){--kc:#5b9dff;--kdon:.6s;--kdoff:.31s}.piano .wkey:nth-child(8){--kc:#9b7dff;--kdon:.72s;--kdoff:.36s}.piano .wkey:nth-child(9){--kc:#ff7de0;--kdon:.84s;--kdoff:.41s}.piano .wkey:nth-child(10){--kc:#ff6b6b;--kdon:.96s;--kdoff:.46s}.piano.locked .bkey{opacity:.8}.piano.locked .bkey .ql{color:#eef4fab8}.piano.locked .bkey .nl{color:#eef4fa42}}.takebar{display:flex;align-items:center;gap:11px;margin-top:13px;padding:11px 15px;border-radius:13px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),linear-gradient(158deg,#2a313c,#161b22);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff14,0 10px 30px -20px #000000e6}.takebar .tkl{font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:#8593a2}.tbtn{position:relative;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 16px;border:none;border-radius:9px;cursor:pointer;user-select:none;font-family:ui-monospace,Menlo,monospace;font-size:.6rem;letter-spacing:.1em;color:#b3bdc9;background:linear-gradient(180deg,#464e5c,#2c333f 47%,#1f2630);border-top:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1.5px .5px #ffffff3d,inset 0 -5px 7px #00000080,0 4px #0a0d12,0 6px 9px #0000008c;transition:transform .07s,box-shadow .12s,color .12s}.tbtn:active{transform:translateY(2px);box-shadow:inset 0 1px .5px #ffffff2e,inset 0 -3px 5px #00000080,0 2px #0a0d12,0 3px 5px #0000008c}.tbtn[disabled]{opacity:.4;pointer-events:none}.tbtn .dotr{width:9px;height:9px;border-radius:50%;background:#5a3a3a;box-shadow:inset 0 0 0 1px #00000080}.tbtn.rec.armed{color:#ffd7d7;border-top-color:#ff5a5a38;background:linear-gradient(180deg,#3a2630,#221319);box-shadow:inset 0 2px 5px #0009,inset 0 0 14px -4px var(--red),0 1px #0a0d12,0 2px 3px #0000008c}.tbtn.rec.armed .dotr{background:var(--red);box-shadow:0 0 8px var(--red);animation:tkpulse 1s ease-in-out infinite}.tbtn.jam.armed{color:#cfeefb;border-top-color:#0ec4fc38;background:linear-gradient(180deg,#163040,#0c1a24);box-shadow:inset 0 2px 5px #0009,inset 0 0 14px -4px var(--sapphire),0 1px #0a0d12,0 2px 3px #0000008c}.transport .tbtn.stopmode{color:#ff463a;text-shadow:0 0 2px rgba(255,70,58,.4);box-shadow:inset 0 0 0 1px #ff463a52,inset 0 0 7px -2px #ff463a6b,inset 0 1.5px .4px #ffffff1f,inset 0 -4px 6px #00000080,0 3px #0a0d12,0 4px 7px #0000008c}.xbtn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:none;border-radius:8px;cursor:pointer;user-select:none;font-family:ui-monospace,Menlo,monospace;font-size:.55rem;letter-spacing:.08em;color:#c3d4e4;background:linear-gradient(180deg,#3a4250,#252b35 47%,#1a2029);border-top:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1.2px .4px #fff3,inset 0 -4px 6px #00000080,0 3px #0a0d12,0 4px 7px #0000008c;transition:transform .07s,box-shadow .12s,color .12s}.xbtn:active{transform:translateY(2px);box-shadow:inset 0 1px .4px #ffffff29,inset 0 -3px 5px #00000080,0 1px #0a0d12,0 2px 4px #0000008c}.arpbar .dicebtn{margin-left:auto;width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;color:#cdb8ff;background:radial-gradient(circle at 50% 32%,#2e2742,#15111f 76%);border-top:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1.5px 1px #ffffff29,inset 0 -3px 5px #0000009e,0 3px #0a0d12,0 4px 7px #0000008c;transition:transform .07s,box-shadow .12s,color .12s}.arpbar .dicebtn:active{transform:translateY(2px)}.arpbar .dicebtn:hover{color:#fff;box-shadow:inset 0 1.5px 1px #ffffff29,inset 0 -3px 5px #0000009e,inset 0 0 11px -3px var(--pink),0 3px #0a0d12,0 4px 7px #0000008c}.dicebtn svg{width:18px;height:18px;fill:currentColor;transition:transform .5s cubic-bezier(.4,1.7,.4,1)}.io .dicebtn{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;color:#cdb8ff;margin-right:5px;background:radial-gradient(circle at 50% 32%,#2e2742,#15111f 76%);box-shadow:inset 0 1.5px 1px #ffffff14,inset 0 -3px 5px #0009,0 1px #ffffff0a}.io .dicebtn svg{width:23px;height:23px}#jamBtn[disabled],#shareBtn[disabled]{display:none}.io .dicebtn:active{transform:translateY(2px)}.io .dicebtn:hover{color:#fff;box-shadow:inset 0 1.5px 1px #ffffff29,inset 0 -3px 5px #0000009e,inset 0 0 11px -3px var(--pink),0 1px #ffffff0a}.sgm .device:not(.live) .io .dicebtn{opacity:.4}.sgm .io .iodemo{height:28px;padding:0 11px;border-radius:8px;font-size:.55rem;letter-spacing:.08em}.demogrp{display:inline-flex;align-items:center;gap:7px}.sgm .device:not(.live) .io .iodemo{opacity:.5}.dicebtn.roll svg{transform:rotate(360deg)}@media(prefers-reduced-motion:reduce){.dicebtn svg{transition:none}}.iodemocar{display:inline-flex;align-items:center;gap:4px}.iodemocar i{width:4px;height:4px;border-radius:50%;background:#3a4654;transition:background .2s,box-shadow .2s}.iodemocar i.on{background:var(--sapphire);box-shadow:0 0 5px var(--sapphire)}.io .iodiv{width:1px;height:18px;flex:none;align-self:center;margin:0 2px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent)}@keyframes tkpulse{0%,to{opacity:1}50%{opacity:.3}}.tkstat{font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.03em;color:#9fb1c4;min-width:104px;text-align:right;margin-right:4px}.arpbar .featshelf{margin-left:auto}.tkstat b{color:#dffaff}.featshelf{display:flex;gap:7px;flex-wrap:wrap}.feat{height:30px;padding:0 13px;border:none;border-radius:8px;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:7px;font-family:ui-monospace,Menlo,monospace;font-size:.56rem;letter-spacing:.04em;color:#bcd0e2;background:linear-gradient(180deg,#464e5c,#2c333f 47%,#1f2630);border-top:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1.2px .5px #fff3,inset 0 -4px 6px #00000080,0 3px #0a0d12,0 4px 6px #0000008c;transition:transform .07s,box-shadow .12s}.feat:before{content:"▶";font-size:.5rem;color:var(--sapphire)}.feat:active{transform:translateY(2px)}.feat:hover{box-shadow:inset 0 1.2px .5px #fff3,inset 0 -4px 6px #00000080,inset 0 0 11px -4px var(--sapphire),0 3px #0a0d12,0 4px 6px #0000008c}.signal-sec:not(:has(.device.live)) .takebar{filter:saturate(.7) brightness(.86)}.takeflag{margin-top:9px;padding:9px 14px;border-radius:10px;font-family:ui-monospace,Menlo,monospace;font-size:.58rem;letter-spacing:.04em;color:#dffaff;background:linear-gradient(180deg,#10212b,#0a141b);border:1px solid color-mix(in srgb,var(--sapphire) 35%,#000);box-shadow:0 0 18px -8px var(--sapphire);display:none}.takeflag.show{display:block}.takeflag b{color:var(--sapphire)}@keyframes sgmbulbup{0%{opacity:0}12%{opacity:.13}16%{opacity:.03}31%{opacity:.34}36%{opacity:.08}54%{opacity:.66}60%{opacity:.44}to{opacity:1}}@keyframes sgmbreathe{0%,to{opacity:.22}50%{opacity:.85}}@keyframes sgmbulb{0%{filter:brightness(0)}55%{filter:brightness(1.6)}to{filter:brightness(1)}}@keyframes sgmflareo{0%,to{opacity:.25}35%{opacity:1}}.sgm .arpbar .readout{position:relative;flex:1.6 1 0;min-width:0;min-height:80px;display:flex;align-items:center;padding:8px 16px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#05090f,#02050a);box-shadow:inset 0 0 0 1px #000000eb,inset 0 2px 9px #000000e0,inset 0 -1px #78a0c80a;border:1px solid #04070c;transition:box-shadow .55s ease,background .55s ease}.sgm .device.live .arpbar .readout{box-shadow:inset 0 0 0 1px #000000eb,inset 0 2px 9px #000000d9}.sgm .arpbar .readout:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,rgba(150,195,240,.07) 0 1px,transparent 1px 2px)}.sgm .device.live .arpbar .readout:after{opacity:1}.sgm .readout .rdtip{font-family:ui-monospace,Menlo,monospace;font-size:.62rem;letter-spacing:.03em;line-height:1.4;color:#3c4a59;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sgm .device.live .readout .rdtip{color:#e6f5ff;font-weight:500;text-shadow:0 0 3px color-mix(in srgb,var(--sapphire) 26%,transparent)}.sgm .readout .rdtip:before{content:"▸ "}.sgm .readout[data-mode=seq]{padding:7px 12px}.sgm .readout[data-mode=seq] .rdtip,.sgm .readout[data-mode=coach] .rdseq{display:none}.sgm .readout .rdseq{--bass:#3914c0;flex:1;min-width:0;display:flex;align-items:stretch;gap:11px;height:50px}.sgm .rdseq .rdrail{flex:none;width:108px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding-right:11px;border-right:1px solid rgba(120,160,200,.12)}.sgm .rdseq .rdrate{display:flex;gap:3px}.sgm .rdseq .rdrate b{flex:1;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:.46rem;letter-spacing:.02em;color:#3c4a59;padding:2px 0;border-radius:3px;cursor:pointer;background:#08101a99;box-shadow:inset 0 0 0 1px #0009;transition:color .15s,background .15s,box-shadow .15s}.sgm .device.live .rdseq .rdrate b{color:#7d93a8}.sgm .device.live .rdseq .rdrate b.on{color:#1e1605;background:radial-gradient(120% 120% at 50% 0%,#ffe07a,#e0a31a 86%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bass) 60%,#000),0 0 7px -2px var(--bass)}.sgm .rdseq .rdmeta{display:flex;justify-content:space-between;align-items:baseline;font-family:ui-monospace,Menlo,monospace;font-size:.46rem;letter-spacing:.06em;color:#3c4a59}.sgm .device.live .rdseq .rdmeta{color:#6f8499}.sgm .rdseq .rdmeta .rdaccent{color:#3c4a59}.sgm .device.live .rdseq .rdmeta .rdaccent{color:var(--bass);text-shadow:0 0 5px color-mix(in srgb,var(--bass) 45%,transparent)}.sgm .rdseq .rdstep{font-family:ui-monospace,Menlo,monospace;font-size:.5rem;letter-spacing:.04em;color:#3c4a59;text-align:center;padding-top:1px}.sgm .device.live .rdseq .rdstep{color:#9fb6cb}.sgm .device.live .rdseq .rdstep b{color:var(--bass)}.sgm .rdseq .rdgrid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(16,1fr);gap:0;align-items:end}.sgm .rdseq .rdcell{position:relative;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;-webkit-tap-highlight-color:transparent;border-left:1px solid transparent}.sgm .rdseq .rdcell[data-beat]{border-left:1px solid rgba(120,160,200,.16)}.sgm .rdseq .rdbar{width:62%;border-radius:2px 2px 0 0;background:#1b2733;box-shadow:inset 0 0 0 1px #00000080;transition:height .1s,background .15s,box-shadow .15s,opacity .15s}.sgm .rdseq .rdcell[data-v="0"] .rdbar{height:4px;opacity:.5}.sgm .rdseq .rdcell[data-v="1"] .rdbar{height:14px}.sgm .rdseq .rdcell[data-v="2"] .rdbar{height:26px}.sgm .rdseq .rdcell[data-v="3"] .rdbar{height:38px}.sgm .device.live .rdseq .rdcell[data-v="1"] .rdbar{background:linear-gradient(180deg,color-mix(in srgb,var(--bass) 42%,#10161d),#10161d);box-shadow:inset 0 0 0 1px #00000080}.sgm .device.live .rdseq .rdcell[data-v="2"] .rdbar{background:linear-gradient(180deg,var(--bass),#9a6f12);box-shadow:inset 0 0 0 1px #0006}.sgm .device.live .rdseq .rdcell[data-v="3"] .rdbar{background:linear-gradient(180deg,#fff0bf,var(--bass) 70%);box-shadow:inset 0 0 0 1px #0000004d,0 0 9px -1px var(--bass)}.sgm .rdseq .rddot{position:absolute;top:2px;width:5px;height:5px;border-radius:50%;background:#1b2733;box-shadow:inset 0 0 0 1px #0009;cursor:pointer;transition:background .15s,box-shadow .15s}.sgm .device.live .rdseq .rdcell[data-oct=sub] .rddot{background:var(--bass);box-shadow:0 0 6px var(--bass)}.sgm .rdseq .rdcell.play:before{content:"";position:absolute;inset:0;border-radius:1px;background:#96c3f00f}.sgm .device.live .rdseq .rdcell.play:before{background:color-mix(in srgb,var(--bass) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bass) 30%,transparent)}.sgm .sgm-hard{position:absolute;z-index:40;transform:translate(-50%,-100%);pointer-events:none;max-width:300px;width:max-content;padding:6px 10px;border-radius:5px;font-family:ui-monospace,Menlo,monospace;font-size:.58rem;line-height:1.32;letter-spacing:.01em;color:#cfe6f6;text-align:left;background:radial-gradient(120% 140% at 50% 0%,#0a131c,#05080d 85%);border:1px solid rgba(14,196,252,.34);box-shadow:inset 0 0 0 1px #000000b3,inset 0 6px 16px #0ec4fc1f,0 4px 14px #0000008c;opacity:0;transition:opacity .12s ease}.sgm .sgm-hard[data-flip=down]{transform:translate(-50%)}.sgm .sgm-hard.on{opacity:1}.sgm .sgm-hard:after{content:"";position:absolute;left:50%;width:8px;height:8px;margin-left:-4px;background:#06090e;border-right:1px solid rgba(14,196,252,.34);border-bottom:1px solid rgba(14,196,252,.34);transform:rotate(45deg)}.sgm .sgm-hard[data-flip=up]:after{bottom:-5px}.sgm .sgm-hard[data-flip=down]:after{top:-5px;transform:rotate(225deg)}.sgm.althint .device [id]{cursor:help}@media(prefers-reduced-motion:reduce){.sgm .sgm-hard{transition:none}}main[data-astro-cid-j7pv25f6]{padding-top:0}.sig-desktop[data-astro-cid-j7pv25f6]{display:none}.sig-mobile[data-astro-cid-j7pv25f6]{display:block}.sig-mobile-frame[data-astro-cid-j7pv25f6]{display:block;width:100%;height:100dvh;border:0;background:#080b10}@media(pointer:fine){.sig-desktop[data-astro-cid-j7pv25f6]{display:block}.sig-mobile[data-astro-cid-j7pv25f6]{display:none}}.section[data-astro-cid-j7pv25f6]{padding:var(--space-16) 0}.work[data-astro-cid-j7pv25f6].section{padding-top:clamp(1.5rem,4vh,2.6rem)}.work-head[data-astro-cid-j7pv25f6]{margin-bottom:clamp(1.1rem,2.6vw,1.7rem)}.section-eyebrow[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--muted)}.se-tick[data-astro-cid-j7pv25f6]{width:22px;height:2px;background:var(--accent);display:inline-block}.work-intro[data-astro-cid-j7pv25f6]{margin-top:.9rem;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:500;letter-spacing:-.01em;line-height:1.2;color:var(--text)}.deck[data-astro-cid-j7pv25f6]{position:relative;display:grid;grid-template-columns:clamp(4.2rem,6vw,5.4rem) minmax(0,1fr);grid-template-rows:auto 1fr;gap:clamp(.8rem,1.6vh,1.3rem) clamp(1rem,2vw,1.5rem);align-items:stretch;padding:clamp(14px,1.6vw,22px);border-radius:18px;border:1px solid rgba(150,190,240,.14);background:linear-gradient(157deg,#1e273775,#0b0f1799);box-shadow:0 44px 90px -46px #000000e0,inset 0 1.5px #ffffff1c,inset 0 0 0 1px #78a0d20f,inset 0 -7px 16px #0000004d,0 0 70px -34px color-mix(in srgb,var(--accent-glow, #0ec4fc) 55%,transparent);overflow:hidden}.deck[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(152deg,#ffffff0d,#fff0 28%)}.deck[data-astro-cid-j7pv25f6]:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;border-radius:18px;background:radial-gradient(132% 104% at 80% 28%,#04070ce6,#010205f7);opacity:calc(1 - var(--boot, 1))}.dk-audio[data-astro-cid-j7pv25f6],.deck-rail[data-astro-cid-j7pv25f6],.deck-card[data-astro-cid-j7pv25f6]{position:relative;z-index:1}.dk-audio[data-astro-cid-j7pv25f6]{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:clamp(40px,4.4vw,52px);height:clamp(40px,4.4vw,52px);margin:0 auto clamp(8px,1.3vh,12px);padding:0;cursor:pointer;border-radius:50%;border:1px solid rgba(150,190,240,.16);background:linear-gradient(180deg,#262f3e80,#0f141d9e);box-shadow:inset 0 1px #ffffff0f,0 2px 6px #0006;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.dk-audio[data-astro-cid-j7pv25f6]:focus-visible{outline:2px solid #0ec4fc;outline-offset:2px}.dk-ico[data-astro-cid-j7pv25f6]{width:56%;height:56%;overflow:visible}.dk-core[data-astro-cid-j7pv25f6]{fill:#6c7a89;transition:fill .25s ease}.dk-arc[data-astro-cid-j7pv25f6]{stroke:#6c7a89;stroke-width:1.7;stroke-linecap:round;opacity:.7;transition:stroke .25s ease,opacity .25s ease}.dk-slash[data-astro-cid-j7pv25f6]{stroke:#8590a0;stroke-width:1.7;stroke-linecap:round;opacity:.95;transition:opacity .25s ease}.dk-ripple[data-astro-cid-j7pv25f6]{position:absolute;inset:-1px;border-radius:50%;border:1.5px solid #0ec4fc;opacity:0;pointer-events:none}.deck[data-astro-cid-j7pv25f6][data-sound=on] .dk-audio[data-astro-cid-j7pv25f6]{border-color:color-mix(in srgb,#0ec4fc 60%,transparent);background:radial-gradient(circle at 50% 36%,color-mix(in srgb,#0ec4fc 22%,#10151c),#0a0e14);box-shadow:inset 0 0 16px color-mix(in srgb,#0ec4fc 22%,transparent),0 0 20px -3px #0ec4fc}.deck[data-astro-cid-j7pv25f6][data-sound=on] .dk-core[data-astro-cid-j7pv25f6]{fill:#0ec4fc}.deck[data-astro-cid-j7pv25f6][data-sound=on] .dk-arc[data-astro-cid-j7pv25f6]{stroke:#0ec4fc;opacity:1}.deck[data-astro-cid-j7pv25f6][data-sound=on] .dk-slash[data-astro-cid-j7pv25f6]{opacity:0}.dk-audio[data-astro-cid-j7pv25f6].pulsing .dk-ripple[data-astro-cid-j7pv25f6]{animation:dk-ping .55s cubic-bezier(.2,.6,.3,1)}.deck-rail[data-astro-cid-j7pv25f6]{list-style:none;margin:0;padding:0;grid-column:1;grid-row:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,1.3vh,12px)}.we[data-astro-cid-j7pv25f6]{margin:0;flex:1 1 0;display:flex}.node[data-astro-cid-j7pv25f6]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:clamp(46px,7vh,70px);text-decoration:none;border-radius:11px;border:1px solid rgba(150,190,240,.1);background:linear-gradient(180deg,#262f3e6b,#0f141d80);box-shadow:inset 0 1px #ffffff0d,0 2px 6px #0000004d;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.node[data-astro-cid-j7pv25f6]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nd-disc[data-astro-cid-j7pv25f6]{position:relative;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 50% 36%,#2a313c,#0c0f14 70%);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 4px #000000b3;transition:background .3s ease,box-shadow .3s ease}.nd-disc[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 50%,#3a414c);opacity:.5;transition:opacity .3s ease}.nd-no[data-astro-cid-j7pv25f6]{font-family:ui-monospace,IBM Plex Mono,Menlo,monospace;font-size:.56rem;font-weight:600;letter-spacing:.08em;color:#7a8694;transition:color .3s ease}.nd-ping[data-astro-cid-j7pv25f6]{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:1.5px solid var(--accent);opacity:0;pointer-events:none;transform:scale(.6)}.node[data-astro-cid-j7pv25f6].pinging .nd-ping[data-astro-cid-j7pv25f6]{animation:dk-ping .55s cubic-bezier(.2,.6,.3,1)}@keyframes dk-ping{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(2.4)}}.nd-cover[data-astro-cid-j7pv25f6],.nd-mobile[data-astro-cid-j7pv25f6]{display:none}.node[data-astro-cid-j7pv25f6]:hover,.node[data-astro-cid-j7pv25f6]:focus-visible,.node[data-astro-cid-j7pv25f6].is-active,.deck[data-astro-cid-j7pv25f6]:not([data-engaged]) .we[data-astro-cid-j7pv25f6][data-i="0"] .node[data-astro-cid-j7pv25f6]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,rgba(30,38,52,.46)),#0f141d80);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 12%,transparent),0 0 16px -5px color-mix(in srgb,var(--accent) 55%,transparent)}.node[data-astro-cid-j7pv25f6]:hover .nd-disc[data-astro-cid-j7pv25f6],.node[data-astro-cid-j7pv25f6]:focus-visible .nd-disc[data-astro-cid-j7pv25f6],.node[data-astro-cid-j7pv25f6].is-active .nd-disc[data-astro-cid-j7pv25f6],.deck[data-astro-cid-j7pv25f6]:not([data-engaged]) .we[data-astro-cid-j7pv25f6][data-i="0"] .node[data-astro-cid-j7pv25f6] .nd-disc[data-astro-cid-j7pv25f6]{background:radial-gradient(circle at 50% 36%,#fff,var(--accent) 62%);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 85%,transparent)}.node[data-astro-cid-j7pv25f6]:hover .nd-disc[data-astro-cid-j7pv25f6]:before,.node[data-astro-cid-j7pv25f6]:focus-visible .nd-disc[data-astro-cid-j7pv25f6]:before,.node[data-astro-cid-j7pv25f6].is-active .nd-disc[data-astro-cid-j7pv25f6]:before,.deck[data-astro-cid-j7pv25f6]:not([data-engaged]) .we[data-astro-cid-j7pv25f6][data-i="0"] .node[data-astro-cid-j7pv25f6] .nd-disc[data-astro-cid-j7pv25f6]:before{opacity:0}.node[data-astro-cid-j7pv25f6]:hover .nd-no[data-astro-cid-j7pv25f6],.node[data-astro-cid-j7pv25f6]:focus-visible .nd-no[data-astro-cid-j7pv25f6],.node[data-astro-cid-j7pv25f6].is-active .nd-no[data-astro-cid-j7pv25f6],.deck[data-astro-cid-j7pv25f6]:not([data-engaged]) .we[data-astro-cid-j7pv25f6][data-i="0"] .node[data-astro-cid-j7pv25f6] .nd-no[data-astro-cid-j7pv25f6]{color:#fff}.deck-card[data-astro-cid-j7pv25f6]{grid-column:2;grid-row:1 / -1;position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(150,200,255,.13);background:linear-gradient(155deg,#0e1a28,#070d16 70%,#050a12);box-shadow:inset 0 2px 6px #00000080,inset 0 0 0 1.5px #00000080,inset 0 0 44px #00000073,0 0 calc(40px * var(--boot, 1)) -6px color-mix(in srgb,var(--accent-glow, transparent) 44%,transparent);min-height:clamp(14rem,40svh,25rem);transition:box-shadow .4s ease}.dcard[data-astro-cid-j7pv25f6]{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}.deck-card[data-astro-cid-j7pv25f6][data-active="0"] .dcard[data-astro-cid-j7pv25f6][data-dc="0"],.deck-card[data-astro-cid-j7pv25f6][data-active="1"] .dcard[data-astro-cid-j7pv25f6][data-dc="1"],.deck-card[data-astro-cid-j7pv25f6][data-active="2"] .dcard[data-astro-cid-j7pv25f6][data-dc="2"],.deck-card[data-astro-cid-j7pv25f6][data-active="3"] .dcard[data-astro-cid-j7pv25f6][data-dc="3"],.deck-card[data-astro-cid-j7pv25f6][data-active="4"] .dcard[data-astro-cid-j7pv25f6][data-dc="4"],.deck-card[data-astro-cid-j7pv25f6][data-active="5"] .dcard[data-astro-cid-j7pv25f6][data-dc="5"]{opacity:var(--boot, 1)}.dc-cover[data-astro-cid-j7pv25f6]{position:absolute;inset:0}.dc-cover[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]{width:100%;height:100%;object-fit:cover;display:block}.dc-empty[data-astro-cid-j7pv25f6]{width:100%;height:100%;background:radial-gradient(120% 100% at 70% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),#04070c}.dc-edge[data-astro-cid-j7pv25f6]{position:absolute;left:0;right:0;top:0;height:3px;z-index:4;opacity:.75;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.dc-sweep[data-astro-cid-j7pv25f6]{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;width:40%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 26%,transparent),transparent)}.dcard[data-astro-cid-j7pv25f6].swept .dc-sweep[data-astro-cid-j7pv25f6]{animation:dk-sweep .5s ease}@keyframes dk-sweep{0%{opacity:.9;transform:translate(-120%)}to{opacity:0;transform:translate(330%)}}.dc-tuned[data-astro-cid-j7pv25f6]{position:absolute;top:12px;right:13px;z-index:5;display:inline-flex;align-items:center;gap:7px;font-family:ui-monospace,Menlo,monospace;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#cdd6e1;background:#05080d8c;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(150,200,255,.12));border-radius:999px;padding:5px 10px}.dc-dot[data-astro-cid-j7pv25f6]{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.dc-note[data-astro-cid-j7pv25f6]{color:var(--accent)}.dc-plate[data-astro-cid-j7pv25f6]{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:clamp(16px,2vw,24px);background:linear-gradient(0deg,rgba(3,5,9,.96) 0%,rgba(3,5,9,.82) 45%,rgba(3,5,9,.35) 75%,transparent 100%)}.dc-title[data-astro-cid-j7pv25f6]{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:.95;font-size:clamp(1.7rem,3.2vw,2.7rem);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.6)}.dc-sub[data-astro-cid-j7pv25f6]{margin-top:.5rem;font-size:clamp(.92rem,1.3vw,1.05rem);line-height:1.35;color:#d3dce6;max-width:44ch}.dc-sig[data-astro-cid-j7pv25f6]{position:relative;margin-top:.9rem;height:12px}.dc-base[data-astro-cid-j7pv25f6]{position:absolute;left:0;right:0;top:50%;height:1.5px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%)}.dc-blip[data-astro-cid-j7pv25f6]{position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);opacity:0}.dcard[data-astro-cid-j7pv25f6].swept .dc-blip[data-astro-cid-j7pv25f6]{animation:dk-blip .6s ease}@keyframes dk-blip{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}.dc-meta[data-astro-cid-j7pv25f6]{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-family:ui-monospace,Menlo,monospace;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:#9aa6b3}.dc-tags[data-astro-cid-j7pv25f6]{display:inline-flex;gap:.5rem;flex-wrap:wrap}.dc-tag[data-astro-cid-j7pv25f6]{color:#b6c2cd;border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(150,210,255,.16));border-radius:999px;padding:.22rem .55rem}.dc-view[data-astro-cid-j7pv25f6]{color:#fff;border-bottom:2px solid var(--accent);padding-bottom:.25rem}@media(max-width:55.99rem){.deck[data-astro-cid-j7pv25f6]{display:block;padding:0;border:none;background:none;box-shadow:none;border-radius:0}.deck[data-astro-cid-j7pv25f6]:before,.deck[data-astro-cid-j7pv25f6]:after,.dk-audio[data-astro-cid-j7pv25f6],.deck-card[data-astro-cid-j7pv25f6]{display:none}.deck-rail[data-astro-cid-j7pv25f6]{display:block}.node[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:1.4rem 0 1.7rem;border:none;border-bottom:1px solid var(--line);background:none;box-shadow:none;border-radius:0}.nd-ping[data-astro-cid-j7pv25f6],.nd-disc[data-astro-cid-j7pv25f6],.nd-no[data-astro-cid-j7pv25f6]{display:none}.nd-cover[data-astro-cid-j7pv25f6]{display:block;order:-1;position:relative;width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center;border:1px solid var(--line);filter:brightness(.92);margin-bottom:1rem}.nd-mobile[data-astro-cid-j7pv25f6]{display:block}.nd-m-name[data-astro-cid-j7pv25f6]{display:block;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:600;font-size:clamp(1.7rem,8vw,2.4rem);letter-spacing:-.02em;line-height:1.05;color:var(--text)}.nd-m-pitch[data-astro-cid-j7pv25f6]{display:block;margin-top:.55rem;font-size:1.02rem;line-height:1.4;color:color-mix(in srgb,var(--text) 86%,transparent)}.nd-m-out[data-astro-cid-j7pv25f6]{display:block;margin-top:.5rem;font-size:.86rem;line-height:1.45;color:var(--muted)}.work-intro[data-astro-cid-j7pv25f6]{max-width:28ch}}@media(prefers-reduced-motion:reduce){.dcard[data-astro-cid-j7pv25f6],.node[data-astro-cid-j7pv25f6],.nd-disc[data-astro-cid-j7pv25f6]{transition:none}.node[data-astro-cid-j7pv25f6].pinging .nd-ping[data-astro-cid-j7pv25f6],.dcard[data-astro-cid-j7pv25f6].swept .dc-sweep[data-astro-cid-j7pv25f6],.dcard[data-astro-cid-j7pv25f6].swept .dc-blip[data-astro-cid-j7pv25f6]{animation:none}}.work-foot[data-astro-cid-j7pv25f6]{padding:var(--space-12) 0 var(--space-4);border-top:1px solid var(--line);margin-top:var(--space-8)}.work-foot-link[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:var(--space-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent);text-decoration:none;padding:var(--space-3) var(--space-4);border:1px solid var(--accent);transition:color .2s ease,background .2s ease}.work-foot-link[data-astro-cid-j7pv25f6]:hover,.work-foot-link[data-astro-cid-j7pv25f6]:focus-visible{color:var(--bg);background:var(--accent)}