:root{--cyber-bg: #0a0915;--cyber-card: #131124;--cyber-hotpink: #ff2a74;--cyber-neoncyan: #05f9e2;--cyber-purple: #bd00ff;--cyber-amber: #ffb300;--cyber-gridBorder: #231e3d;--cyber-accent: #4e4376}body{background-color:var(--cyber-bg);background-image:linear-gradient(rgba(189,0,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(189,0,255,.03) 1px,transparent 1px);background-size:40px 40px;overflow-x:hidden;font-family:Space Grotesk,sans-serif}.glass-card{background:#131124bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(189,0,255,.12);box-shadow:0 8px 32px #0006}.crt-monitor{position:relative;overflow:hidden}.crt-monitor:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000a,#00ff0003,#0000ff0a);z-index:10;background-size:100% 4px,6px 100%;pointer-events:none;opacity:.85}@keyframes crt-flicker{0%{opacity:.985}50%{opacity:.995}to{opacity:.985}}.crt-flicker{animation:crt-flicker .15s infinite}.crt-screen-curved{transform:perspective(1000px) rotateX(1.5deg) scale(.99);border-radius:20px;box-shadow:inset 0 0 80px #000c,0 10px 40px #000000e6}.step-pad{transition:all .1s cubic-bezier(.4,0,.2,1)}.step-pad:active{transform:scale(.9)}.neon-shadow-cyan{box-shadow:0 0 15px #05f9e266}.neon-shadow-pink{box-shadow:0 0 15px #ff2a7466}.neon-shadow-purple{box-shadow:0 0 15px #bd00ff66}.neon-shadow-amber{box-shadow:0 0 15px #ffb30066}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#231e3d;height:6px;border-radius:9999px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#05f9e2;cursor:pointer;box-shadow:0 0 8px #05f9e2cc;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.knob-container{display:flex;flex-direction:column;align-items:center;gap:6px}.knob-dial{position:relative;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#2d294a 30%,#17152b 90%);border:3px solid var(--cyber-accent);cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 4px 10px #0000004d;transition:border-color .2s,box-shadow .2s}.knob-dial:active{cursor:grabbing;border-color:var(--cyber-neoncyan);box-shadow:0 0 12px #05f9e266}.knob-pointer{position:absolute;top:4px;left:50%;width:3px;height:14px;background-color:var(--cyber-neoncyan);border-radius:999px;transform-origin:bottom center;transform:translate(-50%);box-shadow:0 0 5px var(--cyber-neoncyan)}#sequencer-board::-webkit-scrollbar{height:8px}#sequencer-board::-webkit-scrollbar-track{background:#13112480;border-radius:999px}#sequencer-board::-webkit-scrollbar-thumb{background:#05f9e259;border-radius:999px;border:1px solid rgba(5,249,226,.15)}#sequencer-board::-webkit-scrollbar-thumb:hover{background:#05f9e2a6}@keyframes subtle-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}.pulse-ambient{animation:subtle-pulse 4s infinite ease-in-out}.note-bubble{font-size:.65rem;line-height:1;padding:2px 4px}.cassette-deck{width:100%;max-width:320px;height:180px;background:#17152b;border:4px solid var(--cyber-accent);border-radius:12px;position:relative;box-shadow:inset 0 0 15px #0009,0 8px 24px #0006;overflow:hidden}.cassette-label{width:calc(100% - 32px);height:calc(100% - 48px);margin:24px 16px;background:linear-gradient(135deg,#2b254d,#3c1e5c);border-radius:6px;border:2px solid #000;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px}.cassette-label-top{font-family:Share Tech Mono,monospace;font-size:11px;color:var(--cyber-neoncyan);letter-spacing:2px;text-transform:uppercase}.cassette-window{width:130px;height:48px;background:#0a0915d9;border:3px solid #000;border-radius:4px;display:flex;justify-content:space-around;align-items:center;position:relative;box-shadow:inset 0 0 8px #000000e6}.cassette-spindle{width:32px;height:32px;border-radius:50%;background:#000;border:2.5px dashed var(--cyber-hotpink);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .1s linear}.cassette-spindle:before{content:"";width:10px;height:10px;background:#555;border-radius:50%}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin-clockwise 3.5s linear infinite}.tape-ribbon{position:absolute;width:60px;height:2px;background:#ff2a7466;top:50%;left:35px;transform:translateY(-50%);box-shadow:0 0 3px #ff2a7499}.cassette-label-bottom{font-family:Share Tech Mono,monospace;font-size:9px;color:var(--cyber-amber);display:flex;justify-content:space-between;width:100%}