@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=JetBrains+Mono:wght@400;700&family=VT323&display=swap";:root{--bg:#050000;--bg-pure:#000;--bg-panel:#140002b3;--text:#f34;--text-dim:#9e1422;--text-dark:#5c0812;--accent:#f03;--accent-glow:#ff0033bf;--accent-glow-soft:#f033;--border:#52000c;--border-focus:#f03;--grid-color:#ff001e05;--code-bg:#0f0002;--shadow:0 0 10px #ff003340;--font-mono:"JetBrains Mono", "Share Tech Mono", monospace;--font-lcd:"VT323", monospace;--font-sans:"Share Tech Mono", sans-serif;--selection-bg:#f03;--selection-color:#000}*{box-sizing:border-box;margin:0;padding:0}::selection{background-color:var(--selection-bg);color:var(--selection-color);text-shadow:none}::selection{background-color:var(--selection-bg);color:var(--selection-color);text-shadow:none}body{background-color:var(--bg-pure);color:var(--text);font-family:var(--font-sans);min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}.crt-wrapper{background-color:var(--bg);width:100%;min-height:100vh;position:relative;overflow:hidden}.crt-overlay{pointer-events:none;z-index:9999;opacity:.95;background:linear-gradient(#12101000 50%,#0000004d 50%) 0 0/100% 4px,linear-gradient(90deg,#ff001e0a,#00000014,#ff001e0a) 0 0/4px 100%;width:100vw;height:100vh;position:fixed;top:0;left:0}.crt-overlay:before{content:" ";pointer-events:none;background:linear-gradient(#12101000 0%,#ff001e0f 10%,#12101000 11%);animation:8s linear infinite scanline-scrolling;display:block;position:absolute;inset:0}.crt-vignette{pointer-events:none;z-index:9998;width:100%;height:100%;position:fixed;top:0;left:0;box-shadow:inset 0 0 100px #000000f2}.crt-screen{will-change:transform, opacity;transition:all .5s cubic-bezier(.19,1,.22,1);animation:.15s infinite screen-flicker}.crt-screen.screen-off{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards collapse-screen!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-pure);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--text-dim);border:1px solid var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text);box-shadow:0 0 8px var(--accent-glow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);color:var(--text);text-shadow:0 0 4px var(--accent-glow), 0 0 10px var(--accent-glow-soft);letter-spacing:.05em;text-transform:uppercase}p,span,li,button,input,textarea,select{text-shadow:0 0 2px #f036}.glow-text{color:var(--text);text-shadow:0 0 6px var(--accent-glow)}.glow-text-dim{color:var(--text-dim);text-shadow:none}#root{background-color:var(--bg-pure);border-left:4px solid var(--border);border-right:4px solid var(--border);flex-direction:column;width:1300px;max-width:100%;min-height:100vh;margin:0 auto;padding:0 30px 40px;display:flex;position:relative;box-shadow:0 0 30px #ff00331a}@media (width<=1320px){#root{border-left:none;border-right:none;padding:0 15px 30px}}.control-bezel{background-color:#0b0506;border:3px solid #1f080b;border-radius:8px;justify-content:space-between;align-items:center;margin-top:20px;padding:16px;display:flex;box-shadow:inset 0 0 10px #000}.panel{background-color:var(--bg-panel);border:2px solid var(--border);padding:24px;transition:all .3s;position:relative;box-shadow:inset 0 0 15px #ff00330d,0 0 12px #0009}.panel:hover{border-color:var(--border-focus);box-shadow:0 0 15px #ff003326}.led-indicator{background-color:var(--text-dark);width:8px;height:8px;box-shadow:none;border-radius:50%;transition:all .3s;display:inline-block}.led-indicator.active{background-color:red;box-shadow:0 0 8px red,0 0 15px #f33}.led-indicator.green-active{background-color:#3f3;box-shadow:0 0 8px #3f3}.btn{font-family:var(--font-mono);text-transform:uppercase;border:2px solid var(--border);background-color:var(--bg-pure);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 0 5px #ff00331a}.btn:hover:not(:disabled){border-color:var(--border-focus);background-color:var(--accent-dim);color:var(--text);box-shadow:0 0 12px var(--accent-glow-soft);text-shadow:0 0 4px var(--accent-glow)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed;border-color:var(--text-dark)}.knob-container{flex-direction:column;align-items:center;gap:4px;display:flex}.knob-label{font-size:.6rem;font-family:var(--font-mono);color:var(--text-dim)}.knob-dial{border:2px solid var(--border);cursor:pointer;background-color:#120305;border-radius:50%;width:32px;height:32px;transition:transform .1s;position:relative}.knob-dial:after{content:"";background-color:var(--text);width:2px;height:8px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.terminal-input-prefix{color:var(--text);font-family:var(--font-mono);margin-right:8px;font-weight:700}.terminal-cursor{background-color:var(--text);vertical-align:middle;width:8px;height:15px;animation:.9s steps(2,start) infinite terminal-blink;display:inline-block}@keyframes scanline-scrolling{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes terminal-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes screen-flicker{0%{opacity:.992}50%{opacity:.985}to{opacity:.994}}@keyframes collapse-screen{0%{filter:brightness()contrast();opacity:1;transform:scaleY(1)scaleX(1)}40%{filter:brightness(2)contrast(1.5);opacity:1;transform:scaleY(.01)scaleX(1.1)}70%{filter:brightness(4);opacity:1;background-color:#fff;transform:scaleY(.01)scaleX(.05)}to{filter:brightness(10);opacity:0;background-color:#fff;transform:scaleY(0)scaleX(0)}}header span{font-family:var(--font-mono)}.matrix-glow-panel{border:1px solid var(--border);background:radial-gradient(circle,#1e000466 0%,#000000e6 100%);position:relative;overflow:hidden}input[type=range]{-webkit-appearance:none;background:var(--code-bg);border:1px solid var(--border);outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:1px solid var(--bg-pure);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--accent-glow)}input[type=range]::-moz-range-thumb{background:var(--text);border:1px solid var(--bg-pure);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--accent-glow)}