:root{--ground:#0B1118;--panel:#172130;--ink:#F2F5F3;--lime:#C9DC1B;--muted:#97A3AE;--stop:#E4572E}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100dvh;padding:24px 18px 32px}
main{max-width:760px;margin:0 auto}
.top{font:11px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
h1{font-weight:700;font-size:30px;line-height:1.05;margin:14px 0 6px}
.sub{color:var(--muted);margin:0 0 18px}
video{width:100%;border-radius:12px;background:#000;display:block}
.panel{background:var(--panel);border-radius:12px;padding:16px;margin:14px 0}
.bar{height:6px;border-radius:3px;background:#0B1118;overflow:hidden;margin-top:8px}
.bar span{display:block;height:100%;background:var(--lime)}
.row{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}
.btn{display:inline-block;margin:6px 8px 0 0;padding:11px 16px;border-radius:10px;border:1px solid #2A3646;background:transparent;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}
.btn.lime{background:var(--lime);border-color:var(--lime);color:#0B1118;font-weight:600}
.note{color:var(--muted);font-size:13px;margin-top:16px}
input[type=email]{width:100%;max-width:320px;padding:11px 12px;border-radius:10px;border:1px solid #2A3646;background:#0B1118;color:var(--ink);font:inherit;margin:6px 8px 0 0}
.stage{position:relative;margin:8px 0 0}
.player{margin:0;display:block}
.hl-badge{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:6px;background:var(--lime);color:#0B1118;font:700 11px/1 system-ui,sans-serif;letter-spacing:.06em;pointer-events:none}
.avatar{width:var(--avatar-size,40px);height:var(--avatar-size,40px);border-radius:999px;background:var(--panel);flex:none;display:inline-block;vertical-align:middle;object-fit:cover}
.avatar-initials{display:inline-flex;align-items:center;justify-content:center;font:600 14px/1 system-ui,sans-serif;color:#0B1118;background:hsl(var(--avatar-h,0) 62% 68%)}
.tl{position:relative;height:18px;margin:6px 0 10px;border-radius:9px;background:var(--panel)}
.tl-mark{position:absolute;top:0;width:10px;height:18px;margin-left:-5px;padding:0;border:0;border-radius:5px;background:var(--lime);cursor:pointer}
.rail{position:relative;height:6px;margin:-6px 0 10px;border-radius:3px;background:transparent}
.rail-mark{position:absolute;top:0;width:2px;height:6px;margin-left:-1px;border-radius:1px;background:var(--muted)}
.rail-mark i{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tiles{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.tile{display:flex;gap:10px;align-items:center;background:var(--panel);border-radius:12px;padding:8px}
.tile img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#000;flex:none}
.tile .wait{width:64px;height:64px;border-radius:8px;background:rgba(255,255,255,.08);flex:none}
.tile .meta{flex:1;min-width:0;font-size:13px}
.tile .meta b{display:block;font-size:14px;font-weight:600}
.tile .meta small{font-size:11.5px;color:var(--muted)}
.tile .acts{display:flex;gap:6px;flex:none}
.tile .acts .btn{margin:0;padding:9px 10px;font-size:12px}
.share-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.share-row{display:flex;gap:10px;align-items:center;background:var(--panel);border-radius:12px;padding:8px}
.share-row .meta{flex:1;min-width:0;font-size:13px}
.share-row .meta b{display:block;font-size:14px;font-weight:600}
.share-url{display:block;font:11.5px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--muted);overflow-wrap:anywhere}
.share-row .acts{display:flex;gap:6px;flex:none;align-items:center}
.share-row .acts .btn{margin:0;padding:9px 10px;font-size:12px}
.share-row .acts form{margin:0}
.off{font-size:12px;color:var(--muted)}
.trim{display:block;margin:14px 0}
.trim input[type=range]{width:100%;margin:4px 0 10px;accent-color:var(--lime)}
.trim-share{display:block;margin:8px 0 0}
.trim-history{list-style:none;margin:12px 0 0;padding:0;font-size:12px;color:var(--muted)}
.trim-history li{margin:2px 0}
.cards{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.card{display:block;background:var(--panel);border-radius:12px;padding:10px;text-decoration:none;color:inherit}
.card .body{display:flex;gap:10px;align-items:center}
.card img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:#000;flex:none}
.card .blank{width:72px;height:72px;border-radius:8px;background:rgba(255,255,255,.08);flex:none}
.card .meta{flex:1;min-width:0}
.card .meta b{display:block;font-size:15px;font-weight:600}
.card .meta small{display:block;font-size:12px;color:var(--muted)}
.chip{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;font:600 11px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.08);color:var(--muted)}
.chip.ready{background:var(--lime);color:#0B1118}
.chip.expiring{background:var(--stop);color:#0B1118}
details{margin:18px 0 0}
summary{cursor:pointer;color:var(--muted);font-size:13px}
.qr{display:block;width:min(70vw,260px);height:auto;margin:10px auto 0;border-radius:6px}
.btn.stop{position:relative;overflow:hidden;background:var(--stop);border-color:var(--stop);color:#fff;font-weight:600;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.btn .fill{position:absolute;left:0;top:0;bottom:0;width:100%;transform:scaleX(0);transform-origin:left;background:rgba(0,0,0,.28);transition:transform .1s linear;pointer-events:none}
.btn .label{position:relative}
.banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;margin:0 0 12px;background:rgba(201,220,27,.16)}
.banner .btn{margin:0}
body[data-design="broadcast"], body[data-design="broadcast"][data-theme="dark"] {
  --br-ground: #0B2545;
  --br-surface: #13355E;
  --br-surface-raised: #1B4272;
  --br-line: #324863;
  --br-scrim: #050F1EB8;
  --br-ink: #FFFFFF;
  --br-ink-muted: #A9BCD6;
  --br-ink-disabled: #6F86A6;
  --br-accent: #FF7A3D;
  --br-accent-pressed: #FF9561;
  --br-accent-text: #FF9A66;
  --br-accent-soft: #343F59;
  --br-on-accent: #12355F;
  --br-highlight: #6FD3FF;
  --br-highlight-text: #6FD3FF;
  --br-highlight-soft: #204B75;
  --br-on-highlight: #0B2545;
  --br-rec: #FF7878;
  --br-rec-text: #FF9494;
  --br-rec-soft: #343E62;
  --br-on-rec: #0B2545;
  --br-danger: var(--br-rec);
  --br-success: #5FD4B0;
  --br-warning: #FFC24D;
  --br-on-warning: #1A1200;
  --br-focus-ring: var(--br-ink);
}
body[data-design="broadcast"][data-theme="light"] {
  --br-ground: #F2F4F7;
  --br-surface: #FFFFFF;
  --br-surface-raised: #E6EBF2;
  --br-line: #CDD3DB;
  --br-scrim: #0B254566;
  --br-ink: #0B2545;
  --br-ink-muted: #4F617A;
  --br-ink-disabled: #8A97A8;
  --br-accent: #F05A1A;
  --br-accent-pressed: #D85117;
  --br-accent-text: #B5410C;
  --br-accent-soft: #FEEEE8;
  --br-on-accent: #1A0A00;
  --br-highlight: #0072B1;
  --br-highlight-text: #0067A1;
  --br-highlight-soft: #D1E6F1;
  --br-on-highlight: #FFFFFF;
  --br-rec: #C8283A;
  --br-rec-text: #C8283A;
  --br-rec-soft: #FAEAEB;
  --br-on-rec: #FFFFFF;
  --br-danger: var(--br-rec);
  --br-success: #0A7A5C;
  --br-warning: #9A6200;
  --br-on-warning: #FFFFFF;
  --br-focus-ring: var(--br-ink);
}
body[data-design="broadcast"] {
  --br-space-xxs: 2px;
  --br-space-xs: 4px;
  --br-space-s: 8px;
  --br-space-m: 12px;
  --br-space-l: 16px;
  --br-space-gutter: 18px;
  --br-space-xl: 24px;
  --br-space-2xl: 32px;
  --br-space-3xl: 48px;
  --br-radius-none: 0px;
  --br-radius-round: 9999px;
  --br-cut-button: polygon(0 0, 100% 0, 100% 70%, calc(100% - 16px) 100%, 0 100%);
  --br-cut-hero: polygon(0 0, 100% 0, 100% 80%, calc(100% - 44px) 100%, 0 100%);
  --br-cut-play: polygon(0 0, 100% 0, 100% 75%, 75% 100%, 0 100%);
  --br-slant: polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%);
  --br-slant-sm: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  --br-slant-badge: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
  --br-slant-offset: 9px;
  --br-slant-angle: 12deg;
  --br-touch-min: 44px;
  --br-button-height: 54px;
  --br-hero-button-height: 196px;
  --br-score-bar-height: 40px;
  --br-tab-bar-height: 82px;
  --br-icon-size: 24px;
  --br-icon-stroke: 2.2px;
  --br-badge-dot: 8px;
  --br-dur-press: 90ms;
  --br-dur-base: 180ms;
  --br-dur-sheet: 280ms;
  --br-dur-loop: 900ms;
  --br-hold-stop: 2000ms;
  --br-hold-takeover: 10000ms;
  --br-toast-visible: 2500ms;
  --br-font-display: Anton, "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --br-font-text: Rubik, system-ui, -apple-system, "Helvetica Neue", sans-serif;
}

@font-face{font-family:Anton;src:url("/fonts/Anton-Regular.ttf?v=a4ba3a92350ebb031da0cb47630ac49eb265082ca1bc0450442f4a83ab947cab") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Rubik;src:url("/fonts/Rubik-Variable.ttf?v=1b3a7437ba2af80e465e773ed60c5036d1ba6ace492d89046dbcf18fb31e4e88") format("truetype");font-weight:300 900;font-style:normal;font-display:swap}
body[data-design="broadcast"]{box-sizing:border-box;margin:0;padding:0 0 114px;background:var(--br-ground);color:var(--br-ink);font:400 .9375rem/1.46667 var(--br-font-text);color-scheme:dark}
body[data-design="broadcast"][data-theme="light"]{color-scheme:light}
[data-design="broadcast"] *,[data-design="broadcast"] *::before,[data-design="broadcast"] *::after{box-sizing:border-box}
[data-design="broadcast"] ::selection{background:var(--br-ink);color:var(--br-ground)}
[data-design="broadcast"] :is(a,button,summary){scroll-margin-block:120px;touch-action:manipulation}
[data-design="broadcast"] :focus-visible{outline:3px solid var(--br-focus-ring);outline-offset:3px}
[data-design="broadcast"] a{color:inherit;text-underline-offset:.2em}
[data-design="broadcast"] .br-icon{width:var(--br-icon-size);height:var(--br-icon-size);flex:none;vertical-align:middle}
[data-design="broadcast"] .br-brand{max-width:1180px;margin:0 auto;padding:var(--br-space-xl) var(--br-space-gutter);font:400 1.25rem/1.2 var(--br-font-display);text-transform:uppercase}
[data-design="broadcast"] .br-main{max-width:1180px;margin:0 auto;padding:var(--br-space-xl) var(--br-space-gutter) 0}
[data-design="broadcast"] .br-page-header{margin-bottom:var(--br-space-2xl)}
[data-design="broadcast"] h1{font:400 3.375rem/1 var(--br-font-display);text-transform:uppercase;margin:0 0 var(--br-space-l);overflow-wrap:anywhere}
[data-design="broadcast"] .br-intro{max-width:68ch;color:var(--br-ink-muted);margin:0}
[data-design="broadcast"] .br-title-m{font:400 2rem/1.0625 var(--br-font-display);text-transform:uppercase;margin:0 0 var(--br-space-m)}
[data-design="broadcast"] .br-muted{color:var(--br-ink-muted)}
[data-design="broadcast"] .br-nav{position:fixed;z-index:2;bottom:0;left:0;right:0;background:var(--br-surface);border-top:1px solid var(--br-line);padding:var(--br-space-s) var(--br-space-gutter) max(var(--br-space-s),env(safe-area-inset-bottom));min-height:var(--br-tab-bar-height)}
[data-design="broadcast"] .br-nav-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:480px;margin:auto;gap:var(--br-space-s)}
[data-design="broadcast"] .br-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--br-space-xs);min-height:64px;min-width:var(--br-touch-min);text-decoration:none;color:var(--br-ink-muted);font:700 .6875rem/1.27273 var(--br-font-text);letter-spacing:.1em;text-transform:uppercase}
[data-design="broadcast"] .br-nav a[aria-current="page"]{color:var(--br-accent-text)}
[data-design="broadcast"] .br-nav a:active{background:var(--br-surface-raised)}
[data-design="broadcast"] .br-link{display:inline-flex;align-items:center;gap:var(--br-space-s);min-height:var(--br-touch-min);min-width:var(--br-touch-min);color:var(--br-accent-text);font:600 .875rem/1.42857 var(--br-font-text);letter-spacing:.06em;text-transform:uppercase}
[data-design="broadcast"] .br-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--br-space-s);min-height:var(--br-button-height);min-width:var(--br-touch-min);padding:var(--br-space-m) var(--br-space-xl);border:1px solid var(--br-ink);font:400 1.375rem/1.18182 var(--br-font-display);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
[data-design="broadcast"] .br-button:active{background:var(--br-surface-raised)}
[data-design="broadcast"] .br-status{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:28px;padding:var(--br-space-xs) var(--br-space-m);font:700 .8125rem/1.38462 var(--br-font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--br-ink);overflow-wrap:anywhere}
[data-design="broadcast"] .br-status::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:var(--br-slant-sm);background:var(--br-surface-raised)}
[data-design="broadcast"] .br-status[data-status="ready"]{color:var(--br-success)}
[data-design="broadcast"] .br-status[data-status="ready"]::before,[data-design="broadcast"] .br-status[data-status="expiring"]::before{background:var(--br-surface)}
[data-design="broadcast"] .br-status[data-status="expiring"]{color:var(--br-warning)}
[data-design="broadcast"] .br-empty{background:var(--br-surface);padding:var(--br-space-2xl);max-width:720px}
[data-design="broadcast"] .br-empty p{max-width:60ch;margin:0;color:var(--br-ink-muted)}
[data-design="broadcast"] .br-footer{margin-top:var(--br-space-3xl);color:var(--br-ink-muted)}
[data-design="broadcast"] .br-footer p{margin:0 0 var(--br-space-s);max-width:75ch}
@media (prefers-reduced-motion:no-preference){[data-design="broadcast"] :is(.br-button,.br-nav a,.br-replay-card){transition:background-color var(--br-dur-press) ease-out}}
@media (hover:hover){[data-design="broadcast"] :is(.br-button,.br-nav a):hover{background:var(--br-surface-raised)}}
@media (max-height:40rem){body[data-design="broadcast"]{padding-bottom:var(--br-space-2xl)}[data-design="broadcast"] .br-nav{position:static;margin-top:var(--br-space-3xl)}[data-design="broadcast"] :is(a,button,summary){scroll-margin-block:var(--br-space-xl)}}

[data-design="broadcast"] .br-replays{list-style:none;margin:0;padding:0;display:grid;gap:var(--br-space-xl);grid-template-columns:minmax(0,1fr)}
[data-design="broadcast"] .br-replays li{min-width:0}
[data-design="broadcast"] .br-replay-card{display:flex;flex-direction:column;min-height:100%;text-decoration:none;background:var(--br-surface);overflow-wrap:anywhere}
[data-design="broadcast"] .br-poster{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--br-space-s);aspect-ratio:16/9;background:var(--br-surface-raised);color:var(--br-ink-muted);font-size:.8125rem}
[data-design="broadcast"] .br-poster img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
[data-design="broadcast"] .br-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--br-space-m);padding:var(--br-space-l);flex:1}
[data-design="broadcast"] .br-card-title{text-transform:uppercase;font:700 1.125rem/1.33333 var(--br-font-text);margin:0}
[data-design="broadcast"] .br-court{display:block;font-weight:400;font-size:.9375rem;line-height:1.46667;margin-top:var(--br-space-xs)}
[data-design="broadcast"] .br-card-meta{display:block;font:600 .875rem/1.42857 var(--br-font-text);letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--br-ink-muted)}
[data-design="broadcast"] .br-card-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--br-space-s);width:100%;margin-top:auto}
[data-design="broadcast"] .br-highlights{display:inline-flex;align-items:center;gap:var(--br-space-xs);color:var(--br-highlight-text);font-size:.875rem;line-height:1.42857;font-weight:600}
[data-design="broadcast"] .br-highlights .br-icon{width:18px;height:18px}
[data-design="broadcast"] .br-older{margin-top:var(--br-space-2xl)}
[data-design="broadcast"] .br-expired{margin-top:var(--br-space-2xl)}
[data-design="broadcast"] .br-expired summary{min-height:var(--br-touch-min);padding:var(--br-space-m) 0;font-size:.9375rem;line-height:1.46667;color:var(--br-ink-muted)}
[data-design="broadcast"] .br-expired .br-replays{margin-top:var(--br-space-l)}
[data-design="broadcast"] .br-expired .br-poster{display:none}
[data-design="broadcast"] .br-expired .br-highlights{color:var(--br-ink-muted)}
@media(min-width:48rem){[data-design="broadcast"] .br-replays{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:72rem){[data-design="broadcast"] .br-replays{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(hover:hover){[data-design="broadcast"] .br-replay-card:hover{background:var(--br-surface-raised)}}
@media(max-height:40rem){[data-design="broadcast"] .br-poster{aspect-ratio:auto;height:calc(var(--br-space-3xl)*2)}[data-design="broadcast"] .br-poster img{aspect-ratio:auto}}

[data-design="broadcast"] :is(.br-replay,.br-share) :is(.stage,.player){margin:0;border-radius:0;background:var(--br-surface)}
[data-design="broadcast"] :is(.br-replay,.br-share) .player{aspect-ratio:16/9;object-fit:contain}

[data-design="broadcast"] .br-replay{min-width:0;overflow-wrap:anywhere}
[data-design="broadcast"] .br-replay input{scroll-margin-block:120px}
[data-design="broadcast"] .br-replay .top{font:600 .875rem/1.42857 var(--br-font-text);letter-spacing:.06em;color:var(--br-ink-muted);opacity:1;margin:0 0 var(--br-space-l)}
[data-design="broadcast"] .br-replay :is(.sub,.note){color:var(--br-ink-muted);font:.9375rem/1.46667 var(--br-font-text);max-width:72ch}
[data-design="broadcast"] .br-replay .sub{margin:0 0 var(--br-space-2xl)}
[data-design="broadcast"] .br-replay h2{font:400 2rem/1.0625 var(--br-font-display);text-transform:uppercase;margin:0 0 var(--br-space-l)}
[data-design="broadcast"] .br-replay :is(.panel,.banner){border-radius:0;background:var(--br-surface);padding:var(--br-space-xl);margin:0 0 var(--br-space-xl)}
[data-design="broadcast"] .br-replay .row{font:700 1.125rem/1.33333 var(--br-font-text);color:var(--br-ink);text-transform:uppercase;flex-wrap:wrap;margin:0 0 var(--br-space-m)}
[data-design="broadcast"] .br-replay .btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:54px;min-width:44px;max-width:100%;margin:0;padding:var(--br-space-m) var(--br-space-l);border:1px solid var(--br-ink);border-radius:0;background:transparent;color:var(--br-ink);font:400 1.375rem/1.18182 var(--br-font-display);letter-spacing:.04em;text-transform:uppercase;text-align:center;text-decoration:none;overflow:visible}
[data-design="broadcast"] .br-replay .btn:active{background:var(--br-surface-raised)}
[data-design="broadcast"] .br-replay :is(.br-primary,#trim-save):not(:disabled){border-color:transparent;color:var(--br-on-accent)}
[data-design="broadcast"] .br-replay :is(.br-primary,#trim-save)::before{content:"";position:absolute;inset:-1px;z-index:-1;background:var(--br-accent);clip-path:var(--br-cut-button)}
[data-design="broadcast"] .br-replay :is(.br-primary,#trim-save):active::before{background:var(--br-accent-pressed)}
[data-design="broadcast"] .br-replay .btn:disabled{background:var(--br-surface-raised);color:var(--br-ink-disabled);border-color:transparent;cursor:default}
[data-design="broadcast"] .br-replay .btn:disabled::before{display:none}
[data-design="broadcast"] .br-replay .btn.stop{border:2px solid var(--br-rec);color:var(--br-rec-text)}
[data-design="broadcast"] .br-replay .btn .fill{background:var(--br-rec-soft)}
[data-design="broadcast"] .br-replay .br-highlight-action{width:100%;min-height:196px;font-size:clamp(2.875rem,9vw,4rem);line-height:1;margin-bottom:var(--br-space-xl)}
[data-design="broadcast"] .br-replay .br-highlight-action::before{clip-path:var(--br-cut-hero)}
[data-design="broadcast"] .br-replay #hold{width:100%;min-height:56px}
[data-design="broadcast"] .br-replay .br-confirm{border-top:4px solid var(--br-rec)}
[data-design="broadcast"] .br-replay .br-confirm b{display:block;font:400 2rem/1.0625 var(--br-font-display);text-transform:uppercase;margin-bottom:var(--br-space-m)}
[data-design="broadcast"] .br-replay .br-confirm form{display:inline-block;margin:0 var(--br-space-m) var(--br-space-m) 0}
[data-design="broadcast"] .br-replay .banner{border-top:3px solid var(--br-warning);gap:var(--br-space-l);color:var(--br-ink)}
[data-design="broadcast"] .br-replay .br-replay-grid{display:grid;gap:var(--br-space-2xl)}
[data-design="broadcast"] .br-replay :is(.br-watch,.br-management){min-width:0}
[data-design="broadcast"] .br-replay .hl-badge{border-radius:0;background:var(--br-highlight);color:var(--br-on-highlight);font:700 .8125rem/1.38462 var(--br-font-text);letter-spacing:.1em}
[data-design="broadcast"] .br-replay .tl{height:44px;margin:var(--br-space-s) 22px;background:transparent;border-radius:0}
[data-design="broadcast"] .br-replay .tl::before{content:"";position:absolute;left:-22px;right:-22px;top:18px;height:8px;background:var(--br-surface-raised)}
[data-design="broadcast"] .br-replay .tl-mark{width:44px;height:44px;margin-left:-22px;border-radius:0;background:transparent}
[data-design="broadcast"] .br-replay .tl-mark::before{content:"";position:absolute;top:5px;left:17px;width:10px;height:10px;background:var(--br-highlight);clip-path:polygon(0 0,100% 0,50% 100%)}
[data-design="broadcast"] .br-replay .rail{margin:0 22px var(--br-space-xl);border-radius:0}
[data-design="broadcast"] .br-replay .rail-mark{border-radius:0;background:var(--br-ink-muted)}
[data-design="broadcast"] .br-replay .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--br-space-l);margin:0}
[data-design="broadcast"] .br-replay .tile{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--br-space-m);align-content:start;padding:var(--br-space-l);border-radius:0;border-top:3px solid var(--br-highlight);background:var(--br-surface)}
[data-design="broadcast"] .br-replay .tile :is(img,.wait){width:64px;height:64px;border-radius:0;background:var(--br-surface-raised)}
[data-design="broadcast"] .br-replay .tile .meta b{font:400 1.25rem/1.2 var(--br-font-display);text-transform:uppercase;color:var(--br-highlight-text)}
[data-design="broadcast"] .br-replay .tile .meta small{display:block;color:var(--br-ink-muted);font:.8125rem/1.38462 var(--br-font-text);margin-top:var(--br-space-xs)}
[data-design="broadcast"] .br-replay .tile .acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--br-space-s)}
[data-design="broadcast"] .br-replay .tile .acts .btn{font:400 1rem/1.5 var(--br-font-display);min-height:44px;flex:1;padding:var(--br-space-s)}
[data-design="broadcast"] .br-replay .tile:has(.wait):not(:has(.acts)){border-color:var(--br-line)}
[data-design="broadcast"] .br-replay .tile:has(.wait):not(:has(.acts)) .meta b{color:var(--br-ink)}
[data-design="broadcast"] .br-replay .br-downloads{display:flex;flex-wrap:wrap;gap:var(--br-space-m);margin-top:var(--br-space-xl)}
[data-design="broadcast"] .br-replay .br-edit{margin-top:var(--br-space-2xl);background:var(--br-surface);padding:var(--br-space-xl)}
[data-design="broadcast"] .br-replay .trim{margin:0}
[data-design="broadcast"] .br-replay .trim label{display:block;font-weight:600}
[data-design="broadcast"] .br-replay .trim input[type=range]{height:44px;min-width:44px;margin:0;accent-color:var(--br-accent)}
[data-design="broadcast"] .br-replay .trim-history{color:var(--br-ink-muted);font:.875rem/1.5 var(--br-font-text);margin-top:var(--br-space-xl)}
[data-design="broadcast"] .br-replay .trim-history li{padding:var(--br-space-m) 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--br-space-m)}
[data-design="broadcast"] .br-replay .restore{margin:0}
[data-design="broadcast"] .br-replay #trim-refused{border-left:3px solid var(--br-rec);padding-left:var(--br-space-m);color:var(--br-rec-text)}
[data-design="broadcast"] .br-replay .share-row{display:block;border-radius:0;padding:var(--br-space-l) 0;background:transparent}
[data-design="broadcast"] .br-replay .share-row .meta b{color:var(--br-ink);font:600 .9375rem/1.46667 var(--br-font-text)}
[data-design="broadcast"] .br-replay :is(.share-url,.off){color:var(--br-ink-muted);font:.8125rem/1.5 var(--br-font-text)}
[data-design="broadcast"] .br-replay .share-row .acts{display:flex;flex-wrap:wrap;gap:var(--br-space-s);margin-top:var(--br-space-m)}
[data-design="broadcast"] .br-replay .share-row .acts .btn{font:400 1rem/1.5 var(--br-font-display);min-height:44px;padding:var(--br-space-s) var(--br-space-m)}
[data-design="broadcast"] .br-replay input[type=email]{box-sizing:border-box;display:block;max-width:100%;min-height:54px;width:100%;border:1px solid var(--br-ink-muted);border-radius:0;background:var(--br-ground);color:var(--br-ink);font:1.0625rem/1.29412 var(--br-font-text);padding:var(--br-space-m);margin:var(--br-space-m) 0}
[data-design="broadcast"] .br-replay input::placeholder{color:var(--br-ink-muted);opacity:1}
[data-design="broadcast"] .br-replay .note a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--br-accent-text)}
[data-design="broadcast"] .br-replay .bar{height:8px;border-radius:0;background:var(--br-surface-raised);margin:var(--br-space-s) 0 var(--br-space-xl)}
[data-design="broadcast"] .br-replay .bar span{background:var(--br-ink-muted)}
@media(min-width:64rem){[data-design="broadcast"] .br-replay-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}}
@media(max-width:47.99rem){[data-design="broadcast"] .br-replay h1{font-size:2.875rem}[data-design="broadcast"] .br-replay .br-media{margin-inline:calc(-1 * var(--br-space-gutter))}[data-design="broadcast"] .br-replay .br-media :is(.tl,.rail){margin-inline:40px}}
@media(prefers-reduced-motion:reduce){[data-design="broadcast"] .br-replay .btn .fill{transition:none}}
@media(max-height:40rem){[data-design="broadcast"] .br-replay input{scroll-margin-block:var(--br-space-xl)}}

body[data-design="broadcast"][data-family="public-share"]{padding-bottom:var(--br-space-2xl)}
[data-design="broadcast"][data-family="public-share"] :is(.br-brand,.br-main){max-width:1000px}
[data-design="broadcast"] .br-share{min-width:0;overflow-wrap:anywhere}
[data-design="broadcast"] .br-share-heading{margin-bottom:var(--br-space-xl)}
[data-design="broadcast"] .br-share h1{font-size:2.875rem;line-height:1}
[data-design="broadcast"] .br-share-scope{margin:0 0 var(--br-space-l)}
[data-design="broadcast"] .br-share-scope[data-scope="clip"]{color:var(--br-highlight-text)}
[data-design="broadcast"] .br-share-scope[data-scope="clip"]::before{background:var(--br-highlight-soft)}
[data-design="broadcast"] :is(.br-share-where,.br-share-when){font:600 .875rem/1.42857 var(--br-font-text);letter-spacing:.06em;text-transform:uppercase;margin:0 0 var(--br-space-s)}
[data-design="broadcast"] .br-share-when{color:var(--br-ink-muted);margin-bottom:0}
[data-design="broadcast"] .br-share-media{margin-inline:calc(-1 * var(--br-space-gutter))}
[data-design="broadcast"] .br-share .stage{position:relative}
[data-design="broadcast"] .br-share .stage::before{content:"";position:absolute;inset:18% 12%;border:2px solid var(--br-line);pointer-events:none}
[data-design="broadcast"] .br-share .stage::after{content:"";position:absolute;inset:18% 50%;border-left:2px solid var(--br-line);pointer-events:none}
[data-design="broadcast"] .br-share .player{position:relative;z-index:1;background:transparent}
[data-design="broadcast"] .br-share-preparing{padding:var(--br-space-2xl) var(--br-space-gutter);background:var(--br-surface);border-top:3px solid var(--br-warning)}
[data-design="broadcast"] .br-share-preparing p{margin:0;color:var(--br-ink-muted);max-width:60ch}
[data-design="broadcast"] .br-share-footer{margin-top:var(--br-space-xl);color:var(--br-ink-muted)}
[data-design="broadcast"] .br-share-footer p{max-width:72ch;margin:0 0 var(--br-space-m)}
[data-design="broadcast"] .br-share-removal .br-link{scroll-margin:var(--br-space-xl);max-width:100%;padding-block:var(--br-space-s)}
[data-design="broadcast"] .br-share-unavailable{max-width:none;padding:var(--br-space-xl)}
[data-design="broadcast"] .br-share-unavailable h1{font-size:2rem;line-height:1.0625}
[data-design="broadcast"] .br-share-unavailable p+p{margin-top:var(--br-space-l)}
@media(min-width:48rem){[data-design="broadcast"] .br-share-media{margin-inline:0}[data-design="broadcast"] .br-share-preparing{padding:var(--br-space-2xl)}}

body[data-design="broadcast"][data-family="support"]{padding-bottom:var(--br-space-3xl)}
[data-design="broadcast"] .br-flow{overflow-wrap:anywhere}
[data-design="broadcast"] .br-auth{max-width:600px}
[data-design="broadcast"] .br-flow h1{font-size:2.875rem;line-height:1.05;margin-bottom:var(--br-space-xl)}
[data-design="broadcast"] .br-flow h2{font:400 2rem/1.0625 var(--br-font-display);text-transform:uppercase;margin:0 0 var(--br-space-l)}
[data-design="broadcast"] .br-flow :is(.sub,.note){font:400 .9375rem/1.46667 var(--br-font-text);color:var(--br-ink-muted);margin:var(--br-space-m) 0;max-width:70ch}
[data-design="broadcast"] .br-flow .top{margin:0 0 var(--br-space-l);font:600 .875rem/1.42857 var(--br-font-text)}
[data-design="broadcast"] .br-flow .panel{display:block;background:var(--br-surface);border:0;border-radius:0;padding:var(--br-space-xl);margin:var(--br-space-xl) 0;min-width:0;color:var(--br-ink)}
[data-design="broadcast"] .br-flow .row{color:var(--br-ink);font-size:.9375rem;display:flex;justify-content:space-between;align-items:center;gap:var(--br-space-l);flex-wrap:wrap;margin:var(--br-space-m) 0}
[data-design="broadcast"] .br-flow label{display:block;font:700 .8125rem/1.38462 var(--br-font-text);letter-spacing:.1em;text-transform:uppercase;margin:var(--br-space-xl) 0 var(--br-space-s)}
[data-design="broadcast"] .br-flow label:first-child{margin-top:0}
[data-design="broadcast"] .br-flow label.row{display:block}
[data-design="broadcast"] .br-flow label.row>span{display:block;margin-bottom:var(--br-space-s)}
[data-design="broadcast"] .br-flow :is(input:not([type="hidden"]):not([type="radio"]),select,textarea){box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;min-height:52px;margin:var(--br-space-s) 0 var(--br-space-l);padding:var(--br-space-m);border:0;border-bottom:2px solid var(--br-ink-muted);border-radius:0;background:var(--br-ground);color:var(--br-ink);font:400 1.0625rem/1.29412 var(--br-font-text);letter-spacing:normal;text-transform:none;scroll-margin-block:120px;caret-color:var(--br-accent-text)}
[data-design="broadcast"] .br-flow :is(input,textarea)::placeholder{color:var(--br-ink-muted);opacity:1}
[data-design="broadcast"] .br-flow :is(input:not([type="hidden"]):not([type="radio"]),select,textarea):focus{border-bottom-color:var(--br-accent);border-bottom-width:3px}
[data-design="broadcast"] .br-flow input:not([type="hidden"]):not([type="radio"])[aria-invalid="true"]{border-bottom:3px solid var(--br-rec)}
[data-design="broadcast"] .br-flow textarea{resize:vertical}
[data-design="broadcast"] .br-flow :is(button,.btn){position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:54px;min-width:44px;max-width:100%;padding:var(--br-space-m) var(--br-space-xl);border:1px solid var(--br-ink);border-radius:0;background:transparent;color:var(--br-ink);font:400 1.375rem/1.18182 var(--br-font-display);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:normal;cursor:pointer}
[data-design="broadcast"] .br-flow :is(button,.btn):hover{background:var(--br-surface-raised)}
[data-design="broadcast"] .br-flow :is(.br-primary,.br-danger){border:0;background:transparent;color:var(--br-on-accent)}
[data-design="broadcast"] .br-flow :is(.br-primary,.br-danger)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--br-accent);clip-path:var(--br-cut-button)}
[data-design="broadcast"] .br-flow .br-primary:active::before{background:var(--br-accent-pressed)}
[data-design="broadcast"] .br-flow .br-danger{color:var(--br-on-rec)}
[data-design="broadcast"] .br-flow .br-danger::before{background:var(--br-danger)}
[data-design="broadcast"] .br-flow .br-danger-link{color:var(--br-rec-text);border-color:var(--br-rec)}
[data-design="broadcast"] .br-flow .br-notice{padding:var(--br-space-l);border-top:3px solid var(--br-ink-muted);background:var(--br-surface);color:var(--br-ink)}
[data-design="broadcast"] .br-flow .br-notice[role="alert"]{border-color:var(--br-rec);color:var(--br-rec-text)}
[data-design="broadcast"] .br-flow .br-confirm{border-top:4px solid var(--br-rec)}
[data-design="broadcast"] .br-flow .br-email{font:400 1.0625rem/1.5 var(--br-font-text);text-transform:none;letter-spacing:normal;overflow-wrap:anywhere}
[data-design="broadcast"] .br-flow .br-back{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--br-accent-text);text-transform:uppercase;letter-spacing:.06em}
[data-design="broadcast"] .br-flow .br-actions{display:flex;gap:var(--br-space-l);flex-wrap:wrap;align-items:center}
[data-design="broadcast"] .br-flow input[type="file"]{font-size:.9375rem;padding:var(--br-space-s)}
[data-design="broadcast"] .br-flow input::file-selector-button{min-height:44px;border:1px solid var(--br-ink);border-radius:0;background:var(--br-surface);color:var(--br-ink);font:inherit;margin-right:var(--br-space-s)}
[data-design="broadcast"] .br-flow .avatar{width:96px;height:96px;border-radius:0;background:var(--br-surface-raised);color:var(--br-ink)}
[data-design="broadcast"] .br-flow fieldset{border:0;padding:0;margin:0;min-width:0}
[data-design="broadcast"] .br-flow legend{font-weight:600}
[data-design="broadcast"] .br-flow .br-radio{display:flex;align-items:center;gap:var(--br-space-m);min-height:44px;letter-spacing:normal;text-transform:none;font-size:.9375rem;margin:var(--br-space-s) 0}
[data-design="broadcast"] .br-flow input[type="radio"]{width:24px;height:24px;flex:none;accent-color:var(--br-accent-text);margin:0}
[data-design="broadcast"] .br-flow summary{color:var(--br-ink);min-height:54px;min-width:44px;padding:var(--br-space-m) 0;font:400 1.375rem/1.18182 var(--br-font-display);text-transform:uppercase;cursor:pointer}
[data-design="broadcast"] .br-flow details[open] summary{margin-bottom:var(--br-space-xl)}
[data-design="broadcast"] .br-paddles{max-width:760px;margin-inline:auto}
[data-design="broadcast"] .br-flow .br-paddle-row{text-decoration:none;margin:var(--br-space-xs) 0;padding:var(--br-space-xl)}
[data-design="broadcast"] .br-flow .br-paddle-row:hover{background:var(--br-surface-raised)}
[data-design="broadcast"] .br-paddle-name{font:700 1.125rem/1.33333 var(--br-font-text);text-transform:uppercase;flex:1;min-width:12ch}
[data-design="broadcast"] .br-flow progress{display:block;width:100%;height:12px;margin:var(--br-space-l) 0;appearance:none;border:0;border-radius:0;background:var(--br-line);accent-color:var(--br-ink)}
[data-design="broadcast"] .br-flow progress::-webkit-progress-bar{background:var(--br-line)}
[data-design="broadcast"] .br-flow progress::-webkit-progress-value{background:var(--br-ink)}
[data-design="broadcast"] .br-flow progress::-moz-progress-bar{background:var(--br-ink)}
@media(min-width:64rem){[data-design="broadcast"] .br-account-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--br-space-2xl);align-items:start}}
@media(max-width:30rem){[data-design="broadcast"] .br-flow .panel{padding:var(--br-space-l)}}
@media(max-height:40rem){[data-design="broadcast"] .br-flow textarea{height:52px;}[data-design="broadcast"] .br-flow :is(input,select,textarea){scroll-margin-block:var(--br-space-xl)}}