:root{--bg: #000000;--bg-panel: #0a0a0a;--bg-elevated: #111111;--border: #333333;--text: #cccccc;--text-dim: #555555;--text-muted: #666666;--green: #22c55e;--green-dim: #1a9948;--green-bright: #4ade80;--white: #e0e0e0}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;background:var(--bg);color:var(--text);font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:13px;line-height:1.3;-webkit-font-smoothing:antialiased}#root{height:100vh;max-width:80ch;margin:0 auto}.term-frame{display:flex;flex-direction:column;height:100vh;overflow:hidden}.term-frame-title{flex-shrink:0}.term-frame-content{flex:1;overflow-y:auto;padding:.5rem 0}.term-frame-content::-webkit-scrollbar{width:6px}.term-frame-content::-webkit-scrollbar-track{background:var(--bg)}.term-frame-content::-webkit-scrollbar-thumb{background:var(--border)}.term-frame-status{flex-shrink:0}.term-line{margin:0;padding:0;font-size:inherit;font-family:inherit;line-height:1.4;white-space:pre}.term-panel{margin-bottom:.5rem}.term-panel-body{padding:.25rem 0}.term-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 .5rem}@media (max-width: 70ch){.term-grid{grid-template-columns:1fr}}.term-dim{color:var(--text-dim)}.term-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.term-value{color:var(--green)}.term-error{color:#a33}.term-separator{color:var(--text-dim);margin:.75rem 0 .25rem}.term-blink-live{animation:blink-live 1.2s step-end infinite}@keyframes blink-live{0%,to{opacity:1}50%{opacity:.4}}.term-input{display:block;width:100%;max-width:60ch;padding:.3rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:inherit;caret-color:var(--green);outline:none}.term-input:focus{border-color:var(--green-dim);color:var(--green)}.term-input-inline{display:inline-block;width:auto;min-width:20ch;max-width:30ch}.term-btn{padding:.3rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:inherit;cursor:pointer;white-space:nowrap}.term-btn:hover:not(:disabled){background:var(--border)}.term-btn:disabled{opacity:.3;cursor:default}.term-btn-primary{background:var(--green-dim);border-color:var(--green);color:var(--bg)}.term-btn-primary:hover:not(:disabled){background:var(--green)}.term-btn-sm{padding:.2rem .5rem;font-size:12px}.term-radio-group{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.25rem}.term-radio{cursor:pointer;color:var(--text);padding:.1rem 0}.term-radio:hover{color:var(--green)}.term-login-wrap{display:flex;align-items:center;justify-content:center;min-height:60vh}.term-login-form{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem}.term-field{margin-bottom:.25rem}.term-bar-wrap{display:inline;white-space:nowrap}.term-bar-seg{display:inline;animation:term-bar-pulse 2s ease-in-out infinite}.term-bar-seg.empty{color:var(--text-muted);animation:none}@keyframes term-bar-pulse{0%,to{opacity:.82}50%{opacity:1}}.term-chart-row{line-height:1.6}.term-create-row{display:flex;align-items:center;gap:.5rem;padding:.35rem 0}.term-create-result{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.term-status-bar{position:relative;color:var(--text-dim)}.term-status-disconnect{position:absolute;right:0;top:0;background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:inherit;cursor:pointer;padding:0 .5rem}.term-status-disconnect:hover{color:var(--green)}.term-frame:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);z-index:9999}