@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Mono,monospace;background:#000;color:#0f0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100vh;cursor:crosshair!important}*{cursor:crosshair!important}#root{height:100vh;width:100vw}.app-container{position:relative;height:100vh;width:100vw;background:#000;display:flex;align-items:center;justify-content:center}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 30%,rgba(0,255,0,.1) 70%);pointer-events:none;z-index:1000}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);pointer-events:none;z-index:999;animation:scanline-flicker .1s infinite linear}@keyframes scanline-flicker{0%{opacity:1}98%{opacity:1}99%{opacity:.8}to{opacity:1}}.terminal-frame{width:95vw;height:95vh;background:#010;border:4px solid #00ff00;border-radius:8px;box-shadow:0 0 20px #0f0,inset 0 0 20px #00ff001a;display:flex;flex-direction:column;animation:screen-glow 2s ease-in-out infinite alternate}@keyframes screen-glow{0%{box-shadow:0 0 20px #0f0,inset 0 0 20px #00ff001a}to{box-shadow:0 0 30px #0f0,inset 0 0 30px #00ff0026}}.terminal-header{background:#030;border-bottom:2px solid #00ff00;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.terminal-title{font-size:14px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px #00ff00}.terminal-buttons{display:flex;gap:10px}.nav-btn{background:transparent;border:2px solid #00ff00;color:#0f0;padding:5px 15px;font-family:IBM Plex Mono,monospace;font-size:12px;cursor:pointer;transition:all .2s ease;text-shadow:0 0 5px #00ff00}.nav-btn:hover{background:#00ff001a;box-shadow:0 0 10px #0f0}.nav-btn.active{background:#0f0;color:#000;text-shadow:none;box-shadow:0 0 15px #0f0}.terminal-content{flex:1;padding:20px;overflow-y:auto;background:#000;position:relative}.terminal-content::-webkit-scrollbar{width:12px}.terminal-content::-webkit-scrollbar-track{background:#010}.terminal-content::-webkit-scrollbar-thumb{background:#0f0;border-radius:6px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#0c0}.terminal-text{color:#0f0;font-family:IBM Plex Mono,monospace;line-height:1.4;text-shadow:0 0 5px #00ff00}.terminal-input{background:transparent;border:2px solid #00ff00;color:#0f0;padding:10px;font-family:IBM Plex Mono,monospace;font-size:14px;width:100%;outline:none;text-shadow:0 0 5px #00ff00}.terminal-input:focus{box-shadow:0 0 10px #0f0}.terminal-button{background:transparent;border:2px solid #00ff00;color:#0f0;padding:8px 16px;font-family:IBM Plex Mono,monospace;font-size:12px;cursor:pointer;transition:all .2s ease;margin:2px;text-shadow:0 0 5px #00ff00}.terminal-button:hover{background:#00ff001a;box-shadow:0 0 8px #0f0}.terminal-button:active{background:#0f0;color:#000;text-shadow:none}.ascii-art{font-family:IBM Plex Mono,monospace;color:#0f0;white-space:pre;font-size:10px;line-height:1;text-shadow:0 0 3px #00ff00}.typing-text{border-right:2px solid #00ff00;animation:blink 1s infinite}@keyframes blink{0%,50%{border-color:#0f0}51%,to{border-color:transparent}}.flicker{animation:flicker .15s infinite linear}@keyframes flicker{0%{opacity:1}97%{opacity:1}98%{opacity:.8}99%{opacity:1}to{opacity:1}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.terminal-panel{border:1px solid #00ff00;padding:15px;margin:10px 0;background:#00ff000d}.panel-header{font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.chat-history{max-height:300px;overflow-y:auto;border:1px solid #00ff00;padding:10px;margin:10px 0}.chat-message{margin:5px 0;padding:5px}.chat-message.user{color:#0cf}.chat-message.system{color:#ff0}.chat-message.ai{color:#0f0}.loading{animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (max-width: 768px){.terminal-frame{width:98vw;height:98vh}.terminal-header{flex-direction:column;gap:10px}.grid-2,.grid-3{grid-template-columns:1fr}.ascii-art{font-size:8px}}