body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f2f2f5;--surface:#fff;--border:#e0e0e6;--border-hover:#c8c8d0;--text:#1a1a24;--text-dim:#666680;--accent:#635bff;--accent-dim:#635bff1f;--success:#22c55e;--danger:#ef4444}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;height:100dvh;display:flex}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.hidden-keyboard-input{opacity:0;pointer-events:none;border:none;outline:none;width:1px;height:1px;font-size:16px;position:fixed;top:0;left:-9999px}.browser-window{background:#000;flex-direction:column;flex:1;display:flex;overflow:hidden}.browser-bar{padding:calc(env(safe-area-inset-top,0px) + 10px) 10px 10px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;display:flex}.bb-btn{width:34px;height:34px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.bb-btn:hover:not(:disabled){color:var(--text);background:#0000000f}.bb-btn:active:not(:disabled){background:#0000001a}.bb-btn:disabled{opacity:.3;cursor:default}.bb-disconnect{color:#ef444480;margin-left:2px}.bb-disconnect:hover:not(:disabled){color:var(--danger);background:#ef44441a}.bb-keyboard.active{background:var(--accent-dim);color:var(--accent)}.bb-keyboard.active:hover:not(:disabled){color:var(--accent);background:#635bff2e}.bb-address-wrap{background:var(--bg);cursor:text;border:1.5px solid #0000;border-radius:100px;flex:1;align-items:center;gap:7px;min-width:0;height:34px;margin:0 4px;padding:0 12px;transition:background .12s,border-color .15s,box-shadow .15s;display:flex}.bb-address-wrap:hover{background:#e8e8ee}.bb-address-wrap:focus-within{background:#fff;border-color:#635bff80;box-shadow:0 0 0 3px #635bff1f}.bb-lock{color:var(--text-dim);opacity:.5;flex-shrink:0;align-items:center;display:flex}.bb-lock[data-connected=true]{color:var(--success);opacity:.8}.bb-address{color:var(--text-dim);text-align:center;letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:13px}.bb-address:focus{text-align:left;color:var(--text)}.bb-address::placeholder{color:var(--text-dim);opacity:.6;text-align:center}.bb-address:disabled{cursor:default}@media (pointer:coarse){.bb-address{font-size:16px}}.bb-cancel{width:auto;color:var(--accent);flex-shrink:0;padding:0 6px;font-size:14px;font-weight:500}.bb-cancel:hover:not(:disabled){background:var(--accent-dim);color:var(--accent)}.screen-area{background:#111;flex:1;min-height:0;position:relative;overflow:hidden}.stream-canvas,.stream-video{object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.waiting-overlay{color:#ffffff8c;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;inset:0}.waiting-spinner{border:2px solid #ffffff1f;border-top-color:#fff9;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite waiting-spin}@keyframes waiting-spin{to{transform:rotate(360deg)}}.focus-hint{color:#fff9;pointer-events:none;z-index:10;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:20px;padding:5px 14px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.focus-badge{color:#fff;pointer-events:none;z-index:10;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#635bffd9;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.fps-counter{color:#ffffff8c;text-shadow:0 1px 2px #0009;z-index:10;pointer-events:none;background:0 0;padding:0;font-family:monospace;font-size:10px;position:absolute;top:8px;right:10px}.zoom-indicator{color:#fff;z-index:20;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#0009;border-radius:20px;padding:5px 12px;font-size:12px;position:absolute;top:10px;right:10px}