:root{--bg:#0e1116;--card:#161b22;--border:#262d36;--text:#e6edf3;--muted:#8b949e;--accent:#2f81f7;--accent-hover:#4493f8;--ok:#3fb950;--warn:#d29922;--err:#f85149;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-height:100dvh;color:var(--text)}#root{place-items:center;min-height:100dvh;padding:16px;display:grid}.card{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:32px 24px}.brand{letter-spacing:.04em;color:var(--muted);margin-bottom:28px;font-size:.95rem;font-weight:600}.label{color:var(--muted);margin-bottom:8px;font-size:.9rem;display:block}.id-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;border-radius:10px;margin-bottom:16px;padding:12px;font-size:1.8rem;font-weight:700}.id-input:focus{border-color:var(--accent);outline:none}.btn{background:var(--accent);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:600}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--border)}.btn-secondary:hover:not(:disabled){background:#313a45}.btn-danger{background:#da3633}.btn-danger:hover:not(:disabled){background:var(--err)}.status{justify-content:center;align-items:center;gap:8px;margin:20px 0 0;font-size:.95rem;display:flex}.dot{background:var(--warn);border-radius:50%;flex:none;width:8px;height:8px}.status[data-state=online] .dot{background:var(--ok)}.hint{color:var(--muted);margin:8px 0;font-size:.85rem}.notice{border-radius:8px;margin:20px 0 0;padding:10px 12px;font-size:.9rem}.notice-error{color:var(--err);background:#f851491f}.notice-info{color:var(--accent-hover);background:#2f81f71f}.remote{background:#000;position:fixed;inset:0;overflow:hidden}.remote-video{object-fit:contain;background:#000;width:100%;height:100%}.remote-overlay{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;gap:12px;font-size:.95rem;display:flex;position:absolute;inset:0}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.remote-bar{padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top));background:linear-gradient(#0e1116eb,#0e1116b3);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.85rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:0;left:0;right:0}.remote-bar-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.pill{color:var(--warn);background:#d2992226;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.pill[data-state=connected]{color:var(--ok);background:#3fb95026}.pill[data-state=connected] .dot{background:var(--ok)}.pill[data-state=failed]{color:var(--err);background:#f8514926}.remote-target{font-variant-numeric:tabular-nums;font-weight:600}.remote-info{color:var(--muted);font-variant-numeric:tabular-nums}.remote-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.btn-small{width:auto;padding:6px 12px;font-size:.8rem}.remote-video{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.fab{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:3;width:48px;height:48px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;opacity:.75;touch-action:manipulation;background:#161b22cc;border:1px solid #ffffff26;border-radius:50%;font-size:1.2rem;position:absolute}.fab:hover,.fab[aria-expanded=true]{opacity:1}.fab-raised{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px)}.vk-bar{z-index:2;padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom));scrollbar-width:none;touch-action:pan-x;background:#0e1116eb;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.vk-key{border:1px solid var(--border);background:var(--card);min-width:44px;height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex:none;padding:0 12px;font-size:.85rem}.vk-key[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.vk-key-main{font-weight:600}.vk-input{opacity:0;resize:none;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;bottom:0;left:0}@media (width<=600px){.remote-bar{font-size:.8rem}.remote-info{flex-basis:100%;order:3}}.touch-cursor{z-index:2;pointer-events:none;filter:drop-shadow(0 1px 2px #0009);width:26px;height:26px;margin:-2px 0 0 -3px;position:fixed}.touch-cursor path{fill:#fff;stroke:#000;stroke-width:1.4px;stroke-linejoin:round}.remote-video{transform-origin:0 0}.zoom-reset{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:3;height:40px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;background:#161b22d9;border:1px solid #ffffff26;border-radius:999px;padding:0 14px;font-size:.85rem;position:absolute}.zoom-reset-raised{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px)}