*{box-sizing:border-box}:root{color-scheme:dark;--bg: #0b0e14;--panel: #151a23;--text: #e6e9ef;--muted: #8b93a3;--accent: #4f8cff;--ok: #3fd68f;--warn: #ffb454;--err: #ff6b6b}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{max-width:720px;margin:0 auto;padding:48px 24px}.page h1{font-size:22px;margin-bottom:4px}.page .sub{color:var(--muted);margin-bottom:32px}.card{background:var(--panel);border:1px solid #232a38;border-radius:10px;padding:20px;margin-bottom:16px}input[type=text],input[type=password]{background:#0e1219;border:1px solid #2a3344;border-radius:6px;color:var(--text);padding:8px 12px;font-size:15px;width:100%}button{background:var(--accent);border:none;border-radius:6px;color:#fff;padding:8px 16px;font-size:14px;cursor:pointer}button.secondary{background:#2a3344}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px;align-items:center}.status{font-size:13px;color:var(--muted)}.status.ok{color:var(--ok)}.status.err{color:var(--err)}.stage{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center}.stage video{max-width:100vw;max-height:100vh}.stage .vnc-canvas{width:100vw;height:100vh}.hud{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#151a23e6;border:1px solid #232a38;border-radius:8px;padding:6px 12px;display:flex;gap:10px;align-items:center;font-size:13px;z-index:10}