:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;background:#101214;color:#e7e9ec}
*{box-sizing:border-box}body{margin:0;padding:32px;min-height:100dvh;display:flex;align-items:center;justify-content:center}
.window{width:min(1100px,100%);height:min(800px,calc(100dvh - 64px));min-height:300px;display:flex;flex-direction:column;background:#181a1f;border:1px solid #31343c;border-radius:12px;overflow:hidden;box-shadow:0 18px 80px #0005}
header{padding:16px 20px;background:#202228;border-bottom:1px solid #31343c;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.heading,.controls{display:flex;align-items:center;gap:12px}.heading{min-width:0}.prompt{font-size:21px;color:#88d6ad}h1{font-size:16px;line-height:1.5;letter-spacing:.04em;margin:0;font-weight:600}.tag{font-size:10px;color:#999da9;letter-spacing:.12em}.controls{margin-left:auto}#status{font-size:12px;color:#a4a9b5}#status.live{color:#88d6ad}
button{font:inherit;font-size:12px;border:1px solid #4a505b;border-radius:6px;background:transparent;color:#e7e9ec;padding:8px 12px;cursor:pointer;white-space:nowrap}button:hover{background:#343840}button:focus-visible{outline:2px solid #88d6ad;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}
#terminal{flex:1;min-height:0;padding:20px 16px 12px 20px;overflow:hidden}.xterm{height:100%}.xterm-viewport{overscroll-behavior:contain}.xterm-screen{touch-action:pan-y}footer{padding:12px 20px;border-top:1px solid #2a2d34;color:#8e94a1;font-size:11px;line-height:1.7;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
@media(max-width:600px){body{padding:0;align-items:stretch}.window{width:100%;height:100dvh;min-height:220px;border:0;border-radius:0;box-shadow:none}header{padding:14px 12px;gap:8px}.heading,.controls{gap:8px}.tag{display:none}h1{font-size:15px}#terminal{padding:14px 8px 8px 12px}footer{padding:8px 12px max(8px,env(safe-area-inset-bottom));font-size:10px}.controls{margin-left:auto}button{padding:7px 9px}}