*{margin:0;padding:0;box-sizing:border-box}:root{--green: #00ff41;--green-dim: #00cc33;--green-dark: #009922;--green-glow: rgba(0, 255, 65, .4);--amber: #ffb000;--red: #ff3333;--bg: #0a0a0a;--bg-light: #0f0f0f;--terminal-bg: #050505}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}97%{opacity:.9}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scanline{0%{top:-100%}to{top:100%}}@keyframes textShadowPulse{0%,to{text-shadow:0 0 5px var(--green),0 0 10px var(--green-glow)}50%{text-shadow:0 0 10px var(--green),0 0 20px var(--green-glow),0 0 30px var(--green-glow)}}body{height:100vh;background:var(--bg);font-family:Fira Code,monospace;color:var(--green);display:flex;align-items:center;justify-content:center;padding:10px;position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}body:after{content:"";position:fixed;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,65,.03) 50%,transparent 100%);animation:scanline 8s linear infinite;pointer-events:none;z-index:1001}.matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.15}.retro-3d-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.25;pointer-events:none;filter:blur(.5px)}.retro-3d-background canvas{width:100%!important;height:100%!important}.terminal{width:85vw;max-width:1100px;max-height:95vh;overflow-y:auto;background:var(--terminal-bg);border:1px solid var(--green-dark);border-radius:0;position:relative;z-index:10;box-shadow:0 0 20px #00ff411a,inset 0 0 100px #00ff4105;animation:flicker 10s infinite}@media(min-width:1920px){.terminal{width:30vw;max-width:1100px}}@media(min-width:1440px)and (max-width:1919px){.terminal{width:30vw;max-width:1100px}}@media(min-width:1024px)and (max-width:1439px){.terminal{width:50vw}}@media(max-width:768px){.terminal{width:95vw;max-height:98vh}}.terminal-header{background:var(--bg-light);border-bottom:1px solid var(--green-dark);padding:8px 15px;display:flex;align-items:center;justify-content:space-between}.terminal-buttons{display:flex;gap:8px}.terminal-btn{width:12px;height:12px;border-radius:50%;border:1px solid;cursor:pointer;transition:all .2s ease;position:relative}.terminal-btn:hover{transform:scale(1.1);filter:brightness(1.2)}.terminal-btn:active{transform:scale(.95)}.btn-close{background:#ff5f56;border-color:#e0443e}.btn-close:hover:after{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#4a0000;font-size:10px;font-weight:700}.btn-min{background:#ffbd2e;border-color:#dea123}.btn-min:hover:after{content:"−";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#5a4500;font-size:10px;font-weight:700}.btn-max{background:#27c93f;border-color:#1aab29}.btn-max:hover:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#003a0e;font-size:10px;font-weight:700}.terminal-title{font-size:12px;color:var(--green-dim);letter-spacing:.1em}.terminal-user{font-size:11px;color:var(--green-dark)}.terminal-body{padding:12px 20px;transition:all .3s ease}.terminal.minimized{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-height:40px;width:auto;min-width:400px;max-width:600px;overflow:hidden;border-radius:8px 8px 0 0;border-bottom:none;box-shadow:0 -5px 30px #00ff414d,inset 0 0 100px #00ff410d}.terminal.minimized .terminal-body{display:none}.terminal.minimized .terminal-header{cursor:pointer;border-bottom:none;border-radius:8px 8px 0 0}.terminal.minimized .terminal-header:hover{background:var(--bg);box-shadow:inset 0 0 20px #00ff411a}@media(max-width:768px){.terminal.minimized{min-width:95vw;max-width:95vw}}.terminal-dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;cursor:pointer}.dock-icon{background:var(--terminal-bg);border:1px solid var(--green-dark);border-radius:8px;padding:12px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 0 20px #00ff4133,inset 0 0 50px #00ff410d}.dock-icon:hover{transform:translateY(-5px);border-color:var(--green);box-shadow:0 0 30px #00ff4166,inset 0 0 50px #00ff411a}.dock-icon span:first-child{color:var(--green);font-size:11px;letter-spacing:.1em}.dock-indicator{width:4px;height:4px;background:var(--green);border-radius:50%;animation:blink 1.5s ease-in-out infinite;box-shadow:0 0 8px var(--green-glow)}.cmd-line{margin-bottom:5px;font-size:12px;line-height:1.5}.prompt{color:var(--green)}.prompt-user{color:var(--amber)}.prompt-path{color:var(--green-dim)}.cmd-text{color:var(--green)}.output{color:var(--green-dim);padding-left:0}.cursor{display:inline-block;width:8px;height:14px;background:var(--green);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle}.ascii-header{font-family:VT323,monospace;font-size:10px;line-height:1.1;color:var(--green);text-align:center;margin-top:1rem;margin-bottom:1rem;white-space:pre;text-shadow:0 0 5px var(--green-glow);animation:textShadowPulse 3s ease-in-out infinite}.player-section{background:#00ff4108;border:1px solid var(--green-dark);padding:15px 20px;margin:10px 0;display:grid;gap:12px}.status-waveform-group{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;border-bottom:1px dashed var(--green-dark)}.status-display{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed var(--green-dark)}.status-indicator{display:flex;align-items:center;gap:8px}.status-led{width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 5px var(--red)}.status-led.online{background:var(--green);box-shadow:0 0 10px var(--green);animation:none}.status-led.muted{background:var(--amber);box-shadow:0 0 10px var(--amber);animation:blink 1.5s ease-in-out infinite}.status-label{font-size:13px;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease}.status-label.muted{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.waveform{height:50px;margin:0;padding:0;background:var(--terminal-bg);border:1px solid var(--green-dark);position:relative;overflow:hidden}.waveform.muted:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffb00014;pointer-events:none}.waveform-canvas{width:100%;height:100%;display:block}.controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:0}.ctrl-btn{background:transparent;border:1px solid var(--green);color:var(--green);padding:12px 30px;font-family:Fira Code,monospace;font-size:12px;min-width:120px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;position:relative;overflow:hidden}.ctrl-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .3s ease}.ctrl-btn:not(:disabled):hover:before{left:100%}.ctrl-btn:not(:disabled):hover{background:#00ff4126;box-shadow:0 0 20px var(--green-glow);transform:translateY(-2px)}.ctrl-btn:active{transform:scale(.98)}.ctrl-btn.playing{background:#00ff4133;border-color:var(--green);box-shadow:0 0 10px var(--green-glow)}.ctrl-btn.muted{border-color:var(--amber);color:var(--amber);background:#ffb0000d}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--green-dark)}.ctrl-btn:disabled:hover{background:transparent;box-shadow:none;transform:none}.volume-section{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--terminal-bg);border:1px solid var(--green-dark);margin:0}.vol-label{font-size:11px;color:var(--green-dim);text-transform:uppercase;letter-spacing:.1em;min-width:50px}.vol-bar-container{flex:1;height:6px;background:var(--bg);border:1px solid var(--green-dark);position:relative;cursor:pointer}.vol-bar-fill{height:100%;background:var(--green);width:75%;box-shadow:0 0 5px var(--green-glow);transition:width .1s ease}.vol-value{font-size:12px;min-width:40px;text-align:right;font-family:VT323,monospace;font-size:16px}.stream-info{margin:0;font-size:10px}.info-row{display:flex;padding:6px 0;border-bottom:1px dotted var(--green-dark)}.info-row:last-child{border-bottom:none}.info-key{color:var(--green-dark);min-width:120px}.info-key:after{content:":"}.info-val{color:var(--green)}.terminal-footer{margin-top:10px;padding-top:8px;border-top:1px solid var(--green-dark);font-size:9px;color:var(--green-dark);text-align:center}.footer-line{margin:2px 0}.terminal-clock{font-family:VT323,monospace;font-size:14px;color:var(--green);text-shadow:0 0 5px var(--green-glow)}.system-log{background:var(--terminal-bg);border:1px solid var(--green-dark);padding:8px 8px 6px;margin:0;font-size:9px;height:60px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.system-log:before{content:"> SYSTEM_LOG";position:absolute;top:-8px;left:10px;background:var(--terminal-bg);padding:0 5px;font-size:9px;color:var(--green-dark)}.log-entry{color:var(--green-dim);margin:2px 0;opacity:0;animation:fadeInLog .3s forwards;word-break:break-word;line-height:1.4}.log-entry .log-time{color:var(--green-dark);font-size:8px}.log-entry.warn{color:var(--amber)}.log-entry.error{color:var(--red)}@keyframes fadeInLog{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){.system-log{font-size:8px}.log-entry .log-time{display:none}}.glitch{position:relative;display:inline-block}.glitch.active{animation:glitch-skew .4s linear}.glitch.active:before,.glitch.active:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--terminal-bg)}.glitch.active:before{animation:glitch-1 .4s linear;color:var(--green);text-shadow:2px 0 var(--green-glow);left:2px}.glitch.active:after{animation:glitch-2 .4s linear;color:var(--green-dark);text-shadow:-2px 0 var(--green-dark);left:-2px}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(2deg)}20%{transform:skew(-3deg)}30%{transform:skew(4deg)}40%{transform:skew(-2deg)}50%{transform:skew(3deg)}60%{transform:skew(-4deg)}70%{transform:skew(1deg)}80%{transform:skew(-2deg)}90%{transform:skew(3deg)}to{transform:skew(0)}}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0);opacity:.8}10%{clip-path:inset(30% 0 40% 0);transform:translate(-5px)}20%{clip-path:inset(70% 0 5% 0);transform:translate(5px)}30%{clip-path:inset(5% 0 80% 0);transform:translate(-5px)}40%{clip-path:inset(50% 0 30% 0);transform:translate(5px)}50%{clip-path:inset(20% 0 60% 0);transform:translate(-5px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(5px)}70%{clip-path:inset(10% 0 70% 0);transform:translate(-5px)}80%{clip-path:inset(60% 0 20% 0);transform:translate(5px)}90%{clip-path:inset(40% 0 40% 0);transform:translate(-5px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0);opacity:.8}10%{clip-path:inset(70% 0 5% 0);transform:translate(5px)}20%{clip-path:inset(30% 0 40% 0);transform:translate(-5px)}30%{clip-path:inset(80% 0 5% 0);transform:translate(5px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(-5px)}50%{clip-path:inset(60% 0 20% 0);transform:translate(5px)}60%{clip-path:inset(5% 0 80% 0);transform:translate(-5px)}70%{clip-path:inset(50% 0 30% 0);transform:translate(5px)}80%{clip-path:inset(20% 0 60% 0);transform:translate(-5px)}90%{clip-path:inset(75% 0 10% 0);transform:translate(5px)}}@media(max-width:500px){.terminal{max-height:96vh}.ascii-header{font-size:6px;margin-top:.5rem;margin-bottom:.5rem}.terminal-body{padding:8px 10px}.terminal-header{padding:6px 12px}.cmd-line{font-size:11px;margin-bottom:3px}.controls{flex-direction:column;width:100%;gap:8px}.ctrl-btn{width:100%;padding:10px 16px;min-width:auto;font-size:11px}.player-section{padding:10px;gap:8px;margin:8px 0}.waveform{height:35px}.status-display{margin-bottom:10px;padding-bottom:10px}.status-waveform-group{gap:6px;padding-bottom:8px}.system-log{height:45px;font-size:8px;padding:6px}.volume-section{padding:6px 8px;margin:0}.stream-info{font-size:9px}.info-row{padding:4px 0}.terminal-footer{margin-top:8px;padding-top:6px;font-size:8px}.footer-line{margin:1px 0}}@media(max-width:400px){.terminal{max-height:95vh;width:98vw}.ascii-header{font-size:5px;margin-top:.3rem;margin-bottom:.3rem}.terminal-body{padding:6px 8px}.terminal-header{padding:5px 10px}.terminal-title{font-size:11px}.terminal-user{font-size:10px}.cmd-line{font-size:10px;margin-bottom:2px}.ctrl-btn{padding:9px 14px;font-size:10px}.player-section{padding:8px;gap:6px;margin:6px 0}.waveform{height:30px}.status-display{margin-bottom:8px;padding-bottom:8px}.status-label{font-size:12px}.system-log{height:40px;font-size:7px;padding:5px}.volume-section{padding:5px 6px}.vol-label{font-size:10px}.stream-info{font-size:8px}.info-row{padding:3px 0}.info-key{min-width:100px}.terminal-footer{margin-top:6px;padding-top:5px;font-size:7px}}.boot-sequence{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.boot-scanline{position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,65,.1) 50%,transparent 100%);animation:scanline 4s linear infinite;pointer-events:none;z-index:1}.boot-terminal{width:900px;height:600px;background:var(--terminal-bg);border:1px solid var(--green-dark);position:relative;z-index:10;box-shadow:0 0 30px #00ff4133,inset 0 0 100px #00ff4105;animation:flicker 10s infinite,terminalSlideIn .5s ease-out;overflow:hidden}@keyframes terminalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.boot-terminal-header{background:var(--bg-light);border-bottom:1px solid var(--green-dark);padding:8px 15px;display:flex;align-items:center;justify-content:space-between}.boot-terminal-body{padding:20px 25px;height:560px;overflow-y:auto;display:flex;align-items:center;justify-content:center}.boot-lines{font-family:Fira Code,monospace;font-size:13px;line-height:1.8;position:relative}.boot-line{color:var(--green);margin-bottom:4px;opacity:0;animation:fadeIn .3s ease-out forwards;text-shadow:0 0 5px var(--green-glow)}.boot-border{color:var(--green);font-weight:700;text-shadow:0 0 10px var(--green-glow);animation:fadeIn .2s ease-out forwards,borderPulse 2s ease-in-out infinite}.boot-progress{color:var(--green);font-family:VT323,monospace;font-size:16px;letter-spacing:.05em;animation:fadeIn .3s ease-out forwards;text-align:center;margin:8px 0}.boot-ready{color:var(--green);font-size:18px;font-weight:700;text-align:center;letter-spacing:.2em;text-shadow:0 0 15px var(--green-glow),0 0 30px var(--green-glow);animation:fadeIn .3s ease-out forwards,readyPulse 1.5s ease-in-out infinite}.boot-ready.glitch-active{animation:fadeIn .3s ease-out forwards,readyPulse 1.5s ease-in-out infinite,bootGlitch .3s linear}@keyframes fadeIn{to{opacity:1}}@keyframes borderPulse{0%,to{opacity:1;text-shadow:0 0 10px var(--green-glow)}50%{opacity:.7;text-shadow:0 0 5px var(--green-glow)}}@keyframes readyPulse{0%,to{opacity:1;text-shadow:0 0 15px var(--green-glow),0 0 30px var(--green-glow);transform:scale(1)}50%{opacity:.9;text-shadow:0 0 20px var(--green-glow),0 0 40px var(--green-glow),0 0 60px var(--green-glow);transform:scale(1.02)}}@keyframes bootGlitch{0%,to{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}40%{transform:translate(2px,-1px);filter:hue-rotate(180deg)}60%{transform:translate(-1px,-2px);filter:hue-rotate(270deg)}80%{transform:translate(1px,2px);filter:hue-rotate(360deg)}}.boot-line .cursor{display:inline-block;width:8px;height:14px;background:var(--green);margin-left:5px;animation:blink 1s step-end infinite;box-shadow:0 0 8px var(--green-glow)}@media(max-width:960px){.boot-terminal{width:95vw;height:80vh}.boot-terminal-body{padding:15px;height:calc(80vh - 40px)}}@media(max-width:768px){.boot-terminal{width:95vw;height:85vh}.boot-terminal-body{padding:15px;height:calc(85vh - 40px)}.boot-lines{font-size:11px}.boot-ready{font-size:14px}.boot-progress{font-size:13px}.boot-border{font-size:10px}}