/* Dark by default (2026-08-10): the topbar strip used to stay
     fixed-cream regardless of theme, the same "lit paper on a dark
     page" bug as the ballot mockup and the example-rounds board.
     [data-theme="light"] pins the original cream topbar back. */
  .live-proof-video .lpv-mock{
    position:absolute;inset:0;
    background:linear-gradient(180deg,#221f1c 0%,#221f1c 64px,#0c0c10 64px,#0c0c10 100%);
    display:flex;flex-direction:column;
  }
  [data-theme="light"] .live-proof-video .lpv-mock{
    background:linear-gradient(180deg,#fafaf7 0%,#fafaf7 64px,#0c0c10 64px,#0c0c10 100%);
  }
  .live-proof-video .lpv-topbar{
    height:64px;flex-shrink:0;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 22px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  [data-theme="light"] .live-proof-video .lpv-topbar{border-bottom-color:rgba(0,0,0,.06)}
  .live-proof-video .lpv-brand{
    font-family:var(--font-display);
    font-size:1rem;font-weight:700;color:#f87171;
    letter-spacing:-.01em;
  }
  [data-theme="light"] .live-proof-video .lpv-brand{color:#dc2626}
  .live-proof-video .lpv-brand span{color:#f0ece5;font-weight:600}
  [data-theme="light"] .live-proof-video .lpv-brand span{color:#1a1a1f}
  .live-proof-video .lpv-ballotin{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.78rem;font-weight:700;color:#f0ece5;
  }
  [data-theme="light"] .live-proof-video .lpv-ballotin{color:#1a1a1f}
  .live-proof-video .lpv-ballotin span{width:10px;height:10px;border-radius:50%;display:inline-block}
  .live-proof-video .lpv-ballotin .d1{background:#ef4444}
  .live-proof-video .lpv-ballotin .d2{background:#f0ece5}
  [data-theme="light"] .live-proof-video .lpv-ballotin .d2{background:#1a1a1f}
  .live-proof-video .lpv-ballotin .d3{background:transparent;border:1.5px solid #f0ece5}
  [data-theme="light"] .live-proof-video .lpv-ballotin .d3{border-color:#1a1a1f}
  .live-proof-video .lpv-main{
    position:absolute;left:18px;right:18px;bottom:80px;top:90px;
    background:linear-gradient(180deg,#26262e 0%,#171720 100%);
    border-radius:10px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
    color:#fff;
  }
  .live-proof-video .lpv-main-avatar{
    width:96px;height:96px;border-radius:50%;
    background:linear-gradient(135deg,#4a4a55 0%,#2a2a30 100%);
    border:2px solid rgba(255,255,255,.18);
    display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;font-weight:700;letter-spacing:.02em;
    box-shadow:0 12px 36px rgba(0,0,0,.4);
  }
  .live-proof-video .lpv-main-name{
    font-size:.85rem;font-weight:600;color:rgba(255,255,255,.85);
    background:rgba(0,0,0,.5);padding:5px 12px;border-radius:6px;
  }
  .live-proof-video .lpv-pip{
    position:absolute;top:80px;right:24px;
    width:140px;height:96px;
    background:linear-gradient(180deg,#3a3a45 0%,#22222a 100%);
    border-radius:8px;
    border:2px solid rgba(239,68,68,.5);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    color:#fff;
    box-shadow:0 8px 22px rgba(0,0,0,.4);
  }
  .live-proof-video .lpv-pip-avatar{
    width:38px;height:38px;border-radius:50%;
    background:linear-gradient(135deg,#dc2626 0%,#7c1414 100%);
    display:flex;align-items:center;justify-content:center;
    font-size:.78rem;font-weight:700;
  }
  .live-proof-video .lpv-pip-name{
    font-size:.62rem;font-weight:700;color:#fff;
    background:rgba(0,0,0,.5);padding:2px 6px;border-radius:4px;
  }
  .live-proof-video .lpv-controls{
    position:absolute;left:0;right:0;bottom:18px;
    display:flex;justify-content:center;gap:18px;
  }
  .live-proof-video .lpv-ctl{
    font-size:.68rem;font-weight:700;color:rgba(255,255,255,.68);
    padding:6px 14px;border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
  }
  .live-proof-video .lpv-ctl-leave{color:#ef4444;border-color:rgba(239,68,68,.4)}