| *{margin:0;padding:0;box-sizing:border-box} | |
| body{background:#0a0a0a;color:#0f0;font-family:'Courier New',monospace;height:100vh;display:flex;flex-direction:column;overflow:hidden} | |
| .top-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #1a1a1a;background:#050505} | |
| .top-bar .brand{color:#0f0;font-size:12px;letter-spacing:2px} | |
| .top-bar .links a{color:#555;text-decoration:none;margin-left:12px;font-size:10px} | |
| .top-bar .links a:hover{color:#0f0} | |
| .mode-toggle{display:flex;gap:4px} | |
| .mode-btn{background:#111;border:1px solid #1a1a1a;color:#555;padding:3px 10px;font-family:'Courier New',monospace;font-size:9px;cursor:pointer;text-transform:uppercase;letter-spacing:1px} | |
| .mode-btn.active{border-color:#0f0;color:#0f0} | |
| .mode-btn:hover{border-color:#333} | |
| .terminal{flex:1;overflow-y:auto;padding:16px;font-size:12px;line-height:1.6} | |
| .terminal .line{white-space:pre-wrap;word-break:break-all} | |
| .terminal .line.input-line{color:#0f0} | |
| .terminal .line.error{color:#f44} | |
| .terminal .line.info{color:#888} | |
| .terminal .line.success{color:#0f0} | |
| .terminal .line.warning{color:#fa0} | |
| .terminal .line.agent{color:#0ff} | |
| .terminal .line.system{color:#555} | |
| .input-bar{display:flex;align-items:center;padding:8px 16px;border-top:1px solid #1a1a1a;background:#050505} | |
| .prompt{color:#0f0;margin-right:8px;font-size:12px} | |
| .input-bar input{flex:1;background:transparent;border:none;color:#0f0;font-family:'Courier New',monospace;font-size:12px;outline:none} | |
| .input-bar input::placeholder{color:#1a3a1a} | |
| .scanline{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100} | |
| .scanline.on{background:repeating-linear-gradient(0deg,rgba(0,255,0,0.03) 0px,transparent 1px,transparent 2px)} | |
| .glyph-mode .terminal .line{color:#e0e0e0} | |
| .glyph-mode .prompt{color:#e0e0e0} | |
| .glyph-mode .input-bar input{color:#e0e0e0} | |
| .glyph-mode .input-bar input::placeholder{color:#333} | |
| .glyph-mode .top-bar .brand{color:#e0e0e0} | |
| .glyph-mode .mode-btn.active{border-color:#e0e0e0;color:#e0e0e0} | |