:root{--bg:#fafaf9;--fg:#1c1917;--muted:#78716c;--line:#e7e5e4;--accent:#2563eb;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1c1917;--fg:#f5f5f4;--muted:#a8a29e;--line:#44403c;--accent:#60a5fa}}body{background:var(--bg);color:var(--fg);margin:0}main{max-width:1000px;margin:0 auto;padding:16px}header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}h1{flex:1;margin:0;font-size:1.4rem}button,select,input{font:inherit;color:inherit}button,.button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;min-height:40px;padding:8px 14px;display:inline-block}button.primary,button.status[data-state=NeedsLogin],button.status[data-state=idle]{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}select,input:not([type]){border:1px solid var(--line);background:0 0;border-radius:6px;max-width:100%;min-height:36px;padding:6px 8px}.status,.muted{color:var(--muted)}.small{font-size:.85rem}.setup{flex-direction:column;align-items:flex-start;gap:12px;display:flex}fieldset{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:4px 16px;display:flex}.row,.bar{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.lobby{border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:4px 16px}.lobby h2{font-size:1.1rem}.lobby ul{padding-left:18px}.lobby li{margin:6px 0}.invite code{-webkit-user-select:all;user-select:all}.peers{color:var(--muted);padding-left:18px;font-size:.9rem}.screen{aspect-ratio:4/3;width:100%;max-height:80vh;margin-top:8px;position:relative}.screen[hidden]{display:none}a{color:var(--accent)}.screen{aspect-ratio:auto;background:#000;justify-content:center;padding:8px 0;display:flex}.screen .text{white-space:pre;color:#ccc;font:14px/14px monospace}.modem .log{color:var(--muted);padding:0;font:12px/1.4 monospace;list-style:none}