*{margin:0;padding:0;box-sizing:border-box}:root{--terminal-green: #33ff33;--terminal-green-dim: #20cc20;--terminal-bg: #0a0a0a;--glow-off: none;--glow-low: 0 0 5px var(--terminal-green);--glow-medium: 0 0 10px var(--terminal-green), 0 0 20px var(--terminal-green-dim);--glow-high: 0 0 10px var(--terminal-green), 0 0 30px var(--terminal-green-dim), 0 0 50px var(--terminal-green-dim);--glow-intensity: var(--glow-medium)}body{background:#000;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:VT323,monospace}.terminal{width:100%;max-width:800px;height:80vh;background:var(--terminal-bg);border-radius:20px;padding:30px;position:relative;box-shadow:inset 0 0 100px #000000e6,0 0 50px #33ff331a;overflow:hidden}.terminal:before{content:"";position:absolute;inset:0;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:10}.terminal:after{content:"";position:absolute;inset:0;background:#33ff3308;pointer-events:none;z-index:9;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.27}10%{opacity:.25}20%{opacity:.27}30%{opacity:.25}40%{opacity:.26}50%{opacity:.27}60%{opacity:.25}70%{opacity:.26}80%{opacity:.24}90%{opacity:.27}to{opacity:.25}}.screen{height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.messages{flex:1;overflow-y:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--terminal-green-dim) transparent}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--terminal-green-dim)}.message{color:var(--terminal-green);font-size:18px;line-height:1.5;margin-bottom:10px;text-shadow:var(--glow-intensity)}.message.system{color:var(--terminal-green-dim)}.message.warning{color:#ffb000;text-shadow:0 0 10px #ffb000,0 0 20px #cc8800}.message.error{color:#f33;text-shadow:0 0 10px #ff3333,0 0 20px #cc2020}.message .prefix{opacity:.7}.message .tag{opacity:.8}.input-line,#inputForm{display:flex;align-items:center;color:var(--terminal-green);font-size:18px;text-shadow:var(--glow-intensity);margin:0;padding:0;border:none;background:transparent}.hidden-submit{position:absolute;left:-9999px;width:1px;height:1px}.prompt{margin-right:8px;opacity:.7}.input-wrapper{flex:1;position:relative}#input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;font-size:18px}.input-display{color:var(--terminal-green);font-family:VT323,monospace;font-size:18px;text-shadow:var(--glow-intensity);white-space:pre}.cursor{color:var(--terminal-green);font-family:VT323,monospace;font-size:18px;text-shadow:var(--glow-intensity);animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.boot-text{color:var(--terminal-green-dim);font-size:14px;margin-bottom:20px;text-shadow:var(--glow-intensity)}.typing:after{content:"█";animation:blink .5s step-end infinite}#input:disabled~.input-display,#input:disabled~.cursor{opacity:.5}#input:disabled~.cursor{animation:none}.toggles{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:20}.toggle-btn{background:transparent;border:1px solid var(--terminal-green-dim);color:var(--terminal-green);font-family:VT323,monospace;font-size:14px;padding:5px 10px;cursor:pointer;text-shadow:var(--glow-intensity);transition:all .1s}.toggle-btn:hover{background:#33ff331a;box-shadow:var(--glow-intensity)}.toggle-btn.muted{opacity:.5}
