@unocss all;:root{--sp-faceplate:#2c2c2f;--sp-faceplate-dark:#202023;--sp-faceplate-light:#3c3c40;--sp-chassis:#161618;--sp-lcd-bg:#1b2310;--sp-lcd-glow:#a2bc38;--sp-led-red:#f22;--sp-led-dim:#881515;--sp-label:#eae6dd;--sp-label-dim:#a6a29a}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:var(--sp-chassis);color:var(--sp-label);font-family:Bahnschrift,DIN\ 1451,Arial Narrow,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}#__nuxt{height:100%}[role=button],button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}:focus-visible{outline:1px solid var(--sp-led-dim);outline-offset:2px}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:var(--sp-faceplate-dark)}::-webkit-scrollbar-thumb{background:var(--sp-faceplate-light);border-radius:2px}button{touch-action:manipulation}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.sp-chassis-screw,[sp-chassis-screw=""]{align-items:center;border-width:1px;display:flex;height:.75rem;justify-content:center;width:.75rem;--un-border-opacity:1;border-color:rgb(34 34 37/var(--un-border-opacity));border-radius:9999px;--un-bg-opacity:1;background-color:rgb(92 92 96/var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color,rgba(0,0,0,.05))}.sp-chassis-screw,.sp-console,[sp-chassis-screw=""]{box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);position:relative}.sp-console{border-width:1px;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;--un-border-opacity:1;border-color:rgb(22 22 24/var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(44 44 47/var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color,rgba(0,0,0,.25))}.sp-module-box{border-color:rgb(90 162 186/var(--un-border-opacity));border-top-width:2px;padding:.125rem}.sp-module-box,.sp-play-pad{position:relative;--un-border-opacity:1}.sp-play-pad{border-color:rgb(50 50 54/var(--un-border-opacity));border-radius:0;border-width:2px;flex-direction:column;--un-bg-opacity:1;background-color:rgb(26 26 28/var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color,rgba(0,0,0,.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color,rgba(0,0,0,.1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sp-btn-keypad,.sp-play-pad,[sp-btn-keypad=""]{align-items:center;box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);cursor:pointer;display:flex;justify-content:center}.sp-btn-keypad,[sp-btn-keypad=""]{border-width:1px;height:2rem;width:2rem;--un-border-opacity:1;border-color:rgb(182 180 175/var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgb(238 236 231/var(--un-bg-opacity));font-size:.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(32 32 36/var(--un-text-opacity));font-family:Bahnschrift Condensed,DIN\ 1451,Arial Narrow,sans-serif;font-weight:700;--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color,rgba(0,0,0,.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color,rgba(0,0,0,.1))}.sp-btn-keypad:active,.sp-btn-tactile:active,[sp-btn-keypad=""]:active{--un-translate-y:1px;--un-bg-opacity:1;background-color:rgb(201 199 194/var(--un-bg-opacity))}.sp-btn-keypad:active,.sp-btn-tactile:active,.sp-play-pad:active,[sp-btn-keypad=""]:active{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.sp-play-pad:active{--un-scale-x:.98;--un-scale-y:.98;--un-bg-opacity:1;background-color:rgb(16 16 18/var(--un-bg-opacity))}.sp-btn-tactile{border-width:1px;cursor:pointer;--un-border-opacity:1;border-color:rgb(182 180 175/var(--un-border-opacity));border-radius:0;--un-bg-opacity:1;background-color:rgb(238 236 231/var(--un-bg-opacity));font-size:10px;padding:.25rem .625rem;--un-text-opacity:1;color:rgb(32 32 36/var(--un-text-opacity));font-family:Bahnschrift Condensed,DIN\ 1451,Arial Narrow,sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color,rgba(0,0,0,.05));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sp-btn-tactile,.sp-lcd-screen{box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.sp-lcd-screen{border-width:2px;--un-border-opacity:1;border-color:rgb(32 32 35/var(--un-border-opacity));border-radius:.25rem;--un-bg-opacity:1;background-color:rgb(27 35 16/var(--un-bg-opacity));font-family:Fusion Pixel\ 12px,VT323,Courier New,monospace;padding:.5rem .75rem;--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color,rgba(0,0,0,.05))}.sp-btn-keypad:hover,.sp-btn-tactile:hover,[sp-btn-keypad=""]:hover{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.sp-play-pad:hover{background-color:#1a1a1ce6}.sp-lcd-text{color:rgb(162 188 56/var(--un-text-opacity));font-size:.875rem;letter-spacing:.16em;line-height:1.25rem;line-height:1.25}.sp-lcd-text,.sp-module-title{--un-text-opacity:1;font-weight:700}.sp-module-title{color:rgb(234 230 221/var(--un-text-opacity));font-family:Bahnschrift Condensed,DIN\ 1451,Arial Narrow,sans-serif;font-size:.75rem;letter-spacing:.025em;line-height:1rem;text-transform:uppercase}.pointer-events-none,[pointer-events-none=""]{pointer-events:none}.absolute,[absolute=""]{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-1{inset:.25rem}.inset-y-2,[inset-y-2=""]{bottom:.5rem;top:.5rem}.-bottom-1\/2{bottom:-50%}.bottom-2\.5,[bottom-2\.5=""]{bottom:.625rem}.left-0{left:0}.left-1\.5,[left-1\.5=""]{left:.375rem}.left-2\.5,[left-2\.5=""]{left:.625rem}.right-0{right:0}.right-1\.5,[right-1\.5=""]{right:.375rem}.right-2\.5,[right-2\.5=""]{right:.625rem}.top-1\/2{top:50%}.top-2\.5,[top-2\.5=""]{top:.625rem}[top-1=""]{top:.25rem}.z-10{z-index:10}.z-20{z-index:20}.grid{display:grid}.col-span-4{grid-column:span 4/span 4}.col-span-8{grid-column:span 8/span 8}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3,[my-3=""]{margin-bottom:.75rem;margin-top:.75rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.hidden{display:none}.h-\[116px\]{height:116px}.h-\[130px\]{height:130px}.h-\[56px\]{height:56px}.h-0\.5,[h-0\.5=""]{height:.125rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-2,.h2,[h-2=""]{height:.5rem}.h-4{height:1rem}.h-full{height:100%}.h-px,[h-px=""]{height:1px}.h1{height:.25rem}.max-w-\[1120px\]{max-width:1120px}.max-w-520px{max-width:520px}.min-h-\[150px\]{min-height:150px}.min-h-\[250px\]{min-height:250px}.min-h-\[58px\]{min-height:58px}.min-h-\[650px\]{min-height:650px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-16{width:4rem}.w-2,[w-2=""]{width:.5rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-7,[w-7=""]{width:1.75rem}.w-full,[w-full=""]{width:100%}.flex,[flex=""]{display:flex}.flex-1{flex:1 1 0%}.flex-col,[flex-col=""]{flex-direction:column}.flex-wrap{flex-wrap:wrap}.-translate-y-1\/2{--un-translate-y:-50%}.-translate-y-1\/2,[-translate-y-1=""]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}[-translate-y-1=""]{--un-translate-y:-.25rem}.-rotate-12,[-rotate-12=""]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-12deg}.-rotate-12,.-rotate-45,[-rotate-12=""],[-rotate-45=""]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-rotate-45,[-rotate-45=""]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg}.rotate-45,[rotate-45=""]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg}.rotate-45,.rotate-75,[rotate-45=""],[rotate-75=""]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.rotate-75,[rotate-75=""]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:75deg}.scale-\[0\.96\]{--un-scale-x:.96;--un-scale-y:.96}.scale-\[0\.96\],.transform,[transform=""]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-center,[items-center=""]{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-center,[justify-center=""]{justify-content:center}.justify-between,[justify-between=""]{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-5{gap:1.25rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-bottom:calc(.125rem*var(--un-space-y-reverse));margin-top:calc(.125rem*(1 - var(--un-space-y-reverse)))}.overflow-hidden{overflow:hidden}.whitespace-pre{white-space:pre}.b,.border,[border=""]{border-width:1px}.border-\[10px\]{border-width:10px}.border-b,[border-b=""]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-black{--un-border-opacity:1;border-color:rgb(0 0 0/var(--un-border-opacity))}.border-neutral-800,[border-neutral-800=""]{--un-border-opacity:1;border-color:rgb(38 38 38/var(--un-border-opacity))}.border-sp-chassis{--un-border-opacity:1;border-color:rgb(22 22 24/var(--un-border-opacity))}.border-sp-faceplate-dark,[border-sp-faceplate-dark=""]{--un-border-opacity:1;border-color:rgb(32 32 35/var(--un-border-opacity))}.border-sp-label{--un-border-opacity:1;border-color:rgb(234 230 221/var(--un-border-opacity))}.border-sp-label-dim\/20{border-color:#a6a29a33}.border-sp-label-dim\/30{border-color:#a6a29a4d}.border-sp-label-dim\/40{border-color:#a6a29a66}.border-sp-label\/60{border-color:#eae6dd99}.border-sp-led-red\/60{border-color:#f229}[border-sp-label-dim=""]{--un-border-opacity:1;border-color:rgb(166 162 154/var(--un-border-opacity))}.rounded,[rounded=""]{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-sm,[rounded-sm=""]{border-radius:.125rem}.bg-black,.dark .dark\:bg-black,[bg-black=""]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.bg-sp-btn{--un-bg-opacity:1;background-color:rgb(58 58 62/var(--un-bg-opacity))}.bg-sp-btn-active{--un-bg-opacity:1;background-color:rgb(79 79 84/var(--un-bg-opacity))}.bg-sp-chassis,.bg-sp-fader-track,[bg-sp-chassis=""]{--un-bg-opacity:1;background-color:rgb(22 22 24/var(--un-bg-opacity))}.bg-sp-faceplate{--un-bg-opacity:1;background-color:rgb(44 44 47/var(--un-bg-opacity))}.bg-sp-faceplate-dark\/25{background-color:#20202340}.bg-sp-faceplate-dark\/40{background-color:#20202366}.bg-sp-faceplate-dark\/50{background-color:#20202380}.bg-sp-faceplate-dark\/60{background-color:#20202399}.bg-sp-faceplate-light{--un-bg-opacity:1;background-color:rgb(60 60 64/var(--un-bg-opacity))}.bg-sp-label-dim\/40{background-color:#a6a29a66}.bg-sp-led-off{--un-bg-opacity:1;background-color:rgb(40 16 16/var(--un-bg-opacity))}.bg-sp-led-red{--un-bg-opacity:1;background-color:rgb(255 34 34/var(--un-bg-opacity))}.bg-sp-pad-press{--un-bg-opacity:1;background-color:rgb(16 16 18/var(--un-bg-opacity))}.bg-sp-screw-slot,[bg-sp-screw-slot=""]{--un-bg-opacity:1;background-color:rgb(34 34 37/var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}[bg-sp-faceplate-dark=""]{--un-bg-opacity:1;background-color:rgb(32 32 35/var(--un-bg-opacity))}[bg-sp-label-dim=""]{--un-bg-opacity:1;background-color:rgb(166 162 154/var(--un-bg-opacity))}.hover\:bg-sp-btn-active:hover{--un-bg-opacity:1;background-color:rgb(79 79 84/var(--un-bg-opacity))}.active\:bg-sp-btn-press:active{--un-bg-opacity:1;background-color:rgb(40 40 43/var(--un-bg-opacity))}.from-sp-faceplate-light\/30{--un-gradient-from-position:0%;--un-gradient-from:rgba(60,60,64,.3) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgba(60,60,64,0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from),var(--un-gradient-to)}.to-sp-faceplate-dark\/50{--un-gradient-to-position:100%;--un-gradient-to:rgba(32,32,35,.5) var(--un-gradient-to-position)}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape),var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.p-2{padding:.5rem}.p-2\.5,[p-2\.5=""]{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1,[px-1=""]{padding-left:.25rem;padding-right:.25rem}.px-10,[px-10=""]{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4,[px=""]{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2,[py-2=""]{padding-bottom:.5rem;padding-top:.5rem}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5,[pb-1\.5=""]{padding-bottom:.375rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[7\.5px\]{font-size:7.5px}.text-\[7px\]{font-size:7px}.text-\[8\.5px\]{font-size:8.5px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-8xl{font-size:6rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.dark .dark\:text-white{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}.text-black{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.text-green-400{--un-text-opacity:1;color:rgb(74 222 128/var(--un-text-opacity))}.text-red-300{--un-text-opacity:1;color:rgb(252 165 165/var(--un-text-opacity))}.text-red-400{--un-text-opacity:1;color:rgb(248 113 113/var(--un-text-opacity))}.text-sp-chassis{--un-text-opacity:1;color:rgb(22 22 24/var(--un-text-opacity))}.group:hover .group-hover\:text-sp-label,.text-sp-label,[text-sp-label=""]{--un-text-opacity:1;color:rgb(234 230 221/var(--un-text-opacity))}.text-sp-label-dim,[text-sp-label-dim=""]{--un-text-opacity:1;color:rgb(166 162 154/var(--un-text-opacity))}.text-sp-label-dim\/70{color:#a6a29ab3}.text-sp-label-dim\/80{color:#a6a29acc}.font-black{font-weight:900}.font-bold,[font-bold=""]{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.4\]{line-height:1.4}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[-0\.1em\]{letter-spacing:-.1em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.42em\]{letter-spacing:.42em}.tracking-wider,[tracking-wider=""]{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.font-mono,[font-mono=""]{font-family:JetBrains Mono,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-silkscreen,[font-silkscreen=""]{font-family:Bahnschrift Condensed,DIN\ 1451,Arial Narrow,sans-serif}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.accent-\[\#8e8c84\]{--un-accent-opacity:1;accent-color:rgb(142 140 132/var(--un-accent-opacity))}.shadow-\[0_0_4px_\#ff2020\]{--un-shadow:0 0 4px var(--un-shadow-color,#ff2020)}.shadow-\[0_0_4px_\#ff2020\],.shadow-\[0_0_5px_\#ff2020\]{box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-\[0_0_5px_\#ff2020\]{--un-shadow:0 0 5px var(--un-shadow-color,#ff2020)}.shadow-\[0_0_6px_\#ff2020\]{--un-shadow:0 0 6px var(--un-shadow-color,#ff2020)}.shadow-2xl,.shadow-\[0_0_6px_\#ff2020\]{box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color,rgba(0,0,0,.25))}.shadow-inner,[shadow-inner=""]{--un-shadow:inset 0 2px 4px 0 var(--un-shadow-color,rgba(0,0,0,.05))}.shadow-inner,.shadow-md,[shadow-inner=""]{box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color,rgba(0,0,0,.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color,rgba(0,0,0,.1))}.shadow-none{--un-shadow:0 0 var(--un-shadow-color,transparent);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring,[ring=""]{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)}.ring,.ring-2,[ring=""]{box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)}.ring-sp-led-red\/70{--un-ring-color:rgba(255,34,34,.7)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}.slider-vertical[data-v-e0decc56]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:16px;transform:rotate(-90deg);transform-origin:center center;width:116px}.slider-vertical[data-v-e0decc56]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#545458;border:1px solid #787880;border-radius:2px;box-shadow:0 1px 3px #000000b3;cursor:pointer;height:12px;width:22px}.slider-vertical[data-v-e0decc56]::-moz-range-thumb{background:#545458;border:1px solid #787880;border-radius:2px;box-shadow:0 1px 3px #000000b3;cursor:pointer;height:12px;width:22px}.song-workbench[data-v-cb502ba0]{color:#e8e4dc;display:flex;flex-direction:column;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;gap:8px;max-height:100%;overflow-y:auto;padding:10px 12px}.sw-header[data-v-cb502ba0]{align-items:center;display:flex;gap:8px}.sw-nav-btn[data-v-cb502ba0]{background:#4a4640;border:1px solid #4e4c48;border-radius:3px;color:#e8e4dc;cursor:pointer;font-family:inherit;font-size:10px;padding:2px 8px}.sw-nav-btn[data-v-cb502ba0]:active{background:#3a3630}.sw-title[data-v-cb502ba0]{flex:1;font-size:12px;font-weight:700;letter-spacing:.1em;text-align:center}.sw-pending[data-v-cb502ba0],.sw-pending-bar[data-v-cb502ba0]{color:#f93;font-size:10px}.sw-pending-bar[data-v-cb502ba0]{align-items:center;background:#4a3a20;border:1px solid #f93;border-radius:3px;display:flex;justify-content:space-between;padding:4px 8px}.sw-cancel-btn[data-v-cb502ba0]{background:#4a4640;border:1px solid #aa1010;border-radius:2px;color:#ff6060;cursor:pointer;font-family:inherit;font-size:9px;padding:1px 6px}.sw-empty[data-v-cb502ba0]{padding:16px 8px;text-align:center}.sw-empty p[data-v-cb502ba0]{color:#9a9690;font-size:12px;margin:0}.sw-empty-hint[data-v-cb502ba0]{color:#6a6660!important;font-size:10px!important;margin-top:4px!important}.sw-chain[data-v-cb502ba0]{display:flex;flex-direction:column;gap:4px}.sw-chain-label[data-v-cb502ba0],.sw-layers-label[data-v-cb502ba0]{color:#6caec4;font-size:9px;font-weight:700;letter-spacing:.12em}.sw-chain-display[data-v-cb502ba0]{background:#1a1916;border-radius:3px;color:#9aae3a;font-family:VT323,monospace;font-size:13px;overflow-x:auto;padding:6px 8px;white-space:nowrap}.sw-entries[data-v-cb502ba0]{display:flex;flex-direction:column;gap:3px}.sw-entry[data-v-cb502ba0]{align-items:center;background:#3a3834;border:1px solid transparent;border-radius:3px;cursor:pointer;display:flex;gap:8px;padding:4px 6px}.sw-entry[data-v-cb502ba0]:hover{border-color:#6caec4}.sw-entry-pos[data-v-cb502ba0]{color:#9aae3a;font-family:VT323,monospace;font-size:11px;text-align:center;width:16px}.sw-entry-label[data-v-cb502ba0]{color:#e8e4dc;flex:1;font-family:VT323,monospace;font-size:14px}.sw-entry-reps[data-v-cb502ba0]{color:#9aae3a;font-family:VT323,monospace;font-size:12px}.sw-layers[data-v-cb502ba0]{display:flex;flex-direction:column;gap:4px}.sw-layer-grid[data-v-cb502ba0]{display:grid;gap:3px;grid-template-columns:1fr 1fr}.sw-layer[data-v-cb502ba0]{align-items:center;background:#2e2c28;border:1px solid transparent;border-radius:3px;display:flex;gap:6px;padding:3px 6px}.sw-layer-active[data-v-cb502ba0]{background:#3a3834;border-color:#4a4844}.sw-layer-ch[data-v-cb502ba0]{color:#9a9690;font-family:VT323,monospace;font-size:11px;width:28px}.sw-layer-dots[data-v-cb502ba0]{display:flex;gap:2px}.sw-dot[data-v-cb502ba0]{background:#4a4844;border-radius:50%;height:4px;width:4px}.sw-dot-on[data-v-cb502ba0]{background:#9aae3a;box-shadow:0 0 3px #9aae3a80}.sw-layer-name[data-v-cb502ba0]{color:#6a6660;font-size:9px;margin-left:auto;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-backdrop[data-v-681ea46d]{background:#000000b8;display:grid;inset:0;padding:1rem;place-items:center;position:fixed;z-index:100}.learn-dialog[data-v-681ea46d]{background:#45434a;border:2px solid #6caec4;box-shadow:0 1.5rem 4rem #0009;color:#f2f0eb;display:flex;flex-direction:column;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;max-height:85vh;width:min(100%,34rem)}.learn-header[data-v-681ea46d]{align-items:center;border-bottom:1px solid #6caec4;display:flex;font-size:.75rem;font-weight:700;justify-content:space-between;letter-spacing:.12em;padding:.6rem .75rem}.learn-header button[data-v-681ea46d]{background:#eeece7;border:1px solid #b9b6ae;color:#202024;cursor:pointer;font-size:1.25rem;line-height:1;min-height:1.9rem;min-width:1.9rem}.learn-tabs[data-v-681ea46d]{border-bottom:1px solid #6caec4;display:flex}.learn-tab[data-v-681ea46d]{background:transparent;border:none;border-bottom:2px solid transparent;color:#9a9690;cursor:pointer;flex:1;font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.12em;padding:.5rem}.learn-tab-active[data-v-681ea46d]{border-bottom-color:#6caec4;color:#f2f0eb}.learn-content[data-v-681ea46d]{flex:1;overflow-y:auto;padding:1rem}.lesson-list[data-v-681ea46d]{display:flex;flex-direction:column;gap:8px}.lesson-card[data-v-681ea46d]{background:#3a3834;border:1px solid #4a4844;border-radius:4px;padding:10px}.lesson-card-blocked[data-v-681ea46d]{opacity:.55}.lesson-card-header[data-v-681ea46d]{align-items:center;display:flex;gap:8px;margin-bottom:4px}.lesson-phase[data-v-681ea46d]{color:#6caec4;font-family:VT323,monospace;font-size:12px;width:24px}.lesson-title-text[data-v-681ea46d]{flex:1;font-size:13px;font-weight:700;letter-spacing:.05em}.lesson-duration[data-v-681ea46d]{color:#9a9690;font-size:10px}.lesson-intent[data-v-681ea46d]{color:#ccc8c0;font-size:11px;line-height:1.4;margin:0 0 8px}.lesson-card-footer[data-v-681ea46d]{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.lesson-capability[data-v-681ea46d]{background:#4a4844;border-radius:2px;color:#9a9690;font-size:9px;letter-spacing:.05em;padding:1px 5px;text-transform:uppercase}.lesson-cap-unavailable[data-v-681ea46d]{background:#4a2020;color:#ff6060}.lesson-start-btn[data-v-681ea46d]{background:#6caec4;border:none;border-radius:3px;color:#202024;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.05em;margin-left:auto;padding:3px 12px}.lesson-blocked-label[data-v-681ea46d]{color:#ff6060;font-size:10px;letter-spacing:.1em;margin-left:auto}.lesson-active[data-v-681ea46d]{display:flex;flex-direction:column;gap:8px}.lesson-back-btn[data-v-681ea46d]{align-self:flex-start;background:transparent;border:1px solid #4e4c48;border-radius:3px;color:#9a9690;cursor:pointer;font-family:inherit;font-size:10px;padding:2px 8px}.lesson-active-title[data-v-681ea46d]{font-size:16px;letter-spacing:.05em;margin:0}.lesson-active-intent[data-v-681ea46d]{color:#ccc8c0;font-size:12px;line-height:1.4;margin:0}.lesson-progress-bar[data-v-681ea46d]{background:#2e2c28;border-radius:3px;height:6px;overflow:hidden}.lesson-progress-fill[data-v-681ea46d]{background:#9aae3a;height:100%;transition:width .3s ease}.lesson-progress-text[data-v-681ea46d]{color:#9aae3a;font-family:VT323,monospace;font-size:12px}.lesson-steps[data-v-681ea46d]{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.lesson-step[data-v-681ea46d]{background:#3a3834;border:1px solid transparent;border-radius:3px;display:flex;gap:8px;padding:6px 8px}.lesson-step-done[data-v-681ea46d]{background:#2e3420;border-color:#9aae3a44}.lesson-step-status[data-v-681ea46d]{color:#9aae3a;font-family:VT323,monospace;font-size:16px;text-align:center;width:20px}.lesson-step-content[data-v-681ea46d]{display:flex;flex-direction:column;gap:2px}.lesson-step-label[data-v-681ea46d]{font-size:12px;font-weight:600}.lesson-step-detail[data-v-681ea46d]{color:#9a9690;font-size:10px;line-height:1.3}.lesson-study-loader[data-v-681ea46d]{background:#2e2c28;border-radius:4px;display:flex;flex-direction:column;gap:6px;padding:10px}.lesson-study-label[data-v-681ea46d]{color:#6caec4;font-size:10px;font-weight:700;letter-spacing:.1em;margin:0}.lesson-study-btn[data-v-681ea46d]{background:#4a4640;border:1px solid #4e4c48;border-radius:3px;color:#e8e4dc;cursor:pointer;font-family:inherit;font-size:11px;padding:6px 10px;text-align:left}.lesson-study-btn[data-v-681ea46d]:hover{border-color:#6caec4}.lesson-complete[data-v-681ea46d]{align-items:center;background:#2e3420;border:1px solid #9aae3a;border-radius:4px;color:#9aae3a;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.1em;padding:10px}.lesson-complete-icon[data-v-681ea46d]{font-size:18px}.faceplate-wrapper[data-v-a8bed1c9]{height:100%;max-height:100vh;overflow:auto;width:100%}.sp-metal-band[data-v-a8bed1c9]{background:linear-gradient(180deg,#d5d4d0,#a8a8aa 45%,#d2d1ce);border:1px solid #77777b;min-height:44px}.sp-help-button[data-v-a8bed1c9]{background:#eeece7;border:1px solid #444449;color:#202024;cursor:pointer;font:700 .65rem Bahnschrift Condensed,sans-serif;letter-spacing:.12em;padding:.22rem .5rem}.app-root[data-v-faa2bea2]{align-items:center;background:#1a1916;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}