:root{--bg:#000000;--fg:#ffffff;--muted:#555555;--accent:#00ff88}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}.wrap{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:0}.equation{position:fixed;bottom:2.5rem;left:2.5rem;font-size:2.2rem;font-family:Times New Roman,"CMU Serif",Georgia,serif;font-style:italic;color:#000000;z-index:10;letter-spacing:-.01em}.videos-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:0;gap:0;width:100%;height:100vh}.video-panel{position:relative;overflow:hidden;border-radius:0;cursor:crosshair;background:#000000;margin:-15px;-webkit-mask-image:linear-gradient(90deg,transparent,black 30px,black calc(100% - 30px),transparent),linear-gradient(180deg,transparent,black 30px,black calc(100% - 30px),transparent);-webkit-mask-composite:destination-in;mask-image:linear-gradient(90deg,transparent,black 30px,black calc(100% - 30px),transparent),linear-gradient(180deg,transparent,black 30px,black calc(100% - 30px),transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.video-panel:first-child{margin-left:0;-webkit-mask-image:linear-gradient(90deg,black,black calc(100% - 30px),transparent),linear-gradient(180deg,black,black calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,black,black calc(100% - 30px),transparent),linear-gradient(180deg,black,black calc(100% - 30px),transparent)}.video-panel:first-child,.video-panel:nth-child(2){margin-top:0;-webkit-mask-composite:destination-in;-webkit-mask-composite:source-in,xor;mask-composite:intersect}.video-panel:nth-child(2){margin-right:0;-webkit-mask-image:linear-gradient(90deg,transparent,black 30px,black),linear-gradient(180deg,black,black calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,transparent,black 30px,black),linear-gradient(180deg,black,black calc(100% - 30px),transparent)}.video-panel:nth-child(3){margin-left:0;-webkit-mask-image:linear-gradient(90deg,black,black calc(100% - 30px),transparent),linear-gradient(180deg,transparent,black 30px,black);mask-image:linear-gradient(90deg,black,black calc(100% - 30px),transparent),linear-gradient(180deg,transparent,black 30px,black)}.video-panel:nth-child(3),.video-panel:nth-child(4){margin-bottom:0;-webkit-mask-composite:destination-in;-webkit-mask-composite:source-in,xor;mask-composite:intersect}.video-panel:nth-child(4){margin-right:0;-webkit-mask-image:linear-gradient(90deg,transparent,black 30px,black),linear-gradient(180deg,transparent,black 30px,black);mask-image:linear-gradient(90deg,transparent,black 30px,black),linear-gradient(180deg,transparent,black 30px,black)}.depth-video{width:100%;height:100%;object-fit:cover;transition:transform .06s ease-out;will-change:transform}.video-label{position:absolute;bottom:.75rem;left:.75rem;font-size:.7rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.bbox-overlay{position:absolute;border:1.5px solid var(--accent);pointer-events:none;z-index:5}.bbox-labels{position:absolute;top:-1.6rem;left:0;display:flex;gap:.5rem;white-space:nowrap}.bbox-label{font-size:.65rem;font-family:SF Mono,Fira Code,monospace;background:rgba(0,0,0,.75);color:var(--accent);padding:.15rem .4rem;border-radius:2px;letter-spacing:.02em}@media (max-width:640px){.videos-grid{grid-template-columns:1fr;grid-template-rows:auto}.video-panel{aspect-ratio:16/9}}