/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--spacing:.25rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-xl:28px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Oswald", "Segoe UI", system-ui, sans-serif;--color-bg:#0b0b0c;--color-surface:#141416;--color-elevated:#1c1c20;--color-fg:#e8e6e1;--color-muted:#8c8a86;--color-subtle:#5c5a58;--color-border:#2a2a2e;--color-border-strong:#3e3e44;--color-accent:#c5cdd6;--color-accent-fg:#0b0b0c;--color-led:#dfe6ee;--color-danger:#c45c5c;--color-well:#0e0e10;--color-pad-on:#b7c0c9;--color-pad-accent:#e8edf2;--grid-template-columns-16:repeat(16, minmax(0, 1fr));--motion-micro:80ms;--motion-quick:.15s;--motion-fast:.25s}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);line-height:1.5}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}h1,h2,h3{text-wrap:balance}}@layer components{.chassis{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#14141694;position:relative}@supports (color:color-mix(in lab, red, red)){.chassis{background:color-mix(in oklab, var(--color-surface) 58%, transparent)}}.chassis{backdrop-filter:blur(3px);padding:28px 22px 22px;box-shadow:inset 0 1px #e8e6e114,0 24px 60px #0b0b0cb3}@supports (color:color-mix(in lab, red, red)){.chassis{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-fg) 8%, transparent), 0 24px 60px color-mix(in oklab, var(--color-bg) 70%, transparent)}}@media (width>=640px){.chassis{padding:36px 36px 28px}}.screw{border:1px solid var(--color-border-strong);background:radial-gradient(circle at 30% 30%, var(--color-border-strong), var(--color-bg) 70%);border-radius:999px;width:10px;height:10px;position:absolute}.screw:after{content:"";background:#e8e6e12e;position:absolute;inset:4px 2px}@supports (color:color-mix(in lab, red, red)){.screw:after{background:color-mix(in oklab, var(--color-fg) 18%, transparent)}}.screw:after{transform:rotate(35deg)}.screw-tl{top:12px;left:12px}.screw-tr{top:12px;right:12px}.screw-bl{bottom:12px;left:12px}.screw-br{bottom:12px;right:12px}.fader{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}.fader:focus-visible{outline:2px solid #c5cdd680}@supports (color:color-mix(in lab, red, red)){.fader:focus-visible{outline:2px solid color-mix(in oklab, var(--color-accent) 50%, transparent)}}.fader:focus-visible{outline-offset:3px;border-radius:var(--radius-xs)}.fader::-webkit-slider-runnable-track{background:var(--color-well);border:1px solid var(--color-border);border-radius:999px;height:6px}.fader::-webkit-slider-thumb{appearance:none;border:1px solid var(--color-border-strong);background:linear-gradient(180deg, var(--color-led) 0%, var(--color-pad-on) 100%);border-radius:3px;width:16px;height:22px;margin-top:-9px;box-shadow:0 1px 2px #0b0b0c80}@supports (color:color-mix(in lab, red, red)){.fader::-webkit-slider-thumb{box-shadow:0 1px 2px color-mix(in oklab, var(--color-bg) 50%, transparent)}}.fader::-webkit-slider-thumb{transition:transform var(--motion-quick) var(--ease-out)}.fader:active::-webkit-slider-thumb{transform:scale(.96)}.fader::-moz-range-track{background:var(--color-well);border:1px solid var(--color-border);border-radius:999px;height:6px}.fader::-moz-range-thumb{border:1px solid var(--color-border-strong);background:linear-gradient(180deg, var(--color-led) 0%, var(--color-pad-on) 100%);border-radius:3px;width:16px;height:22px}.step-pad{border-radius:var(--radius-xs);border:1px solid #e8e6e114;width:100%;min-height:44px;position:relative}@supports (color:color-mix(in lab, red, red)){.step-pad{border:1px solid color-mix(in oklab, var(--color-fg) 8%, transparent)}}.step-pad{background:var(--color-well);box-shadow:inset 0 2px 4px #0b0b0ccc}@supports (color:color-mix(in lab, red, red)){.step-pad{box-shadow:inset 0 2px 4px color-mix(in oklab, var(--color-bg) 80%, transparent)}}.step-pad{touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-quick) var(--ease-out), border-color var(--motion-quick) var(--ease-out), box-shadow var(--motion-quick) var(--ease-out), transform var(--motion-micro) var(--ease-out)}@media (width>=768px){.step-pad{min-height:52px}}.step-pad:hover{border-color:var(--color-border-strong)}.step-pad:active{transform:scale(.96)}.step-pad-beat{border-color:#e8e6e129}@supports (color:color-mix(in lab, red, red)){.step-pad-beat{border-color:color-mix(in oklab, var(--color-fg) 16%, transparent)}}.step-pad-on{background:var(--color-pad-on);border-color:#cdd3d9}@supports (color:color-mix(in lab, red, red)){.step-pad-on{border-color:color-mix(in oklab, var(--color-pad-on) 70%, white)}}.step-pad-on{box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.35),0 0 0 1px #b7c0c933}@supports (color:color-mix(in lab, red, red)){.step-pad-on{box-shadow:inset 0 1px 0 oklab(100% 0 5.96046e-8/.35), 0 0 0 1px color-mix(in oklab, var(--color-pad-on) 20%, transparent)}}.step-pad-accent{background:var(--color-pad-accent);border-color:var(--color-led);box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.5),0 0 12px #dfe6ee47}@supports (color:color-mix(in lab, red, red)){.step-pad-accent{box-shadow:inset 0 1px 0 oklab(100% 0 5.96046e-8/.5), 0 0 12px color-mix(in oklab, var(--color-led) 28%, transparent)}}.step-pad-accent:after{content:"";background:var(--color-bg);border-radius:999px;width:5px;height:5px;position:absolute;top:5px;right:5px}.step-pad-playhead{background:#2b2c2f}@supports (color:color-mix(in lab, red, red)){.step-pad-playhead{background:color-mix(in oklab, var(--color-led) 14%, var(--color-well))}}.step-pad-playhead{box-shadow:inset 0 0 0 1px #dfe6ee8c,0 0 0 1px #dfe6ee2e}@supports (color:color-mix(in lab, red, red)){.step-pad-playhead{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-led) 55%, transparent), 0 0 0 1px color-mix(in oklab, var(--color-led) 18%, transparent)}}.step-pad-playhead.step-pad-on,.step-pad-playhead.step-pad-accent{background:var(--color-pad-accent)}.step-pad-fire{filter:brightness(1.18)}.led-dot{background:var(--color-well);border:1px solid var(--color-border);border-radius:999px;width:6px;height:6px;display:block}.led-dot-on{background:var(--color-led);border-color:var(--color-led);box-shadow:0 0 8px #dfe6eeb3}@supports (color:color-mix(in lab, red, red)){.led-dot-on{box-shadow:0 0 8px color-mix(in oklab, var(--color-led) 70%, transparent)}}.led-dot-queue{background:var(--color-accent);border-color:var(--color-accent);animation:led-pulse .9s var(--ease-in-out) infinite}.led-strip{background:var(--color-well);border:1px solid var(--color-border);border-radius:999px;width:8px;height:8px;display:block}.led-strip-beat{border-color:var(--color-border-strong);width:9px;height:9px}.led-strip-on{background:var(--color-led);border-color:var(--color-led);box-shadow:0 0 10px #dfe6eebf}@supports (color:color-mix(in lab, red, red)){.led-strip-on{box-shadow:0 0 10px color-mix(in oklab, var(--color-led) 75%, transparent)}}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.35}}}@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.z-0{z-index:0}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.h-8{height:calc(var(--spacing) * 8)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-full{height:100%}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.min-w-0{min-width:0}.min-w-14{min-width:calc(var(--spacing) * 14)}.flex-1{flex:1}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.25\]{scale:.25}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.self-start{align-self:flex-start}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-accent{border-color:var(--color-accent)}.border-accent\/70{border-color:#c5cdd6b3}@supports (color:color-mix(in lab, red, red)){.border-accent\/70{border-color:color-mix(in oklab, var(--color-accent) 70%, transparent)}}.border-border{border-color:var(--color-border)}.border-danger\/40{border-color:#c45c5c66}@supports (color:color-mix(in lab, red, red)){.border-danger\/40{border-color:color-mix(in oklab, var(--color-danger) 40%, transparent)}}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--color-accent)}.bg-bg{background-color:var(--color-bg)}.bg-danger\/10{background-color:#c45c5c1a}@supports (color:color-mix(in lab, red, red)){.bg-danger\/10{background-color:color-mix(in oklab, var(--color-danger) 10%, transparent)}}.bg-elevated{background-color:var(--color-elevated)}.bg-surface{background-color:var(--color-surface)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-1{padding-bottom:var(--spacing)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.65rem\]{font-size:.65rem}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-accent-fg{color:var(--color-accent-fg)}.text-danger{color:var(--color-danger)}.text-fg{color:var(--color-fg)}.text-led{color:var(--color-led)}.text-muted{color:var(--color-muted)}.text-subtle{color:var(--color-subtle)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-100{opacity:1}.blur-\[4px\]{--tw-blur:blur(4px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.blur-none{--tw-blur: ;filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition-\[border-color\]{transition-property:border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,border-color\,background-color\]{transition-property:color,border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\,filter\]{transition-property:opacity,transform,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,background-color\,color\,border-color\,opacity\]{transition-property:transform,background-color,color,border-color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--motion-fast\)\]{--tw-duration:var(--motion-fast);transition-duration:var(--motion-fast)}.duration-\[var\(--motion-quick\)\]{--tw-duration:var(--motion-quick);transition-duration:var(--motion-quick)}.ease-\[var\(--ease-in-out\)\]{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-\[var\(--ease-out\)\]{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:border-border:hover{border-color:var(--color-border)}.hover\:border-border-strong:hover{border-color:var(--color-border-strong)}.hover\:border-danger\/50:hover{border-color:#c45c5c80}@supports (color:color-mix(in lab, red, red)){.hover\:border-danger\/50:hover{border-color:color-mix(in oklab, var(--color-danger) 50%, transparent)}}.hover\:bg-led:hover{background-color:var(--color-led)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:text-danger:hover{color:var(--color-danger)}.hover\:text-fg:hover{color:var(--color-fg)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-accent\/50:focus-visible{--tw-ring-color:#c5cdd680}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-accent\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-bg:focus-visible{--tw-ring-offset-color:var(--color-bg)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.96\]:active{scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-0:disabled{opacity:0}.disabled\:opacity-40:disabled{opacity:.4}@media (width>=40rem){.sm\:w-auto{width:auto}.sm\:min-w-40{min-width:calc(var(--spacing) * 40)}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:self-auto{align-self:auto}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=48rem){.md\:block{display:block}.md\:w-28{width:calc(var(--spacing) * 28)}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-16{grid-template-columns:var(--grid-template-columns-16)}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-stretch{align-items:stretch}.md\:justify-center{justify-content:center}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:gap-3{gap:calc(var(--spacing) * 3)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}html[data-era="70s"]{--color-bg:#140803;--color-surface:#1a0e07;--color-accent:#ffb347;--color-led:#ffd9a0;--color-pad-on:#e8a23f;--color-pad-accent:#ffe2b0}html[data-era="80s"]{--color-bg:#0a0316;--color-surface:#120a22;--color-accent:#ff6ec7;--color-led:#7df3ff;--color-pad-on:#d65bd0;--color-pad-accent:#ffd0f0}html[data-era="90s"]{--color-bg:#020d0a;--color-surface:#071612;--color-accent:#39ff14;--color-led:#b8ffb0;--color-pad-on:#2fd45a;--color-pad-accent:#d6ffd0}html[data-era="00s"]{--color-bg:#050a12;--color-surface:#0b141f;--color-accent:#9fd4ff;--color-led:#e6f4ff;--color-pad-on:#7fb6e6;--color-pad-accent:#fff}html[data-era="10s"]{--color-bg:#0b0410;--color-surface:#150a1c;--color-accent:#ffe600;--color-led:#fff7a3;--color-pad-on:#ff4fa6;--color-pad-accent:#fff0fa}html[data-era="20s"]{--color-bg:#05060f;--color-surface:#0c0e1c;--color-accent:#a58bff;--color-led:#d9ccff;--color-pad-on:#7e6cf0;--color-pad-accent:#f0eaff}body{transition:background-color .6s var(--ease-out)}@media (prefers-reduced-motion:reduce){.step-pad,.led-dot-queue{transition:none;animation:none}.fader::-webkit-slider-thumb{transition:none;animation:none}.step-pad:active{transform:none}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}