@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,700;1,9..144,300;1,9..144,400&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #080C10;--surface: #0F1419;--surface-2: #131B24;--border: rgba(255, 255, 255, .07);--border-amber: rgba(231, 30, 140, .2);--pink: #E91E8C;--pink-dim: rgba(233, 30, 140, .15);--blue: #00AEEF;--blue-dim: rgba(0, 174, 239, .15);--orange: #F7941D;--orange-dim: rgba(247, 148, 29, .15);--purple: #7B2FBE;--purple-dim: rgba(123, 47, 190, .15);--amber: #F7941D;--amber-dim: rgba(247, 148, 29, .15);--teal: #00AEEF;--teal-dim: rgba(0, 174, 239, .15);--red: #EF4444;--text: #E5E7EB;--text-muted: #4B5563;--text-subtle: #374151;--font-mono: "DM Mono", monospace;--font-display: "Fraunces", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#e91e8c4d}input[type=range]{-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;outline:none;cursor:pointer;background:#ffffff14}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--amber);cursor:pointer;box-shadow:0 0 6px #f59e0b80;transition:box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px #f59e0bcc}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--amber);cursor:pointer}select{-webkit-appearance:none;appearance:none;outline:none}button{border:none;background:none;cursor:pointer;font-family:var(--font-mono)}canvas{display:block}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.glow-amber{box-shadow:0 0 12px #f59e0b66}.glow-teal{box-shadow:0 0 12px #14b8a666}.glow-red{box-shadow:0 0 12px #ef444466}.text-glow-amber{text-shadow:0 0 8px rgba(245,158,11,.6)}.text-glow-teal{text-shadow:0 0 8px rgba(20,184,166,.6)}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:1}.led{width:8px;height:8px;border-radius:50%;flex-shrink:0}.led-green{background:#22c55e;box-shadow:0 0 6px #22c55e}.led-amber{background:var(--amber);box-shadow:0 0 6px var(--amber)}.led-red{background:var(--red);box-shadow:0 0 6px var(--red)}.led-off{background:#ffffff14}.panel{background:#00000040;border:1px solid var(--border);border-radius:8px}.panel-label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase}