.Rack_rack__OLcyL{--row-h:clamp(48px,7.5vh,84px);--lane-h:clamp(132px,20vh,220px);--kick:#3da9fc;--snare:#8b5cf6;--hihat:#c9b8ff;overflow:hidden;border:1px solid var(--line-2);border-radius:16px;background:linear-gradient(180deg,#100e20,#0a0915);box-shadow:0 40px 110px rgba(0,0,0,.5),0 0 70px rgba(139,92,246,.07)}.Rack_rack__OLcyL [data-row=kick]{--lane:var(--kick)}.Rack_rack__OLcyL [data-row=snare]{--lane:var(--snare)}.Rack_rack__OLcyL [data-row=hihat]{--lane:var(--hihat)}.Rack_bar__xGP0I{display:flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel-2)}.Rack_power__aGx7w{width:8px;height:8px;border-radius:50%;background:#f6c344;box-shadow:0 0 6px rgba(246,195,68,.7)}.Rack_name__7ikKD{font-weight:600;font-size:13px}.Rack_meta__Q2gg5{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--dim)}.Rack_body__o54hi{display:grid;grid-template-columns:124px minmax(0,1fr);gap:14px;padding:16px 18px 18px}.Rack_pads__B_QKZ{display:grid;grid-template-rows:22px repeat(3,var(--row-h)) var(--lane-h);gap:6px}.Rack_corner__egQHM,.Rack_laneName__9l1y8{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.Rack_corner__egQHM{align-self:end}.Rack_laneName__9l1y8{padding-top:8px}.Rack_pad__scttY{position:relative;display:flex;align-items:center;gap:9px;overflow:hidden;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#1b1834,#141129);font-size:13.5px;transition:border-color .2s ease,box-shadow .2s ease}.Rack_pad__scttY i{width:9px;height:9px;border-radius:2px;background:var(--lane);box-shadow:0 0 8px var(--lane)}.Rack_padName__JvrWH{display:inline-flex;align-items:center;gap:9px;align-self:stretch;min-width:0;padding:0;border:0;background:none;color:inherit;font-size:13.5px;white-space:nowrap;cursor:pointer}.Rack_padName__JvrWH:hover{color:#fff}.Rack_padName__JvrWH:active i{transform:scale(1.4)}.Rack_pad__scttY[data-silent]{opacity:.55}.Rack_pad__scttY[data-silent] i{box-shadow:none}.Rack_row__xTRCK[data-silent] .Rack_cell__cgGVk[data-on],.Rack_vel__S3Olw[data-silent]{filter:saturate(.25) brightness(.7)}.Rack_grid__Xs_IO{position:relative;display:grid;grid-template-rows:22px repeat(3,var(--row-h)) var(--lane-h);gap:6px;min-width:0}.Rack_lane__aGqq5,.Rack_row__xTRCK,.Rack_ruler__MOM1F{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));-moz-column-gap:5px;column-gap:5px}.Rack_ruler__MOM1F span{align-self:end;font-family:var(--mono);font-size:10px;color:var(--faint);text-align:center}.Rack_ruler__MOM1F span[data-beat]{color:var(--dim);text-align:left}.Rack_ruler__MOM1F span[data-head]{color:var(--text)}.Rack_lane__aGqq5>.Rack_col__24w4A:nth-of-type(4n+1):not(:first-of-type),.Rack_row__xTRCK>:nth-child(4n+1):not(:first-child),.Rack_ruler__MOM1F>:nth-child(4n+1):not(:first-child){margin-left:6px}.Rack_cell__cgGVk{position:relative;padding:0;border:1px solid rgba(0,0,0,.5);border-radius:6px;background:#1a1731;box-shadow:inset 0 -2px 0 rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.04);cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease,transform .08s ease}.Rack_cell__cgGVk[data-beat]{background:#211d3d}.Rack_cell__cgGVk:hover{background:#29244a}.Rack_cell__cgGVk:active{transform:translateY(1px)}.Rack_cell__cgGVk[data-on]{background:color-mix(in srgb,var(--lane) calc(30% + var(--vel) * 70%),#120f24);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 0 calc(var(--vel) * 16px) color-mix(in srgb,var(--lane) 70%,transparent)}.Rack_cell__cgGVk[data-head]:after{content:"";position:absolute;inset:-1px;border-radius:6px;background:hsla(0,0%,100%,.14);pointer-events:none}.Rack_cell__cgGVk[data-on][data-head]:after{background:hsla(0,0%,100%,.4)}.Rack_cell__cgGVk[data-target]{outline:2px dashed #fff;outline-offset:2px;animation:Rack_target__yvtb7 1.2s ease-in-out infinite}@keyframes Rack_target__yvtb7{50%{outline-color:hsla(0,0%,100%,.35)}}.Rack_lane__aGqq5{position:relative;padding:8px 6px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(0deg,transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px)),#0c0a19;touch-action:none}.Rack_col__24w4A{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:5px;border-radius:4px}.Rack_col__24w4A[data-head]{background:hsla(0,0%,100%,.05)}.Rack_velGap___33yv{width:0}.Rack_vel__S3Olw{position:relative;display:flex;align-items:flex-end;width:12px;height:100%;padding:0;border:0;background:none;cursor:ns-resize}.Rack_vel__S3Olw span{position:relative;width:100%;min-height:3px;border-radius:3px 3px 1px 1px;background:linear-gradient(0deg,color-mix(in srgb,var(--lane) 55%,transparent),var(--lane));box-shadow:0 0 8px color-mix(in srgb,var(--lane) 50%,transparent)}.Rack_vel__S3Olw span:before{content:"";position:absolute;top:-1px;left:-2px;right:-2px;height:4px;border-radius:2px;background:#fff}.Rack_vel__S3Olw:hover span{filter:brightness(1.2)}.Rack_vel__S3Olw[data-lower],.Rack_vel__S3Olw[data-raise]{outline:2px dashed #fff;outline-offset:2px;border-radius:3px;animation:Rack_target__yvtb7 1.2s ease-in-out infinite}.Rack_vel__S3Olw[data-lower]:after,.Rack_vel__S3Olw[data-raise]:after{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;color:#fff}.Rack_vel__S3Olw[data-raise]:after{content:"▲";top:-20px}.Rack_vel__S3Olw[data-lower]:after{content:"▼";bottom:-18px}.Rack_vel__S3Olw[data-met]{outline-style:solid;outline-color:var(--blue);animation:none}.Rack_vel__S3Olw[data-met]:after{content:"✓";color:var(--blue)}.Rack_guide__cvd_B{position:absolute;left:6px;right:6px;height:0;border-top:1px dashed hsla(0,0%,100%,.35);font-family:var(--mono);font-size:9px;line-height:0;color:hsla(0,0%,100%,.55);text-align:right;pointer-events:none}.Rack_guide__cvd_B[data-kind=accent]{border-color:rgba(61,169,252,.6)}.Rack_guide__cvd_B[data-kind=ghost]{border-color:rgba(201,184,255,.55)}.Rack_rack__OLcyL[data-focus=beats] .Rack_ruler__MOM1F span[data-beat],.Rack_rack__OLcyL[data-focus=pads] .Rack_pad__scttY,.Rack_rack__OLcyL[data-focus=velocity] .Rack_lane__aGqq5{border-color:var(--blue);box-shadow:0 0 0 2px rgba(61,169,252,.35),0 0 24px rgba(61,169,252,.25)}.Rack_rack__OLcyL[data-focus=beats] .Rack_ruler__MOM1F span[data-beat]{color:var(--blue);text-shadow:0 0 10px var(--blue)}.Rack_rack__OLcyL[data-focus=steps] .Rack_row__xTRCK .Rack_cell__cgGVk:not([data-on]){animation:Rack_invite__PJaU_ 1.6s ease-in-out infinite}@keyframes Rack_invite__PJaU_{50%{background:#2d2852}}@media (max-width:960px){.Rack_body__o54hi{grid-template-columns:76px minmax(0,1fr);padding:12px}.Rack_lane__aGqq5,.Rack_row__xTRCK,.Rack_ruler__MOM1F{-moz-column-gap:3px;column-gap:3px}.Rack_ruler__MOM1F span:not([data-beat]){visibility:hidden}.Rack_vel__S3Olw{width:7px}}@media (prefers-reduced-motion:reduce){.Rack_cell__cgGVk[data-target],.Rack_rack__OLcyL[data-focus=steps] .Rack_row__xTRCK .Rack_cell__cgGVk:not([data-on]),.Rack_vel__S3Olw[data-lower],.Rack_vel__S3Olw[data-raise]{animation:none}}.Rack_cell__cgGVk,.Rack_pad__scttY,.Rack_vel__S3Olw span{transition:box-shadow .45s ease-out,filter .45s ease-out,border-color .45s ease-out}.Rack_cell__cgGVk[data-hit]{transition:none;filter:brightness(1.45);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 0 calc(10px + var(--vel) * 26px) calc(var(--vel) * 4px) color-mix(in srgb,var(--lane) 85%,transparent)}.Rack_pad__scttY[data-hit]{transition:none;border-color:var(--lane);box-shadow:0 0 22px color-mix(in srgb,var(--lane) 55%,transparent),inset 0 0 14px color-mix(in srgb,var(--lane) 30%,transparent)}.Rack_vel__S3Olw[data-hit] span{transition:none;filter:brightness(1.6)}.Rack_editingFill__SWCka{padding:2px 8px;border:1px solid rgba(201,184,255,.5);border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--lav)}.Rack_wave__p_gmv{position:absolute;top:20%;right:8px;width:46%;height:60%;pointer-events:none}.Rack_waveRest__RJv9N{fill:var(--lane);opacity:.22}.Rack_waveHit__rPDqd{fill:color-mix(in srgb,var(--lane) 70%,#fff);transform-box:fill-box;transform-origin:center;transform:scaleY(var(--vel));animation:Rack_waveHit__rPDqd .55s ease-out forwards}@keyframes Rack_waveHit__rPDqd{0%{opacity:1}to{opacity:0}}.Rack_pad__scttY[data-silent] .Rack_wave__p_gmv{opacity:.4;filter:grayscale(1)}.Rack_padName__JvrWH{position:relative;z-index:1}.Rack_rack__OLcyL{--mark:var(--lav)}.Rack_rack__OLcyL[data-tone=good]{--mark:var(--blue)}.Rack_rack__OLcyL[data-tone=nudge]{--mark:#f6c344}.Rack_cell__cgGVk[data-mark],.Rack_vel__S3Olw[data-mark]{outline:2px solid var(--mark);outline-offset:3px;animation:Rack_mark__hoIu0 .5s cubic-bezier(.3,1.5,.5,1) both}.Rack_vel__S3Olw[data-mark]{border-radius:3px}@keyframes Rack_mark__hoIu0{0%{outline-offset:12px;outline-color:transparent}}.Rack_cell__cgGVk[data-zone]{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--mark) 14%,transparent)}.Rack_cell__cgGVk[data-on][data-zone]{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 0 0 2px color-mix(in srgb,var(--mark) 45%,transparent)}.Rack_ruler__MOM1F span[data-zone]{color:var(--mark)}.Rack_col__24w4A[data-zone]{background:color-mix(in srgb,var(--mark) 10%,transparent)}@keyframes Rack_arrive__O5qYx{0%{transform:scale(.35);filter:brightness(2.2)}}@media (prefers-reduced-motion:reduce){.Rack_cell__cgGVk[data-mark],.Rack_rack__OLcyL[data-morph] .Rack_cell__cgGVk[data-on],.Rack_vel__S3Olw[data-mark],.Rack_waveHit__rPDqd{animation:none}}.Rack_rack__OLcyL[data-focus=hats] .Rack_row__xTRCK[data-row=hihat] .Rack_cell__cgGVk,.Rack_rack__OLcyL[data-focus=lastBeat] .Rack_cell__cgGVk[data-quarter="4"]{border-color:rgba(61,169,252,.6);box-shadow:0 0 0 1px rgba(61,169,252,.35),0 0 14px rgba(61,169,252,.18)}.Rack_rack__OLcyL[data-focus=hats] .Rack_row__xTRCK[data-row=hihat] .Rack_cell__cgGVk[data-on],.Rack_rack__OLcyL[data-focus=lastBeat] .Rack_cell__cgGVk[data-quarter="4"][data-on]{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),0 0 0 1px rgba(61,169,252,.6),0 0 calc(var(--vel) * 16px) color-mix(in srgb,var(--lane) 70%,transparent)}.Rack_vel__S3Olw[data-dragging] span:after{content:attr(data-pct);position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 0;padding:2px 6px;border-radius:4px;background:#fff;font-family:var(--mono);font-size:10px;font-weight:600;white-space:nowrap;color:#07061a;pointer-events:none}.Rack_cell__cgGVk[data-on]{animation:Rack_place__gDdSm .3s cubic-bezier(.3,1.6,.5,1)}@keyframes Rack_place__gDdSm{0%{transform:scale(.55);filter:brightness(1.8)}}.Rack_cell__cgGVk[data-on][data-mark]{animation:Rack_mark__hoIu0 .5s cubic-bezier(.3,1.5,.5,1) both}.Rack_rack__OLcyL[data-morph] .Rack_cell__cgGVk[data-on]{animation:Rack_arrive__O5qYx .42s cubic-bezier(.3,1.4,.5,1) backwards;animation-delay:calc(var(--i) * 28ms)}@media (prefers-reduced-motion:reduce){.Rack_cell__cgGVk[data-on],.Rack_cell__cgGVk[data-on][data-mark],.Rack_rack__OLcyL[data-morph] .Rack_cell__cgGVk[data-on]{animation:none}}.GrooveWheel_wheel__mXam0{--kick:#3da9fc;--snare:#8b5cf6;--hihat:#c9b8ff;display:block;width:100%;max-width:168px;height:auto;overflow:visible}.GrooveWheel_wheel__mXam0 [data-row=kick]{--lane:var(--kick)}.GrooveWheel_wheel__mXam0 [data-row=snare]{--lane:var(--snare)}.GrooveWheel_wheel__mXam0 [data-row=hihat]{--lane:var(--hihat)}.GrooveWheel_face__ZNkP6{fill:#0b0a18;stroke:var(--line-2);stroke-width:1}.GrooveWheel_track__RhPBV{fill:none;stroke:color-mix(in srgb,var(--lane) 16%,transparent);stroke-width:1}.GrooveWheel_tick__0fuFg{stroke:#3c356e;stroke-width:1;stroke-linecap:round}.GrooveWheel_tick__0fuFg[data-beat]{stroke:#7d76b8;stroke-width:1.6}.GrooveWheel_tick__0fuFg[data-head]{stroke:#fff}.GrooveWheel_num__XtOTE{font-family:var(--mono);font-size:7.5px;fill:var(--dim);text-anchor:middle;dominant-baseline:central}.GrooveWheel_ghost__FTgGO{fill:none;stroke:hsla(0,0%,100%,.4);stroke-width:.8;stroke-dasharray:1.6 1.4}.GrooveWheel_lean__nD5Xs{fill:none;stroke:var(--lane);stroke-width:2;stroke-linecap:round;opacity:.55}.GrooveWheel_dot__sfgh5{fill:var(--lane);filter:drop-shadow(0 0 2px var(--lane));transform-box:fill-box;transform-origin:center;transition:cx .25s cubic-bezier(.3,1.3,.5,1),cy .25s cubic-bezier(.3,1.3,.5,1),transform .4s ease-out,fill .3s}.GrooveWheel_dot__sfgh5[data-hit]{transform:scale(1.7);fill:#fff;transition:cx .25s,cy .25s}.GrooveWheel_dot__sfgh5[data-silent]{fill:#3c385c;filter:none}.GrooveWheel_hand__arHYy{transform-origin:80px 80px}.GrooveWheel_hand__arHYy line{stroke:#fff;stroke-width:1.4;stroke-linecap:round;opacity:.85}.GrooveWheel_cap__F5US0{fill:#fff}@media (prefers-reduced-motion:reduce){.GrooveWheel_dot__sfgh5{transition:none}.GrooveWheel_hand__arHYy{transition:none!important}}.Knob_knob__oxLqu{display:grid;justify-items:center;gap:4px}.Knob_label__G8ztx{font-size:11px;color:var(--dim)}.Knob_dial__etoS3{width:76px;height:76px;border-radius:50%;touch-action:none}.Knob_knob__oxLqu[data-size=small] .Knob_dial__etoS3{width:44px;height:44px}.Knob_dial__etoS3[data-live]{cursor:ns-resize}.Knob_dial__etoS3 svg{display:block;width:100%;height:100%}.Knob_cap__Qr_ij{fill:#25213f;stroke:#0a0915;stroke-width:1.5;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.Knob_ring__OsINK,.Knob_track__79nPd{fill:none;stroke-width:4;stroke-linecap:round}.Knob_track__79nPd{stroke:#2c2850}.Knob_ring__OsINK{stroke:var(--violet);filter:drop-shadow(0 0 4px rgba(139,92,246,.7))}.Knob_pointer__cxnFw{stroke:#ecebff;stroke-width:2.4;stroke-linecap:round}.Knob_target__9ObWZ{fill:#fff;animation:Knob_blink__EaFkO 1.2s ease-in-out infinite}@keyframes Knob_blink__EaFkO{50%{opacity:.3}}.Knob_value__vQcxL{font-family:var(--mono);font-size:12px;color:#b9e2ff}@media (prefers-reduced-motion:reduce){.Knob_target__9ObWZ{animation:none}}.Knob_target__9ObWZ[data-near]{fill:#f6c344;animation:none;filter:drop-shadow(0 0 3px #f6c344)}.Knob_knob__oxLqu[data-near] .Knob_ring__OsINK{filter:drop-shadow(0 0 4px rgba(246,195,68,.7))}.Roll_roll__6Rnqy{--key-h:clamp(22px,3.5vh,36px);--rows:13;--span:13;--keys-w:100px;--kick:#3da9fc;--snare:#8b5cf6;--hihat:#c9b8ff;overflow:hidden;border:1px solid var(--line-2);border-radius:16px;background:linear-gradient(180deg,#100e20,#0a0915);box-shadow:0 40px 110px rgba(0,0,0,.5),0 0 70px rgba(139,92,246,.07)}.Roll_roll__6Rnqy [data-row=kick]{--lane:var(--kick)}.Roll_roll__6Rnqy [data-row=snare]{--lane:var(--snare)}.Roll_roll__6Rnqy [data-row=hihat]{--lane:var(--hihat)}.Roll_bar__asCbs{display:flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel-2)}.Roll_power__MX5Jx{width:8px;height:8px;border-radius:50%;background:#f6c344;box-shadow:0 0 6px rgba(246,195,68,.7)}.Roll_name__wUB7g{font-weight:600;font-size:13px}.Roll_crumb__qMxfQ{color:var(--dim);font-size:12.5px}.Roll_meta__cWwXN{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--dim)}.Roll_body__s5Mo6{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;padding:14px 16px 16px}.Roll_fold__Qxz6D{height:22px;padding:0 10px;border:1px solid var(--line-2);border-radius:4px;background:#0d0b1b;font-family:var(--mono);font-size:10.5px;color:var(--dim);cursor:pointer}.Roll_fold__Qxz6D:hover{color:var(--text,#fff)}.Roll_fold__Qxz6D[aria-pressed=true]{border-color:#f6c344;background:#f6c344;color:#07061a}.Roll_editor__QdhA0{display:grid;grid-template-columns:var(--keys-w) minmax(0,1fr);grid-template-rows:22px calc(var(--key-h) * var(--span)) clamp(64px,11vh,112px);min-width:0;overflow:hidden;border:1px solid var(--line-2);border-radius:8px;background:#0b0a16}.Roll_corner__SeQVV{border-right:1px solid var(--line-2)}.Roll_corner__SeQVV,.Roll_ruler__5wQvB{border-bottom:1px solid var(--line-2);background:var(--panel-2)}.Roll_ruler__5wQvB{position:relative;overflow:hidden}.Roll_ruler__5wQvB span{position:absolute;bottom:0;height:12px;padding-left:5px;border-left:1px solid #4a4380;font-family:var(--mono);font-size:10px;line-height:12px;color:var(--dim)}.Roll_loop__Q0_fZ{position:absolute;top:3px;left:0;right:0;height:5px;border-radius:1px;background:#5a5490}.Roll_rulerHead__tnOIR{position:absolute;top:0;bottom:0;width:calc(100% / 16);background:rgba(61,169,252,.28)}.Roll_keys__dIwq9{position:relative;display:grid;grid-template-rows:repeat(var(--rows),1fr);border-right:1px solid var(--line-2);background:linear-gradient(90deg,#d9d6ec,#f1effa 70%,#e2dff2)}.Roll_key__aaDOZ{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:0;padding:0 6px 0 4px;border-bottom:1px solid #b5b0d2;font-family:var(--mono);font-size:9.5px;color:#3a3560;transition:background .3s ease-out}.Roll_key__aaDOZ[data-black]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:60%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#121026,#2d2a4c);box-shadow:1px 1px 2px rgba(0,0,0,.5)}.Roll_key__aaDOZ>*{position:relative;z-index:1}.Roll_chip__qN168{margin-right:auto;padding:1px 6px;border:0;border-radius:3px;background:var(--lane);font-family:var(--mono);font-size:9.5px;font-weight:600;white-space:nowrap;color:#07061a;cursor:pointer}.Roll_chip__qN168:hover{filter:brightness(1.15)}.Roll_chip__qN168:active{transform:translateY(1px)}.Roll_key__aaDOZ em{font-style:normal;color:#5b5690}.Roll_key__aaDOZ[data-playing]{background:color-mix(in srgb,var(--lane) 55%,#f1effa);transition:none}.Roll_key__aaDOZ[data-silent] .Roll_chip__qN168{background:#9a96b8}.Roll_grid__je5sY{position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#3c356e calc(25% - 1px) 25%),repeating-linear-gradient(90deg,transparent 0 calc(6.25% - 1px),#211d3c calc(6.25% - 1px) 6.25%),#14122c;cursor:copy;touch-action:none}.Roll_lane__WRx51{position:absolute;left:0;right:0;height:calc(100% / var(--rows));border-bottom:1px solid rgba(0,0,0,.4);pointer-events:none}.Roll_lane__WRx51[data-black]{background:rgba(0,0,0,.3)}.Roll_lane__WRx51[data-row]{background:color-mix(in srgb,var(--lane) 8%,transparent)}.Roll_noteWrap__gFyzL{display:contents}.Roll_ghost__jKMrt,.Roll_note__wJaK_{position:absolute;width:calc(6.25% - 3px);height:calc(100% / var(--rows) - 3px);margin:1.5px 0 0 1.5px;border-radius:3px;pointer-events:none}.Roll_note__wJaK_{border:1px solid color-mix(in srgb,var(--lane) 65%,#fff);background:color-mix(in srgb,var(--lane) calc(30% + var(--vel) * 70%),#120f24);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3);transition:left .25s cubic-bezier(.3,1.3,.5,1),filter .45s ease-out,box-shadow .45s ease-out}.Roll_note__wJaK_[data-head]{transition:left .25s cubic-bezier(.3,1.3,.5,1);filter:brightness(1.55);box-shadow:0 0 calc(10px + var(--vel) * 22px) color-mix(in srgb,var(--lane) 80%,transparent)}.Roll_ghost__jKMrt{border:1px dashed hsla(0,0%,100%,.32)}.Roll_note__wJaK_[data-hover]{outline:2px solid #fff;outline-offset:1px}.Roll_note__wJaK_[data-silent]{filter:saturate(.2) brightness(.6)}.Roll_tip__bdvLG{position:absolute;z-index:2;translate:-2px calc(-100% - 4px);padding:3px 7px;border:1px solid var(--line-2);border-radius:4px;background:#07060f;box-shadow:0 6px 18px rgba(0,0,0,.5);font-family:var(--mono);font-size:10px;white-space:nowrap;color:#fff;pointer-events:none}.Roll_tip__bdvLG[data-below]{translate:-2px 4px}.Roll_playhead__ZoWnj{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.7);pointer-events:none}.Roll_roll__6Rnqy{--mark:var(--lav)}.Roll_roll__6Rnqy[data-tone=good]{--mark:var(--blue)}.Roll_roll__6Rnqy[data-tone=nudge]{--mark:#f6c344}.Roll_markWrap__TST5e,.Roll_marks__pgf34{display:contents}.Roll_zone__U5NH3{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--mark) 12%,transparent);box-shadow:inset 1px 0 0 color-mix(in srgb,var(--mark) 60%,transparent),inset -1px 0 0 color-mix(in srgb,var(--mark) 60%,transparent);pointer-events:none;animation:Roll_zone__U5NH3 .4s ease-out both}@keyframes Roll_zone__U5NH3{0%{opacity:0}}.Roll_ring__q2U7R{position:absolute;z-index:2;width:calc(6.25% + 3px);height:calc(100% / var(--rows) + 3px);margin:-1.5px 0 0 -1.5px;border:2px solid var(--mark);border-radius:5px;box-shadow:0 0 12px color-mix(in srgb,var(--mark) 60%,transparent);pointer-events:none;animation:Roll_ring__q2U7R .5s cubic-bezier(.3,1.5,.5,1) both}@keyframes Roll_ring__q2U7R{0%{opacity:0;transform:scale(1.8)}}.Roll_gap__FMLKO{position:absolute;z-index:2;height:calc(100% / var(--rows));pointer-events:none}.Roll_gap__FMLKO:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:2px solid var(--mark);border-left:2px solid var(--mark);border-right:2px solid var(--mark);height:6px;translate:0 -3px;animation:Roll_gap__FMLKO .5s ease-out both}@keyframes Roll_gap__FMLKO{0%{clip-path:inset(0 100% 0 0)}}.Roll_gap__FMLKO b{position:absolute;bottom:calc(100% + 2px);left:0;padding:2px 6px;border-radius:4px;background:var(--mark);font-family:var(--mono);font-size:10px;font-weight:600;white-space:nowrap;color:#07061a}.Roll_stem___UsiZ[data-mark] span:before{box-shadow:0 0 0 2px var(--mark),0 0 10px var(--mark)}.Roll_velName__mMuAb{padding:6px 8px;border-top:1px solid var(--line-2);border-right:1px solid var(--line-2);background:var(--panel-2);font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.Roll_velocity__Isw6r{position:relative;border-top:1px solid var(--line-2);background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#2a2550 calc(25% - 1px) 25%),linear-gradient(0deg,transparent calc(50% - .5px),#1d1a36 calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),#0c0a19}.Roll_stem___UsiZ{position:absolute;top:0;bottom:0;width:10px;margin-left:-5px;padding:0;border:0;background:none;cursor:ns-resize;touch-action:none;transition:left .25s cubic-bezier(.3,1.3,.5,1)}.Roll_stem___UsiZ span{position:absolute;bottom:0;left:4px;width:2px;height:calc((100% - 10px) * var(--vel));background:var(--lane)}.Roll_stem___UsiZ span:before{content:"";position:absolute;top:-3px;left:-2.5px;width:7px;height:7px;border-radius:50%;background:var(--lane);box-shadow:0 0 6px var(--lane)}.Roll_stem___UsiZ:focus-visible span:before,.Roll_stem___UsiZ:hover span:before{transform:scale(1.35);box-shadow:0 0 0 2px #fff,0 0 10px var(--lane)}.Roll_stem___UsiZ[data-silent]{opacity:.35}.Roll_device__2UiGi{display:grid;align-content:start;justify-items:center;gap:12px;padding:10px 12px 14px;border:1px solid var(--line-2);border-radius:10px;background:linear-gradient(180deg,#1b1834,#141129)}.Roll_device__2UiGi[data-wanted]{outline:2px dashed #fff;outline-offset:4px}.Roll_deviceHead__8NE4I{display:flex;align-items:center;gap:8px;justify-self:stretch;font-size:12px;font-weight:600}.Roll_small__1Qn2I{display:flex;gap:14px}.Roll_preset__GYNtp{justify-self:stretch;padding:4px 8px;border:1px solid var(--line);border-radius:4px;background:#0d0b1b;font-family:var(--mono);font-size:10px;color:var(--dim);text-align:center}.Roll_roll__6Rnqy[data-focus=groove] .Roll_device__2UiGi,.Roll_roll__6Rnqy[data-focus=keys] .Roll_keys__dIwq9,.Roll_roll__6Rnqy[data-focus=notes] .Roll_grid__je5sY,.Roll_roll__6Rnqy[data-focus=notes] .Roll_velocity__Isw6r{box-shadow:inset 0 0 0 2px rgba(61,169,252,.6),0 0 26px rgba(61,169,252,.3)}@media (max-width:960px){.Roll_roll__6Rnqy{--keys-w:84px}.Roll_body__s5Mo6{grid-template-columns:minmax(0,1fr);padding:12px}.Roll_device__2UiGi{grid-template-columns:auto auto 1fr;align-items:center}}@media (prefers-reduced-motion:reduce){.Roll_note__wJaK_,.Roll_stem___UsiZ{transition:none}}.Roll_stem___UsiZ[data-dragging] span:after{content:attr(data-pct);position:absolute;bottom:calc(100% + 9px);left:50%;translate:-50% 0;padding:2px 6px;border-radius:4px;background:#fff;font-family:var(--mono);font-size:10px;font-weight:600;white-space:nowrap;color:#07061a}.Roll_note__wJaK_{animation:Roll_notePop__JFcJJ .28s cubic-bezier(.3,1.6,.5,1)}@keyframes Roll_notePop__JFcJJ{0%{transform:scale(.5)}}@media (prefers-reduced-motion:reduce){.Roll_note__wJaK_{animation:none}}@font-face{font-family:__Michroma_fcd376;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/93c5587b5a69576c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Michroma_fcd376;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/06084a2f60b23053-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Michroma_Fallback_fcd376;src:local("Arial");ascent-override:81.64%;descent-override:18.76%;line-gap-override:0.00%;size-adjust:141.62%}.__className_fcd376{font-family:__Michroma_fcd376,__Michroma_Fallback_fcd376;font-weight:400;font-style:normal}.__variable_fcd376{--font-hero:"__Michroma_fcd376","__Michroma_Fallback_fcd376"}