:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030407;--panel:#070a129e;--left-cursor:#35ff7f;--right-cursor:#4bd8ff;--text:#e5edf9;--muted:#9eb2d1}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 20% 15%,#1b2a52 0%,transparent 45%),radial-gradient(circle at 85% 85%,#1f4d3f 0%,transparent 42%),var(--bg);width:100%;height:100%;color:var(--text);margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;overflow:hidden}main{width:100%;height:100%}.viewer-root{width:100vw;height:100vh;position:relative}.scene-host{position:absolute;inset:0}.camera-preview{z-index:22;aspect-ratio:16/9;object-fit:cover;background:#000;border:1px solid #81a8e599;border-radius:12px;width:min(23vw,280px);position:absolute;bottom:16px;right:16px;transform:scaleX(-1);box-shadow:0 18px 30px #00000073}.cursor-layer{pointer-events:none;position:absolute;inset:0}.cursor-dot{opacity:0;border:3px solid;border-radius:999px;width:44px;height:44px;transition:opacity .12s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 16px}.cursor-dot.active{opacity:.95}.cursor-dot.left{color:var(--left-cursor);background:color-mix(in oklab,var(--left-cursor)25%,transparent)}.cursor-dot.right{color:var(--right-cursor);background:color-mix(in oklab,var(--right-cursor)25%,transparent)}.status{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--panel);color:var(--muted);border:1px solid #7294cd59;border-radius:10px;padding:10px 12px;font-size:14px;position:absolute;top:16px;left:16px}.legend{z-index:22;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--panel);width:min(34vw,420px);color:var(--text);border:1px solid #7294cd59;border-radius:12px;padding:12px;position:absolute;bottom:16px;left:16px}.legend-title{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:13px}.legend-item{align-items:center;gap:8px;font-size:13px;line-height:1.45;display:flex}.legend-item+.legend-item{margin-top:6px}.legend-dot{border-radius:999px;flex:none;width:10px;height:10px}.legend-dot.pinch{background:#4bd8ff}.legend-dot.fist{background:#35ff7f}.legend-dot.eye{background:#ffca63}