:root{--fg:#f2f6fa;--muted:#9fb2c4;--accent:#5cd6e6;--focus:#ffd166;--active:#1f8f55;--warn:#f0b429;--danger:#ff7a6b;--panel:#0a0e14db;--button:#17222d;--button-line:#4d6376;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{width:600px;height:600px;color:var(--fg);touch-action:none;-webkit-user-select:none;user-select:none;background:#000;margin:0;font:16px/1.35 system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:600px;height:600px}button{font:inherit;color:var(--fg);background:var(--button);border:2px solid var(--button-line);cursor:pointer;border-radius:10px;min-height:40px;padding:6px 12px}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}button[data-blocked=true]{color:var(--warn)}button:disabled{opacity:.45}button:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pairing{text-align:center;place-content:center;gap:18px;height:100%;padding:40px;display:grid}.pairing h1{margin:0;font-size:26px}.pairing p{color:var(--muted);margin:0}.pairing .code{font:700 64px/1 var(--mono);letter-spacing:.08em;color:var(--accent)}.pairing .error{color:var(--danger)}.build{font:13px/1.2 var(--mono);color:var(--muted)}.stage{width:600px;height:600px;position:relative;overflow:hidden}.stage video,.stage canvas,.gesture-layer{width:600px;height:600px;position:absolute;inset:0}.stage video{object-fit:fill;filter:brightness(var(--brightness,1));background:#000}.look-lifted video{filter:contrast(.8) brightness(calc(1.25 * var(--brightness,1)))}.stage canvas{pointer-events:none}.gesture-layer{touch-action:none}.toolbar{background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;display:flex;position:absolute;left:6px;right:6px}.toolbar.top{flex-wrap:nowrap;gap:4px;padding:6px 4px;top:6px}.toolbar.top button{white-space:nowrap;padding:4px 5px}.toolbar.bottom{bottom:34px}.toolbar.top{transition:opacity .15s}.toolbar.dimmed{opacity:0;pointer-events:none}.toolbar button{min-height:38px;padding:4px 10px;font-size:15px}.status{height:28px;color:var(--muted);background:var(--panel);font-variant-numeric:tabular-nums;gap:12px;padding:4px 12px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.status .dot{color:var(--active)}.status .dot.warn{color:var(--warn)}.status .input-trace{color:var(--focus);white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}.stats-panel{color:var(--fg);background:var(--panel);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:10px;padding:6px 10px;font-size:17px;font-weight:600;line-height:1.35;position:absolute;top:6px;left:6px}.stats-panel.below-bar{top:62px}.type-panel{background:var(--panel);border-radius:12px;gap:8px;padding:10px;display:grid;position:absolute;bottom:34px;left:6px;right:6px}.type-panel textarea{resize:none;width:100%;height:86px;color:var(--fg);border:2px solid var(--button-line);-webkit-user-select:text;user-select:text;background:#0b1117;border-radius:10px;padding:8px;font:17px/1.35 system-ui,sans-serif}.type-panel .row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.type-panel .count{color:var(--muted);margin-left:auto;font-size:13px}.type-panel .keys button{flex:auto;min-width:72px}.ended{text-align:center;place-content:center;gap:16px;height:100%;padding:40px;display:grid}.phone-stage video{object-fit:contain}.phone-cursor{border:3px solid var(--accent);pointer-events:none;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #000}.choose{text-align:center;place-content:center;gap:18px;height:100%;padding:40px;display:grid}.choose .targets{justify-content:center;gap:18px;display:flex}.choose .targets button{min-width:170px;min-height:110px;font-size:26px}.choose p{color:var(--muted);margin:0}.phone-pair{text-align:center;border:2px solid var(--accent);pointer-events:none;background:#000;border-radius:12px;gap:14px;padding:24px;display:grid;position:absolute;inset:120px 40px auto}.phone-pair p{color:var(--muted);margin:0}.phone-pair .code{font:700 56px/1 var(--mono);letter-spacing:.08em;color:var(--accent)}.shortcuts-panel{color:var(--fg);background:var(--panel);pointer-events:none;border-radius:12px;gap:3px;padding:8px 12px;font-size:15px;line-height:1.3;display:grid;position:absolute;top:62px;left:6px;right:6px}.shortcuts-panel .shortcut{grid-template-columns:44% 1fr;gap:10px;display:grid}.shortcuts-panel .shortcut span:first-child{color:var(--muted)}