body{color:#eaeaef;background:#000;margin:0;padding:2rem;font-family:system-ui,sans-serif;line-height:1.6}header,main{max-width:40rem;margin:0 auto}a{color:#6fa8ff}header[data-astro-cid-lcdefpme],main[data-astro-cid-lcdefpme]{max-width:68rem}.hint[data-astro-cid-lcdefpme]{color:#b9b9c2}kbd[data-astro-cid-lcdefpme]{color:#e8e8ee;background:#1c1c22;border:1px solid #3a3a44;border-radius:.25rem;padding:.05rem .4rem;font-family:ui-monospace,monospace}.cabinet[data-astro-cid-lcdefpme]{background:repeating-linear-gradient(100deg,#ffffff08 0 1px,#0000 1px 3px),linear-gradient(160deg,#2b2b32,#17171b 60%,#0d0d10);border:1px solid #000;border-radius:1.25rem;padding:1.5rem;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 6px #0009,0 1.5rem 3rem #0009}.cabinet[data-astro-cid-lcdefpme]:before,.cabinet[data-astro-cid-lcdefpme]:after{content:"";background:radial-gradient(circle at 35% 35%,#ddd,#555 70%,#111);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.6rem;box-shadow:0 1px 1px #0009}.cabinet[data-astro-cid-lcdefpme]:before{left:.6rem}.cabinet[data-astro-cid-lcdefpme]:after{right:.6rem}canvas[data-astro-cid-lcdefpme]#viz{background:#000;border:1px solid #000;border-radius:.6rem;width:100%;height:8.5rem;margin-bottom:1.25rem;display:block;box-shadow:inset 0 0 0 1px #ffffff0f}.decks[data-astro-cid-lcdefpme]{grid-template-columns:1fr 12rem;align-items:stretch;gap:1.25rem;display:grid}@media (width<=64rem){.decks[data-astro-cid-lcdefpme]{grid-template-columns:1fr}}.deck-unit[data-astro-cid-lcdefpme]{background:linear-gradient(#1c1c22,#131316);border:1px solid #000;border-radius:.9rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.turntable-row[data-astro-cid-lcdefpme]{align-items:center;gap:1rem;display:flex}.turntable-unit[data-astro-cid-lcdefpme]{flex-direction:column;flex:none;align-items:center;gap:.5rem;display:flex}.turntable-row[data-astro-cid-lcdefpme] .deck[data-astro-cid-lcdefpme]{flex:1}@media (width<=30rem){.turntable-row[data-astro-cid-lcdefpme]{flex-direction:column}}.jog[data-astro-cid-lcdefpme]{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 35% 30%,#555,#1a1a1c 65%);border:3px solid #444;border-radius:50%;flex:none;justify-content:center;align-items:center;width:8rem;padding:.4rem;display:flex;position:relative;box-shadow:0 .5rem 1rem #00000080,inset 0 0 0 1px #ffffff0d}.jog[data-astro-cid-lcdefpme]:focus-visible{outline-offset:3px;outline:3px solid #fff}.jog-platter[data-astro-cid-lcdefpme]{aspect-ratio:1;background:repeating-conic-gradient(#101012 0deg 6deg,#1c1c1f 6deg 12deg);border-radius:50%;justify-content:center;align-items:center;width:84%;animation:1.8s linear infinite spin;display:flex;position:relative;box-shadow:inset 0 0 1rem #000c,0 0 0 2px #000}.jog[data-astro-cid-lcdefpme].scratching .jog-platter[data-astro-cid-lcdefpme]{animation:.55s ease-in-out scratch-wobble}.jog-grip[data-astro-cid-lcdefpme]{background:repeating-radial-gradient(circle,#ffffff08 0 1px,#0000 1px 5px);border-radius:50%;position:absolute;inset:0}.jog-marker[data-astro-cid-lcdefpme]{background:#ff8c1a;border-radius:2px;width:3px;height:14%;position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:0 0 .35rem #ff8c1a}.jog-hub[data-astro-cid-lcdefpme]{aspect-ratio:1;letter-spacing:.08em;color:#ff8c1a;background:radial-gradient(circle at 40% 35%,#444,#000 75%);border-radius:50%;justify-content:center;align-items:center;width:34%;font-size:.55rem;font-weight:800;display:flex;position:relative;box-shadow:0 0 0 2px #000}.unit-caption[data-astro-cid-lcdefpme]{color:#8a8a95;letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scratch-wobble{0%{transform:rotate(0)}15%{transform:rotate(-70deg)}30%{transform:rotate(20deg)}45%{transform:rotate(-45deg)}60%{transform:rotate(10deg)}75%{transform:rotate(-25deg)}to{transform:rotate(0)}}.deck[data-astro-cid-lcdefpme]{grid-template-columns:repeat(6,1fr);align-content:start;gap:.5rem;display:grid}@media (width<=78rem){.deck[data-astro-cid-lcdefpme]{grid-template-columns:repeat(4,1fr)}}@media (width<=30rem){.deck[data-astro-cid-lcdefpme]{grid-template-columns:repeat(3,1fr)}}@media (width<=20rem){.deck[data-astro-cid-lcdefpme]{grid-template-columns:repeat(2,1fr)}}.pad[data-astro-cid-lcdefpme]{--pad:#999;aspect-ratio:1;background:linear-gradient(160deg, var(--pad), color-mix(in srgb, var(--pad) 60%, black));color:#fff;cursor:pointer;box-shadow:0 .2rem 0 color-mix(in srgb, var(--pad) 45%, black), 0 .4rem .8rem #0006;touch-action:manipulation;border:none;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-family:system-ui,sans-serif;font-weight:700;transition:transform 50ms,box-shadow 50ms;display:flex;position:relative}.pad[data-astro-cid-lcdefpme] .label[data-astro-cid-lcdefpme]{letter-spacing:.02em;text-shadow:0 1px 2px #00000059;text-align:center;font-size:clamp(.6rem,1.3vw,.85rem)}.pad[data-astro-cid-lcdefpme] .key[data-astro-cid-lcdefpme]{opacity:.85;border:1px solid #fff9;border-radius:.3rem;padding:0 .3rem;font-size:clamp(.5rem,.9vw,.65rem)}.pad[data-astro-cid-lcdefpme]:active,.pad[data-astro-cid-lcdefpme].hit{box-shadow:0 .05rem 0 color-mix(in srgb, var(--pad) 45%, black), 0 .15rem .4rem #0006;transform:translateY(.2rem)}.pad[data-astro-cid-lcdefpme]:focus-visible{outline-offset:2px;outline:3px solid #fff}.channel-strip[data-astro-cid-lcdefpme]{background:linear-gradient(#1c1c22,#0f0f12);border:1px solid #000;border-radius:.6rem;padding:.75rem}.faders[data-astro-cid-lcdefpme]{flex-wrap:wrap;gap:.9rem;margin-top:.5rem;display:flex}.fader-group[data-astro-cid-lcdefpme]{color:#9a9aa4;text-transform:uppercase;letter-spacing:.05em;flex-direction:column;align-items:center;gap:.3rem;font-size:.65rem;display:flex}.fader-track[data-astro-cid-lcdefpme]{justify-content:center;align-items:center;width:2rem;height:5rem;display:flex}.fader-track[data-astro-cid-lcdefpme] input[data-astro-cid-lcdefpme][type=range]{accent-color:#ff8c1a;width:5rem;transform:rotate(-90deg)}.fader-readout[data-astro-cid-lcdefpme]{color:#7a7a85;font-family:ui-monospace,monospace;font-size:.75rem}.mixer-section-title[data-astro-cid-lcdefpme]{text-transform:uppercase;letter-spacing:.06em;color:#7a7a85;font-size:.7rem}.center-console[data-astro-cid-lcdefpme]{background:linear-gradient(#1c1c22,#131316);border:1px solid #000;border-radius:.9rem;flex-direction:row;justify-content:center;align-items:stretch;gap:2.5rem;margin-top:1rem;padding:.85rem 1.25rem;display:flex}.mixer-section[data-astro-cid-lcdefpme]{flex-direction:row;align-items:center;gap:.6rem;display:flex}@media (width<=40rem){.center-console[data-astro-cid-lcdefpme]{flex-direction:column}.mixer-section[data-astro-cid-lcdefpme]{justify-content:center}}.mixer-btn[data-astro-cid-lcdefpme]{color:#eaeaef;cursor:pointer;background:linear-gradient(#333339,#202024);border:1px solid #000;border-radius:.5rem;align-items:center;gap:.45rem;width:auto;padding:.5rem .8rem;font-family:system-ui,sans-serif;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 .15rem #000,inset 0 1px #ffffff14}.mixer-btn[data-astro-cid-lcdefpme]:disabled{opacity:.4;cursor:not-allowed}.mixer-btn[data-astro-cid-lcdefpme]:active:not(:disabled){transform:translateY(.1rem);box-shadow:0 .05rem #000,inset 0 1px #ffffff14}.mixer-btn[data-astro-cid-lcdefpme]:focus-visible{outline-offset:2px;outline:3px solid #fff}.led[data-astro-cid-lcdefpme]{background:#333;border-radius:50%;width:.55rem;height:.55rem;box-shadow:inset 0 0 2px #000}.mixer-btn[data-astro-cid-lcdefpme][aria-pressed=true] .led[data-astro-cid-lcdefpme]{background:#2ecc40;box-shadow:0 0 .4rem #2ecc40}.led-red[data-astro-cid-lcdefpme]{background:#3a1010}#record-btn[data-astro-cid-lcdefpme][aria-pressed=true] .led-red[data-astro-cid-lcdefpme]{background:#ff2d2d;animation:1s ease-in-out infinite pulse;box-shadow:0 0 .5rem #ff2d2d}#cue-btn[data-astro-cid-lcdefpme]:active .led-red[data-astro-cid-lcdefpme]{background:#ff2d2d;box-shadow:0 0 .5rem #ff2d2d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.bpm[data-astro-cid-lcdefpme]{color:#7a7a85;font-family:ui-monospace,monospace;font-size:.8rem}.sequencer[data-astro-cid-lcdefpme]{background:linear-gradient(#1c1c22,#0f0f12);border:1px solid #000;border-radius:.75rem;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.9rem 1.1rem;display:flex;box-shadow:inset 0 1px #ffffff0f}.seq-rows[data-astro-cid-lcdefpme]{flex-direction:column;gap:.5rem;display:flex}.seq-row{grid-template-columns:8rem 1fr 1.75rem;align-items:center;gap:.6rem;display:grid}.seq-sound{color:#eaeaef;background:#232329;border:1px solid #000;border-radius:.35rem;width:100%;padding:.3rem .4rem;font-family:system-ui,sans-serif;font-size:.75rem}.seq-sound:focus-visible{outline-offset:1px;outline:2px solid #6fa8ff}.seq-steps{grid-template-columns:repeat(16,1fr);gap:.3rem;display:grid}@media (width<=30rem){.seq-row{grid-template-columns:1fr 1.75rem;grid-template-areas:"sound remove""steps steps";row-gap:.4rem}.seq-sound{grid-area:sound}.seq-remove{grid-area:remove}.seq-steps{grid-area:steps}}.seq-remove{aspect-ratio:1;color:#c9c9d2;cursor:pointer;background:linear-gradient(#333339,#202024);border:1px solid #000;border-radius:.5rem;width:1.75rem;font-size:.75rem;line-height:1;box-shadow:0 .15rem #000,inset 0 1px #ffffff14}.seq-remove:disabled{opacity:.4;cursor:not-allowed}.seq-remove:active:not(:disabled){transform:translateY(.1rem);box-shadow:0 .05rem #000,inset 0 1px #ffffff14}.seq-remove:focus-visible{outline-offset:2px;outline:3px solid #fff}.seq-add-btn[data-astro-cid-lcdefpme]{color:#eaeaef;cursor:pointer;background:linear-gradient(#333339,#202024);border:1px solid #000;border-radius:.5rem;width:100%;margin-top:.2rem;padding:.5rem .8rem;font-family:system-ui,sans-serif;font-size:.85rem;font-weight:600;box-shadow:0 .15rem #000,inset 0 1px #ffffff14}.seq-add-btn[data-astro-cid-lcdefpme]:disabled{opacity:.4;cursor:not-allowed}.seq-add-btn[data-astro-cid-lcdefpme]:active:not(:disabled){transform:translateY(.1rem);box-shadow:0 .05rem #000,inset 0 1px #ffffff14}.seq-add-btn[data-astro-cid-lcdefpme]:focus-visible{outline-offset:2px;outline:3px solid #fff}.step-btn{aspect-ratio:1;cursor:pointer;background:#232329;border:1px solid #000;border-radius:.3rem;min-width:0;box-shadow:inset 0 1px #ffffff0d}.step-btn.beat{background:#2b2b33}.step-btn[aria-pressed=true]{background:#ff8c1a;box-shadow:0 0 .4rem #ff8c1a99}.step-btn.current{outline-offset:1px;outline:2px solid #fff}.step-btn:focus-visible{outline-offset:1px;outline:2px solid #6fa8ff}.status[data-astro-cid-lcdefpme]{color:#b9b9c2;min-height:1.5rem;margin-top:1rem}