*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:#0d0d0d;color:#e0e0e0;font-family:monospace}.card,.page{padding:1rem}.card{background:#1a1a1a;border:1px solid #333;border-radius:4px}.card,h1{margin-bottom:1rem}h1{color:#4af}h2{color:#aaa;font-size:1rem;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #222;padding:.4rem .6rem;text-align:left}th{color:#888;font-size:.8rem}.dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dot-on{background:#4f4}.dot-off{background:#444}button{background:#2a4a6a;border:none;border-radius:3px;color:#eee;cursor:pointer;padding:.3rem .8rem}button:hover{background:#3a6a9a}button:disabled{cursor:default;opacity:.4}.form-input{background:#111;border:1px solid #444;border-radius:3px;color:#eee;font-family:monospace;margin-bottom:.5rem;padding:.4rem;width:100%}.error{color:#f44}.error,.success{font-size:.85rem;margin-top:.5rem}.success{color:#4f4}.banner{background:#3a1a1a;border:1px solid #f44;border-radius:4px;color:#f88;flex-shrink:0;padding:.5rem 1rem}.row{align-items:center;display:flex;gap:.5rem}.spacer{flex:1}.muted{color:#555;font-size:.85rem}a{color:#4af}.term-wrap{display:flex;flex-direction:column;gap:.5rem;height:100vh;padding:1rem}.term-body{background:#1a1a1a;border:1px solid #333;border-radius:4px;display:flex;flex:1;flex-direction:column;overflow:hidden}.term-output{flex:1;font-size:.85rem;line-height:1.5;overflow-y:auto;padding:.75rem}.term-block{white-space:pre-wrap;word-break:break-word}.term-block.echo{color:#888}.term-block.sys{color:#fa4}.term-input-row{align-items:center;border-top:1px solid #333;display:flex;flex-shrink:0;gap:.5rem;padding:.4rem .75rem}.term-prompt{color:#4af;-webkit-user-select:none;-moz-user-select:none;user-select:none}.term-input{background:transparent;border:none;color:#eee;flex:1;font-family:monospace;font-size:.85rem;outline:none}.term-input:disabled{color:#555}