:root{color-scheme:light dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;grid-template-rows:auto 1fr;gap:12px;padding:12px}header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.status{font-size:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main video{background:#000;border-radius:8px;--transition-time: .5s;transition:left var(--transition-time) ease-in-out,top var(--transition-time) ease-in-out,width var(--transition-time) ease-in-out,height var(--transition-time) ease-in-out}main video.self{transform:scaleX(-1);outline:2px solid #4caf50}main video:not(.self){outline:2px solid #2196f3}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;background:color-mix(in oklab,canvas,canvastext 12%)}