.-\32 VdYq_shell{--m-night:#07060a;--m-surface:#0d0b12e6;--m-chalk:#f3f1ec;--m-muted:#a9a5b4;--m-cyan:#8ff4ff;--m-ember:#ff9478;--m-violet:#b49cff;--m-rule:#f3f1ec21;width:min(94vw,1180px);color:var(--m-chalk);gap:.9rem;margin:0 auto;padding:1rem 0 1.4rem;display:grid}.-\32 VdYq_srOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.-\32 VdYq_stage{border:1px solid var(--m-rule);background:#06050b;border-radius:12px;height:clamp(150px,26vh,280px);position:relative;overflow:hidden}.-\32 VdYq_canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.-\32 VdYq_hud{pointer-events:none;font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;color:#f3f1ecb8;text-shadow:0 1px 6px #000000e6;font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.62rem;display:flex;position:absolute;top:0;left:0}.-\32 VdYq_dot{background:#8ff4ff99;border-radius:50%;width:3px;height:3px}.-\32 VdYq_evolvingTag{color:var(--m-violet)}.-\32 VdYq_bigPlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;height:max-content;min-height:56px;color:var(--m-chalk);font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#08070ebf;border:1px solid #8ff4ff73;border-radius:999px;align-items:center;gap:.8rem;margin:auto;padding:0 1.4rem 0 1.1rem;font-size:.74rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:absolute;inset:0;box-shadow:0 0 40px #8ff4ff24}.-\32 VdYq_bigPlay:hover{border-color:var(--m-cyan);transform:scale(1.03);box-shadow:0 0 60px #8ff4ff42}.-\32 VdYq_bigPlayIcon{border-left:13px solid var(--m-cyan);border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0}.-\32 VdYq_notice{text-align:center;color:var(--m-ember);font-size:.8rem;position:absolute;inset:auto 0 .8rem}.-\32 VdYq_transport{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.-\32 VdYq_play{min-width:6.5rem;min-height:44px;color:var(--m-chalk);cursor:pointer;background:#8ff4ff14;border:1px solid #8ff4ff73;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;padding:0 1rem;font-size:.82rem;transition:background .14s,border-color .14s;display:inline-flex}.-\32 VdYq_play:hover{background:#8ff4ff29}.-\32 VdYq_play[aria-pressed=true]{border-color:var(--m-ember);background:#ff94781f}.-\32 VdYq_iconPlay{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;width:0;height:0}.-\32 VdYq_iconStop{background:currentColor;border-radius:1px;width:10px;height:10px}.-\32 VdYq_chip{color:#f3f1ecc7;cursor:pointer;white-space:nowrap;background:#f3f1ec09;border:1px solid #f3f1ec1a;border-radius:9px;min-height:40px;padding:0 .8rem;font-size:.76rem;transition:background .14s,color .14s,border-color .14s}.-\32 VdYq_chip:hover{color:var(--m-chalk);background:#f3f1ec14}.-\32 VdYq_chip[aria-pressed=true]{color:var(--m-cyan);background:#8ff4ff1f;border-color:#8ff4ff80}.-\32 VdYq_sequencer{gap:.5rem;display:grid}.-\32 VdYq_halfTabs{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.-\32 VdYq_halfTab{color:#f3f1ec99;min-height:40px;font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f3f1ec1a;border-radius:9px;font-size:.62rem;position:relative}.-\32 VdYq_halfTab[aria-pressed=true]{color:var(--m-cyan);background:#8ff4ff14;border-color:#8ff4ff80}.-\32 VdYq_halfDot{background:var(--m-ember);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:8px}.-\32 VdYq_grid{--cols:16;--gap:4px;gap:var(--gap);display:grid}.-\32 VdYq_row{grid-template-columns:3.4rem repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);align-items:stretch;display:grid}.-\32 VdYq_leadRow+.-\32 VdYq_drumRow{margin-top:.45rem}.-\32 VdYq_rowLabel{font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#a9a5b4bf;white-space:nowrap;align-items:center;font-size:.6rem;display:flex}.-\32 VdYq_cell{--on:var(--m-cyan);aspect-ratio:1.35;cursor:pointer;background:#f3f1ec0a;border:1px solid #f3f1ec0f;border-radius:6px;min-height:30px;padding:0;transition:background 90ms,box-shadow .12s,border-color .12s;position:relative}.-\32 VdYq_cell.-\32 VdYq_beat{background:#f3f1ec13}.-\32 VdYq_cell:hover{border-color:#f3f1ec47}.-\32 VdYq_cell:focus-visible{outline:2px solid var(--m-chalk);outline-offset:1px;z-index:1}.-\32 VdYq_row[data-kind=lead] .-\32 VdYq_cell{--on:#8ff4ff}.-\32 VdYq_row[data-kind=lead]:first-child .-\32 VdYq_cell{--on:#ff8a7a}.-\32 VdYq_row[data-kind=lead]:nth-child(2) .-\32 VdYq_cell{--on:#ff7ac8}.-\32 VdYq_row[data-kind=lead]:nth-child(3) .-\32 VdYq_cell{--on:#d58bff}.-\32 VdYq_row[data-kind=lead]:nth-child(4) .-\32 VdYq_cell{--on:#a79bff}.-\32 VdYq_row[data-kind=lead]:nth-child(5) .-\32 VdYq_cell{--on:#8fb4ff}.-\32 VdYq_row[data-kind=lead]:nth-child(6) .-\32 VdYq_cell{--on:#86d2ff}.-\32 VdYq_row[data-kind=lead]:nth-child(7) .-\32 VdYq_cell{--on:#8ff4ff}.-\32 VdYq_row[data-kind=lead]:nth-child(8) .-\32 VdYq_cell{--on:#92ffe0}.-\32 VdYq_row[data-kind=bass] .-\32 VdYq_cell{--on:#ffd27a}.-\32 VdYq_row[data-kind=hat] .-\32 VdYq_cell{--on:#f3f1ec}.-\32 VdYq_row[data-kind=snare] .-\32 VdYq_cell{--on:#ffb08f}.-\32 VdYq_row[data-kind=kick] .-\32 VdYq_cell{--on:#ff9478}.-\32 VdYq_cell[aria-pressed=true]{background:var(--on);box-shadow:0 0 14px color-mix(in srgb, var(--on) 45%, transparent);border-color:#0000}.-\32 VdYq_cell[data-now]{border-color:#f3f1ec66}.-\32 VdYq_cell[data-now][aria-pressed=true]{box-shadow:0 0 22px var(--on), 0 0 0 2px #ffffffbf inset;filter:brightness(1.25)}.-\32 VdYq_mutA:after,.-\32 VdYq_mutB:after{content:"";border:1.5px solid var(--m-violet);pointer-events:none;border-radius:8px;position:absolute;inset:-3px}.-\32 VdYq_mutA:after{animation:.9s ease-out forwards -\32 VdYq_mutateA}.-\32 VdYq_mutB:after{animation:.9s ease-out forwards -\32 VdYq_mutateB}@keyframes -\32 VdYq_mutateA{0%{opacity:1;transform:scale(1.18)}to{opacity:0;transform:scale(1)}}@keyframes -\32 VdYq_mutateB{0%{opacity:1;transform:scale(1.18)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.-\32 VdYq_mutA:after,.-\32 VdYq_mutB:after{opacity:0;animation:none}.-\32 VdYq_bigPlay:hover{transform:none}}.-\32 VdYq_dock{border:1px solid var(--m-rule);background:var(--m-surface);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.9rem 1.4rem;padding:.9rem 1rem;display:flex}.-\32 VdYq_field{gap:.4rem;min-width:0;display:grid}.-\32 VdYq_fieldLabel{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:#a9a5b4cc;gap:.5rem;font-size:.6rem;display:flex}.-\32 VdYq_value{color:var(--m-cyan);font-variant-numeric:tabular-nums}.-\32 VdYq_chips{flex-wrap:wrap;gap:.3rem;display:flex}.-\32 VdYq_select{min-width:4.5rem;min-height:40px;color:var(--m-chalk);background:#100e17;border:1px solid #f3f1ec1f;border-radius:9px;padding:0 .6rem;font-size:.8rem}.-\32 VdYq_range{width:9.5rem;max-width:100%;height:40px;accent-color:var(--m-cyan);cursor:pointer;background:0 0}.-\32 VdYq_legend{font-family:var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;color:#a9a5b49e;font-size:.6rem;line-height:1.7}.-\32 VdYq_legend kbd{color:#f3f1ecd9;font-family:inherit}.-\32 VdYq_header{border-bottom:1px solid #f3f1ec21;justify-content:space-between;align-items:center;gap:1rem;width:min(94vw,1180px);min-height:62px;margin:0 auto;padding:.4rem 0;display:flex}.-\32 VdYq_brandCluster{align-items:center;gap:.9rem;min-width:0;display:flex}.-\32 VdYq_brand{min-height:44px;font-family:var(--font-display), sans-serif;font-variation-settings:"wdth" 118, "wght" 650;letter-spacing:-.03em;align-items:center;font-size:1.3rem;display:inline-flex}.-\32 VdYq_headerDivider{color:#8ff4ff73;font-family:var(--font-mono), monospace;font-size:.75rem}.-\32 VdYq_routeTitle{min-width:0;font-family:var(--font-display), sans-serif;font-variation-settings:"wdth" 104, "wght" 430;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:400;overflow:hidden}.-\32 VdYq_routeTitle span{color:#a9a5b4;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.-\32 VdYq_back{min-height:44px;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.1em;color:#a9a5b4;white-space:nowrap;align-items:center;font-size:.62rem;transition:color .18s;display:inline-flex}.-\32 VdYq_back:hover,.-\32 VdYq_back:focus-visible{color:var(--m-cyan)}.-\32 VdYq_meterWrap{background:#f3f1ec12;border-radius:999px;flex:6rem;align-self:center;min-width:4rem;height:6px;margin-left:auto;overflow:hidden}.-\32 VdYq_meterFill{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg, var(--m-cyan), var(--m-violet) 65%, var(--m-ember));width:100%;height:100%;transition:transform 90ms linear;display:block;transform:scaleX(0)}@media (max-width:640px){.-\32 VdYq_shell{gap:.7rem;width:calc(100vw - 1rem);padding-top:.75rem}.-\32 VdYq_header{width:calc(100vw - 1rem)}.-\32 VdYq_routeTitle span{display:none}.-\32 VdYq_stage{height:150px}.-\32 VdYq_grid{--gap:2px}.-\32 VdYq_row{grid-template-columns:2rem repeat(var(--cols), minmax(0, 1fr))}.-\32 VdYq_rowLabel{letter-spacing:.05em;font-size:.5rem}.-\32 VdYq_cell{aspect-ratio:auto;border-radius:5px;min-width:40px;min-height:44px}.-\32 VdYq_transport .-\32 VdYq_chip{flex:auto}.-\32 VdYq_play{flex:100%}.-\32 VdYq_meterWrap{display:none}.-\32 VdYq_dock{gap:.8rem 1rem;padding:.8rem}.-\32 VdYq_range{width:100%}.-\32 VdYq_dock>.-\32 VdYq_field{flex:40%}.-\32 VdYq_legend{display:none}}
.RbiqJa_page{color:#f3f1ec;background:#07060a;flex-direction:column;min-height:100svh;display:flex}