:root{--surface:#17171b;--surface-raised:#212127;--border:#32323a;--text:#ededf2;--text-dim:#8b8b99;--accent:#4c8dff;--success:#3fb950;--danger:#f85149;--sinyal:#ffb347;--radius:6px;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}body{font-family:var(--font-sans);background:var(--surface);color:var(--text);margin:0}#login{flex-direction:column;gap:14px;max-width:360px;margin:12vh auto;padding:0 20px;display:flex}#login h1{letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:600}.field-label{letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px;font-size:11px;font-weight:600;display:block}#login input:not([type=checkbox]),#login button{width:100%;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:11px 12px;font-family:inherit;font-size:15px}#login input:focus{border-color:var(--accent);outline:none}#login #connect{background:var(--accent);border-color:var(--accent);color:#0b1220;cursor:pointer;margin-top:4px;font-weight:600}#login #connect:disabled{opacity:.45;cursor:default}#passwordRow{gap:8px;display:flex}#passwordRow #password{flex:1;min-width:0}#passwordRow #togglePassword{white-space:nowrap;background:var(--surface-raised);cursor:pointer;width:auto;padding:11px 14px;font-size:13px}#rememberRow{color:var(--text-dim);cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}#rememberRow input{appearance:none;background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;border-radius:4px;width:17px;height:17px;margin:0}#rememberRow input:checked{background:var(--accent);border-color:var(--accent)}#login #hostId{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em}#status{min-height:2.5em;color:var(--text-dim);margin:0;font-size:13px}#status.error{color:var(--danger)}#stage{background:#000;position:fixed;inset:0}#screen{object-fit:contain;width:100%;height:100%;display:block}#overlay{color:#eee;background:#000000bf;place-items:center;display:grid;position:absolute;inset:0}#dock{pointer-events:none;z-index:6;position:fixed;inset:0}#dock>*{pointer-events:auto}#dockToggle{width:44px;height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#17171bd9;border-radius:50%;font-size:16px;line-height:1;transition:opacity .2s;position:absolute;bottom:14px;right:14px}#dock[data-state=quiet] #dockToggle{opacity:.35}#dock[data-state=active] #dockToggle,#dock[data-state=open] #dockToggle{opacity:1}#dockPanel{border:1px solid var(--border);border-radius:var(--radius);background:#17171bf2;width:min(300px,100vw - 28px);padding:12px;font-size:13px;position:absolute;bottom:68px;right:14px}#dock:not([data-state=open]) #dockPanel{display:none}#dockHead{align-items:center;gap:8px;display:flex}#dockDot{background:var(--text-dim);border-radius:50%;flex:none;width:8px;height:8px}#dock[data-tone=ok] #dockDot{background:var(--success)}#dock[data-tone=wait] #dockDot{background:var(--text-dim)}#dock[data-tone=fail] #dockDot{background:var(--danger)}#dockHostId{font-family:var(--font-mono);font-variant-numeric:tabular-nums}#dockStats{color:var(--text-dim);font-family:var(--font-mono);margin:8px 0 12px;font-size:12px}#dockButtons{flex-direction:column;gap:6px;display:flex}#dockButtons button{text-align:left;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:9px 11px;font-family:inherit;font-size:13px}#dockButtons #dockDisconnect{color:var(--danger)}#dockNotice{color:var(--text-dim);margin:8px 0 0;font-size:12px}#diagWrap{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}#diagWrap summary{cursor:pointer;color:var(--text-dim);padding:2px 0;font-size:12px}#dockHint{color:var(--text-dim);margin:8px 0;font-size:11px}#diag{border:1px solid var(--border);max-height:30vh;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--text-dim);background:#000;border-radius:4px;margin:6px 0;padding:8px;font-size:11px;line-height:1.5;overflow:auto}#copyDiag{color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:6px 10px;font-family:inherit;font-size:12px}#touchCursor{z-index:4;pointer-events:none;background:#ffffffe6;border:1px solid #0009;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}#keyboardField{opacity:0;resize:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;left:0}#toggleControl[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#viewOnlyBadge{border-radius:var(--radius);color:var(--text);border:1px solid var(--border);pointer-events:none;background:#0000008c;margin:0;padding:5px 10px;font-size:12px;position:absolute;top:12px;left:12px}