:root{--bg: #0b0d10;--grid: #11151a;--muted: #7f8ea3;--accent: #4f8cff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}.app{position:relative;height:100%;display:grid;grid-template-rows:auto 1fr}.header{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #141a21;background:linear-gradient(180deg,#ffffff0a,#fff0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge{font-size:12px;color:#cbd5e1;opacity:.8}.stage{position:relative;overflow:hidden;height:100%;isolation:isolate}.grid{position:absolute;inset:0;background:linear-gradient(to right,transparent 0 calc(100% - 1px),var(--grid) calc(100% - 1px) 100%) 0 0/40px 40px,linear-gradient(to bottom,transparent 0 calc(100% - 1px),var(--grid) calc(100% - 1px) 100%) 0 0/40px 40px;opacity:.35;pointer-events:none}.hint{position:absolute;right:12px;bottom:12px;font-size:12px;color:var(--muted);opacity:.9;pointer-events:none;z-index:5}.cursor{position:absolute;width:22px;height:22px;border-radius:999px;border:2px solid white;background:radial-gradient(circle at 35% 35%,#ffffff73,#ffffff1a);box-shadow:0 0 30px #4f8cff66,0 0 8px #ffffff59 inset;transform:translate(-50%,-50%);will-change:transform;transition:transform 60ms linear;z-index:4}.cursor.hidden{opacity:0;transform:translate(-50%,-50%) scale(.6)}.videoWrap{position:absolute;inset:12px 12px auto auto;width:320px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid #1a2230;box-shadow:0 6px 18px #00000059;z-index:3;background:#0f1319}.videoWrap label{position:absolute;left:8px;top:8px;padding:2px 8px;font-size:11px;color:#d1e1ff;background:#4f8cff2e;border:1px solid rgba(79,140,255,.35);border-radius:999px}.videoWrap video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);filter:saturate(.9) contrast(1.05) brightness(.95)}