:root{--hands:#22d3ee;--body:#fbbf24;--face:#f472b6;--glass:#0a0c108c;--line:#ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#f4f4f5;-webkit-tap-highlight-color:transparent;background:#000;height:100%;margin:0;font:500 14px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#video{object-fit:cover;pointer-events:none;width:100vw;height:100dvh;position:fixed;inset:0;transform:scaleX(-1)}#panes{background:#000;display:flex;position:fixed;inset:0}.pane{min-width:0;min-height:0;position:relative;overflow:hidden}.pane canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#camera-pane{flex:1}#avatar-pane{flex:0;display:none}.view-avatar #avatar-pane,.view-split #avatar-pane{flex:1;display:block}.view-avatar #camera-pane{z-index:1;left:max(16px, env(safe-area-inset-left));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 64px);aspect-ratio:4/3;border:1px solid var(--line);border-radius:14px;width:min(30vw,300px);position:absolute;box-shadow:0 10px 40px #00000080}.view-split #camera-pane{border-right:1px solid var(--line)}@media (orientation:portrait){#panes{flex-direction:column}.view-split #camera-pane{border-right:0;border-bottom:1px solid var(--line)}.view-avatar #camera-pane{aspect-ratio:3/4;width:min(38vw,220px)}}#views{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));border-radius:12px;gap:4px;padding:4px;display:flex}#views button,#views a{color:inherit;font:inherit;cursor:pointer;opacity:.65;background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:13px;text-decoration:none}#views [aria-selected=true]{opacity:1;background:#ffffff24}#views .demo-link{opacity:.9;color:#c4b5fd}#views .demo-link:after{content:" ↗"}#views :focus-visible{outline:2px solid #c4b5fd}.hud{z-index:2;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);position:fixed}#fps{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));font-variant-numeric:tabular-nums;text-align:right;border-radius:12px;min-width:84px;padding:6px 12px}#fps-value{font-size:22px;font-weight:700}#fps .unit{opacity:.65;letter-spacing:.08em;font-size:12px}#fps-detail{opacity:.55;font-size:11px}#toggles{left:50%;bottom:max(16px, env(safe-area-inset-bottom));border-radius:999px;gap:6px;padding:6px;display:flex;transform:translate(-50%)}.toggle{color:inherit;font:inherit;cursor:pointer;opacity:.55;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;transition:background .15s,opacity .15s,border-color .15s;display:inline-flex}.toggle .dot{border:2px solid var(--c);border-radius:50%;width:10px;height:10px}.toggle[aria-pressed=true]{opacity:1;background:color-mix(in srgb, var(--c) 18%, transparent);border-color:color-mix(in srgb, var(--c) 55%, transparent)}.toggle[aria-pressed=true] .dot{background:var(--c);box-shadow:0 0 8px var(--c)}.toggle:focus-visible{outline:2px solid var(--c);outline-offset:2px}.toggle.loading .dot{animation:1s ease-in-out infinite pulse}.toggle.failed{text-decoration:line-through}#overlay{z-index:3;background:#000000b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}.card{text-align:center;border:1px solid var(--line);background:#111317;border-radius:18px;width:100%;max-width:420px;padding:28px 24px}.card h1{margin:0 0 8px;font-size:20px}.card p{opacity:.8;white-space:pre-line;margin:0}.card.error h1{color:#fca5a5}#retry{color:#111;font:inherit;cursor:pointer;background:#f4f4f5;border:0;border-radius:999px;margin-top:18px;padding:10px 22px;font-weight:600}#spinner{border:3px solid var(--line);border-top-color:var(--hands);border-radius:50%;width:34px;height:34px;margin:0 auto 16px;animation:.8s linear infinite spin}.card.error #spinner{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@media (width<=420px){.toggle{gap:6px;padding:9px 12px}}