*{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}