:root {
  --bg: #f4f8fa;
  --bg-elevated: #eef5f7;
  --surface: rgba(255,255,255,.78);
  --surface-strong: #ffffff;
  --surface-ink: #071419;
  --surface-muted: #5c6c73;
  --ink: #071419;
  --muted: #64747b;
  --muted-strong: #43545c;
  --line: rgba(8,35,44,.12);
  --line-strong: rgba(8,35,44,.2);
  --teal: #14b8b4;
  --teal-bright: #5ee9dd;
  --blue: #3287ff;
  --blue-deep: #0b5cd6;
  --accent: #16c9c1;
  --accent-ink: #021d20;
  --success: #0f8a70;
  --danger: #bd4c52;
  --warning: #a66b18;
  --shadow-sm: 0 12px 34px rgba(8,28,36,.08);
  --shadow: 0 28px 80px rgba(3,25,34,.13);
  --shadow-xl: 0 40px 120px rgba(1,20,28,.2);
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 34px;
  --max: 1480px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #050c10;
    --bg-elevated: #081217;
    --surface: rgba(12,25,31,.78);
    --surface-strong: #0c171c;
    --surface-ink: #f5fbfc;
    --surface-muted: #9cafb6;
    --ink: #f5fbfc;
    --muted: #91a4ab;
    --muted-strong: #bdcbd0;
    --line: rgba(191,235,239,.12);
    --line-strong: rgba(191,235,239,.2);
    --teal: #36d5cf;
    --teal-bright: #7cf2e8;
    --blue: #5aa0ff;
    --blue-deep: #2673e8;
    --accent: #42ddd4;
    --accent-ink: #001c1d;
    --success: #67dcc0;
    --danger: #ff8f95;
    --warning: #f3bf67;
    --shadow-sm: 0 14px 38px rgba(0,0,0,.22);
    --shadow: 0 30px 90px rgba(0,0,0,.38);
    --shadow-xl: 0 42px 140px rgba(0,0,0,.5);
  }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background:
    radial-gradient(circle at 82% -8%, rgba(50,135,255,.14), transparent 28rem),
    radial-gradient(circle at -10% 24%, rgba(20,184,180,.12), transparent 30rem),
    var(--bg);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -3;
  background-image: linear-gradient(rgba(73,163,180,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(73,163,180,.025) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.6), transparent 70%);
}
::selection { background: rgba(54,213,207,.3); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img, video { max-width: 100%; }

.skip-link {
  position: fixed;
  left: 18px;
  top: 16px;
  z-index: 1000;
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--ink);
  color: var(--bg);
  font-weight: 800;
}
.skip-link:focus { transform: translateY(0); }

.ambient {
  position: fixed;
  pointer-events: none;
  filter: blur(100px);
  opacity: .16;
  border-radius: 999px;
  z-index: -2;
}
.ambient-a { width: 560px; height: 560px; background: var(--blue); top: -300px; right: -180px; }
.ambient-b { width: 480px; height: 480px; background: var(--teal); bottom: -280px; left: -200px; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  width: min(calc(100% - 28px), var(--max));
  height: 72px;
  margin: 14px auto 0;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-strong) 78%, transparent);
  box-shadow: 0 10px 35px rgba(4,25,33,.08);
  backdrop-filter: blur(24px) saturate(145%);
}
.brand { display: flex; align-items: center; gap: 12px; font-weight: 790; letter-spacing: -.035em; }
.brand-glyph {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #eaffff;
  font-weight: 900;
  background: linear-gradient(145deg, #0b2430 0%, #0d5e77 48%, #18c2ba 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 7px 20px rgba(0,105,127,.2);
  position: relative;
  overflow: hidden;
}
.brand-glyph::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 50%;
}
.brand-name { display: flex; flex-direction: column; line-height: 1; }
.brand-name strong { font-size: 15px; }
.brand-name small { font-size: 9px; margin-top: 5px; color: var(--muted); letter-spacing: .16em; font-weight: 800; }
.topbar nav { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; }
.topbar nav > a:not(.button), .text-button {
  color: var(--muted-strong);
  border-radius: 12px;
  padding: 9px 11px;
  transition: background .18s ease, color .18s ease;
}
.topbar nav > a:not(.button):hover, .text-button:hover { background: rgba(66,221,212,.08); color: var(--ink); }
.nav-divider { width: 1px; height: 22px; background: var(--line); margin: 0 4px; }
.nav-form { margin: 0; }
.text-button { border: 0; background: transparent; cursor: pointer; font-weight: 700; }

.button {
  min-height: 42px;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  padding: 10px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 780;
  font-size: 13px;
  cursor: pointer;
  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
  color: var(--ink);
  box-shadow: inset 0 1px rgba(255,255,255,.09);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.button:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); border-color: rgba(47,184,193,.35); }
.button:active { transform: translateY(0); }
.button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, a:focus-visible { outline: 3px solid rgba(50,135,255,.3); outline-offset: 3px; }
.button.primary {
  border-color: rgba(70,224,215,.4);
  background: linear-gradient(135deg, #0d6da1 0%, #168eb4 45%, #20c9be 100%);
  color: #f8ffff;
  box-shadow: 0 10px 28px rgba(13,126,157,.22), inset 0 1px rgba(255,255,255,.22);
}
.button.primary:hover { box-shadow: 0 15px 36px rgba(13,126,157,.3); }
.button.ghost { background: transparent; }
.button.small { min-height: 36px; padding: 8px 13px; border-radius: 12px; }
.button.wide { width: 100%; min-height: 50px; }

.hero {
  width: min(calc(100% - 44px), var(--max));
  margin: 0 auto;
  padding: 90px 18px 58px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(410px, .92fr);
  gap: clamp(48px, 7vw, 110px);
  align-items: center;
  min-height: 690px;
}
.hero-copy { max-width: 850px; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: var(--muted-strong);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 18px; height: 1px; background: linear-gradient(90deg, var(--blue), var(--teal)); }
.hero h1, .page-hero h1, .studio-hero h1, .focus-heading h1, .watch-grid h1, .channel-content h1, .error-page h1 {
  margin: 0;
  font-weight: 650;
  letter-spacing: -.07em;
  line-height: .94;
  text-wrap: balance;
}
.hero h1 { font-size: clamp(4.2rem, 7.4vw, 8.4rem); max-width: 980px; }
.gradient-word {
  background: linear-gradient(105deg, var(--blue) 0%, #299ed6 38%, var(--teal) 82%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero p { max-width: 690px; margin: 28px 0 34px; color: var(--muted); font-size: clamp(18px, 1.5vw, 21px); line-height: 1.6; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hero-note { display: flex; align-items: center; gap: 9px; margin-top: 22px; color: var(--muted); font-size: 12px; font-weight: 650; }
.hero-note i { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 5px rgba(36,198,190,.1); }

.hero-stage { min-height: 520px; position: relative; display: grid; place-items: center; perspective: 1100px; }
.stage-halo {
  position: absolute;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  background: conic-gradient(from 180deg, rgba(50,135,255,.08), rgba(28,215,204,.22), rgba(50,135,255,.05), rgba(28,215,204,.2));
  filter: blur(2px);
  box-shadow: inset 0 0 90px color-mix(in srgb, var(--bg) 75%, transparent);
}
.stage-shell {
  position: relative;
  width: min(100%, 500px);
  border: 1px solid rgba(176,232,238,.18);
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(165deg, #071217 0%, #0a1c24 52%, #0b2730 100%);
  box-shadow: var(--shadow-xl);
  transform: rotateY(-5deg) rotateX(2deg);
}
.stage-top { height: 48px; display: flex; align-items: center; gap: 6px; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
.stage-top i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.24); }
.stage-top span { margin-left: auto; color: rgba(231,252,255,.46); font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.stage-screen { aspect-ratio: 16/10; padding: 34px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
.stage-screen::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 28%, rgba(51,146,255,.46), transparent 26%),
    radial-gradient(circle at 45% 70%, rgba(47,222,205,.36), transparent 27%),
    linear-gradient(145deg, rgba(8,19,25,.5), rgba(6,17,22,.94));
}
.stage-screen::after { content: ""; position: absolute; width: 210px; height: 210px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; right: -36px; top: -30px; box-shadow: 0 0 0 45px rgba(255,255,255,.028), 0 0 0 90px rgba(255,255,255,.018); }
.stage-copy { position: relative; z-index: 2; color: #effeff; }
.stage-copy small { display: block; margin-bottom: 9px; color: #8ddedc; font-size: 9px; font-weight: 900; letter-spacing: .2em; }
.stage-copy strong { display: block; max-width: 360px; font-size: clamp(30px, 4vw, 48px); line-height: .98; letter-spacing: -.055em; }
.stage-controls { position: relative; z-index: 2; display: flex; align-items: center; gap: 9px; margin-top: 22px; color: rgba(234,252,255,.7); font-size: 10px; }
.stage-play { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.92); color: #07151a; font-size: 12px; }
.stage-line { height: 3px; flex: 1; border-radius: 20px; background: rgba(255,255,255,.16); overflow: hidden; }
.stage-line::before { content: ""; display: block; width: 42%; height: 100%; background: linear-gradient(90deg, #4a94ff, #41e2d5); }
.stage-badges { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.08); }
.stage-badges div { padding: 17px 15px; background: rgba(5,16,21,.92); color: #e9fbfd; }
.stage-badges span { display: block; color: rgba(212,239,242,.45); font-size: 8px; letter-spacing: .14em; font-weight: 900; }
.stage-badges strong { display: block; margin-top: 5px; font-size: 12px; }

.section-shell, .studio-panel { width: min(calc(100% - 44px), var(--max)); margin: 0 auto; padding: 64px 18px; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 28px; }
.section-heading h2 { margin: 0; font-size: clamp(28px, 3vw, 38px); line-height: 1; letter-spacing: -.045em; }
.section-heading > a { color: var(--muted); font-size: 13px; font-weight: 800; }
.section-heading > a:hover { color: var(--teal); }

.video-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 34px 18px; }
.video-card { min-width: 0; }
.poster {
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--line);
  border-radius: 19px;
  background: linear-gradient(145deg, var(--bg-elevated), color-mix(in srgb, var(--surface-strong) 80%, var(--teal) 20%));
  box-shadow: 0 15px 40px rgba(3,25,33,.07);
  isolation: isolate;
}
.poster::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,12,16,.32), transparent 44%); opacity: .75; transition: opacity .25s ease; }
.poster img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease; }
.poster:hover img { transform: scale(1.026); filter: saturate(1.06); }
.poster:hover::after { opacity: .35; }
.poster span { position: absolute; right: 10px; bottom: 10px; z-index: 2; padding: 5px 8px; border-radius: 8px; color: #fff; background: rgba(4,15,20,.78); backdrop-filter: blur(8px); font-size: 10px; font-weight: 850; }
.video-meta { display: grid; grid-template-columns: 40px 1fr; gap: 11px; margin-top: 13px; }
.creator-avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 14px; color: #f4ffff; background: linear-gradient(145deg, #0b4860, #139a9f); box-shadow: inset 0 1px rgba(255,255,255,.18); font-size: 10px; font-weight: 900; }
.creator-avatar.large { width: 48px; height: 48px; border-radius: 16px; }
.video-title { display: block; font-weight: 760; line-height: 1.3; letter-spacing: -.02em; }
.video-title:hover { color: color-mix(in srgb, var(--teal) 80%, var(--ink)); }
.creator-name { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }

.promise-strip { width: min(calc(100% - 44px), 1416px); margin: 34px auto 82px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 26px; overflow: hidden; background: var(--surface); backdrop-filter: blur(18px); box-shadow: var(--shadow-sm); }
.promise-strip > div { min-height: 180px; padding: 30px; border-right: 1px solid var(--line); }
.promise-strip > div:last-child { border-right: 0; }
.promise-strip span { color: var(--teal); font-size: 9px; font-weight: 900; letter-spacing: .18em; }
.promise-strip h3 { margin: 34px 0 8px; font-size: 21px; letter-spacing: -.035em; }
.promise-strip p { margin: 0; color: var(--muted); line-height: 1.6; }

.page-hero { width: min(calc(100% - 44px), var(--max)); margin: 0 auto; padding: 92px 18px 28px; }
.page-hero.compact h1 { max-width: 1050px; font-size: clamp(3.4rem, 6vw, 7rem); }
.page-hero p { max-width: 790px; color: var(--muted); font-size: 18px; }
.studio-page { padding-bottom: 14px; }
.search { max-width: 920px; display: grid; grid-template-columns: 1fr auto; gap: 9px; margin-top: 32px; padding: 7px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow-sm); }
.search input { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.search-hint { margin-top: 10px; color: var(--muted); font-size: 11px; }

.search input, .form-stack input, .form-stack textarea, .form-stack select {
  width: 100%;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  outline: 0;
  padding: 13px 14px;
  color: var(--ink);
  background: color-mix(in srgb, var(--surface-strong) 92%, transparent);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.search input:focus, .form-stack input:focus, .form-stack textarea:focus, .form-stack select:focus { border-color: rgba(46,172,197,.5); box-shadow: 0 0 0 4px rgba(36,182,196,.08); }

.empty-state { padding: 70px 28px; text-align: center; border: 1px dashed var(--line-strong); border-radius: 28px; background: linear-gradient(145deg, rgba(39,166,178,.035), rgba(50,135,255,.035)); }
.empty-mark { width: 44px; height: 44px; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; border: 1px solid var(--line); color: var(--teal); font-size: 21px; }
.empty-state h2 { margin: 16px 0 8px; font-size: 27px; letter-spacing: -.04em; }
.empty-state p { max-width: 600px; margin: 0 auto 20px; color: var(--muted); }

.channel-hero { width: min(calc(100% - 44px), 1416px); min-height: 440px; margin: 42px auto 0; position: relative; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, #06151b, #0c3040) center/cover; color: #f4feff; box-shadow: var(--shadow); }
.channel-hero::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.12); border-radius: inherit; pointer-events: none; }
.channel-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 78% 24%, rgba(48,157,255,.36), transparent 27%), linear-gradient(90deg, rgba(3,11,15,.93), rgba(4,16,21,.5) 62%, rgba(3,13,18,.58)); }
.channel-content { position: absolute; inset: auto 48px 44px; display: flex; align-items: flex-end; gap: 22px; }
.channel-avatar { width: 96px; height: 96px; display: grid; place-items: center; border-radius: 28px; color: #eaffff; background: linear-gradient(145deg, #1b79a8, #1bc8bc); box-shadow: 0 18px 40px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.28); font-size: 27px; font-weight: 900; }
.channel-content h1 { font-size: clamp(3.1rem, 5vw, 6.3rem); }
.channel-content p { margin: 6px 0; color: rgba(232,250,252,.7); }
.channel-bio { max-width: 680px !important; }

.watch-shell { width: min(calc(100% - 44px), 1440px); margin: 38px auto 0; padding: 0 18px 80px; }
.player-frame { position: relative; overflow: hidden; aspect-ratio: 16/9; border-radius: 28px; border: 1px solid rgba(152,225,230,.15); background: #010608; box-shadow: var(--shadow-xl); }
.player-frame::after { content: "REPLAY"; position: absolute; left: 18px; top: 16px; z-index: 2; color: rgba(255,255,255,.34); font-size: 8px; font-weight: 900; letter-spacing: .22em; pointer-events: none; transition: opacity .2s ease; }
.player-frame.is-playing::after { opacity: 0; }
.player-frame video, .preview-card video { width: 100%; height: 100%; display: block; background: #010608; object-fit: contain; }
.player-frame.media-error::before, .preview-card.media-error::before { content: "Media is unavailable right now."; position: absolute; inset: 0; display: grid; place-items: center; color: #d9e8ea; background: #071217; z-index: 4; }
.watch-grid { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: clamp(35px, 5vw, 70px); padding-top: 34px; }
.watch-grid h1 { max-width: 1050px; font-size: clamp(2.8rem, 4.8vw, 5.6rem); }
.watch-creator { display: flex; align-items: center; gap: 12px; margin: 24px 0; }
.watch-creator > div { display: flex; flex-direction: column; flex: 1; }
.watch-creator span { color: var(--muted); font-size: 12px; }
.description { max-width: 940px; white-space: pre-wrap; color: var(--muted-strong); font-size: 16px; line-height: 1.75; }
.watch-facts { align-self: start; padding: 5px 0 5px 26px; border-left: 1px solid var(--line); }
.watch-facts div { display: flex; flex-direction: column; padding: 15px 0; border-bottom: 1px solid var(--line); }
.watch-facts span { color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.watch-facts strong { margin-top: 5px; font-size: 13px; }

.studio-hero { width: min(calc(100% - 44px), 1416px); margin: 42px auto 0; padding: clamp(34px, 5vw, 60px); display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; position: relative; overflow: hidden; border: 1px solid rgba(131,224,228,.14); border-radius: 32px; color: #effdff; background: linear-gradient(145deg, #061218 0%, #0b2530 55%, #0c3740 100%); box-shadow: var(--shadow); }
.studio-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -100px; top: -170px; border-radius: 50%; background: radial-gradient(circle, rgba(51,146,255,.34), rgba(47,222,205,.05) 60%, transparent 70%); }
.studio-hero > * { position: relative; z-index: 2; }
.studio-hero h1 { font-size: clamp(3.1rem, 5vw, 6.2rem); }
.studio-hero p { max-width: 690px; color: #a9bec5; }
.studio-hero a:not(.button) { color: #70eee6; }
.studio-kicker { display: flex; gap: 8px; align-items: center; margin-top: 18px; color: #8fa8b0; font-size: 11px; }
.studio-kicker i { width: 7px; height: 7px; border-radius: 50%; background: #39d7c8; box-shadow: 0 0 0 5px rgba(57,215,200,.1); }

.metric-grid { width: min(calc(100% - 44px), 1416px); margin: 18px auto 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: var(--surface); box-shadow: var(--shadow-sm); backdrop-filter: blur(18px); }
.metric-grid > div { min-width: 0; padding: 24px; border-right: 1px solid var(--line); display: flex; flex-direction: column; }
.metric-grid > div:last-child { border-right: 0; }
.metric-grid span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.metric-grid strong { margin: 6px 0 1px; font-size: clamp(31px, 3.4vw, 46px); letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.metric-grid small { color: var(--muted); font-size: 11px; }
.metric-grid.large { margin-top: 26px; }

.content-list { border-top: 1px solid var(--line); }
.content-row { display: grid; grid-template-columns: 156px minmax(0,1fr) auto 20px; align-items: center; gap: 18px; padding: 17px 10px; border-bottom: 1px solid var(--line); border-radius: 16px; transition: background .18s ease, transform .18s ease; }
.content-row:hover { background: rgba(40,186,191,.045); transform: translateX(2px); }
.content-row img { width: 156px; aspect-ratio: 16/9; object-fit: cover; border-radius: 12px; background: var(--bg-elevated); }
.content-main { display: flex; flex-direction: column; min-width: 0; }
.content-main strong { font-size: 16px; letter-spacing: -.015em; }
.content-main span { margin-top: 5px; color: var(--muted); font-size: 12px; }
.row-arrow { color: var(--muted); }
.status { display: inline-flex; align-items: center; justify-content: center; padding: 7px 9px; border-radius: 999px; background: var(--bg-elevated); color: var(--muted-strong); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; white-space: nowrap; }
.status.published { background: rgba(22,185,151,.12); color: var(--success); }
.status.draft { background: rgba(94,125,136,.1); color: var(--muted-strong); }
.status.archived { background: rgba(199,75,83,.11); color: var(--danger); }

.focus-shell { max-width: 980px; margin: 50px auto 92px; padding: 0 24px; }
.focus-shell.wide { max-width: 1320px; }
.backlink { display: inline-flex; padding: 7px 0; color: var(--muted); font-size: 12px; font-weight: 800; }
.backlink:hover { color: var(--teal); }
.focus-heading { margin: 52px 0 32px; }
.focus-heading h1 { font-size: clamp(3.1rem, 5vw, 6.2rem); }
.focus-heading p { max-width: 720px; color: var(--muted); font-size: 17px; }

.form-stack { display: grid; gap: 18px; padding: clamp(22px, 4vw, 34px); border: 1px solid var(--line); border-radius: 26px; background: var(--surface); box-shadow: var(--shadow-sm); }
.form-stack label { display: grid; gap: 7px; color: var(--muted-strong); font-size: 12px; font-weight: 750; }
.form-stack textarea { resize: vertical; min-height: 130px; line-height: 1.55; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.file-field small { color: var(--muted); font-weight: 500; }
.prefix-input { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px; padding-left: 12px; border: 1px solid var(--line-strong); border-radius: 14px; background: var(--surface-strong); }
.prefix-input input { border: 0; background: transparent; box-shadow: none !important; }
.error-box { display: flex; flex-direction: column; gap: 4px; margin: 18px 0; padding: 15px 17px; border: 1px solid rgba(189,76,82,.24); border-radius: 15px; color: var(--danger); background: rgba(189,76,82,.07); }
.error-box span { color: var(--muted-strong); font-size: 12px; }

.edit-head { margin: 42px 0 26px; display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.edit-head h1 { margin: 0; font-size: clamp(2.6rem, 4.5vw, 5.4rem); line-height: .96; letter-spacing: -.06em; }
.edit-head p { color: var(--muted); }
.edit-grid { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(340px,.88fr); gap: 24px; align-items: start; }
.preview-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #050a0c; box-shadow: var(--shadow); }
.preview-card video { aspect-ratio: 16/9; }
.preview-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px; background: var(--surface-strong); }
.preview-actions form { margin: 0; }
.panel-form { position: sticky; top: 102px; }

.truth-panel { width: min(calc(100% - 44px), 1416px); margin: 26px auto 90px; padding: clamp(28px, 4vw, 48px); border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(145deg, rgba(20,184,180,.06), rgba(50,135,255,.045)); }
.truth-panel h2 { max-width: 800px; margin: 0 0 12px; font-size: clamp(30px, 4vw, 48px); line-height: 1; letter-spacing: -.05em; }
.truth-panel p { max-width: 800px; color: var(--muted); }

.ops-grid { width: min(calc(100% - 44px), 1416px); margin: 24px auto 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.ops-panel { padding: 28px; border: 1px solid var(--line); border-radius: 26px; background: var(--surface); box-shadow: var(--shadow-sm); }
.ops-panel h2 { margin: 0 0 22px; font-size: 27px; letter-spacing: -.04em; }
.health-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 0; border-top: 1px solid var(--line); }
.health-row > div { display: flex; flex-direction: column; }
.health-row small { color: var(--muted); font-size: 10px; }
.fact-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--line); }
.fact-grid div { padding: 18px; background: var(--surface-strong); }
.fact-grid span { display: block; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.fact-grid strong { display: block; margin-top: 5px; font-size: 27px; }
.audit-list { border-top: 1px solid var(--line); }
.audit-row { display: grid; grid-template-columns: 1.1fr 1fr auto; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.audit-row code { color: var(--ink); }
.muted { color: var(--muted); }

.flash-shell { width: min(calc(100% - 44px), 1416px); margin: 14px auto 0; }
.flash { padding: 12px 15px; border: 1px solid rgba(38,190,180,.22); border-radius: 14px; color: var(--muted-strong); background: rgba(35,191,181,.075); font-size: 12px; font-weight: 700; }

.error-page { max-width: 850px; margin: 9vw auto; padding: 0 24px; text-align: center; }
.error-page h1 { font-size: clamp(4rem, 9vw, 8rem); }
.error-page p { color: var(--muted); font-size: 18px; }

footer { width: min(calc(100% - 44px), var(--max)); margin: 28px auto 18px; padding: 24px 18px; display: flex; justify-content: space-between; align-items: center; gap: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
footer > div { display: flex; align-items: center; gap: 10px; }
footer strong { color: var(--ink); font-size: 12px; }

@media (max-width: 1120px) {
  .hero { grid-template-columns: 1fr; padding-top: 70px; }
  .hero-copy { max-width: 980px; }
  .hero-stage { min-height: 470px; }
  .video-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .edit-grid { grid-template-columns: 1fr; }
  .panel-form { position: static; }
}

@media (max-width: 820px) {
  .topbar { height: auto; min-height: 66px; padding: 10px 13px; }
  .brand-name small { display: none; }
  .topbar nav { gap: 2px; }
  .topbar nav > a:not(.button), .text-button { padding: 8px 7px; }
  .nav-divider, .topbar nav a[href="/studio/analytics"] { display: none; }
  .hero { width: min(calc(100% - 24px), var(--max)); padding: 62px 8px 30px; }
  .hero h1 { font-size: clamp(3.7rem, 15vw, 6.5rem); }
  .hero-stage { min-height: 400px; }
  .stage-shell { max-width: 430px; }
  .section-shell, .studio-panel, .page-hero, .watch-shell { width: min(calc(100% - 24px), var(--max)); padding-left: 8px; padding-right: 8px; }
  .video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .promise-strip { width: calc(100% - 24px); grid-template-columns: 1fr; }
  .promise-strip > div { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .promise-strip > div:last-child { border-bottom: 0; }
  .watch-grid { grid-template-columns: 1fr; }
  .watch-facts { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3,1fr); }
  .watch-facts div { border-bottom: 0; }
  .studio-hero { width: calc(100% - 24px); flex-direction: column; align-items: flex-start; }
  .metric-grid { width: calc(100% - 24px); grid-template-columns: repeat(2,1fr); }
  .metric-grid > div:nth-child(2) { border-right: 0; }
  .metric-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .form-grid, .ops-grid { grid-template-columns: 1fr; }
  .ops-grid { width: calc(100% - 24px); }
  .channel-hero { width: calc(100% - 24px); min-height: 470px; }
  .channel-content { inset: auto 24px 28px; align-items: flex-start; flex-direction: column; }
  .content-row { grid-template-columns: 116px minmax(0,1fr) auto; }
  .content-row img { width: 116px; }
  .row-arrow { display: none; }
  .truth-panel { width: calc(100% - 24px); }
}

@media (max-width: 580px) {
  body { font-size: 15px; }
  .topbar { width: calc(100% - 16px); margin-top: 8px; border-radius: 16px; }
  .brand-glyph { width: 34px; height: 34px; }
  .topbar nav a[href="/explore"] { display: none; }
  .topbar nav > a:not(.button), .text-button { font-size: 12px; }
  .hero { min-height: auto; gap: 28px; }
  .hero h1 { font-size: clamp(3.2rem, 17vw, 5rem); }
  .hero p { font-size: 17px; }
  .hero-stage { min-height: 330px; }
  .stage-shell { border-radius: 22px; transform: none; }
  .stage-screen { padding: 23px; }
  .stage-copy strong { font-size: 32px; }
  .stage-badges div { padding: 13px 10px; }
  .page-hero.compact h1 { font-size: clamp(3rem, 14vw, 5.3rem); }
  .video-grid { grid-template-columns: 1fr; gap: 28px; }
  .poster { border-radius: 16px; }
  .search { grid-template-columns: 1fr; }
  .search .button { width: 100%; }
  .channel-hero { min-height: 440px; border-radius: 24px; }
  .channel-avatar { width: 76px; height: 76px; border-radius: 22px; }
  .channel-content h1 { font-size: clamp(2.8rem, 14vw, 4.5rem); }
  .player-frame { border-radius: 18px; margin-left: -8px; margin-right: -8px; }
  .watch-grid h1 { font-size: clamp(2.5rem, 12vw, 4.4rem); }
  .watch-creator { flex-wrap: wrap; }
  .watch-creator form, .watch-creator .button { width: 100%; }
  .watch-facts { grid-template-columns: 1fr; }
  .studio-hero { border-radius: 24px; }
  .studio-hero h1 { font-size: clamp(2.9rem, 14vw, 4.8rem); }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric-grid > div { padding: 18px; }
  .content-row { grid-template-columns: 90px minmax(0,1fr); align-items: start; }
  .content-row img { width: 90px; }
  .content-row .status { grid-column: 2; justify-self: start; }
  .focus-shell { padding: 0 16px; }
  .focus-heading h1, .edit-head h1 { font-size: clamp(2.8rem, 13vw, 4.5rem); }
  .form-stack { padding: 20px; border-radius: 22px; }
  .form-grid { grid-template-columns: 1fr; }
  .audit-row { grid-template-columns: 1fr; gap: 5px; }
  footer { width: calc(100% - 24px); flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

/* Replay 1.1 — Player OS + Premium Watch Experience */
.replay-player { --player-accent: #52d4df; --player-accent-2: #4f8cff; --player-ink: #f5fbfc; --player-muted: rgba(232,247,249,.66); --player-panel: rgba(4,13,17,.92); isolation: isolate; }
.replay-player.player-frame { aspect-ratio: 16/9; background: #010405; border-color: rgba(103,221,228,.24); box-shadow: 0 42px 110px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.025); }
.replay-player.player-frame::after { display: none; }
.replay-player video { cursor: pointer; }
.player-gradient { position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.52), transparent 24%, transparent 55%, rgba(0,0,0,.78)); opacity: 0; transition: opacity .22s ease; }
.replay-player.controls-visible .player-gradient, .replay-player:not(.is-playing) .player-gradient, .replay-player:focus-within .player-gradient { opacity: 1; }
.player-topbar { position: absolute; z-index: 5; inset: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; color: var(--player-ink); opacity: 0; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease; pointer-events: none; }
.replay-player.controls-visible .player-topbar, .replay-player:not(.is-playing) .player-topbar, .replay-player:focus-within .player-topbar { opacity: 1; transform: none; }
.player-title-stack { min-width: 0; display: grid; gap: 2px; }
.player-title-stack strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(.86rem, 1.4vw, 1.02rem); letter-spacing: -.015em; }
.player-title-stack span { color: var(--player-muted); font-size: 11px; }
.player-os-badge { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(122,232,237,.2); border-radius: 999px; background: rgba(4,17,21,.58); backdrop-filter: blur(18px); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.player-os-badge::before { content: ""; width: 6px; height: 6px; border-radius: 99px; background: var(--player-accent); box-shadow: 0 0 16px var(--player-accent); }
.player-center-control { position: absolute; z-index: 5; inset: 0; display: grid; place-items: center; pointer-events: none; }
.player-center-control .player-big-play { pointer-events: auto; width: clamp(64px, 8vw, 92px); height: clamp(64px, 8vw, 92px); border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: white; background: rgba(3,15,19,.72); backdrop-filter: blur(22px); box-shadow: 0 18px 50px rgba(0,0,0,.35), inset 0 0 0 1px rgba(112,234,239,.08); font-size: clamp(1.5rem, 3vw, 2.1rem); transition: transform .2s ease, opacity .18s ease, background .2s ease; }
.player-center-control .player-big-play:hover { transform: scale(1.055); background: rgba(10,33,40,.82); }
.replay-player.is-playing .player-center-control .player-big-play { opacity: 0; transform: scale(.86); pointer-events: none; }
.replay-player.is-buffering .player-center-control::after { content: ""; width: 54px; height: 54px; border: 2px solid rgba(255,255,255,.18); border-top-color: var(--player-accent); border-radius: 50%; animation: replay-spin .75s linear infinite; }
@keyframes replay-spin { to { transform: rotate(360deg); } }
.player-controls { position: absolute; z-index: 6; inset: auto 0 0; padding: 0 18px 16px; color: var(--player-ink); opacity: 0; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease; }
.replay-player.controls-visible .player-controls, .replay-player:not(.is-playing) .player-controls, .replay-player:focus-within .player-controls { opacity: 1; transform: none; }
.player-timeline-wrap { position: relative; height: 24px; display: flex; align-items: center; }
.player-buffered { position: absolute; left: 0; top: 10px; height: 4px; width: 0; border-radius: 99px; background: rgba(255,255,255,.28); pointer-events: none; }
.player-timeline { --progress: 0%; position: relative; z-index: 2; appearance: none; width: 100%; height: 4px; margin: 0; border: 0; border-radius: 99px; background: linear-gradient(90deg, var(--player-accent) 0 var(--progress), rgba(255,255,255,.16) var(--progress) 100%); cursor: pointer; transition: height .12s ease; }
.player-timeline:hover, .player-timeline:focus-visible { height: 7px; }
.player-timeline::-webkit-slider-thumb { appearance: none; width: 14px; height: 14px; border: 0; border-radius: 50%; background: white; box-shadow: 0 0 0 4px rgba(73,210,222,.18); opacity: 0; transition: opacity .12s ease, transform .12s ease; }
.player-timeline:hover::-webkit-slider-thumb, .player-timeline:focus-visible::-webkit-slider-thumb { opacity: 1; }
.player-timeline::-moz-range-thumb { width: 14px; height: 14px; border: 0; border-radius: 50%; background: white; box-shadow: 0 0 0 4px rgba(73,210,222,.18); }
.player-scrub-preview { position: absolute; z-index: 12; bottom: 24px; min-width: 84px; padding: 8px 10px; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(2,10,13,.94); box-shadow: 0 15px 36px rgba(0,0,0,.38); pointer-events: none; text-align: center; }
.player-scrub-preview strong { font-size: 12px; }
.player-control-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.player-controls-left, .player-controls-right { display: flex; align-items: center; gap: 4px; min-width: 0; }
.player-icon-button { min-width: 38px; height: 38px; display: inline-grid; place-items: center; border: 0; border-radius: 11px; color: var(--player-ink); background: transparent; cursor: pointer; font-size: 16px; font-weight: 800; transition: background .14s ease, transform .14s ease; }
.player-icon-button:hover, .player-icon-button:focus-visible { background: rgba(255,255,255,.11); }
.player-icon-button:active { transform: scale(.94); }
.player-icon-button[aria-pressed="true"] { color: var(--player-accent); background: rgba(82,212,223,.12); }
.player-icon-button[hidden] { display: none !important; }
.player-control-text { min-width: auto; padding: 0 9px; font-size: 11px; letter-spacing: .02em; }
.player-time { display: flex; align-items: center; gap: 4px; min-width: 92px; color: rgba(255,255,255,.84); font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.player-volume { width: 72px; accent-color: var(--player-accent); cursor: pointer; }
.player-status { position: absolute; left: -9999px; }
.player-panel { position: absolute; z-index: 20; right: 18px; bottom: 66px; width: min(420px, calc(100% - 36px)); max-height: min(480px, 72vh); overflow: auto; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: var(--player-panel); color: var(--player-ink); box-shadow: 0 28px 70px rgba(0,0,0,.48); backdrop-filter: blur(24px); }
.player-panel[hidden] { display: none; }
.player-panel-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 16px 17px 12px; background: rgba(4,13,17,.96); border-bottom: 1px solid rgba(255,255,255,.08); }
.player-panel-head div { display: grid; gap: 2px; }
.player-panel-head strong { font-size: 13px; }
.player-panel-head span { color: var(--player-muted); font-size: 10px; }
.player-panel-body { padding: 10px; }
.player-panel-body.speed-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }
.player-speed-choice { min-height: 38px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; color: white; background: rgba(255,255,255,.04); cursor: pointer; font-size: 11px; }
.player-speed-choice:hover, .player-speed-choice.is-selected { border-color: rgba(82,212,223,.34); background: rgba(82,212,223,.11); }
.player-diagnostics-grid { display: grid; gap: 0; }
.player-diagnostics-grid > div { display: grid; grid-template-columns: minmax(120px,.8fr) minmax(0,1.35fr); gap: 14px; padding: 9px 8px; border-bottom: 1px solid rgba(255,255,255,.065); }
.player-diagnostics-grid span { color: var(--player-muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.player-diagnostics-grid strong { overflow-wrap: anywhere; font-size: 10px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 650; }
.player-panel-actions { padding: 0 17px 16px; display: flex; justify-content: flex-end; }
.player-error-overlay { position: absolute; z-index: 30; inset: 0; display: grid; place-items: center; padding: 26px; background: rgba(1,6,8,.94); color: white; }
.player-error-overlay[hidden] { display: none; }
.player-error-card { width: min(520px, 100%); text-align: center; }
.player-error-card .error-glyph { width: 52px; height: 52px; margin: 0 auto 16px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; color: var(--player-accent); }
.player-error-card h3 { margin: 0 0 8px; font-size: 1.2rem; }
.player-error-card p { margin: 0 auto 18px; color: var(--player-muted); max-width: 440px; font-size: 13px; line-height: 1.55; }
body.replay-theater-mode .watch-shell { width: min(calc(100% - 24px), 1800px); }
body.replay-theater-mode .replay-player.player-frame { border-radius: 18px; }
body.replay-theater-mode .watch-grid, body.replay-theater-mode .watch-companion { width: min(1240px, calc(100% - 12px)); margin-left: auto; margin-right: auto; }
.watch-player-intro { display: flex; align-items: end; justify-content: space-between; gap: 22px; padding: 0 2px 13px; }
.watch-player-intro > div { display: grid; gap: 4px; }
.watch-player-intro small { color: var(--teal); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.watch-player-intro strong { font-size: 12px; }
.watch-player-shortcuts { color: var(--muted); font-size: 10px; text-align: right; }
.watch-companion { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; margin-top: 22px; }
.watch-companion-card { min-height: 154px; padding: 22px; border: 1px solid var(--line); border-radius: 21px; background: color-mix(in srgb, var(--panel) 86%, transparent); }
.watch-companion-card .eyebrow { display: block; margin-bottom: 10px; }
.watch-companion-card h3 { margin: 0 0 8px; font-size: 1.02rem; letter-spacing: -.02em; }
.watch-companion-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.watch-companion-card .capability-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.watch-companion-card .capability-chip { padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.player-keymap { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; margin-top: 13px; }
.player-keymap span { padding: 7px 8px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-size: 9px; text-align: center; }
.player-keymap kbd { color: var(--ink); font: inherit; font-weight: 900; }

@media (max-width: 820px) {
  .player-controls { padding: 0 10px 10px; }
  .player-topbar { padding: 12px 13px; }
  .player-os-badge { display: none; }
  .player-icon-button { min-width: 34px; height: 34px; }
  .player-volume { display: none; }
  .player-controls-left [data-action="rewind"], .player-controls-left [data-action="forward"] { display: none; }
  .player-controls-right [data-action="mini"], .player-controls-right [data-action="diagnostics"] { display: none; }
  .player-time { min-width: auto; font-size: 10px; }
  .watch-player-intro { align-items: start; flex-direction: column; gap: 5px; }
  .watch-player-shortcuts { display: none; }
  .watch-companion { grid-template-columns: 1fr; }
  .player-keymap { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 520px) {
  .replay-player.player-frame { border-radius: 16px; }
  .player-control-text { padding: 0 5px; }
  .player-controls-right [data-action="theater"] { display: none; }
  .player-controls-right { gap: 0; }
  .player-time span:last-child, .player-time .time-divider { display: none; }
  .player-panel { right: 8px; bottom: 54px; width: calc(100% - 16px); }
  .player-panel-body.speed-grid { grid-template-columns: repeat(3,1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .replay-player *, .replay-player *::before, .replay-player *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* Replay 1.1 luxury watch surface — capability without chatter */
.replay-player.is-portrait { aspect-ratio: auto; height: min(78vh, 900px); min-height: 520px; }
.replay-player.is-portrait .replay-media { object-fit: contain; }
.player-more-panel { width: min(260px, calc(100% - 36px)); }
.player-menu-list { padding: 8px; display: grid; gap: 4px; }
.player-menu-list button { width: 100%; padding: 11px 12px; border: 0; border-radius: 10px; color: white; background: transparent; text-align: left; cursor: pointer; }
.player-menu-list button:hover, .player-menu-list button:focus-visible { background: rgba(255,255,255,.08); }
.watch-primary { padding: 22px 0 12px; border-bottom: 1px solid var(--line); }
.watch-primary h1 { margin: 0; font-size: clamp(1.55rem, 2.5vw, 2.25rem); letter-spacing: -.035em; line-height: 1.08; }
.watch-meta-line { display: flex; gap: 10px; margin-top: 8px; color: var(--muted); font-size: 12px; }
.watch-meta-line span + span::before { content: "•"; margin-right: 10px; }
.watch-action-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.watch-action-row .watch-creator { margin: 0; min-width: 0; }
.watch-engagement { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.inline-action-form { display: inline-flex; margin: 0; }
.watch-pill { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 15px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: color-mix(in srgb, var(--panel) 88%, transparent); font: inherit; font-size: 12px; font-weight: 750; text-decoration: none; cursor: pointer; transition: background .16s ease, border-color .16s ease, transform .16s ease; }
.watch-pill:hover, .watch-pill:focus-visible { border-color: color-mix(in srgb, var(--teal) 44%, var(--line)); background: color-mix(in srgb, var(--panel-strong) 92%, transparent); }
.watch-pill:active { transform: scale(.97); }
.watch-pill.is-active { border-color: rgba(79,218,226,.34); color: var(--teal); background: rgba(47,203,214,.09); }
.watch-pill:disabled { opacity: .62; cursor: wait; }
.reaction-cluster { display: inline-flex; }
.reaction-cluster .inline-action-form + .inline-action-form { margin-left: -1px; }
.watch-pill.reaction-left { border-radius: 999px 0 0 999px; }
.watch-pill.reaction-right { min-width: 43px; padding-inline: 12px; border-radius: 0 999px 999px 0; }
.watch-pill.action-error, .comment-action.action-error { border-color: rgba(255,120,120,.55); }
.watch-description { margin-top: 18px; padding: 15px 17px; border-radius: 15px; background: color-mix(in srgb, var(--panel) 82%, transparent); }
.watch-description p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; white-space: pre-wrap; }
.comments-section { width: min(960px, 100%); padding: 34px 0 0; }
.comments-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.comments-heading h2 { margin: 0; font-size: 1.15rem; letter-spacing: -.02em; }
.comment-composer { display: grid; gap: 10px; margin-bottom: 26px; }
.comment-composer textarea, .reply-composer textarea { width: 100%; min-height: 62px; resize: vertical; padding: 12px 13px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: var(--panel); font: inherit; line-height: 1.5; }
.comment-composer textarea:focus, .reply-composer textarea:focus { outline: none; border-color: rgba(69,213,222,.48); box-shadow: 0 0 0 3px rgba(69,213,222,.08); }
.comment-composer > div { display: flex; justify-content: flex-end; }
.comment-signin { display: inline-flex; margin-bottom: 28px; color: var(--teal); font-size: 13px; font-weight: 700; }
.comment-list { display: grid; gap: 24px; }
.comment-thread { display: grid; gap: 12px; }
.comment-item { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 12px; }
.comment-item.is-reply { grid-template-columns: 32px minmax(0,1fr); }
.comment-avatar { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(81,216,224,.18); border-radius: 50%; color: #ddfbff; background: linear-gradient(135deg, rgba(33,147,165,.7), rgba(22,89,128,.72)); font-size: 10px; font-weight: 850; }
.comment-item.is-reply .comment-avatar { width: 32px; height: 32px; font-size: 9px; }
.comment-byline { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.comment-byline strong { font-size: 12px; }
.comment-byline span { color: var(--muted); font-size: 10px; }
.comment-body > p { margin: 6px 0 8px; color: var(--ink); font-size: 13px; line-height: 1.55; white-space: pre-wrap; }
.comment-actions { display: flex; align-items: center; gap: 10px; }
.comment-action { padding: 4px 0; border: 0; color: var(--muted); background: transparent; font: inherit; font-size: 11px; font-weight: 700; text-decoration: none; cursor: pointer; }
.comment-action:hover, .comment-action.is-active { color: var(--teal); }
.comment-replies { display: grid; gap: 14px; margin-left: 50px; padding-left: 14px; border-left: 1px solid var(--line); }
.reply-composer summary { color: var(--muted); font-size: 11px; font-weight: 700; cursor: pointer; list-style: none; }
.reply-composer summary::-webkit-details-marker { display: none; }
.reply-composer form { display: grid; gap: 8px; width: min(620px, 75vw); margin-top: 8px; }
.comments-empty { color: var(--muted); font-size: 13px; }

@media (max-width: 820px) {
  .watch-action-row { align-items: flex-start; flex-direction: column; }
  .watch-engagement { justify-content: flex-start; width: 100%; }
  .replay-player.is-portrait { min-height: 62vh; height: 72vh; }
  .player-controls-right [data-action="more"] { display: none; }
}

@media (max-width: 520px) {
  .watch-shell { margin-top: 18px; }
  .watch-primary { padding-top: 16px; }
  .watch-primary h1 { font-size: 1.4rem; }
  .watch-engagement { gap: 6px; }
  .watch-pill { min-height: 38px; padding: 0 12px; }
  .comments-section { padding-top: 28px; }
  .comment-replies { margin-left: 22px; }
}

/* Replay 1.2 media operations */
.upload-dropzone { position: relative; min-height: 190px; display: grid; place-items: center; align-content: center; gap: 8px; padding: 28px; border: 1px dashed color-mix(in srgb, var(--teal) 42%, var(--line)); border-radius: 22px; background: linear-gradient(145deg, color-mix(in srgb, var(--panel) 92%, transparent), color-mix(in srgb, var(--panel-strong) 88%, transparent)); text-align: center; cursor: pointer; }
.upload-dropzone > span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.upload-dropzone > strong { font-size: 1.12rem; letter-spacing: -.025em; }
.upload-dropzone > small { max-width: 560px; color: var(--muted); line-height: 1.55; }
.upload-dropzone input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.upload-dropzone:focus-within { border-color: color-mix(in srgb, var(--teal) 72%, var(--line)); box-shadow: 0 0 0 4px rgba(55,211,220,.08); }
.media-edit-grid { align-items: start; }
.studio-media-column { display: grid; gap: 16px; min-width: 0; }
.asset-panel { padding: 19px; border: 1px solid var(--line); border-radius: 18px; background: color-mix(in srgb, var(--panel) 90%, transparent); }
.asset-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.asset-panel-head h2 { margin: 3px 0 0; font-size: 1rem; letter-spacing: -.02em; }
.asset-ready { padding: 6px 9px; border-radius: 999px; color: var(--teal); background: rgba(53,204,214,.09); font-size: 9px; font-weight: 850; text-transform: capitalize; }
.asset-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.asset-facts > div { min-width: 0; padding: 11px 12px; border: 1px solid var(--line); border-radius: 12px; }
.asset-facts span { display: block; color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.asset-facts strong { display: block; margin-top: 5px; overflow: hidden; color: var(--ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.inline-upload-form, .track-form { display: grid; gap: 12px; }
.inline-upload-form { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
.inline-upload-form input[type="file"], .track-form input[type="file"] { width: 100%; min-width: 0; color: var(--muted); }
.track-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.track-row + .track-row { margin-top: 2px; }
.track-row > div { display: grid; gap: 3px; min-width: 0; }
.track-row strong { font-size: 12px; }
.track-row span, .asset-empty { color: var(--muted); font-size: 10px; }
.text-button { border: 0; padding: 5px; color: var(--muted); background: transparent; font: inherit; font-size: 10px; cursor: pointer; }
.text-button.danger:hover { color: #ff9d9d; }
.check-row { display: flex !important; align-items: center; gap: 9px; }
.check-row input { width: auto !important; }
.check-row span { margin: 0 !important; }

@media (max-width: 820px) {
  .asset-facts { grid-template-columns: 1fr; }
  .inline-upload-form { grid-template-columns: 1fr; }
}

/* Replay Studio 1.3 — professional operations, progressively disclosed */
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.studio-subnav { width:min(calc(100% - 44px),1416px); margin:20px auto 0; display:flex; justify-content:center; }
.studio-subnav > div { display:flex; gap:4px; padding:5px; border:1px solid var(--line); border-radius:16px; background:color-mix(in srgb,var(--surface-strong) 88%,transparent); box-shadow:0 12px 32px rgba(0,0,0,.08); }
.studio-subnav a { padding:9px 16px; border-radius:11px; color:var(--muted); font-size:13px; font-weight:700; }
.studio-subnav a.is-active { color:var(--text); background:var(--surface); box-shadow:0 4px 14px rgba(0,0,0,.09); }
.studio-hero-calm { min-height:260px; }
.studio-hero-calm h1 { max-width:900px; font-size:clamp(2.8rem,5vw,5.3rem); letter-spacing:-.055em; }
.studio-hero-actions { display:flex; gap:10px; align-items:center; }
.studio-metric-strip { margin-top:18px; }
.studio-content-shell { padding-top:38px; }
.studio-section-heading { margin-bottom:18px; }
.quiet-count { color:var(--muted); font-size:13px; }
.studio-filter-bar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:12px; }
.studio-filter-bar input,.studio-filter-bar select { min-height:42px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); padding:0 13px; }
.studio-search { flex:1 1 280px; }
.studio-search input { width:100%; }
.studio-view-chips { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.studio-view-chips a { padding:7px 11px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:12px; font-weight:700; }
.studio-view-chips a:hover { color:var(--text); border-color:color-mix(in srgb,var(--accent) 36%,var(--line)); }
.bulk-bar { position:sticky; top:82px; z-index:22; display:flex; gap:10px; align-items:center; padding:11px 14px; margin-bottom:10px; border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line)); border-radius:15px; background:color-mix(in srgb,var(--surface-strong) 94%,transparent); backdrop-filter:blur(18px); box-shadow:0 18px 50px rgba(0,0,0,.16); }
.bulk-bar[hidden] { display:none; }
.bulk-bar strong { margin-right:auto; font-size:13px; }
.bulk-bar select { min-height:36px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--text); padding:0 10px; }
.studio-content-list { border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--surface); }
.content-table-head,.studio-content-row { display:grid; grid-template-columns:40px minmax(260px,1fr) 120px 150px 90px 30px; gap:16px; align-items:center; padding:12px 16px; }
.content-table-head { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--surface-strong) 70%,transparent); }
.studio-content-row { min-height:82px; border-bottom:1px solid var(--line); transition:background .16s ease; }
.studio-content-row:last-child { border-bottom:0; }
.studio-content-row:hover { background:color-mix(in srgb,var(--accent) 4%,var(--surface)); }
.content-select { display:grid; place-items:center; }
.content-select input,.content-table-head input { width:17px; height:17px; accent-color:var(--accent); }
.content-release { min-width:0; display:flex; align-items:center; gap:13px; color:var(--text); }
.content-release img { width:92px; aspect-ratio:16/9; object-fit:cover; border-radius:10px; background:#030708; }
.content-release span { min-width:0; display:grid; gap:4px; }
.content-release strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content-release small,.studio-content-row time { color:var(--muted); font-size:12px; }
.row-arrow { color:var(--muted); font-size:18px; }
.review-badge { display:inline-flex; align-items:center; width:max-content; min-height:28px; padding:0 9px; border:1px solid var(--line); border-radius:999px; font-size:11px; font-weight:800; white-space:nowrap; }
.review-badge.quiet { color:var(--muted); }
.review-badge.review { color:#9eeff1; border-color:rgba(93,218,224,.25); background:rgba(48,172,180,.08); }
.review-badge.changes { color:#ffd2a4; border-color:rgba(242,165,84,.28); background:rgba(242,165,84,.08); }
.review-badge.approved { color:#a8f0ce; border-color:rgba(84,207,154,.28); background:rgba(84,207,154,.08); }
.studio-filter-empty { padding:70px 24px; text-align:center; }
.studio-filter-empty p { color:var(--muted); margin:8px 0 18px; }
.edit-status-stack { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:flex-end; }
.sticky-editor { position:sticky; top:100px; align-self:start; }
.panel-form-title { padding-bottom:4px; }
.panel-form-title h2 { margin:4px 0 0; }
.asset-copy,.form-note,.review-link-note { color:var(--muted); font-size:13px; line-height:1.6; }
.studio-disclosure { border-top:1px solid var(--line); margin-top:16px; padding-top:14px; }
.studio-disclosure summary { cursor:pointer; list-style:none; font-weight:800; color:var(--text); }
.studio-disclosure summary::-webkit-details-marker { display:none; }
.studio-disclosure summary::after { content:'+'; float:right; color:var(--muted); }
.studio-disclosure[open] summary::after { content:'–'; }
.compact-form { margin-top:16px; gap:12px; }
.version-history { margin-top:14px; display:grid; gap:8px; }
.version-current,.version-row { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:12px 0; border-top:1px solid var(--line); }
.version-current > div,.version-row > div,.version-current { min-width:0; }
.version-current strong,.version-row strong { display:block; font-size:13px; }
.version-current span,.version-row span { display:block; color:var(--muted); font-size:12px; margin-top:3px; }
.review-workspace { overflow:hidden; }
.review-link-reveal { margin:8px 0 18px; padding:14px; border:1px solid rgba(76,213,218,.25); border-radius:15px; background:rgba(58,184,193,.07); }
.review-link-reveal > span { display:block; margin-bottom:8px; font-size:12px; font-weight:800; }
.review-link-reveal > div { display:flex; gap:8px; }
.review-link-reveal input { flex:1; min-width:0; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--text); padding:10px 12px; }
.review-link-reveal small { display:block; color:var(--muted); margin-top:8px; }
.review-link-list { margin-top:14px; }
.review-link-row { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--line); }
.review-link-row strong,.review-link-row span { display:block; }
.review-link-row span { color:var(--muted); font-size:12px; margin-top:3px; }
.review-studio-notes { margin-top:20px; border-top:1px solid var(--line); padding-top:16px; }
.review-studio-notes article { padding:11px 0; border-bottom:1px solid var(--line); }
.review-studio-notes article div { display:flex; gap:8px; justify-content:space-between; }
.review-studio-notes article span { color:var(--muted); font-size:11px; }
.review-studio-notes article p { margin:6px 0 0; font-size:13px; line-height:1.55; }
.review-center-list { display:grid; gap:8px; }
.review-center-row { display:grid; grid-template-columns:110px 1fr auto 26px; gap:16px; align-items:center; min-height:86px; padding:10px; border:1px solid var(--line); border-radius:16px; color:var(--text); background:var(--surface); }
.review-center-row img { width:110px; aspect-ratio:16/9; object-fit:cover; border-radius:10px; }
.review-center-row div strong,.review-center-row div span { display:block; }
.review-center-row div span { color:var(--muted); font-size:12px; margin-top:4px; }
.review-room { width:min(calc(100% - 40px),1460px); margin:44px auto 80px; }
.review-room-head { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:22px; }
.review-room-head h1 { margin:6px 0; font-size:clamp(2.2rem,4vw,4.4rem); letter-spacing:-.05em; }
.review-room-head p { color:var(--muted); }
.review-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(340px,.6fr); gap:18px; align-items:start; }
.review-player { overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#020607; box-shadow:var(--shadow); }
.review-player video { width:100%; max-height:75vh; display:block; background:#020607; }
.review-notes { border:1px solid var(--line); border-radius:22px; background:var(--surface); overflow:hidden; }
.review-notes-head { display:flex; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--line); }
.review-notes-head h2 { margin:0; }
.review-comment-list { max-height:42vh; overflow:auto; padding:0 20px; }
.review-comment { padding:15px 0; border-bottom:1px solid var(--line); }
.review-comment > div { display:flex; justify-content:space-between; gap:12px; }
.review-comment span { color:var(--muted); font-size:11px; }
.review-comment p { margin:7px 0 0; line-height:1.55; }
.review-empty { padding:28px 0; color:var(--muted); }
.review-composer { display:grid; gap:12px; padding:18px 20px 20px; border-top:1px solid var(--line); }
.review-composer label { display:grid; gap:7px; color:var(--muted); font-size:12px; }
.review-composer input,.review-composer textarea,.review-composer select { width:100%; border:1px solid var(--line); border-radius:12px; background:var(--surface-strong); color:var(--text); padding:11px 12px; }
.review-time-row { display:flex; gap:10px; align-items:center; }
.review-time-row span { color:var(--muted); font-size:12px; }
.studio-command-backdrop { position:fixed; inset:0; z-index:1000; display:grid; place-items:start center; padding-top:min(18vh,160px); background:rgba(1,7,10,.56); backdrop-filter:blur(14px); }
.studio-command-backdrop[hidden] { display:none; }
.studio-command-dialog { width:min(calc(100% - 28px),640px); overflow:hidden; border:1px solid rgba(147,223,226,.19); border-radius:22px; background:var(--surface-strong); box-shadow:0 35px 100px rgba(0,0,0,.42); }
.studio-command-search { display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:center; padding:14px 16px; border-bottom:1px solid var(--line); }
.studio-command-search input { border:0; outline:0; background:transparent; color:var(--text); font-size:17px; }
.studio-command-search button { border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--muted); padding:4px 7px; }
.studio-command-list { padding:8px; }
.studio-command-list a { display:flex; justify-content:space-between; gap:14px; padding:12px 13px; border-radius:12px; color:var(--text); font-weight:750; }
.studio-command-list a span { color:var(--muted); font-size:12px; font-weight:500; }
.studio-command-list a:hover,.studio-command-list a.is-command-match { background:color-mix(in srgb,var(--accent) 8%,var(--surface)); }
@media (max-width: 980px) {
  .content-table-head { display:none; }
  .studio-content-row { grid-template-columns:30px minmax(0,1fr) auto; gap:10px; }
  .studio-content-row > div:nth-of-type(2),.studio-content-row > time { display:none; }
  .studio-content-row > .review-badge { display:none; }
  .review-layout { grid-template-columns:1fr; }
  .sticky-editor { position:static; }
}
@media (max-width: 640px) {
  .studio-subnav { width:calc(100% - 20px); overflow:auto; justify-content:flex-start; }
  .studio-subnav > div { min-width:max-content; }
  .studio-hero-actions { width:100%; }
  .studio-hero-actions .button.primary { flex:1; text-align:center; }
  .studio-filter-bar > select { flex:1 1 44%; }
  .bulk-bar { top:70px; flex-wrap:wrap; }
  .bulk-bar strong { width:100%; }
  .content-release img { width:74px; }
  .review-room { width:calc(100% - 20px); margin-top:24px; }
  .review-room-head { align-items:flex-start; flex-direction:column; }
  .review-center-row { grid-template-columns:80px 1fr auto; }
  .review-center-row img { width:80px; }
  .review-center-row .review-badge { display:none; }
}
.version-actions { display:flex; gap:10px; align-items:center; }
.version-actions form { margin:0; }
.compare-heading { max-width:920px; }
.version-compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.compare-card { overflow:hidden; border:1px solid var(--line); border-radius:22px; background:var(--surface); box-shadow:var(--shadow); }
.compare-card-head { display:flex; justify-content:space-between; gap:12px; align-items:end; padding:18px; }
.compare-card-head h2 { margin:4px 0 0; }
.compare-card-head > span { color:var(--muted); font-size:12px; }
.compare-card video { width:100%; aspect-ratio:16/9; object-fit:contain; display:block; background:#020607; }
.compare-facts { display:flex; justify-content:space-between; gap:12px; padding:14px 18px; color:var(--muted); font-size:12px; border-top:1px solid var(--line); }
.compare-card form { padding:0 18px 18px; }
@media (max-width: 860px) { .version-compare-grid { grid-template-columns:1fr; } }
.version-actions { display:flex; gap:10px; align-items:center; }
.version-actions form { margin:0; }
.compare-heading { max-width:920px; }
.version-compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.compare-card { overflow:hidden; border:1px solid var(--line); border-radius:22px; background:var(--surface); box-shadow:var(--shadow); }
.compare-card-head { display:flex; justify-content:space-between; gap:12px; align-items:end; padding:18px; }
.compare-card-head h2 { margin:4px 0 0; }
.compare-card-head > span { color:var(--muted); font-size:12px; }
.compare-card video { width:100%; aspect-ratio:16/9; object-fit:contain; display:block; background:#020607; }
.compare-facts { display:flex; justify-content:space-between; gap:12px; padding:14px 18px; color:var(--muted); font-size:12px; border-top:1px solid var(--line); }
.compare-card form { padding:0 18px 18px; }
@media (max-width: 860px) { .version-compare-grid { grid-template-columns:1fr; } }

/* Replay Live 1.4 — quiet broadcast luxury */
.live-page-hero{padding-bottom:1.5rem}.live-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.live-event-card{display:block;color:inherit;text-decoration:none}.live-event-art{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(31,224,218,.12),rgba(8,17,22,.92));background-size:cover;background-position:center;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.16)}.live-event-card>div:last-child{display:grid;gap:.22rem;padding:.85rem .1rem}.live-event-card strong{font-size:1.02rem}.live-event-card span,.live-event-card small{color:var(--muted)}.live-card-badge{position:absolute;left:14px;bottom:14px;padding:.36rem .62rem;border-radius:999px;background:rgba(3,10,13,.78);backdrop-filter:blur(18px);font-size:.7rem;font-weight:800;letter-spacing:.12em}.live-card-badge.live{background:#e52b3d;color:#fff}.live-empty{padding:2rem 0;color:var(--muted)}
.live-watch-shell{width:min(1480px,calc(100% - 32px));margin:26px auto 80px}.live-event-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;color:var(--muted);font-size:.8rem}.live-event-head>div{display:flex;align-items:center;gap:.55rem;font-weight:750;color:var(--text)}.live-status-dot{width:9px;height:9px;border-radius:50%;background:#74838a;box-shadow:0 0 0 5px rgba(116,131,138,.08);display:inline-block}.live-status-dot.live{background:#ff4458;box-shadow:0 0 0 5px rgba(255,68,88,.12),0 0 22px rgba(255,68,88,.25)}.live-status-dot.rehearsal{background:var(--accent)}.live-watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.live-stage-column{min-width:0}.live-realtime-stage,.live-premiere-stage,.live-countdown-stage{position:relative;aspect-ratio:16/9;background:#020607;border:1px solid rgba(72,138,151,.28);border-radius:26px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.3)}.live-premiere-stage video,.live-realtime-stage .live-track{width:100%;height:100%;object-fit:contain;background:#000}.live-remote-media{position:absolute;inset:0;display:grid;place-items:center}.live-stage-waiting,.live-countdown-stage>div{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.7rem;text-align:center;padding:2rem;background:radial-gradient(circle at 50% 38%,rgba(26,174,184,.14),transparent 42%),linear-gradient(180deg,rgba(7,17,21,.62),rgba(2,7,9,.92))}.live-stage-waiting strong,.live-countdown-stage strong{font-size:clamp(1.2rem,2.4vw,2rem)}.live-stage-waiting small{color:var(--muted);max-width:420px}.live-countdown-stage{background-size:cover;background-position:center}.live-countdown-stage>div{backdrop-filter:blur(8px)}.live-countdown-stage span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.live-orbit{width:42px;height:42px;border:1px solid rgba(66,224,219,.36);border-top-color:var(--accent);border-radius:50%;animation:liveOrbit 1.2s linear infinite}.live-badge{position:absolute;left:16px;top:16px;padding:.42rem .7rem;border-radius:8px;background:#e12940;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.13em;z-index:4}.live-title-block{padding:20px 4px 0}.live-title-block h1{margin:0 0 16px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05}.live-title-block .watch-creator{margin:0 0 15px}.live-conversation{height:min(76vh,760px);min-height:560px;border:1px solid var(--line);border-radius:26px;background:rgba(8,18,22,.82);backdrop-filter:blur(24px);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}.live-conversation-tabs{padding:14px 16px;border-bottom:1px solid var(--line)}.live-conversation-tabs button{border:0;background:transparent;color:var(--text);font-weight:750}.live-message-list{overflow:auto;padding:8px 14px 18px;display:flex;flex-direction:column;gap:4px}.live-message{display:flex;gap:9px;padding:9px;border-radius:14px}.live-message:hover{background:rgba(255,255,255,.025)}.live-message strong{font-size:.78rem}.live-message p{margin:3px 0 0;color:var(--text);font-size:.86rem;line-height:1.45}.live-question-mark{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:9px;background:rgba(45,209,211,.12);color:var(--accent);font-weight:900;font-size:.72rem}.live-composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;border-top:1px solid var(--line);padding:12px}.live-composer select,.live-composer input{min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);border-radius:12px;padding:.7rem}.live-composer button{width:38px;border:0;border-radius:12px;background:var(--accent);color:#001114;font-weight:900}.live-polls{display:grid;gap:8px;padding:10px 12px 0}.live-poll{padding:12px;border:1px solid rgba(75,202,204,.16);border-radius:16px;background:rgba(24,103,108,.07)}.live-poll>strong{font-size:.87rem}.live-poll>div{display:grid;gap:6px;margin-top:9px}.live-poll form{margin:0}.live-poll button,.live-poll-result{width:100%;display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);border-radius:10px;padding:.55rem .7rem;text-align:left}.live-poll button:hover{border-color:rgba(62,219,217,.5)}.live-poll small{color:var(--muted)}
.live-readiness-strip{width:min(1220px,calc(100% - 32px));margin:-12px auto 24px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(8,18,22,.55)}.live-readiness-strip>div{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-right:1px solid var(--line)}.live-readiness-strip>div:last-child{border-right:0}.live-readiness-strip span{font-size:.78rem;color:var(--muted)}.live-readiness-strip strong{font-size:.82rem}.live-studio-list{display:grid}.live-studio-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;text-decoration:none;color:inherit;padding:16px 4px;border-bottom:1px solid var(--line)}.live-studio-row>div{display:grid;gap:3px}.live-studio-row span{color:var(--muted);font-size:.78rem}.live-studio-row .status{color:inherit}.live-control-room{max-width:1220px}.live-control-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.live-control-head h1{font-size:clamp(2rem,4vw,4.2rem);margin:.3rem 0 .5rem;line-height:.96}.live-control-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:20px 0}.live-control-actions form{margin:0}.live-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.live-moderation-summary{display:flex;gap:9px;flex-wrap:wrap}.live-moderation-summary span{border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;color:var(--muted);font-size:.77rem}.producer-preview{min-height:300px;display:grid;place-items:center;background:#020607;border:1px solid var(--line);border-radius:20px;overflow:hidden}.producer-preview>div{display:grid;place-items:center;gap:10px;color:var(--muted)}.producer-preview .live-track{width:100%;height:100%;max-height:520px;object-fit:contain}.producer-actions{display:flex;gap:9px;margin-top:12px}.encoder-reveal{display:grid;gap:9px;padding:14px;margin-bottom:14px;border:1px solid rgba(45,217,211,.28);border-radius:16px;background:rgba(33,141,147,.08)}.encoder-reveal>span{font-weight:800}.encoder-reveal label{display:grid;gap:4px}.encoder-reveal input{width:100%;padding:.7rem;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.18);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.live-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-toggle-grid label{display:flex!important;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.02)}.live-toggle-grid input{width:auto;margin-top:4px}.live-toggle-grid span{display:grid;gap:3px}.live-toggle-grid small{color:var(--muted);font-weight:400}.live-plane-unavailable{border-color:rgba(255,182,92,.22)}
@keyframes liveOrbit{to{transform:rotate(360deg)}}
@media (max-width:1050px){.live-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-watch-grid{grid-template-columns:1fr}.live-conversation{height:560px;min-height:0}.live-readiness-strip{grid-template-columns:1fr}.live-readiness-strip>div{border-right:0;border-bottom:1px solid var(--line)}.live-readiness-strip>div:last-child{border-bottom:0}}
@media (max-width:700px){.live-event-grid{grid-template-columns:1fr}.live-watch-shell{width:min(100% - 18px,1480px);margin-top:12px}.live-realtime-stage,.live-premiere-stage,.live-countdown-stage{border-radius:18px}.live-title-block{padding-inline:2px}.live-conversation{border-radius:18px}.live-studio-grid,.live-toggle-grid{grid-template-columns:1fr}.live-control-head{display:grid}.live-readiness-strip{width:min(100% - 22px,1220px)}}
@media (prefers-reduced-motion:reduce){.live-orbit{animation:none}}

/* Replay Live 1.4 production refinements */
.live-premiere-stage>.replay-player{height:100%;border:0;border-radius:0;box-shadow:none}
.producer-media-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.producer-media-controls[hidden]{display:none}
.producer-preview.is-multitrack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.producer-preview.is-multitrack .live-track{min-width:0;background:#020607}
@media(max-width:700px){.producer-preview.is-multitrack{grid-template-columns:1fr}}

/* Replay Shorts 1.5 — cinematic vertical media, quiet by default */
.shorts-page{width:100%;background:var(--bg);min-height:calc(100vh - 64px)}
.shorts-feed{height:calc(100vh - 64px);overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none}
.shorts-feed::-webkit-scrollbar{display:none}
.short-slide{min-height:calc(100vh - 64px);display:grid;place-items:center;scroll-snap-align:start;scroll-snap-stop:always;padding:18px 88px 18px 24px}
.short-stage{position:relative;height:min(calc(100vh - 100px),920px);aspect-ratio:9/16;max-width:calc(100vw - 160px);overflow:hidden;border-radius:28px;background:#020607;box-shadow:0 30px 90px rgba(0,0,0,.32);border:1px solid rgba(85,151,162,.24);isolation:isolate}
.short-media{width:100%;height:100%;display:block;object-fit:cover;background:#000}
.short-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 48%,rgba(0,0,0,.72) 100%);pointer-events:none;z-index:1}
.short-tap-target{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;z-index:2}
.short-progress{position:absolute;left:16px;right:16px;bottom:8px;height:2px;background:rgba(255,255,255,.24);border-radius:999px;overflow:hidden;z-index:5}
.short-progress span{display:block;width:0;height:100%;background:rgba(255,255,255,.9);transform-origin:left center}
.short-copy{position:absolute;left:20px;right:76px;bottom:26px;z-index:4;display:grid;gap:7px;color:white;text-shadow:0 2px 18px rgba(0,0,0,.48)}
.short-copy h1{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.1;margin:0}.short-copy p{margin:0;line-height:1.45;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.short-creator,.short-source{color:white;text-decoration:none}.short-creator{font-weight:850;font-size:.9rem}.short-source{font-size:.76rem;opacity:.78;width:max-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.short-rail{position:absolute;right:-74px;bottom:28px;z-index:6;display:grid;gap:12px;justify-items:center}
.short-action,.short-action-form{width:60px;margin:0}.short-action{border:0;background:transparent;color:var(--text);display:grid;justify-items:center;gap:2px;text-decoration:none;padding:0;cursor:pointer}.short-action>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(18,35,40,.9);border:1px solid var(--line);backdrop-filter:blur(18px);font-size:1.25rem;transition:transform .15s ease,background .15s ease}.short-action:hover>span{transform:translateY(-1px);background:rgba(30,70,76,.92)}.short-action.is-active>span{background:rgba(40,196,195,.18);border-color:rgba(56,221,216,.55)}.short-action small{font-size:.72rem;font-weight:800;min-height:.9rem}.short-action b{font-size:.64rem;font-weight:650;color:var(--muted)}
.short-mute{position:absolute;right:15px;top:15px;z-index:6;border:1px solid rgba(255,255,255,.2);background:rgba(2,9,12,.62);backdrop-filter:blur(16px);color:white;border-radius:999px;padding:.45rem .7rem;font-size:.7rem;font-weight:800;cursor:pointer}
.short-comments-drawer{position:absolute;top:12px;right:12px;bottom:12px;width:min(390px,calc(100% - 24px));z-index:10;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(7,15,18,.96);backdrop-filter:blur(28px);display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;color:var(--text);box-shadow:0 25px 80px rgba(0,0,0,.42)}
.short-comments-drawer[hidden]{display:none}.short-comments-drawer .comments-heading{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.short-comments-drawer .comments-heading h2{font-size:1rem;margin:0}.short-comments-drawer .comments-heading button{border:0;background:transparent;color:var(--text);font-size:1.45rem;cursor:pointer}.short-comments-drawer .comment-composer{padding:12px;border-bottom:1px solid var(--line)}.short-comments-drawer .comment-list{overflow:auto;padding:10px 12px 20px}
.single-short .shorts-feed{overflow:hidden}.slice-watch-shell{width:min(1180px,calc(100% - 32px));margin:26px auto 80px}.slice-watch-player{max-width:1080px;margin:auto}.slice-watch-meta{max-width:1080px;margin:18px auto 0}.slice-lineage{color:var(--muted);font-size:.82rem}.slice-watch-actions{display:flex;gap:8px;flex-wrap:wrap}.slice-processing{min-height:420px;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;border:1px solid var(--line);border-radius:26px;background:rgba(9,20,24,.68)}.slice-processing p{color:var(--muted);max-width:440px}
.clip-maker-panel{width:min(840px,calc(100% - 32px));margin:0 auto 80px}.clip-source-card{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:12px;margin-bottom:22px;background:rgba(255,255,255,.02)}.clip-source-card img{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#020607}.clip-source-card>div{display:grid;gap:4px}.clip-source-card span,.clip-source-card small{color:var(--muted);font-size:.78rem}
.short-studio-list{display:grid}.short-studio-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}.short-studio-row img{width:72px;height:96px;object-fit:cover;border-radius:12px;background:#020607}.short-studio-main{display:grid;gap:3px;min-width:0}.short-studio-main span,.short-studio-main small{font-size:.75rem;color:var(--muted)}.short-studio-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.short-studio-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.short-studio-actions form{margin:0}.short-studio-actions a,.short-studio-actions .text-button{font-size:.78rem}
.short-source-list,.short-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.short-source-choice{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:10px;background:rgba(255,255,255,.018)}.short-source-choice img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.short-source-choice>div{display:grid;gap:3px;min-width:0}.short-source-choice span{font-size:.75rem;color:var(--muted)}
@media(max-width:760px){.shorts-page{min-height:calc(100svh - 56px)}.shorts-feed{height:calc(100svh - 56px)}.short-slide{min-height:calc(100svh - 56px);padding:0}.short-stage{height:calc(100svh - 56px);width:100%;max-width:none;aspect-ratio:auto;border-radius:0;border-inline:0}.short-rail{right:9px;bottom:72px}.short-copy{right:76px;bottom:24px}.short-mute{top:12px;right:12px}.short-comments-drawer{top:auto;left:0;right:0;bottom:0;width:100%;height:min(72svh,680px);border-radius:24px 24px 0 0}.slice-watch-shell{width:min(100% - 18px,1180px)}.clip-source-card{grid-template-columns:100px 1fr}.clip-source-card img{width:100px}.short-source-list,.short-source-grid{grid-template-columns:1fr}.short-source-choice{grid-template-columns:82px 1fr}.short-source-choice .button{grid-column:1/-1}.short-studio-row{grid-template-columns:58px 1fr}.short-studio-row img{width:58px;height:78px}.short-studio-actions{grid-column:2}}
@media(prefers-reduced-motion:reduce){.shorts-feed{scroll-behavior:auto}.short-action>span{transition:none}}

/* Replay 1.6 — quiet-luxury discovery, search, and media graph */
.discovery-hero {
  width: min(calc(100% - 28px), var(--max));
  margin: 34px auto 18px;
  padding: clamp(34px, 5vw, 74px);
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  align-items: center;
  gap: clamp(36px, 6vw, 90px);
  border: 1px solid var(--line);
  border-radius: 36px;
  overflow: hidden;
  position: relative;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 88%, transparent), color-mix(in srgb, var(--bg-elevated) 82%, transparent)),
    var(--surface);
  box-shadow: var(--shadow-xl);
}
.discovery-hero::before {
  content: "";
  position: absolute;
  inset: auto -12% -48% auto;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--teal) 23%, transparent), transparent 67%);
  pointer-events: none;
}
.discovery-hero-copy { position: relative; z-index: 2; max-width: 830px; }
.discovery-hero h1, .search-page-hero h1 {
  margin: 10px 0 18px;
  max-width: 900px;
  font-size: clamp(42px, 6vw, 82px);
  line-height: .98;
  letter-spacing: -.065em;
}
.discovery-hero p, .search-page-hero > p {
  margin: 0;
  max-width: 760px;
  color: var(--muted-strong);
  font-size: clamp(16px, 1.35vw, 20px);
}
.discovery-search {
  margin-top: 30px;
  width: min(100%, 760px);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-strong) 88%, transparent);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(18px);
}
.discovery-search.wide { width: min(100%, 940px); }
.discovery-search .search-glyph { padding-left: 12px; color: var(--teal); font-size: 24px; line-height: 1; }
.discovery-search input {
  min-width: 0;
  height: 48px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-size: 16px;
}
.discovery-search input::placeholder { color: var(--muted); }
.discovery-search .button { min-height: 48px; border-radius: 14px; }
.topic-row {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
.topic-row > span { margin-right: 3px; color: var(--muted); font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.topic-row a, .topic-peek a, .filter-chip {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 11px;
  color: var(--muted-strong);
  background: color-mix(in srgb, var(--surface-strong) 72%, transparent);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.topic-row a:hover, .topic-peek a:hover, .filter-chip:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--teal) 42%, var(--line)); color: var(--ink); }
.discovery-orbit { position: relative; min-height: 360px; display: grid; place-items: center; }
.orbit-core {
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  border-radius: 32px;
  background: linear-gradient(145deg, #091d25, #0b5f78 48%, #1ac4bd);
  color: #efffff;
  font-size: 48px;
  font-weight: 900;
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 30px 80px rgba(6,98,120,.32);
  z-index: 3;
}
.orbit-ring { position: absolute; border: 1px solid color-mix(in srgb, var(--teal) 25%, var(--line)); border-radius: 50%; }
.orbit-ring.ring-a { width: 250px; height: 250px; }
.orbit-ring.ring-b { width: 360px; height: 360px; border-color: color-mix(in srgb, var(--blue) 22%, var(--line)); }
.orbit-ring i { position: absolute; width: 15px; height: 15px; border-radius: 50%; background: var(--surface-strong); border: 3px solid var(--teal); box-shadow: 0 6px 20px rgba(12,130,150,.24); }
.ring-a i:nth-child(1) { top: 12%; left: 15%; }.ring-a i:nth-child(2) { right: -4px; top: 48%; }.ring-a i:nth-child(3) { bottom: 8%; left: 27%; }
.ring-b i:nth-child(1) { top: -5px; left: 50%; }.ring-b i:nth-child(2) { right: 12%; top: 18%; border-color: var(--blue); }.ring-b i:nth-child(3) { bottom: 4%; right: 24%; }.ring-b i:nth-child(4) { left: -5px; top: 54%; border-color: var(--blue); }
.orbit-copy {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface-strong) 84%, transparent);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(16px);
}
.orbit-copy small { display: block; color: var(--muted); font-weight: 800; letter-spacing: .12em; font-size: 9px; }
.orbit-copy strong { display: block; margin-top: 5px; font-size: 13px; }
.discovery-section { padding-top: 42px; padding-bottom: 16px; }
.discovery-section .section-heading p { margin: 5px 0 0; color: var(--muted); max-width: 660px; }
.discovery-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.discovery-card-grid.compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.discovery-card { min-width: 0; }
.discovery-card-visual, .search-result-visual {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: linear-gradient(145deg, color-mix(in srgb, var(--blue) 12%, var(--surface-strong)), color-mix(in srgb, var(--teal) 10%, var(--surface-strong)));
  box-shadow: var(--shadow-sm);
}
.discovery-card.short .discovery-card-visual { aspect-ratio: 4 / 5; }
.discovery-card-visual img, .search-result-visual img, .short-discovery-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.discovery-card:hover .discovery-card-visual img, .search-result-card:hover .search-result-visual img, .short-discovery-card:hover img { transform: scale(1.025); }
.discovery-art-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: var(--teal); font-size: clamp(34px, 6vw, 70px); font-weight: 900; background: radial-gradient(circle at 70% 30%, rgba(50,135,255,.18), transparent 35%), radial-gradient(circle at 25% 70%, rgba(20,184,180,.16), transparent 40%); }
.content-kind, .live-state-dot, .scheduled-state {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 8px;
  border-radius: 9px;
  background: rgba(2,13,18,.76);
  color: #f2ffff;
  backdrop-filter: blur(10px);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .1em;
}
.live-state-dot, .scheduled-state { left: auto; right: 12px; }
.live-state-dot::before { content: ""; width: 6px; height: 6px; display: inline-block; margin-right: 5px; border-radius: 50%; background: #ff6e75; box-shadow: 0 0 0 4px rgba(255,110,117,.15); }
.discovery-card-copy { padding: 12px 3px 2px; }
.discovery-card-title { display: block; font-weight: 810; letter-spacing: -.025em; line-height: 1.25; }
.discovery-card-copy > span { display: block; margin-top: 5px; color: var(--muted); font-size: 13px; }
.topic-peek { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.topic-peek a { padding: 4px 8px; font-size: 10px; }
.short-discovery-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 280px); gap: 16px; overflow-x: auto; padding: 2px 2px 16px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.short-discovery-card { scroll-snap-align: start; min-width: 0; }
.short-discovery-card > a { position: relative; display: block; aspect-ratio: 9 / 14; border-radius: 24px; overflow: hidden; border: 1px solid var(--line); background: var(--surface-strong); box-shadow: var(--shadow-sm); }
.short-discovery-card > a > div { position: absolute; inset: auto 0 0; padding: 64px 16px 16px; color: white; background: linear-gradient(transparent, rgba(0,0,0,.8)); }
.short-discovery-card strong, .short-discovery-card span { display: block; }
.short-discovery-card div span { margin-top: 5px; color: rgba(255,255,255,.75); font-size: 12px; }
.search-page-hero { width: min(calc(100% - 28px), var(--max)); margin: 38px auto 8px; padding: clamp(30px, 5vw, 64px) 0 34px; }
.search-context { margin-top: 14px; color: var(--muted-strong); }
.filter-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 22px; }
.filter-chip.is-active { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.discovery-results { padding-top: 20px; }
.result-count { color: var(--muted); font-size: 12px; }
.search-result-grid { display: grid; gap: 14px; }
.search-result-card {
  display: grid;
  grid-template-columns: minmax(220px, 340px) minmax(0, 1fr);
  gap: 22px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: color-mix(in srgb, var(--surface-strong) 72%, transparent);
  box-shadow: 0 12px 34px rgba(8,28,36,.05);
}
.search-result-visual { aspect-ratio: 16 / 9; border-radius: 16px; }
.search-result-copy { align-self: center; padding: 3px 10px 3px 0; min-width: 0; }
.search-result-kicker { color: var(--teal); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.search-result-title { display: block; margin-top: 7px; font-size: clamp(20px, 2.1vw, 30px); font-weight: 830; letter-spacing: -.035em; line-height: 1.1; }
.search-result-by { margin: 7px 0 0; color: var(--muted); font-size: 13px; }
.search-result-description { max-width: 760px; margin: 12px 0 0; color: var(--muted-strong); }
.compact-section { padding-top: 18px; padding-bottom: 0; }
.related-media { width: 100%; margin-top: 12px; }

@media (max-width: 1120px) {
  .discovery-hero { grid-template-columns: 1fr; min-height: 0; }
  .discovery-orbit { min-height: 300px; }
  .discovery-card-grid, .discovery-card-grid.compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
  .discovery-hero { margin-top: 20px; padding: 30px 22px; border-radius: 28px; }
  .discovery-hero h1, .search-page-hero h1 { font-size: clamp(40px, 13vw, 62px); }
  .discovery-orbit { display: none; }
  .discovery-search { grid-template-columns: auto minmax(0,1fr); }
  .discovery-search .button { grid-column: 1 / -1; width: 100%; }
  .discovery-card-grid, .discovery-card-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-result-card { grid-template-columns: 1fr; gap: 13px; }
  .search-result-copy { padding: 2px 4px 7px; }
}
@media (max-width: 520px) {
  .discovery-card-grid, .discovery-card-grid.compact { grid-template-columns: 1fr; }
  .discovery-card.short .discovery-card-visual { aspect-ratio: 16 / 10; }
  .short-discovery-rail { grid-auto-columns: 76vw; }
  .topic-row { max-height: 84px; overflow: hidden; }
}

/* Replay 1.7 Creator Worlds + Community Universe */
.community-hero,.world-hero,.studio-community-hero{width:min(calc(100% - 28px),var(--max));margin:32px auto 0;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 88%,transparent),color-mix(in srgb,var(--teal) 5%,var(--surface)));box-shadow:var(--shadow-sm)}
.community-hero{padding:clamp(38px,6vw,78px)}.community-hero h1,.world-hero h1,.studio-community-hero h1{margin:8px 0 12px;font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:.98}.community-hero p,.world-hero p,.studio-community-hero p{max-width:760px;color:var(--muted-strong);font-size:16px;line-height:1.65}
.community-directory{padding-top:42px}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.world-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:color-mix(in srgb,var(--surface-strong) 82%,transparent);box-shadow:var(--shadow-sm)}.world-card-visual{height:170px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(42,193,189,.2),transparent 42%),radial-gradient(circle at 72% 64%,rgba(50,135,255,.18),transparent 40%),var(--surface-strong)}.world-card-visual span,.world-hero-orb{display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg);font-weight:900;letter-spacing:-.04em}.world-card-visual span{width:74px;height:74px;font-size:24px}.world-card-copy{padding:18px}.world-card-copy strong{display:block;font-size:20px}.world-card-copy span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.world-card-copy p{margin:12px 0 0;color:var(--muted-strong);line-height:1.55}
.world-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding:32px}.world-hero-orb{width:92px;height:92px;font-size:28px}.world-hero h1{font-size:clamp(34px,4vw,56px)}.world-hero-copy p{margin:0}.world-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.world-facts span,.world-closed-note{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}.world-hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.world-hero-actions form{margin:0}
.world-shell{width:min(calc(100% - 28px),var(--max));margin:22px auto 50px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.world-sidebar{position:sticky;top:88px;padding:18px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface-strong) 76%,transparent)}.world-sidebar nav{display:grid;gap:5px;margin-top:10px}.world-space-link{display:flex;gap:9px;align-items:center;padding:10px 11px;border-radius:12px;color:var(--muted-strong);font-weight:700}.world-space-link.is-active{background:color-mix(in srgb,var(--teal) 10%,var(--surface));color:var(--ink)}.world-rules{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.world-rules p{white-space:pre-wrap;color:var(--muted);font-size:12px;line-height:1.6}.world-feed{min-width:0}.world-feed-head{padding:6px 4px 16px}.world-feed-head h2{margin:4px 0}.world-feed-head p{margin:0;color:var(--muted)}
.world-composer{padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--surface-strong);margin-bottom:14px}.world-composer textarea{width:100%;min-height:96px;border:0;background:transparent;resize:vertical;color:var(--ink);font:inherit;outline:0}.world-composer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding-top:10px;border-top:1px solid var(--line)}.world-composer-row select,.world-composer-row input{min-width:0}
.world-post{padding:20px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface-strong) 82%,transparent);margin-bottom:12px;box-shadow:0 10px 30px rgba(8,28,36,.035)}.world-post.is-focused{outline:2px solid color-mix(in srgb,var(--teal) 55%,transparent);outline-offset:2px}.world-post-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center}.world-author-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--teal) 13%,var(--surface));font-weight:900}.world-post-head strong{display:block}.world-post-head>div span{color:var(--muted);font-size:11px}.creator-badge,.pin-badge{display:inline-flex!important;margin-left:7px!important;padding:3px 6px;border-radius:7px;background:color-mix(in srgb,var(--teal) 13%,transparent);color:var(--teal)!important;font-size:9px!important;font-weight:900}.pin-badge{margin:0!important}.world-post h3{margin:18px 0 6px;font-size:21px}.world-post-body{white-space:pre-wrap;line-height:1.7;color:var(--muted-strong)}.world-post-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.community-reaction,.world-post-actions>a{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted-strong);font:inherit;font-size:11px;cursor:pointer}.community-reaction.is-active{background:color-mix(in srgb,var(--teal) 12%,transparent);border-color:color-mix(in srgb,var(--teal) 35%,var(--line));color:var(--ink)}.community-reaction.static{cursor:default}.community-media-link{display:flex;gap:12px;align-items:center;margin-top:15px;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--blue) 5%,var(--surface))}.community-media-link .content-kind{position:static}.community-media-link strong,.community-media-link span{display:block}.community-media-link div span{margin-top:3px;color:var(--muted);font-size:11px}.world-replies{margin:15px 0 0 38px;border-left:2px solid var(--line);padding-left:14px}.world-reply{padding:10px 0}.world-reply strong{margin-right:8px}.world-reply span{color:var(--muted);font-size:10px}.world-reply p{margin:4px 0 0;color:var(--muted-strong)}.world-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0 0 38px}.world-reply-form input{min-width:0}.world-reply-form button{border:0;border-radius:10px;padding:0 13px;background:var(--ink);color:var(--bg);font-weight:800}
.studio-community-hero{padding:30px;display:flex;justify-content:space-between;gap:24px;align-items:end}.studio-community-hero h1{font-size:clamp(34px,4vw,54px)}.studio-community-grid{width:min(calc(100% - 28px),var(--max));margin:20px auto;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.studio-community-grid .studio-panel{margin:0;width:auto}.luxury-form{display:grid;gap:13px;margin-top:16px}.luxury-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.luxury-form input,.luxury-form textarea,.luxury-form select{width:100%}.compact-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.studio-space-list{display:grid;gap:6px;margin-top:14px}.studio-space-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px}.studio-space-row span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.studio-community-moderation{padding-top:20px;padding-bottom:60px}.studio-moderation-list{display:grid;gap:8px}.studio-community-post{display:flex;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong)}.studio-community-post strong{display:block;margin-top:4px}.studio-community-post p{margin:7px 0 0;color:var(--muted-strong)}.studio-post-actions{display:flex;gap:6px;align-items:center}.studio-post-actions form{margin:0}
@media(max-width:900px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-hero{grid-template-columns:auto 1fr}.world-hero-actions{grid-column:1/-1}.world-shell{grid-template-columns:1fr}.world-sidebar{position:static}.studio-community-grid{grid-template-columns:1fr}}
@media(max-width:600px){.world-grid{grid-template-columns:1fr}.world-hero{grid-template-columns:1fr;text-align:left}.world-hero-orb{width:72px;height:72px}.world-shell{width:min(calc(100% - 20px),var(--max))}.world-composer-row{grid-template-columns:1fr}.world-post{padding:16px}.world-replies,.world-reply-form{margin-left:16px}.studio-community-hero,.studio-community-post{display:block}.studio-post-actions{margin-top:12px}}


/* REPLAY_25_FLAGSHIP_VIDEO_LUXURY_CONSTITUTION
   Leadstrium Replay 2.5 — permanent viewer experience constitution.
   The video is the interface. Everything else earns its place around it. */

:root {
  --r25-ink: #05090f;
  --r25-ink-2: #08121d;
  --r25-sapphire: #0a1c2d;
  --r25-sapphire-2: #102b42;
  --r25-teal: #2dd4bf;
  --r25-teal-bright: #67ead8;
  --r25-blue: #4aa8ff;
  --r25-text: #f5f8fb;
  --r25-muted: #9eafbf;
  --r25-faint: #6f8293;
  --r25-line: rgba(220, 237, 247, .10);
  --r25-line-strong: rgba(220, 237, 247, .18);
  --r25-surface: rgba(10, 22, 34, .82);
  --r25-surface-solid: #0a1622;
  --r25-surface-raised: #10202f;
  --r25-porcelain: #f7fafc;
  --r25-porcelain-2: #eef4f7;
  --r25-dark-text: #0a1420;
  --r25-dark-muted: #607080;
  --r25-topbar: 64px;
  --r25-rail: 88px;
  --r25-rail-wide: 236px;
  --r25-mobile-nav: 66px;
  --r25-radius-xs: 8px;
  --r25-radius-sm: 12px;
  --r25-radius-md: 16px;
  --r25-radius-lg: 22px;
  --r25-shadow: 0 24px 72px rgba(0,0,0,.28);
  --r25-fast: 140ms;
  --r25-medium: 240ms;
  --r25-ease: cubic-bezier(.2,.75,.25,1);
}

html { background: var(--r25-ink); }
html, body { max-width: 100%; overflow-x: clip; }
body[data-replay-experience="flagship-2.5"] {
  margin: 0;
  min-height: 100vh;
  color: var(--r25-text);
  background:
    radial-gradient(1100px 620px at 78% -160px, rgba(45,212,191,.09), transparent 68%),
    radial-gradient(900px 600px at 8% 12%, rgba(74,168,255,.055), transparent 70%),
    var(--r25-ink);
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
}

body[data-replay-experience="flagship-2.5"] *,
body[data-replay-experience="flagship-2.5"] *::before,
body[data-replay-experience="flagship-2.5"] *::after { box-sizing: border-box; }
body[data-replay-experience="flagship-2.5"] img,
body[data-replay-experience="flagship-2.5"] video { max-width: 100%; }
body[data-replay-experience="flagship-2.5"] a { text-underline-offset: .18em; }
body[data-replay-experience="flagship-2.5"] :focus-visible {
  outline: 2px solid var(--r25-teal-bright);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Global chrome — media product, not marketing site. */
body[data-replay-experience="flagship-2.5"] .ambient,
body[data-replay-experience="flagship-2.5"] .ambient-a,
body[data-replay-experience="flagship-2.5"] .ambient-b { opacity: .18 !important; pointer-events: none; }
body[data-replay-experience="flagship-2.5"] .topbar {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 900 !important;
  height: var(--r25-topbar) !important;
  min-height: var(--r25-topbar) !important;
  display: grid !important;
  grid-template-columns: minmax(190px, 1fr) minmax(260px, 620px) minmax(190px, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 0 20px !important;
  border-bottom: 1px solid rgba(220,237,247,.07) !important;
  background: rgba(5,9,15,.88) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  box-shadow: none !important;
}
body[data-replay-experience="flagship-2.5"] .topbar .brand {
  justify-self: start;
  min-width: 0;
  gap: 10px;
  text-decoration: none;
}
body[data-replay-experience="flagship-2.5"] .topbar .brand-glyph {
  width: 34px !important; height: 34px !important; border-radius: 11px !important;
  display: grid !important; place-items: center !important;
  color: #dffef9 !important;
  background: linear-gradient(145deg, rgba(45,212,191,.19), rgba(74,168,255,.12)) !important;
  border: 1px solid rgba(103,234,216,.22) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.05) !important;
}
body[data-replay-experience="flagship-2.5"] .topbar .brand-name small { opacity: .55; letter-spacing: .16em; font-size: 8px; }
body[data-replay-experience="flagship-2.5"] .topbar nav {
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body[data-replay-experience="flagship-2.5"] .topbar nav > a[href="/explore"]:not(.button) { display: none !important; }

.r25-menu-button,
.r25-icon-button,
.r25-create-button {
  appearance: none;
  border: 0;
  font: inherit;
  cursor: pointer;
  color: var(--r25-text);
}
.r25-menu-button, .r25-icon-button {
  width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
  background: transparent;
  transition: background var(--r25-fast) ease, transform var(--r25-fast) ease;
}
.r25-menu-button:hover, .r25-icon-button:hover { background: rgba(255,255,255,.07); }
.r25-menu-button:active, .r25-icon-button:active { transform: scale(.95); }
.r25-menu-button { position: fixed; top: 12px; left: 10px; z-index: 930; }
.r25-menu-button svg, .r25-icon-button svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.8; }
body[data-replay-experience="flagship-2.5"] .topbar .brand { margin-left: 38px; }

.r25-search {
  width: min(100%, 620px);
  justify-self: center;
  display: grid;
  grid-template-columns: 1fr 48px;
  height: 42px;
  border: 1px solid rgba(220,237,247,.14);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(4,10,16,.76);
  transition: border-color var(--r25-fast) ease, box-shadow var(--r25-fast) ease, background var(--r25-fast) ease;
}
.r25-search:focus-within { border-color: rgba(103,234,216,.44); box-shadow: 0 0 0 3px rgba(45,212,191,.08); background: rgba(8,16,25,.92); }
.r25-search input {
  min-width: 0; border: 0; outline: 0; color: var(--r25-text); background: transparent;
  font: inherit; font-size: 14px; padding: 0 18px;
}
.r25-search input::placeholder { color: #8293a3; }
.r25-search button { border: 0; border-left: 1px solid rgba(220,237,247,.10); background: rgba(255,255,255,.04); color: var(--r25-text); display:grid; place-items:center; cursor:pointer; }
.r25-search button svg { width: 18px; height: 18px; fill:none; stroke:currentColor; stroke-width:1.9; }
.r25-create-button {
  display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 14px;
  border-radius: 999px; text-decoration: none; font-size: 13px; font-weight: 700;
  background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.08);
  transition: background var(--r25-fast) ease, transform var(--r25-fast) ease;
}
.r25-create-button:hover { background: rgba(255,255,255,.12); }
.r25-create-button:active { transform: scale(.98); }

/* Viewer navigation rail. */
#replay-flagship-rail {
  position: fixed;
  top: var(--r25-topbar); bottom: 0; left: 0;
  z-index: 800;
  width: var(--r25-rail);
  padding: 14px 8px 18px;
  background: rgba(5,9,15,.91);
  border-right: 1px solid rgba(220,237,247,.055);
  backdrop-filter: blur(16px);
  transition: width var(--r25-medium) var(--r25-ease), transform var(--r25-medium) var(--r25-ease);
}
body.r25-rail-wide #replay-flagship-rail { width: var(--r25-rail-wide); }
.r25-rail-nav { display: grid; gap: 4px; }
.r25-rail-link {
  min-height: 52px; display:flex; align-items:center; gap:14px; padding: 8px 13px;
  border-radius: 13px; color: #c7d2dc; text-decoration:none; font-size: 13px; font-weight: 600;
  white-space: nowrap; overflow: hidden;
  transition: color var(--r25-fast) ease, background var(--r25-fast) ease;
}
.r25-rail-link:hover { color: #fff; background: rgba(255,255,255,.055); }
.r25-rail-link[aria-current="page"] { color:#fff; background: rgba(45,212,191,.105); }
.r25-rail-link[aria-current="page"] .r25-nav-icon { color: var(--r25-teal-bright); }
.r25-nav-icon { width: 22px; min-width:22px; height:22px; display:grid; place-items:center; color:#afbecb; }
.r25-nav-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.r25-nav-label { opacity: 0; transform: translateX(-5px); transition: opacity var(--r25-fast) ease, transform var(--r25-fast) ease; }
body.r25-rail-wide .r25-nav-label { opacity:1; transform:none; }
.r25-rail-divider { height:1px; background:rgba(220,237,247,.07); margin:10px 8px; }
.r25-rail-caption { display:none; padding: 7px 13px 4px; color:#607589; font-size:10px; letter-spacing:.11em; text-transform:uppercase; font-weight:800; }
body.r25-rail-wide .r25-rail-caption { display:block; }

body[data-replay-experience="flagship-2.5"] > main,
body[data-replay-experience="flagship-2.5"] #replay-main {
  padding-top: calc(var(--r25-topbar) + 22px) !important;
  padding-left: calc(var(--r25-rail) + 18px) !important;
  padding-right: 24px !important;
  width: 100% !important;
  max-width: none !important;
  transition: padding-left var(--r25-medium) var(--r25-ease);
}
body.r25-rail-wide[data-replay-experience="flagship-2.5"] > main,
body.r25-rail-wide[data-replay-experience="flagship-2.5"] #replay-main { padding-left: calc(var(--r25-rail-wide) + 24px) !important; }
body[data-replay-experience="flagship-2.5"] footer { margin-left: var(--r25-rail); border-top-color:rgba(220,237,247,.07) !important; opacity:.62; }
body.r25-rail-wide[data-replay-experience="flagship-2.5"] footer { margin-left:var(--r25-rail-wide); }

/* Home: remove marketing chrome; content becomes the product. */
body[data-replay-surface="home"] .hero,
body[data-replay-surface="home"] .promise-strip { display:none !important; }
.r25-home-head { max-width: 1760px; margin: 0 auto 20px; }
.r25-home-row { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.r25-home-head h1 { margin:0; font-size: clamp(22px,2.2vw,32px); line-height:1.1; letter-spacing:-.025em; font-weight:780; }
.r25-home-head p { margin:7px 0 0; color:var(--r25-muted); font-size:13px; }
.r25-filter-row { display:flex; gap:8px; overflow:auto; scrollbar-width:none; padding: 4px 0 8px; }
.r25-filter-row::-webkit-scrollbar { display:none; }
.r25-filter { flex:0 0 auto; border:1px solid rgba(255,255,255,.075); background:rgba(255,255,255,.06); color:#d9e3eb; padding:8px 13px; border-radius:9px; font-size:12px; font-weight:650; }
.r25-filter.is-active { color:#061015; background:#ecf8f6; border-color:#ecf8f6; }
body[data-replay-surface="home"] .section-shell { max-width:1760px !important; margin:0 auto !important; padding:0 !important; }
body[data-replay-surface="home"] .section-heading { margin:0 0 18px !important; align-items:end !important; }
body[data-replay-surface="home"] .section-heading .eyebrow { display:none !important; }
body[data-replay-surface="home"] .section-heading h2 { font-size:18px !important; letter-spacing:-.015em !important; }

/* Media cards: thumbnail/poster is the brightest object. */
body[data-replay-experience="flagship-2.5"] :is(.video-grid,.media-grid,.discovery-grid,.content-grid,.clip-grid,.slice-grid) {
  display:grid !important;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr)) !important;
  gap: 28px 18px !important;
  align-items:start !important;
}
body[data-replay-experience="flagship-2.5"] :is(.video-card,.media-card,.discovery-card,.content-card,.clip-card,.slice-card) {
  border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important;
  overflow:visible !important; border-radius:0 !important;
}
body[data-replay-experience="flagship-2.5"] :is(.video-card,.media-card,.discovery-card,.content-card,.clip-card,.slice-card) :is(img,.poster,.thumbnail,.thumb) {
  border-radius:14px !important; overflow:hidden; box-shadow:none; background:#0d1822;
  transition: transform var(--r25-medium) var(--r25-ease), filter var(--r25-medium) ease;
}
body[data-replay-experience="flagship-2.5"] :is(.video-card,.media-card,.discovery-card,.content-card,.clip-card,.slice-card):hover :is(img,.poster,.thumbnail,.thumb) { transform:translateY(-2px); filter:brightness(1.035); }
body[data-replay-experience="flagship-2.5"] :is(.video-card,.media-card,.discovery-card,.content-card,.clip-card,.slice-card) :is(h2,h3,h4,.title) {
  color:var(--r25-text) !important; font-size:14px !important; line-height:1.38 !important; letter-spacing:-.012em !important; font-weight:680 !important; margin-top:10px !important;
}
body[data-replay-experience="flagship-2.5"] :is(.video-card,.media-card,.discovery-card,.content-card,.clip-card,.slice-card) :is(p,.meta,.subtext,.byline) { color:var(--r25-muted) !important; font-size:12px !important; line-height:1.45 !important; }

/* Generic containers lose dashboard heaviness. */
body[data-replay-experience="flagship-2.5"] :is(.panel,.card,.surface,.glass-card) { box-shadow:none; }
body[data-replay-experience="flagship-2.5"] .eyebrow { color:#86a0b4; letter-spacing:.10em; font-size:10px; }
body[data-replay-experience="flagship-2.5"] :is(.badge,.pill,.chip) { border-radius:8px; box-shadow:none; }
body[data-replay-experience="flagship-2.5"] .empty-state {
  max-width:760px !important; margin:80px auto !important; padding:44px 26px !important;
  text-align:center; border:0 !important; background:transparent !important; box-shadow:none !important;
}
body[data-replay-experience="flagship-2.5"] .empty-state .empty-mark { color:var(--r25-teal); opacity:.7; font-size:34px; }
body[data-replay-experience="flagship-2.5"] .empty-state h2 { font-size:clamp(24px,3vw,36px); letter-spacing:-.03em; margin:12px 0 8px; }
body[data-replay-experience="flagship-2.5"] .empty-state p { max-width:570px; margin:0 auto 20px; color:var(--r25-muted); line-height:1.7; }

/* Watch — crown jewel. */
body[data-replay-surface="watch"] { background:#030609; }
body[data-replay-surface="watch"] > main,
body[data-replay-surface="watch"] #replay-main { padding-right:20px !important; }
body[data-replay-surface="watch"] :is(.watch-shell,.watch-page,.watch-layout,.player-page) { max-width:1760px !important; margin:0 auto !important; }
body[data-replay-surface="watch"] :is(.watch-layout,.player-layout) { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(300px,380px) !important; gap:24px !important; align-items:start !important; }
body[data-replay-surface="watch"] :is(.player-shell,.player-os,.replay-player,.watch-player,.video-stage) {
  position:relative; background:#000 !important; border:0 !important; border-radius:16px !important; overflow:hidden !important; box-shadow:0 34px 90px rgba(0,0,0,.40) !important;
}
body[data-replay-surface="watch"] video:not(#replay-flagship-miniplayer video) { width:100% !important; max-height:min(78vh,900px); background:#000; display:block; border-radius:16px; }
body[data-replay-surface="watch"] :is(.watch-title,.video-title,h1) { letter-spacing:-.025em; line-height:1.18; }
body[data-replay-surface="watch"] :is(.watch-actions,.video-actions,.creator-actions) { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
body[data-replay-surface="watch"] :is(.watch-meta,.video-meta,.creator-row,.description-panel,.comments-panel) { border-color:rgba(220,237,247,.08) !important; background:transparent !important; box-shadow:none !important; }
body[data-replay-surface="watch"] :is(.up-next,.recommendations,.watch-sidebar,.next-rail) { min-width:0; }
body[data-replay-surface="watch"] :is(.up-next,.recommendations,.watch-sidebar,.next-rail) :is(.card,.video-card,.media-card) { border:0 !important; background:transparent !important; }
body.r25-theater[data-replay-surface="watch"] :is(.watch-layout,.player-layout) { grid-template-columns:1fr !important; max-width:1920px !important; }
body.r25-theater[data-replay-surface="watch"] :is(.up-next,.recommendations,.watch-sidebar,.next-rail) { max-width:1200px; }

/* Creator channel / World becomes a channel destination. */
body[data-replay-surface="channel"] :is(.creator-hero,.channel-hero,.world-hero,.profile-hero) {
  border:0 !important; border-radius:20px !important; overflow:hidden; background:linear-gradient(120deg,#0b1c2a,#102a3d) !important; box-shadow:none !important;
}
body[data-replay-surface="channel"] :is(.creator-tabs,.channel-tabs,.world-tabs) { position:sticky; top:var(--r25-topbar); z-index:50; background:rgba(5,9,15,.9); backdrop-filter:blur(14px); border-bottom:1px solid rgba(220,237,247,.07); }
body[data-replay-surface="channel"] :is(.creator-tabs,.channel-tabs,.world-tabs) a { border-radius:0 !important; background:transparent !important; }

/* Shorts: a true portrait viewing mode. */
body[data-replay-surface="shorts"] { background:#020406; }
body[data-replay-surface="shorts"] > main,
body[data-replay-surface="shorts"] #replay-main { padding-top:calc(var(--r25-topbar) + 8px) !important; }
body[data-replay-surface="shorts"] :is(.shorts-shell,.shorts-feed,.slice-feed) { min-height:calc(100svh - var(--r25-topbar) - 16px); display:grid; place-items:center; }
body[data-replay-surface="shorts"] :is(.short-card,.shorts-card,.slice-player,.portrait-stage) { width:min(100%,470px) !important; max-height:calc(100svh - var(--r25-topbar) - 28px); border-radius:18px !important; background:#000 !important; border:0 !important; overflow:hidden !important; box-shadow:0 28px 80px rgba(0,0,0,.42) !important; }
body[data-replay-surface="shorts"] :is(.short-card,.shorts-card,.slice-player,.portrait-stage) video { width:100%; height:min(76svh,820px); object-fit:contain; background:#000; }

/* Live/events: broadcast room, not admin dashboard. */
body[data-replay-surface="live"] :is(.event-hero,.live-hero,.broadcast-stage,.event-stage) { background:#060b10 !important; border:0 !important; border-radius:18px !important; overflow:hidden; box-shadow:var(--r25-shadow) !important; }
body[data-replay-surface="live"] :is(.chat-panel,.watch-party-chat,.event-chat) { border:1px solid rgba(220,237,247,.08) !important; background:rgba(8,17,26,.82) !important; border-radius:16px !important; }

/* Creator Studio is intentionally denser, but still calm. */
body[data-replay-surface="studio"] { --r25-rail: 0px; }
body[data-replay-surface="studio"] #replay-flagship-rail { display:none; }
body[data-replay-surface="studio"] > main,
body[data-replay-surface="studio"] #replay-main { padding-left:24px !important; max-width:1680px !important; margin:0 auto !important; }
body[data-replay-surface="studio"] :is(.studio-shell,.studio-panel,.analytics-shell,.commerce-shell) { border-color:rgba(220,237,247,.085) !important; box-shadow:none !important; }

/* Accessory surfaces are serially exclusive. */
[data-replay-accessory] { transition:opacity var(--r25-fast) ease, transform var(--r25-medium) var(--r25-ease), visibility var(--r25-fast) ease; }
[data-replay-accessory][hidden] { display:none !important; }
[data-replay-accessory].r25-closing { opacity:0; transform:translateY(8px); }

/* Persistent session continuity mini-player. */
#replay-flagship-miniplayer {
  position:fixed; right:20px; bottom:20px; z-index:980; width:min(390px,calc(100vw - 36px));
  opacity:0; transform:translateY(18px) scale(.97); pointer-events:none;
  transition:opacity var(--r25-medium) ease, transform var(--r25-medium) var(--r25-ease);
}
#replay-flagship-miniplayer.is-visible { opacity:1; transform:none; pointer-events:auto; }
.r25-mini-shell { overflow:hidden; border-radius:15px; background:#030507; border:1px solid rgba(255,255,255,.12); box-shadow:0 26px 78px rgba(0,0,0,.55); }
.r25-mini-shell video { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#000; }
.r25-mini-bar { min-height:48px; display:grid; grid-template-columns:1fr auto auto; gap:7px; align-items:center; padding:8px 8px 8px 12px; background:#0a121a; }
.r25-mini-title { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; font-weight:650; color:#eaf0f4; }
.r25-mini-action { width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:#fff; cursor:pointer; }
.r25-mini-action:hover { background:rgba(255,255,255,.08); }

/* Mobile navigation. */
#replay-flagship-mobile-nav { display:none; }
@media (max-width: 860px) {
  :root { --r25-topbar: 58px; --r25-rail:0px; }
  .r25-menu-button, #replay-flagship-rail { display:none !important; }
  body[data-replay-experience="flagship-2.5"] .topbar {
    grid-template-columns:auto 1fr auto !important; gap:10px !important; padding:0 12px !important;
  }
  body[data-replay-experience="flagship-2.5"] .topbar .brand { margin-left:0; min-width:42px; }
  body[data-replay-experience="flagship-2.5"] .topbar .brand-name { display:none; }
  .r25-search { grid-template-columns:1fr 42px; height:38px; }
  .r25-search input { padding:0 13px; font-size:13px; }
  .r25-create-button { width:38px; height:38px; padding:0; justify-content:center; overflow:hidden; color:transparent; }
  .r25-create-button::before { content:"+"; color:#fff; font-size:22px; line-height:1; }
  body[data-replay-experience="flagship-2.5"] > main,
  body[data-replay-experience="flagship-2.5"] #replay-main {
    padding:calc(var(--r25-topbar) + 12px) 12px calc(var(--r25-mobile-nav) + 18px) !important;
  }
  body[data-replay-experience="flagship-2.5"] footer { display:none; }
  #replay-flagship-mobile-nav {
    position:fixed; display:grid; grid-template-columns:repeat(5,1fr); align-items:center;
    left:0; right:0; bottom:0; z-index:920; height:calc(var(--r25-mobile-nav) + env(safe-area-inset-bottom));
    padding:4px 5px env(safe-area-inset-bottom); background:rgba(5,9,15,.94); border-top:1px solid rgba(220,237,247,.075); backdrop-filter:blur(18px);
  }
  .r25-mobile-link { min-width:0; height:58px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; color:#98a9b7; text-decoration:none; font-size:9px; font-weight:650; }
  .r25-mobile-link svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .r25-mobile-link[aria-current="page"] { color:#fff; }
  .r25-mobile-link[aria-current="page"] svg { color:var(--r25-teal-bright); }
  body[data-replay-experience="flagship-2.5"] :is(.video-grid,.media-grid,.discovery-grid,.content-grid,.clip-grid,.slice-grid) { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:20px 10px !important; }
  body[data-replay-surface="watch"] > main, body[data-replay-surface="watch"] #replay-main { padding-left:0 !important; padding-right:0 !important; padding-top:var(--r25-topbar) !important; }
  body[data-replay-surface="watch"] :is(.watch-layout,.player-layout) { grid-template-columns:1fr !important; gap:14px !important; }
  body[data-replay-surface="watch"] :is(.player-shell,.player-os,.replay-player,.watch-player,.video-stage),
  body[data-replay-surface="watch"] video:not(#replay-flagship-miniplayer video) { border-radius:0 !important; }
  body[data-replay-surface="watch"] :is(.watch-meta,.watch-title,.video-title,.creator-row,.description-panel,.comments-panel,.watch-actions) { margin-left:12px !important; margin-right:12px !important; }
  #replay-flagship-miniplayer { right:10px; bottom:calc(var(--r25-mobile-nav) + env(safe-area-inset-bottom) + 9px); width:min(330px,calc(100vw - 20px)); }
  body[data-replay-surface="shorts"] > main, body[data-replay-surface="shorts"] #replay-main { padding:var(--r25-topbar) 0 calc(var(--r25-mobile-nav) + env(safe-area-inset-bottom)) !important; }
  body[data-replay-surface="shorts"] :is(.short-card,.shorts-card,.slice-player,.portrait-stage) { width:100% !important; max-width:520px; border-radius:0 !important; min-height:calc(100svh - var(--r25-topbar) - var(--r25-mobile-nav)); }
}

@media (max-width: 560px) {
  body[data-replay-experience="flagship-2.5"] :is(.video-grid,.media-grid,.discovery-grid,.content-grid,.clip-grid,.slice-grid) { grid-template-columns:1fr !important; gap:22px !important; }
  .r25-home-head { margin-bottom:14px; }
  .r25-home-head p { display:none; }
}

@media (min-width: 861px) and (max-width: 1120px) {
  body[data-replay-experience="flagship-2.5"] .topbar { grid-template-columns:minmax(165px,1fr) minmax(240px,480px) minmax(165px,1fr) !important; }
  body[data-replay-surface="watch"] :is(.watch-layout,.player-layout) { grid-template-columns:minmax(0,1fr) 310px !important; gap:18px !important; }
}

@media (prefers-color-scheme: light) {
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) {
    color:var(--r25-dark-text);
    background:var(--r25-porcelain);
  }
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) .topbar,
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) #replay-flagship-rail,
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) #replay-flagship-mobile-nav { background:rgba(248,251,252,.92) !important; border-color:rgba(7,24,38,.08) !important; color:var(--r25-dark-text); }
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) .r25-rail-link,
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) .r25-mobile-link { color:#536575; }
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) .r25-rail-link[aria-current="page"],
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) .r25-mobile-link[aria-current="page"] { color:#091722; }
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) .r25-search { background:#fff; border-color:rgba(7,24,38,.13); }
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) .r25-search input { color:var(--r25-dark-text); }
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) :is(.video-card,.media-card,.discovery-card,.content-card,.clip-card,.slice-card) :is(h2,h3,h4,.title) { color:var(--r25-dark-text) !important; }
  body[data-replay-experience="flagship-2.5"]:not([data-theme="dark"]):not(.dark) :is(.video-card,.media-card,.discovery-card,.content-card,.clip-card,.slice-card) :is(p,.meta,.subtext,.byline) { color:var(--r25-dark-muted) !important; }
}

/* Explicit existing theme selectors win over OS preference. */
body[data-replay-experience="flagship-2.5"][data-theme="light"],
body[data-replay-experience="flagship-2.5"].light {
  color:var(--r25-dark-text); background:var(--r25-porcelain);
}
body[data-replay-experience="flagship-2.5"][data-theme="light"] .topbar,
body[data-replay-experience="flagship-2.5"].light .topbar,
body[data-replay-experience="flagship-2.5"][data-theme="light"] #replay-flagship-rail,
body[data-replay-experience="flagship-2.5"].light #replay-flagship-rail { background:rgba(248,251,252,.93) !important; color:var(--r25-dark-text); }

@media (prefers-reduced-motion: reduce) {
  body[data-replay-experience="flagship-2.5"] *,
  body[data-replay-experience="flagship-2.5"] *::before,
  body[data-replay-experience="flagship-2.5"] *::after {
    scroll-behavior:auto !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}


/* REPLAY_25_CONSISTENCY_CONSTITUTION
   Browser-review corrective: one shell, one density language, one viewer/studio hierarchy. */

:root {
  --r25c-studio-rail: 224px;
  --r25c-app-max: 1560px;
  --r25c-content-gap: 24px;
}

body[data-replay-experience="flagship-2.5"] .topbar {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: minmax(220px, 1fr) minmax(320px, 680px) minmax(180px, 1fr) !important;
  padding: 0 26px 0 58px !important;
  gap: 22px !important;
}
body[data-replay-experience="flagship-2.5"] .topbar .brand { margin-left: 0 !important; }
body[data-replay-experience="flagship-2.5"] .topbar nav { min-width: 0 !important; gap: 6px !important; }
body[data-replay-experience="flagship-2.5"] .topbar nav > a.r25-redundant-toplink { display: none !important; }
body[data-replay-experience="flagship-2.5"] .topbar .r25-create-button { flex: 0 0 auto; }
body[data-replay-experience="flagship-2.5"] .topbar .r25-search { width: 100% !important; max-width: 680px !important; }
body[data-replay-experience="flagship-2.5"] .topbar .r25-studio-top-actions { display:flex; align-items:center; gap:8px; }
body[data-replay-experience="flagship-2.5"] .topbar .r25-studio-top-actions a {
  min-height:36px; display:inline-flex; align-items:center; padding:0 12px; border-radius:10px;
  color:var(--r25-text); text-decoration:none; font-size:12px; font-weight:700;
  border:1px solid rgba(220,237,247,.10); background:rgba(255,255,255,.045);
}

/* Desktop viewer rail is predictably wide; compact mode is reserved for smaller widths. */
@media (min-width: 1181px) {
  body[data-replay-experience="flagship-2.5"] #replay-flagship-rail { width: var(--r25-rail-wide) !important; }
  body[data-replay-experience="flagship-2.5"] #replay-flagship-rail .r25-nav-label { opacity:1 !important; transform:none !important; }
  body[data-replay-experience="flagship-2.5"] #replay-flagship-rail .r25-rail-caption { display:block !important; }
  body[data-replay-experience="flagship-2.5"] > main,
  body[data-replay-experience="flagship-2.5"] #replay-main { padding-left: calc(var(--r25-rail-wide) + 28px) !important; }
  body[data-replay-experience="flagship-2.5"] footer { margin-left: var(--r25-rail-wide) !important; }
}
@media (min-width: 861px) and (max-width: 1180px) {
  body[data-replay-experience="flagship-2.5"] #replay-flagship-rail { width: 76px !important; }
  body[data-replay-experience="flagship-2.5"] > main,
  body[data-replay-experience="flagship-2.5"] #replay-main { padding-left: 98px !important; }
}

/* App pages do not use a marketing footer. */
body[data-replay-experience="flagship-2.5"] footer { display:none !important; }

/* Public utility pages use product-scale headers, not campaign-scale hero copy. */
body[data-replay-experience="flagship-2.5"] .r25-legacy-marketing-hero { display:none !important; }
body[data-replay-experience="flagship-2.5"] .r25-utility-intro {
  max-width: var(--r25c-app-max) !important; margin: 20px auto 28px !important; padding: 0 !important;
  border: 0 !important; background: transparent !important; box-shadow:none !important;
}
body[data-replay-experience="flagship-2.5"] .r25-utility-intro :is(.eyebrow,.section-kicker) { display:none !important; }
body[data-replay-experience="flagship-2.5"] .r25-utility-intro h1 {
  margin:0 !important; max-width: 880px !important; font-size: clamp(34px,4vw,54px) !important;
  line-height:1.02 !important; letter-spacing:-.045em !important; font-weight:800 !important;
  color:var(--r25-text) !important; background:none !important; -webkit-text-fill-color: currentColor !important;
}
body[data-replay-experience="flagship-2.5"] .r25-utility-intro p {
  margin:10px 0 0 !important; max-width:760px !important; color:var(--r25-muted) !important; font-size:15px !important; line-height:1.55 !important;
}
body[data-replay-experience="flagship-2.5"] .r25-utility-intro .gradient-word,
body[data-replay-experience="flagship-2.5"] .r25-utility-intro [class*="gradient"] {
  color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor !important;
}

/* Consistent inner width for viewer surfaces. */
body[data-replay-surface="explore"] #replay-main > *,
body[data-replay-surface="library"] #replay-main > *,
body[data-replay-surface="community"] #replay-main > *,
body[data-replay-surface="live"] #replay-main > * { max-width:var(--r25c-app-max); margin-left:auto; margin-right:auto; }

/* Empty states are useful, compact and visually intentional. */
body[data-replay-experience="flagship-2.5"] .empty-state,
body[data-replay-experience="flagship-2.5"] .r25-normalized-empty {
  min-height: 260px !important; max-width: 760px !important; margin: 36px auto !important; padding: 38px 28px !important;
  display:flex !important; flex-direction:column; align-items:center; justify-content:center;
  border:1px dashed rgba(220,237,247,.10) !important; border-radius:18px !important;
  background:rgba(255,255,255,.018) !important; text-align:center !important;
}
body[data-replay-experience="flagship-2.5"] :is(.empty-state,.r25-normalized-empty) h2 {
  font-size:clamp(22px,2.4vw,30px) !important; margin:12px 0 7px !important; letter-spacing:-.025em !important;
}
body[data-replay-experience="flagship-2.5"] :is(.empty-state,.r25-normalized-empty) p { margin:0 auto 18px !important; max-width:560px !important; }

/* Shorts zero-state hints at the actual medium instead of leaving an empty black field. */
.r25-shorts-zero-visual {
  width:154px; aspect-ratio:9/16; border-radius:22px; border:1px solid rgba(220,237,247,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  display:grid; place-items:center; margin:0 auto 24px; position:relative; overflow:hidden;
}
.r25-shorts-zero-visual::before { content:""; width:54px; height:54px; border-radius:50%; border:1px solid rgba(220,237,247,.15); }
.r25-shorts-zero-visual::after { content:"▶"; position:absolute; font-size:18px; opacity:.7; transform:translateX(2px); }

/* Creator Studio has its own professional workspace shell. */
#replay-studio-rail { display:none; }
body[data-replay-surface="studio"] #replay-studio-rail {
  display:block; position:fixed; top:var(--r25-topbar); left:0; bottom:0; z-index:805;
  width:var(--r25c-studio-rail); padding:18px 12px; background:rgba(5,9,15,.94);
  border-right:1px solid rgba(220,237,247,.07); backdrop-filter:blur(16px);
}
.r25-studio-rail-head { display:flex; align-items:center; justify-content:space-between; padding:7px 10px 15px; }
.r25-studio-rail-title { font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#8297a9; }
.r25-studio-version { font-size:10px; color:#607589; }
.r25-studio-nav { display:grid; gap:4px; }
.r25-studio-link { min-height:44px; display:flex; align-items:center; gap:11px; padding:0 12px; border-radius:11px; color:#b8c5d0; text-decoration:none; font-size:13px; font-weight:650; }
.r25-studio-link:hover { color:#fff; background:rgba(255,255,255,.05); }
.r25-studio-link[aria-current="page"] { color:#fff; background:rgba(45,212,191,.10); }
.r25-studio-link svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
body[data-replay-surface="studio"] #replay-flagship-rail,
body[data-replay-surface="studio"] .r25-menu-button { display:none !important; }
body[data-replay-surface="studio"] > main,
body[data-replay-surface="studio"] #replay-main {
  max-width:none !important; width:100% !important; margin:0 !important;
  padding:calc(var(--r25-topbar) + 30px) 30px 54px calc(var(--r25c-studio-rail) + 30px) !important;
}
body[data-replay-surface="studio"] #replay-main > * { max-width:1320px; margin-left:auto; margin-right:auto; }
body[data-replay-surface="studio"] .r25-legacy-studio-tabs { display:none !important; }
body[data-replay-surface="studio"] .topbar .r25-create-button { display:none !important; }
body[data-replay-surface="studio"] :is(.hero,.studio-hero,.channel-hero,.analytics-hero,.community-hero) {
  min-height:0 !important; margin:0 auto 26px !important; padding:0 !important; border:0 !important;
  border-radius:0 !important; background:transparent !important; box-shadow:none !important;
}
body[data-replay-surface="studio"] :is(.hero,.studio-hero,.channel-hero,.analytics-hero,.community-hero) :is(.eyebrow,.section-kicker) { display:none !important; }
body[data-replay-surface="studio"] :is(.hero,.studio-hero,.channel-hero,.analytics-hero,.community-hero) h1 {
  max-width:900px !important; margin:0 !important; font-size:clamp(34px,4vw,52px) !important; line-height:1.02 !important;
  letter-spacing:-.045em !important; color:var(--r25-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important;
}
body[data-replay-surface="studio"] :is(.hero,.studio-hero,.channel-hero,.analytics-hero,.community-hero) p { max-width:760px !important; margin:10px 0 0 !important; color:var(--r25-muted) !important; }
body[data-replay-surface="studio"] .gradient-word { color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor !important; }

/* Studio controls use one component language. */
body[data-replay-surface="studio"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  width:100%; color:var(--r25-text) !important; background:#0d1720 !important;
  border:1px solid rgba(220,237,247,.14) !important; border-radius:10px !important;
  min-height:42px; padding:10px 12px !important; font:inherit; box-shadow:none !important;
}
body[data-replay-surface="studio"] textarea { min-height:108px; resize:vertical; }
body[data-replay-surface="studio"] :is(input,select,textarea):focus { outline:none !important; border-color:rgba(103,234,216,.45) !important; box-shadow:0 0 0 3px rgba(45,212,191,.08) !important; }
body[data-replay-surface="studio"] label { display:block; color:#aab9c5 !important; font-size:12px !important; font-weight:650 !important; margin-bottom:6px !important; }
body[data-replay-surface="studio"] :is(button,.button,[class*="button"]):not(.r25-menu-button):not(.r25-icon-button) { border-radius:10px; }
body[data-replay-surface="studio"] :is(.panel,.card,.surface,.studio-panel,.analytics-shell,.commerce-shell) {
  border-color:rgba(220,237,247,.09) !important; background:rgba(11,22,32,.68) !important; border-radius:16px !important; box-shadow:none !important;
}

/* Analytics and metrics: information first, typography restrained. */
body[data-replay-surface="studio"] :is(.metric-grid,.stats-grid,.summary-grid) { gap:1px !important; border-radius:16px !important; overflow:hidden; }
body[data-replay-surface="studio"] :is(.metric,.stat,.summary-card) { min-height:116px !important; padding:20px !important; }
body[data-replay-surface="studio"] :is(.metric,.stat,.summary-card) :is(.value,strong) { font-size:34px !important; letter-spacing:-.03em !important; }

/* Legacy Audience OS document-shell repair. */
body[data-replay-legacy="audience"] { font-family:inherit; }
body[data-replay-legacy="audience"] .r25-legacy-shell {
  max-width:var(--r25c-app-max); margin:0 auto; padding-top:calc(var(--r25-topbar) + 30px) !important;
  color:var(--r25-text); line-height:1.55;
}
body[data-replay-legacy="audience"] .r25-legacy-shell > a.r25-legacy-nav { display:none !important; }
body[data-replay-legacy="audience"] .r25-legacy-shell h1 { margin:0 0 10px; font-size:clamp(38px,4vw,58px); line-height:1.03; letter-spacing:-.045em; }
body[data-replay-legacy="audience"] .r25-legacy-shell h2 { margin:34px 0 10px; font-size:24px; letter-spacing:-.025em; }
body[data-replay-legacy="audience"] .r25-legacy-shell h3 { margin:22px 0 8px; font-size:17px; }
body[data-replay-legacy="audience"] .r25-legacy-shell p { max-width:820px; color:var(--r25-muted); }
body[data-replay-legacy="audience"] .r25-legacy-shell a { color:var(--r25-teal-bright); }
body[data-replay-legacy="audience"] .r25-audience-summary {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:28px 0;
  border:1px solid rgba(220,237,247,.09); border-radius:16px; overflow:hidden; background:rgba(220,237,247,.08);
}
body[data-replay-legacy="audience"] .r25-audience-summary > div { padding:18px; background:#0b1620; }
body[data-replay-legacy="audience"] .r25-audience-summary strong { display:block; font-size:28px; margin-top:6px; }

@media (max-width: 1180px) {
  body[data-replay-experience="flagship-2.5"] .topbar { grid-template-columns:minmax(170px,1fr) minmax(260px,520px) minmax(150px,1fr) !important; }
  :root { --r25c-studio-rail: 190px; }
}
@media (max-width: 860px) {
  body[data-replay-experience="flagship-2.5"] .topbar { width:100% !important; padding:0 12px !important; grid-template-columns:auto 1fr auto !important; }
  body[data-replay-surface="studio"] #replay-studio-rail { display:none !important; }
  body[data-replay-surface="studio"] > main,
  body[data-replay-surface="studio"] #replay-main { padding:calc(var(--r25-topbar) + 16px) 12px calc(var(--r25-mobile-nav) + 20px) !important; }
  body[data-replay-surface="studio"] #replay-flagship-mobile-nav { display:grid !important; }
  body[data-replay-legacy="audience"] .r25-audience-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-replay-experience="flagship-2.5"] .r25-utility-intro h1 { font-size:34px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-replay-experience="flagship-2.5"] .r25-shorts-zero-visual,
  body[data-replay-experience="flagship-2.5"] #replay-studio-rail { transition:none !important; animation:none !important; }
}


/* REPLAY_25_LEGACY_VERTICAL_REPAIR_CONSTITUTION
   Screenshot-driven corrective: native legacy verticals + public channel runtime. */

body[data-replay-legacy="audience"] .r25-legacy-original-header,
body[data-replay-legacy="audience"] .r25-legacy-original-footer,
body[data-replay-legacy="events"] .r25-legacy-original-header,
body[data-replay-legacy="events"] .r25-legacy-original-footer,
body[data-replay-legacy="audience"] :is(.constellation,.orbit),
body[data-replay-legacy="events"] :is(.constellation,.orbit) { display:none !important; }

body[data-replay-legacy="audience"] .r25-legacy-shell,
body[data-replay-legacy="events"] .r25-legacy-shell {
  width:100% !important; max-width:1560px !important; margin:0 auto !important;
  padding-top:calc(var(--r25-topbar) + 34px) !important; padding-right:36px !important; padding-bottom:72px !important;
}
body[data-replay-legacy="audience"] .r25-legacy-shell > :is(header,footer),
body[data-replay-legacy="events"] .r25-legacy-shell > :is(header,footer) { display:none !important; }
body[data-replay-legacy="audience"] .hero,
body[data-replay-legacy="events"] .hero,
body[data-replay-legacy="events"] .member-hero {
  min-height:0 !important; display:block !important; padding:0 !important; margin:0 0 26px !important;
  border:0 !important; background:none !important; box-shadow:none !important;
}
body[data-replay-legacy="audience"] .hero h1,
body[data-replay-legacy="events"] .hero h1,
body[data-replay-legacy="events"] .member-hero h1 {
  margin:8px 0 10px !important; max-width:920px !important; font-size:clamp(38px,4.4vw,62px) !important;
  line-height:1.02 !important; letter-spacing:-.05em !important; font-weight:820 !important;
  color:var(--r25-text) !important; font-family:inherit !important;
}
body[data-replay-legacy="audience"] .hero h1 em,
body[data-replay-legacy="events"] .hero h1 em { color:inherit !important; font-family:inherit !important; font-style:normal !important; }
body[data-replay-legacy="audience"] .lede,
body[data-replay-legacy="events"] .lede { max-width:820px !important; margin:0 !important; color:var(--r25-muted) !important; font-size:15px !important; line-height:1.6 !important; }
body[data-replay-legacy="audience"] .actions,
body[data-replay-legacy="events"] .actions { display:flex !important; flex-wrap:wrap; gap:8px !important; margin:20px 0 0 !important; }
body[data-replay-legacy="audience"] .actions a,
body[data-replay-legacy="events"] .actions a,
.r25-channel-action {
  display:inline-flex; min-height:38px; align-items:center; justify-content:center; padding:0 14px; border-radius:10px;
  border:1px solid rgba(220,237,247,.11); background:rgba(255,255,255,.045); color:var(--r25-text) !important;
  font-size:12px; font-weight:750; text-decoration:none;
}
body[data-replay-legacy="audience"] .metrics,
body[data-replay-legacy="events"] .metrics { display:none !important; }

.r25-legacy-summary {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1px; margin:26px 0 34px;
  border:1px solid rgba(220,237,247,.09); border-radius:16px; overflow:hidden; background:rgba(220,237,247,.08);
}
.r25-legacy-summary > div { padding:18px 20px; background:#0b1620; }
.r25-legacy-summary span { display:block; color:var(--r25-muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.r25-legacy-summary strong { display:block; margin-top:8px; color:var(--r25-text); font-size:28px; letter-spacing:-.035em; }

body[data-replay-legacy="audience"] :is(.section,.split),
body[data-replay-legacy="events"] :is(.section,.split) {
  display:grid !important; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr) !important; gap:48px !important;
  padding:38px 0 !important; margin:0 !important; border-top:1px solid rgba(220,237,247,.07);
}
body[data-replay-legacy="audience"] .heading,
body[data-replay-legacy="events"] .heading { display:contents !important; }
body[data-replay-legacy="audience"] :is(.heading,.split) h2,
body[data-replay-legacy="events"] :is(.heading,.split) h2 { margin:6px 0 8px !important; font-size:clamp(26px,3vw,38px) !important; letter-spacing:-.035em !important; }
body[data-replay-legacy="audience"] :is(.heading,.split) p,
body[data-replay-legacy="events"] :is(.heading,.split) p { color:var(--r25-muted) !important; max-width:760px; }
body[data-replay-legacy="audience"] .eyebrow,
body[data-replay-legacy="events"] .eyebrow { color:#7f95a8 !important; font-size:10px !important; letter-spacing:.12em !important; }
body[data-replay-legacy="audience"] :is(.grid,.tier-grid),
body[data-replay-legacy="events"] .grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
body[data-replay-legacy="audience"] :is(.card,.tier,.zero,.drop),
body[data-replay-legacy="events"] :is(.card,.zero) {
  border:1px solid rgba(220,237,247,.09) !important; border-radius:15px !important; background:rgba(11,22,32,.66) !important; box-shadow:none !important;
}
body[data-replay-legacy="audience"] :is(.card,.tier,.zero),
body[data-replay-legacy="events"] :is(.card,.zero) { padding:20px !important; }
body[data-replay-legacy="audience"] .zero b,body[data-replay-legacy="events"] .zero b{display:none !important;}
body[data-replay-legacy="audience"] .drop { padding:16px !important; margin-bottom:8px; }
body[data-replay-legacy="audience"] .principles,
body[data-replay-legacy="events"] .principles { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:10px !important; padding:32px 0 0 !important; }
body[data-replay-legacy="audience"] .principles article,
body[data-replay-legacy="events"] .principles article { padding:20px !important; border:1px solid rgba(220,237,247,.08) !important; border-radius:14px !important; background:rgba(255,255,255,.018) !important; }

/* Public channel is a real viewer surface, never a white 500 page. */
body[data-replay-channel-native="true"] { background:var(--r25-bg) !important; color:var(--r25-text) !important; }
.r25-channel-native { width:100%; max-width:1560px !important; margin:0 auto !important; padding-top:calc(var(--r25-topbar) + 38px) !important; padding-right:34px !important; padding-bottom:76px !important; }
.r25-channel-intro { max-width:880px; margin:0 0 32px; }
.r25-channel-intro h1,.r25-channel-copy h1 { margin:7px 0 9px; font-size:clamp(38px,4.8vw,66px); line-height:1; letter-spacing:-.05em; }
.r25-channel-intro p,.r25-channel-copy p { color:var(--r25-muted); max-width:760px; line-height:1.6; }
.r25-kicker { margin:0 !important; color:#7f95a8 !important; font-size:10px !important; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.r25-channel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.r25-channel-card { min-height:180px; display:flex; gap:18px; align-items:flex-start; padding:22px; border:1px solid rgba(220,237,247,.09); border-radius:17px; background:rgba(11,22,32,.66); text-decoration:none; color:inherit; }
.r25-channel-card:hover { border-color:rgba(103,234,216,.24); transform:translateY(-1px); }
.r25-channel-card-avatar,.r25-channel-avatar { display:grid; place-items:center; flex:0 0 auto; background:linear-gradient(145deg,#123041,#0c1e29); border:1px solid rgba(103,234,216,.14); color:#73ead9; font-weight:850; }
.r25-channel-card-avatar { width:62px; height:62px; border-radius:50%; font-size:20px; }
.r25-channel-card-copy { display:flex; min-width:0; flex-direction:column; gap:6px; }
.r25-channel-card-copy strong { font-size:18px; }
.r25-channel-card-copy small { color:#7f95a8; }
.r25-channel-card-copy span { margin-top:4px; color:var(--r25-muted); line-height:1.5; }
.r25-channel-hero { margin-bottom:38px; }
.r25-channel-banner { height:220px; border-radius:20px; background:radial-gradient(circle at 74% 30%,rgba(45,212,191,.18),transparent 33%),linear-gradient(120deg,#0b1721,#10283a 55%,#0c2026); border:1px solid rgba(220,237,247,.07); }
.r25-channel-identity { display:flex; gap:20px; align-items:flex-end; margin:-48px 28px 0; position:relative; }
.r25-channel-avatar { width:112px; height:112px; border-radius:50%; font-size:34px; border-width:5px; border-color:#071019; box-shadow:0 0 0 1px rgba(220,237,247,.08); }
.r25-channel-copy { padding:52px 0 0; }
.r25-channel-handle { color:#8da2b4; font-size:13px; margin:7px 0 0; }
.r25-channel-tabs { display:flex; gap:6px; margin:26px 28px 0; border-bottom:1px solid rgba(220,237,247,.08); }
.r25-channel-tabs a { padding:12px 14px; color:#93a5b4; text-decoration:none; font-size:13px; font-weight:700; border-bottom:2px solid transparent; }
.r25-channel-tabs a[aria-current="page"] { color:#fff; border-bottom-color:#5eead4; }
.r25-channel-section { padding:4px 28px 0; }
.r25-channel-section-head h2 { margin:5px 0 18px; font-size:30px; letter-spacing:-.03em; }
.r25-channel-video-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px 14px; }
.r25-channel-video { min-width:0; color:inherit; text-decoration:none; }
.r25-channel-video-poster { aspect-ratio:16/9; display:grid; place-items:center; border-radius:14px; border:1px solid rgba(220,237,247,.07); background:linear-gradient(150deg,#112735,#0b151e); color:#9db3c3; }
.r25-channel-video-poster span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.07); }
.r25-channel-video-copy { display:flex; flex-direction:column; gap:5px; padding:10px 2px 0; }
.r25-channel-video-copy strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.r25-channel-video-copy small { min-height:32px; color:#7f95a8; line-height:1.45; }
.r25-channel-empty { grid-column:1/-1; padding:34px; border:1px dashed rgba(220,237,247,.10); border-radius:16px; color:var(--r25-muted); background:rgba(255,255,255,.014); }
.r25-channel-empty strong { display:block; margin-bottom:7px; color:var(--r25-text); font-size:18px; }

@media(max-width:1100px){
  .r25-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .r25-channel-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  body[data-replay-legacy="audience"] :is(.section,.split),body[data-replay-legacy="events"] :is(.section,.split){grid-template-columns:1fr !important;gap:18px !important;}
}
@media(max-width:860px){
  body[data-replay-legacy="audience"] .r25-legacy-shell,body[data-replay-legacy="events"] .r25-legacy-shell,.r25-channel-native{padding-right:12px !important;padding-left:12px !important;}
  .r25-legacy-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-replay-legacy="audience"] .principles,body[data-replay-legacy="events"] .principles{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .r25-channel-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
  .r25-channel-grid,.r25-channel-video-grid{grid-template-columns:1fr;}
  .r25-channel-banner{height:148px;border-radius:14px;}
  .r25-channel-identity{margin:-34px 12px 0;align-items:flex-start;}
  .r25-channel-avatar{width:84px;height:84px;font-size:26px;}
  .r25-channel-copy{padding-top:40px;}
  .r25-channel-tabs,.r25-channel-section{margin-left:12px;margin-right:12px;padding-left:0;padding-right:0;overflow-x:auto;}
  body[data-replay-legacy="audience"] .principles,body[data-replay-legacy="events"] .principles{grid-template-columns:1fr !important;}
}
@media(prefers-reduced-motion:reduce){.r25-channel-card{transition:none !important;transform:none !important;}}


/* REPLAY_26_TRUST_RIGHTS_SAFETY_CONSTITUTION */
:root{--r26-trust-accent:#48e0d1;--r26-trust-blue:#5b9cff;--r26-trust-panel:rgba(14,29,36,.72);--r26-trust-line:rgba(147,224,232,.13)}
[data-replay-trust-surface]{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:48px 0 96px}
.r26-trust-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:42px;align-items:end;padding:46px 0 38px;border-bottom:1px solid var(--r26-trust-line)}
.r26-trust-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--r26-trust-accent)}
.r26-trust-hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.045em;margin:12px 0 18px;max-width:900px}
.r26-trust-hero p{max-width:760px;color:var(--replay-muted,#9aabb3);font-size:17px;line-height:1.65}
.r26-trust-badge{justify-self:end;min-width:260px;border:1px solid var(--r26-trust-line);border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(51,112,142,.18),rgba(22,54,63,.18));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.r26-trust-badge strong{display:block;font-size:34px;color:var(--r26-trust-accent)}
.r26-trust-badge span{color:var(--replay-muted,#9aabb3);font-size:12px}
.r26-trust-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;border:1px solid var(--r26-trust-line);border-radius:18px;overflow:hidden;background:var(--r26-trust-panel)}
.r26-trust-metric{padding:22px;border-right:1px solid var(--r26-trust-line)}.r26-trust-metric:last-child{border-right:0}.r26-trust-metric strong{display:block;font-size:30px}.r26-trust-metric span{display:block;margin-top:4px;color:var(--replay-muted,#9aabb3);font-size:12px}
.r26-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}.r26-trust-card{border:1px solid var(--r26-trust-line);border-radius:18px;padding:22px;background:rgba(255,255,255,.018)}.r26-trust-card h2,.r26-trust-card h3{margin:8px 0 10px}.r26-trust-card p{color:var(--replay-muted,#9aabb3);margin:0}.r26-trust-card a{display:inline-flex;margin-top:16px;color:var(--r26-trust-accent);font-weight:750}
.r26-trust-section{padding:42px 0 0}.r26-trust-section>h2{font-size:30px;margin:0 0 18px}.r26-trust-zero{border:1px dashed var(--r26-trust-line);border-radius:18px;padding:30px;background:rgba(255,255,255,.012)}.r26-trust-zero strong{font-size:19px}.r26-trust-zero p{color:var(--replay-muted,#9aabb3);max-width:760px;margin-bottom:0}
.r26-trust-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}.r26-trust-principles article{padding:20px;border-top:1px solid var(--r26-trust-line)}.r26-trust-principles b{color:var(--r26-trust-accent);font-size:11px}.r26-trust-principles h3{font-size:16px;margin:10px 0 8px}.r26-trust-principles p{font-size:13px;color:var(--replay-muted,#9aabb3)}
.r26-trust-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.r26-trust-actions a{padding:11px 15px;border-radius:11px;border:1px solid var(--r26-trust-line);font-weight:750}.r26-trust-actions a:first-child{background:linear-gradient(90deg,#1888b5,#24cdbd);color:#fff;border-color:transparent}
body[data-replay-route="trust"] #replay-flagship-rail a[href="/trust"]{background:rgba(40,203,191,.12);color:#eaffff}
@media(max-width:900px){[data-replay-trust-surface]{width:min(100% - 28px,760px);padding-top:18px}.r26-trust-hero{grid-template-columns:1fr}.r26-trust-badge{justify-self:stretch}.r26-trust-metrics{grid-template-columns:1fr 1fr}.r26-trust-grid{grid-template-columns:1fr}.r26-trust-principles{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.r26-trust-metrics,.r26-trust-principles{grid-template-columns:1fr}.r26-trust-metric{border-right:0;border-bottom:1px solid var(--r26-trust-line)}.r26-trust-metric:last-child{border-bottom:0}.r26-trust-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){[data-replay-trust-surface] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* REPLAY_27_DISTRIBUTION_DEVICE_CONSTITUTION */
[data-replay-distribution-document] { min-height: 100%; background: radial-gradient(circle at 72% 0%, rgba(32,205,190,.09), transparent 34%), var(--replay-bg, #07111d); color: var(--replay-text, #f5fbff); }
[data-replay-distribution-surface] { width: min(1440px, calc(100% - 56px)); margin: 0 auto; padding: clamp(32px, 5vw, 72px) 0 88px; }
.r27-dist-hero { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(260px,.65fr); gap: clamp(24px, 4vw, 60px); align-items: end; padding: clamp(28px, 4vw, 56px); border: 1px solid rgba(130,210,220,.12); border-radius: 30px; background: linear-gradient(135deg, rgba(13,34,54,.94), rgba(6,18,31,.92)); box-shadow: 0 28px 80px rgba(0,0,0,.24); }
.r27-dist-hero h1 { margin: 10px 0 16px; font-size: clamp(2.25rem, 5vw, 5.4rem); line-height: .96; letter-spacing: -.055em; max-width: 14ch; }
.r27-dist-hero p { max-width: 72ch; color: rgba(224,239,246,.76); font-size: 1rem; line-height: 1.7; }
.r27-dist-kicker { margin: 0; font-size: .73rem!important; font-weight: 800; letter-spacing: .18em; color: #66e0d4!important; }
.r27-dist-badge { display: grid; gap: 10px; padding: 22px; border-radius: 22px; background: rgba(255,255,255,.045); border: 1px solid rgba(117,222,216,.12); }
.r27-dist-badge span { color: rgba(222,238,245,.62); font-size: .76rem; line-height: 1.5; }
.r27-dist-badge strong { font-size: 1.42rem; letter-spacing: -.02em; }
.r27-dist-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 20px 0 38px; }
.r27-dist-metric { min-height: 118px; display: grid; align-content: center; gap: 8px; padding: 22px; border-radius: 20px; background: rgba(255,255,255,.035); border: 1px solid rgba(141,212,218,.09); }
.r27-dist-metric strong { font-size: clamp(1.75rem,3vw,2.75rem); font-variant-numeric: tabular-nums; }
.r27-dist-metric span { color: rgba(222,238,245,.62); font-size: .83rem; }
.r27-dist-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.r27-dist-card, .r27-dist-section { border-radius: 24px; border: 1px solid rgba(141,212,218,.09); background: rgba(8,22,36,.78); }
.r27-dist-card { padding: 26px; min-height: 220px; }
.r27-dist-card h2, .r27-dist-card h3, .r27-dist-section h2 { margin: 10px 0; letter-spacing: -.03em; }
.r27-dist-card p { color: rgba(222,238,245,.67); line-height: 1.65; }
.r27-dist-card a { color: #6fe9dc; text-decoration: none; font-weight: 700; }
.r27-dist-section { padding: 26px; margin: 0 0 20px; }
.r27-dist-zero { margin-top: 16px; padding: 26px; border-radius: 18px; background: rgba(255,255,255,.025); border: 1px dashed rgba(145,213,220,.16); }
.r27-dist-zero strong { display: block; margin-bottom: 6px; }
.r27-dist-zero p { margin: 0; color: rgba(222,238,245,.62); }
@media (max-width: 980px) { .r27-dist-hero { grid-template-columns: 1fr; } .r27-dist-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .r27-dist-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { [data-replay-distribution-surface] { width: min(100% - 28px, 1440px); padding-top: 20px; } .r27-dist-hero { padding: 24px; border-radius: 22px; } .r27-dist-hero h1 { font-size: clamp(2.1rem,12vw,3.4rem); } .r27-dist-metrics { grid-template-columns: 1fr 1fr; gap: 10px; } .r27-dist-metric { min-height: 96px; padding: 17px; } }
@media (prefers-reduced-motion:reduce) { [data-replay-distribution-surface] *, [data-replay-distribution-surface] *::before, [data-replay-distribution-surface] *::after { animation-duration: .01ms!important; transition-duration: .01ms!important; scroll-behavior: auto!important; } }


/* REPLAY_28_CREATOR_COMMAND_LUXURY_CONSTITUTION */
:root {
  --r28-ink:#06111d;
  --r28-ink-2:#091827;
  --r28-panel:rgba(10,27,43,.82);
  --r28-panel-strong:rgba(9,24,39,.94);
  --r28-line:rgba(139,214,221,.10);
  --r28-line-strong:rgba(139,224,220,.18);
  --r28-text:#f4fbff;
  --r28-muted:rgba(225,239,247,.66);
  --r28-soft:rgba(225,239,247,.46);
  --r28-teal:#69e2d7;
  --r28-cyan:#82cfff;
  --r28-blue:#5c8fff;
  --r28-shadow:0 30px 90px rgba(0,0,0,.28);
}

[data-replay-production-document] {
  min-height:100%; margin:0; overflow-x:hidden;
  background:
    radial-gradient(circle at var(--r28-pointer-x,78%) var(--r28-pointer-y,2%), rgba(70,212,201,.10), transparent 29rem),
    radial-gradient(circle at 8% 24%, rgba(55,103,205,.12), transparent 34rem),
    linear-gradient(180deg,#07131f 0%,#06111d 42%,#07121d 100%);
  color:var(--r28-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-rendering:optimizeLegibility;
}
[data-replay-production-document]::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.30;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:56px 56px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%);
}
[data-replay-production-document] a, [data-replay-production-document] button, [data-replay-production-document] input { font:inherit; }
[data-replay-production-document] a:focus-visible,[data-replay-production-document] button:focus-visible,[data-replay-production-document] input:focus-visible { outline:2px solid var(--r28-teal); outline-offset:3px; }
.r28-command-shell { position:relative; z-index:1; width:min(1520px,calc(100% - 48px)); margin:0 auto; padding:22px 0 96px; }
.r28-command-topbar { position:sticky; top:12px; z-index:30; min-height:58px; display:grid; grid-template-columns:auto minmax(180px,1fr) auto; align-items:center; gap:20px; padding:8px 10px 8px 8px; margin-bottom:24px; border:1px solid rgba(145,218,224,.09); border-radius:20px; background:rgba(5,15,26,.78); box-shadow:0 18px 52px rgba(0,0,0,.18); backdrop-filter:blur(24px) saturate(128%); }
.r28-brand { display:flex; align-items:center; gap:10px; padding:8px 12px; color:var(--r28-text); text-decoration:none; }
.r28-brand span { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:linear-gradient(145deg,rgba(95,235,220,.19),rgba(74,122,233,.17)); color:#a9fff5; border:1px solid rgba(114,237,227,.16); font-family:Georgia,serif; font-size:1.1rem; font-weight:700; }
.r28-brand strong { font-size:.98rem; letter-spacing:-.02em; }
.r28-command-topbar>div { min-width:0; display:grid; gap:2px; }
.r28-command-topbar>div b { font-size:.70rem; letter-spacing:.16em; color:rgba(233,245,250,.74); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.r28-command-topbar>div small { color:var(--r28-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.r28-command-topbar nav { display:flex; gap:4px; align-items:center; }
.r28-command-topbar nav a { padding:10px 12px; border-radius:12px; color:rgba(227,241,248,.64); text-decoration:none; font-size:.80rem; font-weight:700; transition:background .22s ease,color .22s ease,transform .22s ease; }
.r28-command-topbar nav a:hover,.r28-command-topbar nav a[aria-current="page"] { background:rgba(255,255,255,.055); color:#fff; transform:translateY(-1px); }

.r28-command-hero,.r28-page-hero { position:relative; overflow:hidden; border:1px solid var(--r28-line); box-shadow:var(--r28-shadow); background:linear-gradient(138deg,rgba(15,39,60,.94),rgba(6,18,31,.96) 58%,rgba(5,15,25,.98)); }
.r28-command-hero::before,.r28-page-hero::before { content:""; position:absolute; inset:-30% -10% auto auto; width:46rem; height:46rem; border-radius:50%; background:radial-gradient(circle,rgba(79,224,209,.10),rgba(90,135,255,.05) 42%,transparent 68%); pointer-events:none; }
.r28-command-hero { min-height:590px; display:grid; grid-template-columns:minmax(0,1.38fr) minmax(360px,.62fr); align-items:center; gap:54px; padding:clamp(42px,6vw,92px); border-radius:36px; }
.r28-command-hero-copy { position:relative; z-index:1; max-width:920px; }
.r28-kicker { margin:0!important; color:var(--r28-teal)!important; font-size:.70rem!important; line-height:1.3!important; font-weight:850!important; letter-spacing:.19em!important; text-transform:uppercase; }
.r28-command-hero h1,.r28-page-hero h1 { margin:12px 0 20px; font-weight:760; letter-spacing:-.06em; line-height:.94; text-wrap:balance; }
.r28-command-hero h1 { max-width:12.5ch; font-size:clamp(3rem,6.2vw,6.8rem); }
.r28-command-hero p,.r28-page-hero p { max-width:72ch; margin:0; color:var(--r28-muted); line-height:1.72; font-size:clamp(.98rem,1.25vw,1.12rem); }
.r28-command-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.r28-primary,.r28-ghost { display:inline-flex; min-height:44px; align-items:center; justify-content:center; gap:8px; padding:0 17px; border-radius:14px; text-decoration:none; cursor:pointer; transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease; }
.r28-primary { border:1px solid rgba(124,242,230,.26); background:linear-gradient(180deg,rgba(102,232,218,.19),rgba(55,144,164,.16)); color:#dffffb; font-weight:780; box-shadow:0 12px 38px rgba(29,146,151,.12); }
.r28-ghost { border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.035); color:rgba(240,248,252,.82); font-weight:720; }
.r28-primary:hover,.r28-ghost:hover { transform:translateY(-2px); border-color:rgba(126,233,224,.24); box-shadow:0 16px 36px rgba(0,0,0,.18); }

.r28-command-orbit { position:relative; width:min(100%,430px); aspect-ratio:1/1; justify-self:end; border-radius:50%; border:1px solid rgba(124,221,221,.10); background:radial-gradient(circle at 50% 48%,rgba(69,205,195,.09),rgba(13,34,52,.15) 42%,transparent 68%); }
.r28-command-orbit::before,.r28-command-orbit::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(128,210,219,.10); }
.r28-command-orbit::before { inset:12%; }
.r28-command-orbit::after { inset:27%; border-color:rgba(128,210,219,.08); }
.r28-orbit-core { position:absolute; inset:31%; z-index:2; display:grid; align-content:center; gap:7px; text-align:center; padding:18px; border-radius:50%; background:rgba(8,24,39,.88); border:1px solid rgba(116,229,218,.15); box-shadow:0 20px 70px rgba(0,0,0,.28); }
.r28-orbit-core span,.r28-hero-seal span,.r28-pack-card>span,.r28-pack-image span,.r28-pack-copy span { font-size:.61rem; font-weight:850; letter-spacing:.15em; color:var(--r28-teal); }
.r28-orbit-core strong { font-size:1.12rem; letter-spacing:-.03em; }
.r28-orbit-core small { color:var(--r28-soft); line-height:1.45; }
.r28-orbit-chip { position:absolute; display:grid; place-items:center; min-width:76px; min-height:38px; padding:0 12px; border-radius:999px; background:rgba(9,26,43,.92); border:1px solid rgba(135,219,223,.14); color:rgba(239,248,252,.74); font-size:.71rem; font-weight:760; box-shadow:0 12px 40px rgba(0,0,0,.18); }
.r28-orbit-a { top:5%; left:42%; } .r28-orbit-b { top:43%; right:-2%; } .r28-orbit-c { bottom:8%; left:48%; } .r28-orbit-d { top:48%; left:-2%; }

.r28-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0 32px; }
.r28-metric { position:relative; min-height:128px; display:grid; align-content:center; gap:6px; padding:24px; border:1px solid var(--r28-line); border-radius:22px; background:rgba(255,255,255,.026); overflow:hidden; }
.r28-metric::after { content:""; position:absolute; right:-28px; bottom:-44px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(99,229,216,.07),transparent 68%); }
.r28-metric>span { position:absolute; right:16px; top:14px; color:rgba(213,237,243,.24); font-size:.66rem; letter-spacing:.14em; }
.r28-metric strong { font-size:clamp(2rem,3vw,3rem); line-height:1; letter-spacing:-.055em; font-variant-numeric:tabular-nums; }
.r28-metric small { color:var(--r28-soft); font-weight:650; }

.r28-bento { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; }
.r28-feature { position:relative; min-height:310px; padding:30px; border:1px solid var(--r28-line); border-radius:26px; background:linear-gradient(145deg,rgba(12,31,49,.85),rgba(8,22,36,.88)); overflow:hidden; transition:transform .26s ease,border-color .26s ease,background .26s ease; }
.r28-feature:hover { transform:translateY(-3px); border-color:rgba(119,226,216,.18); background:linear-gradient(145deg,rgba(14,36,56,.91),rgba(8,22,36,.94)); }
.r28-feature:nth-child(1),.r28-feature:nth-child(2) { grid-column:span 6; }
.r28-feature:nth-child(n+3) { grid-column:span 4; }
.r28-feature::after { content:""; position:absolute; width:240px; height:240px; right:-90px; top:-110px; border-radius:50%; background:radial-gradient(circle,rgba(94,227,215,.07),transparent 70%); }
.r28-feature-icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:42px; border-radius:15px; color:#9ff8ee; border:1px solid rgba(124,230,222,.13); background:rgba(86,215,204,.055); }
.r28-feature-icon svg { width:24px; height:24px; }
.r28-feature h2 { max-width:14ch; margin:10px 0 12px; font-size:clamp(1.55rem,2.25vw,2.25rem); line-height:1.02; letter-spacing:-.045em; }
.r28-feature>p:not(.r28-kicker) { color:var(--r28-muted); line-height:1.62; max-width:55ch; }
.r28-feature>a { position:absolute; left:30px; bottom:28px; color:#8ef2e8; text-decoration:none; font-weight:750; font-size:.86rem; }
.r28-feature>a span { display:inline-block; transition:transform .2s ease; } .r28-feature>a:hover span { transform:translateX(4px); }
.r28-authority-strip { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:14px; overflow:hidden; border:1px solid var(--r28-line); border-radius:24px; background:var(--r28-line); }
.r28-authority-strip>div { display:grid; gap:7px; padding:26px; background:rgba(8,22,36,.92); }
.r28-authority-strip span { color:var(--r28-teal); font-size:.66rem; font-weight:850; letter-spacing:.16em; }
.r28-authority-strip strong { font-size:1.06rem; letter-spacing:-.02em; }
.r28-authority-strip small { color:var(--r28-soft); line-height:1.55; }

.r28-page-hero { min-height:360px; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr); align-items:end; gap:42px; padding:clamp(34px,5vw,66px); border-radius:32px; }
.r28-page-hero h1 { max-width:14ch; font-size:clamp(2.6rem,5.2vw,5.45rem); }
.r28-hero-seal { position:relative; z-index:1; display:grid; gap:9px; padding:24px; border-radius:22px; background:rgba(255,255,255,.035); border:1px solid rgba(133,222,220,.12); }
.r28-hero-seal strong { font-size:1.35rem; line-height:1.1; letter-spacing:-.035em; }
.r28-hero-seal small { color:var(--r28-soft); line-height:1.5; }
.r28-dual { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr); gap:14px; }
.r28-panel,.r28-calendar-stage,.r28-review-stage,.r28-language-map,.r28-access-matrix,.r28-lab-grid,.r28-release-ribbon { border:1px solid var(--r28-line); border-radius:26px; background:rgba(8,22,36,.82); }
.r28-panel { min-height:300px; padding:30px; }
.r28-panel h2 { max-width:18ch; margin:10px 0 28px; font-size:clamp(2rem,3.5vw,3.5rem); line-height:.98; letter-spacing:-.05em; }
.r28-panel h3 { font-size:1.55rem; letter-spacing:-.035em; }
.r28-panel p { color:var(--r28-muted); line-height:1.65; }
.r28-flow { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto; align-items:center; gap:10px; margin:38px 0 28px; }
.r28-flow span { padding:10px 12px; border-radius:999px; background:rgba(99,225,214,.055); border:1px solid rgba(99,225,214,.11); font-size:.74rem; font-weight:760; }
.r28-flow i { height:1px; background:linear-gradient(90deg,rgba(109,228,218,.28),rgba(89,130,218,.11)); }
.r28-zero { margin-top:24px; padding:22px; border-radius:18px; border:1px dashed rgba(135,218,222,.16); background:rgba(255,255,255,.018); }
.r28-zero strong { display:block; margin-bottom:7px; } .r28-zero p { margin:0; color:var(--r28-soft); }
.r28-statline { margin-top:34px; padding-top:22px; border-top:1px solid var(--r28-line); display:grid; gap:4px; }
.r28-statline strong { font-size:2.8rem; letter-spacing:-.055em; } .r28-statline span { color:var(--r28-soft); }

.r28-calendar-stage { padding:24px; }
.r28-calendar-head { display:flex; justify-content:space-between; gap:20px; align-items:end; padding:4px 4px 22px; }
.r28-calendar-head strong { font-size:1.45rem; letter-spacing:-.03em; } .r28-calendar-head span { color:var(--r28-soft); font-size:.8rem; }
.r28-calendar-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.r28-calendar-grid article { position:relative; min-height:230px; display:grid; align-content:start; gap:14px; padding:20px; border-radius:19px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.045); overflow:hidden; }
.r28-calendar-grid article::after { content:""; position:absolute; inset:auto 18px 18px 18px; height:1px; background:rgba(126,221,219,.11); }
.r28-calendar-grid span { color:var(--r28-teal); font-size:.64rem; font-weight:850; letter-spacing:.15em; }
.r28-calendar-grid strong { max-width:12ch; font-size:1.18rem; letter-spacing:-.025em; }
.r28-calendar-grid i { position:absolute; left:20px; bottom:34px; width:44%; height:5px; border-radius:999px; background:linear-gradient(90deg,rgba(100,226,214,.24),rgba(95,140,235,.08)); }

.r28-review-stage { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr); overflow:hidden; }
.r28-review-screen { min-height:480px; padding:28px; background:linear-gradient(145deg,rgba(10,29,47,.94),rgba(4,14,24,.98)); border-right:1px solid var(--r28-line); }
.r28-screen-label { display:inline-block; margin-bottom:18px; color:var(--r28-soft); font-size:.65rem; letter-spacing:.14em; font-weight:800; }
.r28-fake-frame { position:relative; aspect-ratio:16/9; border-radius:20px; overflow:hidden; border:1px solid rgba(140,218,223,.08); background:radial-gradient(circle at 54% 44%,rgba(96,214,206,.09),transparent 26%),linear-gradient(145deg,#0b1b2b,#07121e 70%); }
.r28-fake-frame::before { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.025) 50%,transparent 62%); transform:translateX(-100%); animation:r28-screen-sheen 8s ease-in-out infinite; }
.r28-fake-frame i { position:absolute; left:50%; top:50%; width:72px; height:72px; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(148,231,224,.14); box-shadow:inset 0 0 0 12px rgba(105,227,215,.025); }
.r28-timeline { position:relative; height:34px; margin-top:18px; border-top:1px solid rgba(136,219,222,.13); }
.r28-timeline span { position:absolute; left:var(--x); top:-5px; width:10px; height:10px; border-radius:50%; background:#82e8dd; box-shadow:0 0 0 5px rgba(130,232,221,.08); }
.r28-review-rail { padding:28px; }
.r28-review-rail h3 { margin:0 0 20px; font-size:1.35rem; letter-spacing:-.03em; }
.r28-gate { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 0; border-bottom:1px solid var(--r28-line); }
.r28-gate span { color:var(--r28-muted); } .r28-gate b { color:#9ff4eb; font-size:.76rem; }
.r28-review-rail p { margin-top:24px; color:var(--r28-soft); font-size:.78rem; line-height:1.55; }

.r28-language-map { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; overflow:hidden; background:var(--r28-line); }
.r28-language-map article { min-height:260px; display:grid; align-content:end; gap:9px; padding:26px; background:rgba(8,22,36,.96); }
.r28-language-map span { color:var(--r28-teal); font-size:.64rem; letter-spacing:.14em; font-weight:850; }
.r28-language-map strong { font-size:1.7rem; letter-spacing:-.045em; }
.r28-language-map p { margin:0; color:var(--r28-soft); line-height:1.55; }
.r28-access-matrix { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; overflow:hidden; background:var(--r28-line); }
.r28-access-matrix article { min-height:180px; display:grid; place-items:center; align-content:center; gap:12px; background:rgba(8,22,36,.95); }
.r28-access-matrix strong { display:grid; place-items:center; width:54px; height:54px; border-radius:17px; border:1px solid rgba(114,225,216,.13); color:#a1f6ed; font-size:1.05rem; }
.r28-access-matrix span { color:var(--r28-muted); font-size:.76rem; text-align:center; }

.r28-lab-grid { display:grid; grid-template-columns:1fr 1fr .8fr; gap:12px; padding:14px; }
.r28-pack-card { min-height:360px; padding:18px; border-radius:20px; border:1px solid rgba(255,255,255,.045); background:rgba(255,255,255,.022); }
.r28-pack-image { aspect-ratio:16/10; display:flex; align-items:flex-end; padding:18px; border-radius:16px; background:radial-gradient(circle at 70% 30%,rgba(97,224,214,.13),transparent 25%),linear-gradient(135deg,rgba(28,65,95,.82),rgba(8,23,38,.95)); }
.r28-pack-copy { aspect-ratio:16/10; display:grid; align-content:center; gap:12px; padding:24px; border-radius:16px; background:linear-gradient(145deg,rgba(78,109,190,.10),rgba(17,45,66,.70)); }
.r28-pack-copy strong { max-width:11ch; font-size:2rem; line-height:1.02; letter-spacing:-.05em; }
.r28-pack-card h3 { margin:18px 0 8px; font-size:1.1rem; } .r28-pack-card p { color:var(--r28-soft); line-height:1.55; }
.r28-pack-intel { display:grid; align-content:center; gap:12px; padding:28px; background:radial-gradient(circle at 80% 20%,rgba(91,228,214,.08),transparent 30%),rgba(255,255,255,.02); }
.r28-pack-intel strong { max-width:9ch; font-size:2.35rem; line-height:.98; letter-spacing:-.055em; }
.r28-pack-intel>span { color:var(--r28-teal); font-size:.64rem; letter-spacing:.15em; font-weight:850; }

.r28-release-ribbon { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:18px; padding:30px; }
.r28-release-ribbon>div { display:grid; gap:7px; }
.r28-release-ribbon>div span { color:var(--r28-teal); font-size:.66rem; font-weight:850; letter-spacing:.14em; }
.r28-release-ribbon>div strong { font-size:1.25rem; letter-spacing:-.03em; }
.r28-release-ribbon>div small { color:var(--r28-soft); }
.r28-release-ribbon>i { width:44px; height:1px; background:linear-gradient(90deg,rgba(101,228,216,.28),rgba(102,146,239,.10)); }

.r28-palette[hidden] { display:none!important; }
.r28-palette { position:fixed; inset:0; z-index:9999; display:grid; place-items:start center; padding:12vh 18px 18px; }
.r28-palette-backdrop { position:absolute; inset:0; background:rgba(2,8,14,.70); backdrop-filter:blur(14px); }
.r28-palette-panel { position:relative; width:min(680px,100%); overflow:hidden; border-radius:24px; border:1px solid rgba(136,225,220,.16); background:rgba(8,21,34,.97); box-shadow:0 40px 120px rgba(0,0,0,.48); }
.r28-palette-search { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--r28-line); }
.r28-palette-search span { padding:7px 9px; border-radius:9px; background:rgba(255,255,255,.045); color:var(--r28-soft); font-size:.67rem; font-weight:800; }
.r28-palette-search input { width:100%; border:0; outline:0; padding:10px 0; color:#fff; background:transparent; font-size:1rem; }
.r28-palette-search input::placeholder { color:rgba(230,242,248,.34); }
[data-r28-palette-results] { max-height:380px; overflow:auto; padding:8px; }
.r28-palette-item { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; padding:14px; border-radius:13px; color:rgba(238,248,252,.80); text-decoration:none; }
.r28-palette-item:hover,.r28-palette-item[data-active="true"] { background:rgba(103,226,214,.065); color:#fff; }
.r28-palette-item small { color:var(--r28-soft); }
.r28-palette-panel>small { display:block; padding:0 16px 14px; color:rgba(226,240,247,.36); }

[data-r28-reveal] { opacity:0; transform:translateY(12px); transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1); }
[data-r28-reveal][data-r28-visible="true"] { opacity:1; transform:none; }
@keyframes r28-screen-sheen { 0%,62%{transform:translateX(-110%)} 78%,100%{transform:translateX(120%)} }

@media (prefers-color-scheme:light) {
  :root { --r28-ink:#f4f8fb; --r28-ink-2:#eef4f8; --r28-panel:rgba(255,255,255,.86); --r28-panel-strong:rgba(255,255,255,.95); --r28-line:rgba(25,72,92,.10); --r28-line-strong:rgba(25,72,92,.16); --r28-text:#0a1b28; --r28-muted:rgba(13,39,55,.67); --r28-soft:rgba(13,39,55,.48); --r28-shadow:0 28px 76px rgba(40,74,90,.10); }
  [data-replay-production-document] { background:radial-gradient(circle at 80% 0%,rgba(76,196,190,.10),transparent 30rem),linear-gradient(180deg,#f8fbfd,#f1f6f9); color:var(--r28-text); }
  .r28-command-topbar { background:rgba(250,253,255,.84); border-color:rgba(23,77,95,.09); }
  .r28-brand,.r28-command-topbar nav a { color:#102633; }
  .r28-command-topbar>div b { color:rgba(15,41,55,.74); }
  .r28-command-hero,.r28-page-hero { background:linear-gradient(138deg,rgba(255,255,255,.96),rgba(242,248,251,.98)); }
  .r28-hero-seal,.r28-orbit-core,.r28-orbit-chip,.r28-feature,.r28-panel,.r28-calendar-stage,.r28-review-stage,.r28-language-map,.r28-access-matrix,.r28-lab-grid,.r28-release-ribbon,.r28-authority-strip>div { background:rgba(255,255,255,.82); }
  .r28-metric { background:rgba(255,255,255,.58); }
  .r28-primary { color:#0b4a4a; } .r28-ghost { color:#183341; background:rgba(255,255,255,.62); }
  .r28-review-screen { background:linear-gradient(145deg,#e9f1f5,#dfe9ef); }
  .r28-fake-frame { background:radial-gradient(circle at 60% 38%,rgba(62,180,174,.15),transparent 28%),linear-gradient(145deg,#d8e7ed,#edf4f7); }
  .r28-language-map,.r28-access-matrix,.r28-authority-strip { background:rgba(24,74,91,.09); }
  .r28-language-map article,.r28-access-matrix article { background:rgba(255,255,255,.92); }
  .r28-palette-backdrop { background:rgba(224,235,241,.72); } .r28-palette-panel { background:rgba(250,253,255,.98); } .r28-palette-search input { color:#102633; }
}

@media (max-width:1120px) {
  .r28-command-hero { grid-template-columns:1fr; min-height:auto; }
  .r28-command-orbit { justify-self:center; width:min(72vw,390px); }
  .r28-feature:nth-child(1),.r28-feature:nth-child(2),.r28-feature:nth-child(n+3) { grid-column:span 6; }
  .r28-access-matrix { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .r28-lab-grid { grid-template-columns:1fr 1fr; } .r28-pack-intel { grid-column:1/-1; min-height:240px; }
}
@media (max-width:860px) {
  .r28-command-shell { width:min(100% - 28px,1520px); }
  .r28-command-topbar { grid-template-columns:auto 1fr; } .r28-command-topbar nav { grid-column:1/-1; overflow:auto hidden; padding:0 4px 3px; scrollbar-width:none; } .r28-command-topbar nav::-webkit-scrollbar{display:none}
  .r28-page-hero,.r28-dual,.r28-review-stage { grid-template-columns:1fr; }
  .r28-review-screen { border-right:0; border-bottom:1px solid var(--r28-line); }
  .r28-metrics { grid-template-columns:1fr 1fr; }
  .r28-language-map { grid-template-columns:1fr 1fr; }
  .r28-calendar-grid { grid-template-columns:1fr 1fr; }
  .r28-authority-strip { grid-template-columns:1fr; }
  .r28-release-ribbon { grid-template-columns:1fr; } .r28-release-ribbon>i { width:1px; height:28px; margin-left:12px; }
}
@media (max-width:620px) {
  .r28-command-shell { width:min(100% - 20px,1520px); padding-top:10px; padding-bottom:72px; }
  .r28-command-topbar { top:8px; border-radius:17px; }
  .r28-command-topbar>div small { display:none; }
  .r28-command-hero { gap:28px; padding:28px 22px 32px; border-radius:25px; }
  .r28-command-hero h1 { font-size:clamp(2.65rem,13.5vw,4.2rem); max-width:11ch; }
  .r28-command-orbit { width:min(82vw,330px); }
  .r28-orbit-chip { min-width:62px; min-height:34px; font-size:.64rem; }
  .r28-page-hero { min-height:0; padding:30px 22px; border-radius:24px; }
  .r28-page-hero h1 { font-size:clamp(2.45rem,12vw,3.8rem); }
  .r28-metrics { gap:8px; margin-top:10px; } .r28-metric { min-height:104px; padding:18px; border-radius:18px; } .r28-metric strong { font-size:2.2rem; }
  .r28-bento { grid-template-columns:1fr; } .r28-feature:nth-child(1),.r28-feature:nth-child(2),.r28-feature:nth-child(n+3) { grid-column:auto; min-height:280px; }
  .r28-flow { grid-template-columns:1fr; } .r28-flow i { width:1px; height:16px; margin-left:18px; }
  .r28-calendar-grid,.r28-language-map,.r28-access-matrix,.r28-lab-grid { grid-template-columns:1fr; }
  .r28-pack-intel { grid-column:auto; }
  .r28-review-screen { min-height:360px; padding:18px; }
  .r28-command-actions { display:grid; grid-template-columns:1fr; } .r28-primary,.r28-ghost { width:100%; box-sizing:border-box; }
}
@media (prefers-reduced-motion:reduce) {
  [data-replay-production-surface] *,[data-replay-production-surface] *::before,[data-replay-production-surface] *::after,.r28-palette * { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
  [data-r28-reveal] { opacity:1!important; transform:none!important; }
}


/* REPLAY_29_VIEWER_INTELLIGENCE_LUXURY_CONSTITUTION
   Viewer-first, explainable, cinematic, calm. Deep sapphire + porcelain.
   Teal is state illumination, never wallpaper. No synthetic media imagery. */
:root{--r29-ink:#06111d;--r29-ink2:#091b2d;--r29-panel:rgba(12,29,47,.72);--r29-line:rgba(160,217,226,.13);--r29-text:#f4f8fb;--r29-muted:#9eb0bd;--r29-teal:#65e7d5;--r29-cyan:#91d9ff;--r29-blue:#3d78ff;--r29-porcelain:#f4f7f8;--r29-shadow:0 26px 70px rgba(0,0,0,.27);--r29-radius:26px;--r29-ease:cubic-bezier(.2,.8,.2,1)}
body[data-replay-viewer-intelligence-document]{margin:0;background:radial-gradient(1200px 720px at 82% -10%,rgba(43,115,178,.16),transparent 55%),linear-gradient(180deg,var(--r29-ink),#071522 58%,#06111d);color:var(--r29-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;letter-spacing:-.01em}
body[data-replay-viewer-intelligence-document] *{box-sizing:border-box}
body[data-replay-viewer-intelligence-document] a{color:inherit;text-decoration:none}
.r29-shell{width:min(1480px,calc(100% - 56px));margin:0 auto;padding:0 0 96px}
.r29-nav{height:84px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--r29-line);position:sticky;top:0;z-index:40;backdrop-filter:blur(24px) saturate(145%);background:linear-gradient(180deg,rgba(6,17,29,.9),rgba(6,17,29,.62))}
.r29-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:760}.r29-brand>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#123955,#0d253a);box-shadow:inset 0 0 0 1px rgba(136,233,230,.19),0 10px 30px rgba(0,0,0,.25);color:var(--r29-teal);font-family:Georgia,serif;font-style:italic}.r29-nav-title{display:grid;gap:2px;padding-left:18px;border-left:1px solid var(--r29-line)}.r29-nav-title b{font-size:10px;letter-spacing:.2em;color:var(--r29-teal)}.r29-nav-title small{color:var(--r29-muted);font-size:11px}.r29-nav nav{margin-left:auto;display:flex;gap:5px}.r29-nav nav a{padding:9px 12px;border-radius:999px;color:#c5d2db;font-size:13px;transition:.2s var(--r29-ease)}.r29-nav nav a:hover{background:rgba(255,255,255,.055);color:#fff}
.r29-cinema-hero,.r29-page-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;min-height:520px;padding:72px 6%;border-bottom:1px solid var(--r29-line)}.r29-cinema-hero:before,.r29-page-hero:before{content:"";position:absolute;inset:12% -12% auto auto;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(80,224,211,.12),rgba(74,132,255,.045) 45%,transparent 70%);filter:blur(8px);pointer-events:none}.r29-hero-copy,.r29-page-hero>div:first-child{position:relative;z-index:2;max-width:820px}.r29-kicker{font-size:10px;font-weight:780;letter-spacing:.22em;color:var(--r29-teal);margin:0 0 18px}.r29-cinema-hero h1,.r29-page-hero h1{font-size:clamp(46px,6vw,92px);line-height:.95;letter-spacing:-.055em;margin:0;max-width:1000px;font-weight:760;text-wrap:balance}.r29-page-hero h1{font-size:clamp(42px,5vw,76px)}.r29-cinema-hero p:not(.r29-kicker),.r29-page-hero p:not(.r29-kicker){font-size:clamp(16px,1.45vw,21px);line-height:1.65;color:#b2c3ce;max-width:760px;margin:24px 0 0}.r29-actions{display:flex;gap:10px;margin-top:30px}.r29-actions a{padding:13px 18px;border-radius:999px;background:var(--r29-text);color:#071521;font-size:13px;font-weight:750}.r29-actions a.ghost{background:rgba(255,255,255,.055);color:var(--r29-text);box-shadow:inset 0 0 0 1px var(--r29-line)}
.r29-orbit{position:relative;width:min(430px,36vw);aspect-ratio:1;margin:auto;display:grid;place-items:center}.r29-orbit:before,.r29-orbit:after{content:"";position:absolute;border:1px solid rgba(118,220,228,.16);border-radius:50%;inset:8%}.r29-orbit:after{inset:24%;border-style:dashed}.r29-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--r29-teal);box-shadow:0 0 28px rgba(101,231,213,.55)}.r29-orbit i:nth-child(1){left:13%;top:48%}.r29-orbit i:nth-child(2){right:18%;top:21%;background:var(--r29-cyan)}.r29-orbit i:nth-child(3){right:22%;bottom:17%;background:#8099ff}.r29-orbit span{width:142px;height:142px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.11),rgba(9,28,45,.88));box-shadow:inset 0 0 0 1px rgba(159,229,232,.18),var(--r29-shadow)}.r29-orbit b{font-size:34px}.r29-orbit small{color:var(--r29-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.r29-mode-bar{margin:22px 0 0;display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none}.r29-mode-bar>span{font-size:9px;letter-spacing:.18em;color:var(--r29-muted);margin-right:8px;white-space:nowrap}.r29-mode{border:0;color:#a9bbc6;background:rgba(255,255,255,.045);padding:9px 13px;border-radius:999px;font:inherit;font-size:12px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.r29-mode.active{color:#071822;background:var(--r29-teal);font-weight:760}
.r29-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0}.r29-metric{min-height:132px;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);display:grid;align-content:space-between}.r29-metric>span{font-size:9px;color:var(--r29-teal);letter-spacing:.16em}.r29-metric strong{font-size:32px;letter-spacing:-.04em}.r29-metric small{color:var(--r29-muted);font-size:11px}
.r29-lane{padding:44px 0}.r29-lane>header{display:flex;justify-content:space-between;align-items:end;gap:20px}.r29-lane h2,.r29-why-panel h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;margin:0}.r29-lane button,.r29-why-panel button{border:0;background:rgba(101,231,213,.09);color:var(--r29-teal);border-radius:999px;padding:11px 15px;font-weight:730;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(101,231,213,.16)}.r29-zero,.r29-media-placeholder{margin-top:24px;min-height:230px;border-radius:var(--r29-radius);padding:32px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(81,178,188,.08),transparent 55%),rgba(255,255,255,.022);box-shadow:inset 0 0 0 1px var(--r29-line)}.r29-zero>span,.r29-media-placeholder>span{font-size:9px;letter-spacing:.2em;color:var(--r29-teal)}.r29-zero strong{font-size:26px;margin-top:7px}.r29-zero p,.r29-media-placeholder p{max-width:560px;color:var(--r29-muted);line-height:1.6;margin:10px auto 0}.r29-principles,.r29-intent-grid,.r29-house-grid,.r29-privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 0}.r29-principles article,.r29-intent-grid article,.r29-house-grid article,.r29-privacy-grid article{padding:28px;border-radius:22px;background:rgba(255,255,255,.028);box-shadow:inset 0 0 0 1px var(--r29-line)}.r29-principles article>span,.r29-privacy-grid article>span,.r29-intent-grid b{font-size:9px;color:var(--r29-teal);letter-spacing:.16em}.r29-principles h3,.r29-intent-grid h3,.r29-house-grid b,.r29-privacy-grid h3{font-size:20px;margin:18px 0 8px}.r29-principles p,.r29-intent-grid p,.r29-house-grid p,.r29-privacy-grid p{color:var(--r29-muted);line-height:1.55;margin:0}
.r29-intent-card,.r29-vault,.r29-history-switch,.r29-serendipity,.r29-lock{justify-self:end;width:min(390px,100%);min-height:230px;border-radius:30px;background:linear-gradient(145deg,rgba(101,231,213,.09),rgba(94,126,255,.04)),rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(129,222,227,.15),var(--r29-shadow);display:grid;align-content:center;padding:32px;position:relative;z-index:2}.r29-intent-card>span,.r29-vault>span,.r29-history-switch>span,.r29-serendipity>span{font-size:9px;letter-spacing:.18em;color:var(--r29-teal)}.r29-intent-card strong,.r29-vault strong,.r29-history-switch strong,.r29-serendipity strong{font-size:26px;letter-spacing:-.035em;margin:9px 0}.r29-intent-card small,.r29-history-switch small,.r29-serendipity small{color:var(--r29-muted)}
.r29-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin:28px 0}.r29-feature{grid-column:span 4;min-height:190px;padding:28px;border-radius:24px;background:linear-gradient(140deg,rgba(255,255,255,.05),rgba(255,255,255,.018));box-shadow:inset 0 0 0 1px var(--r29-line);display:grid;gap:11px;transition:transform .25s var(--r29-ease),background .25s}.r29-feature:nth-child(1),.r29-feature:nth-child(5){grid-column:span 6}.r29-feature:hover{transform:translateY(-3px);background:rgba(255,255,255,.055)}.r29-feature>span{color:var(--r29-teal);font-size:10px;letter-spacing:.14em}.r29-feature strong{font-size:22px;line-height:1.25}.r29-feature i{font-style:normal;color:var(--r29-cyan);font-size:23px;align-self:end}.r29-stack-art{position:relative;width:320px;height:230px;justify-self:end}.r29-stack-art i{position:absolute;inset:25px 20px;border-radius:24px;background:linear-gradient(145deg,#173853,#0d2235);box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.07)}.r29-stack-art i:nth-child(2){transform:translate(-25px,18px) rotate(-5deg);opacity:.7}.r29-stack-art i:nth-child(3){transform:translate(25px,18px) rotate(5deg);opacity:.45}
.r29-control-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.r29-control-rail article{padding:25px;border-radius:22px;background:rgba(255,255,255,.028);box-shadow:inset 0 0 0 1px var(--r29-line)}.r29-control-rail b{font-size:17px}.r29-control-rail p{color:var(--r29-muted);line-height:1.5}.r29-house-grid{grid-template-columns:repeat(4,1fr)}.r29-household-orbit{position:relative;width:340px;height:280px;justify-self:end}.r29-household-orbit:before{content:"";position:absolute;inset:15%;border:1px solid var(--r29-line);border-radius:50%}.r29-household-orbit span{position:absolute;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#102b42;box-shadow:inset 0 0 0 1px rgba(116,221,220,.17),0 20px 40px rgba(0,0,0,.25);font-size:20px}.r29-household-orbit span:nth-child(1){left:12%;top:39%}.r29-household-orbit span:nth-child(2){right:12%;top:16%}.r29-household-orbit span:nth-child(3){right:10%;bottom:10%}.r29-household-orbit i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--r29-teal);left:50%;top:50%;box-shadow:0 0 24px var(--r29-teal)}
.r29-serendipity input{accent-color:var(--r29-teal);width:100%;margin:15px 0 8px}.r29-why-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:34px;border-radius:28px;background:linear-gradient(120deg,rgba(101,231,213,.075),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(101,231,213,.12)}.r29-why-panel>div>span{font-size:9px;letter-spacing:.19em;color:var(--r29-teal)}.r29-why-panel p{color:var(--r29-muted);line-height:1.6;max-width:760px}.r29-lock{place-items:center;text-align:center}.r29-lock i{width:74px;height:64px;border:2px solid var(--r29-teal);border-radius:17px;position:relative;margin-bottom:18px}.r29-lock i:before{content:"";position:absolute;width:38px;height:32px;border:2px solid var(--r29-teal);border-bottom:0;border-radius:24px 24px 0 0;left:16px;top:-27px}.r29-lock strong{font-size:22px}.r29-lock span{color:var(--r29-teal);font-size:10px;letter-spacing:.18em;margin-top:7px}.r29-privacy-grid{grid-template-columns:repeat(4,1fr)}
.r29-why-drawer{position:fixed;z-index:110;right:18px;top:18px;bottom:18px;width:min(460px,calc(100% - 36px));padding:42px 34px;border-radius:30px;background:linear-gradient(180deg,#0d2437,#091824);box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 0 0 1px rgba(139,226,227,.16);transform:translateX(0);animation:r29Drawer .34s var(--r29-ease)}.r29-why-drawer>button{position:absolute;right:22px;top:20px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:20px;cursor:pointer}.r29-why-drawer>span{font-size:9px;letter-spacing:.2em;color:var(--r29-teal)}.r29-why-drawer h2{font-size:38px;letter-spacing:-.045em;margin:24px 0 16px}.r29-why-drawer p{font-size:17px;line-height:1.65;color:#c2d1da}.r29-why-drawer small{display:block;margin-top:28px;padding-top:20px;border-top:1px solid var(--r29-line);color:var(--r29-muted);line-height:1.5}.r29-drawer-backdrop{position:fixed;z-index:100;inset:0;background:rgba(1,7,13,.64);backdrop-filter:blur(5px)}@keyframes r29Drawer{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}
[data-r29-reveal]{opacity:0;transform:translateY(10px);transition:opacity .55s var(--r29-ease),transform .55s var(--r29-ease)}[data-r29-reveal].is-visible{opacity:1;transform:none}
@media(max-width:900px){.r29-shell{width:min(100% - 28px,1480px)}.r29-nav{height:72px}.r29-nav nav{display:none}.r29-cinema-hero,.r29-page-hero{grid-template-columns:1fr;min-height:auto;padding:52px 0;gap:36px}.r29-orbit{width:min(360px,80vw)}.r29-intent-card,.r29-vault,.r29-history-switch,.r29-serendipity,.r29-lock,.r29-stack-art,.r29-household-orbit{justify-self:start}.r29-metrics{grid-template-columns:repeat(2,1fr)}.r29-principles,.r29-intent-grid,.r29-control-rail{grid-template-columns:1fr}.r29-house-grid,.r29-privacy-grid{grid-template-columns:repeat(2,1fr)}.r29-feature{grid-column:span 6!important}.r29-why-panel{grid-template-columns:1fr}}
@media(max-width:560px){.r29-shell{width:calc(100% - 20px);padding-bottom:70px}.r29-nav-title{display:none}.r29-cinema-hero h1,.r29-page-hero h1{font-size:42px}.r29-cinema-hero,.r29-page-hero{padding:40px 4px}.r29-orbit{width:280px}.r29-metrics{gap:7px}.r29-metric{min-height:112px;padding:17px}.r29-metric strong{font-size:26px}.r29-feature-grid{grid-template-columns:1fr}.r29-feature{grid-column:1!important;min-height:150px}.r29-house-grid,.r29-privacy-grid{grid-template-columns:1fr}.r29-why-drawer{inset:10px;width:auto;border-radius:24px}.r29-actions{flex-wrap:wrap}}
@media(prefers-color-scheme:light){body[data-replay-viewer-intelligence-document]{background:radial-gradient(1000px 650px at 88% -10%,rgba(62,145,181,.13),transparent 60%),var(--r29-porcelain);color:#10202a}.r29-nav{background:rgba(244,247,248,.84);border-color:rgba(14,50,65,.09)}.r29-nav nav a{color:#45616e}.r29-cinema-hero p:not(.r29-kicker),.r29-page-hero p:not(.r29-kicker),.r29-zero p,.r29-media-placeholder p,.r29-principles p,.r29-intent-grid p,.r29-house-grid p,.r29-privacy-grid p,.r29-control-rail p,.r29-why-panel p{color:#617580}.r29-metric,.r29-feature,.r29-principles article,.r29-intent-grid article,.r29-house-grid article,.r29-privacy-grid article,.r29-control-rail article{background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(19,62,79,.08),0 18px 48px rgba(23,55,70,.06)}.r29-zero,.r29-media-placeholder{background:rgba(255,255,255,.55)}.r29-mode{color:#4d6673;background:rgba(12,49,66,.05)}.r29-intent-card,.r29-vault,.r29-history-switch,.r29-serendipity,.r29-lock{background:linear-gradient(145deg,rgba(95,225,210,.12),rgba(255,255,255,.8));box-shadow:inset 0 0 0 1px rgba(23,84,97,.09),0 24px 70px rgba(32,67,82,.1)}.r29-why-panel{background:linear-gradient(120deg,rgba(83,218,201,.13),rgba(255,255,255,.65))}}
@media(prefers-reduced-motion:reduce){body[data-replay-viewer-intelligence-document] *,body[data-replay-viewer-intelligence-document] *:before,body[data-replay-viewer-intelligence-document] *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important}.r29-orbit i{box-shadow:none}[data-r29-reveal]{opacity:1;transform:none}}


/* REPLAY_30_BROADCAST_COMMAND_LUXURY_CONSTITUTION */
:root{--r30-ink:#eefaff;--r30-muted:#8daabb;--r30-line:rgba(107,224,231,.14);--r30-glass:rgba(6,22,38,.72);--r30-panel:rgba(8,27,47,.78);--r30-signal:#68e0e7;--r30-warm:#f3bb72;--r30-bg:#020a12}
[data-replay-broadcast-document]{margin:0;background:radial-gradient(1100px 700px at 75% -10%,rgba(15,104,132,.22),transparent 62%),radial-gradient(800px 500px at 10% 30%,rgba(31,74,115,.18),transparent 64%),var(--r30-bg);color:var(--r30-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
.r30-shell{max-width:1540px;margin:auto;padding:20px 30px 70px}.r30-nav{height:64px;display:grid;grid-template-columns:1fr auto 2fr;align-items:center;border:1px solid var(--r30-line);background:rgba(2,11,19,.74);backdrop-filter:blur(28px);border-radius:22px;padding:0 20px;position:sticky;top:12px;z-index:30;box-shadow:0 22px 70px rgba(0,0,0,.28)}.r30-brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.r30-brand span{font-family:Georgia,serif;font-style:italic;font-size:29px;color:var(--r30-signal)}.r30-nav>div{text-align:center}.r30-nav>div b{display:block;font-size:11px;letter-spacing:.16em}.r30-nav>div small{color:var(--r30-muted)}.r30-nav nav{justify-self:end;display:flex;gap:8px;align-items:center}.r30-nav a,.r30-nav button{color:var(--r30-muted);text-decoration:none;border:0;background:transparent;padding:10px 12px;border-radius:12px;font:inherit;font-size:12px}.r30-nav a:hover,.r30-nav button:hover{background:rgba(104,224,231,.08);color:var(--r30-ink)}
.r30-hero{display:grid;grid-template-columns:1.35fr .65fr;min-height:410px;align-items:center;padding:50px 4vw 30px}.r30-kicker{font-size:11px;letter-spacing:.22em;color:var(--r30-signal)}.r30-hero h1{font-size:clamp(48px,7vw,108px);line-height:.88;letter-spacing:-.065em;margin:15px 0 22px;max-width:950px}.r30-hero>div>p:not(.r30-kicker){max-width:720px;color:var(--r30-muted);font-size:17px;line-height:1.7}.r30-authority{display:flex;gap:12px;align-items:center;margin-top:24px;font-size:10px;letter-spacing:.12em}.r30-authority span{padding:9px 12px;background:rgba(104,224,231,.09);border:1px solid rgba(104,224,231,.2);border-radius:999px;color:var(--r30-signal)}.r30-authority strong{color:var(--r30-warm);font-weight:600}.r30-signal-orbit{width:min(30vw,360px);aspect-ratio:1;border-radius:50%;justify-self:center;border:1px solid rgba(104,224,231,.16);position:relative;display:grid;place-items:center;box-shadow:inset 0 0 80px rgba(40,139,160,.08),0 0 110px rgba(10,100,130,.08)}.r30-signal-orbit:before,.r30-signal-orbit:after{content:"";position:absolute;border:1px solid rgba(104,224,231,.12);border-radius:50%;inset:13%}.r30-signal-orbit:after{inset:29%}.r30-signal-orbit i{width:12px;height:12px;background:var(--r30-signal);border-radius:50%;box-shadow:0 0 35px var(--r30-signal)}.r30-signal-orbit b,.r30-signal-orbit span{position:absolute;font-size:10px;letter-spacing:.18em}.r30-signal-orbit b{top:13%;color:var(--r30-signal)}.r30-signal-orbit span{bottom:13%;color:var(--r30-muted)}
.r30-program-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.r30-monitor{border:1px solid var(--r30-line);border-radius:26px;background:linear-gradient(145deg,rgba(7,26,44,.92),rgba(2,11,20,.88));overflow:hidden;box-shadow:0 28px 100px rgba(0,0,0,.3)}.r30-monitor header{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--r30-line);font-size:10px;letter-spacing:.15em}.r30-monitor header b{color:var(--r30-warm)}.r30-monitor.preview header b{color:var(--r30-signal)}.r30-monitor-stage{aspect-ratio:16/8.3;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at 50% 45%,rgba(43,122,150,.16),transparent 50%),linear-gradient(160deg,#061525,#02080e)}.r30-monitor-stage i{width:54px;height:54px;border-radius:50%;border:1px solid rgba(104,224,231,.26);box-shadow:0 0 70px rgba(104,224,231,.08)}.r30-monitor-stage strong{font-size:18px}.r30-monitor-stage small{color:var(--r30-muted);max-width:430px;text-align:center}
.r30-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0 24px}.r30-metric{min-height:126px;padding:16px;border-radius:18px;border:1px solid var(--r30-line);background:var(--r30-glass);display:flex;flex-direction:column}.r30-metric span{font-size:9px;color:var(--r30-signal);letter-spacing:.15em}.r30-metric strong{font-size:34px;margin:auto 0 4px}.r30-metric small{text-transform:uppercase;color:var(--r30-muted);font-size:9px;letter-spacing:.1em}.r30-flow,.r30-rundown,.r30-backstage,.r30-health{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.r30-flow article,.r30-cue,.r30-backstage article,.r30-health div{padding:22px;border:1px solid var(--r30-line);background:var(--r30-panel);border-radius:18px}.r30-flow i{align-self:center;text-align:center;color:var(--r30-signal)}.r30-flow span,.r30-cue b,.r30-backstage i,.r30-health span{color:var(--r30-signal);font-size:10px;letter-spacing:.14em}.r30-flow strong{display:block;margin-top:25px}.r30-rundown{grid-template-columns:1fr}.r30-cue{display:grid;grid-template-columns:55px 90px 1fr auto;align-items:center}.r30-cue i{color:var(--r30-muted);font-size:10px}.r30-cue.active{box-shadow:inset 3px 0 0 var(--r30-signal)}.r30-multiview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.r30-multiview article{aspect-ratio:16/9;background:linear-gradient(150deg,#081b2e,#02090f);border:1px solid var(--r30-line);border-radius:16px;display:grid;place-items:center;color:var(--r30-muted);font-size:10px;letter-spacing:.14em}.r30-backstage{grid-template-columns:repeat(3,1fr)}.r30-backstage article{display:grid;grid-template-columns:46px 1fr;gap:4px 12px}.r30-backstage i{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(104,224,231,.08)}.r30-backstage span{color:var(--r30-muted);font-size:11px}.r30-health{grid-template-columns:repeat(3,1fr)}.r30-health strong{display:block;margin:18px 0 3px}.r30-health small{color:var(--r30-muted)}.r30-truth{margin-top:24px;border-radius:28px;padding:40px;background:linear-gradient(120deg,rgba(8,34,55,.86),rgba(4,17,29,.85));border:1px solid var(--r30-line)}.r30-truth span{font-size:10px;color:var(--r30-signal);letter-spacing:.16em}.r30-truth h2{font-size:clamp(28px,4vw,56px);letter-spacing:-.04em;margin:12px 0}.r30-truth p{color:var(--r30-muted);max-width:850px;line-height:1.65}
.r30-command{position:fixed;inset:0;background:rgba(0,5,10,.64);backdrop-filter:blur(14px);z-index:100;display:grid;place-items:start center;padding-top:15vh}.r30-command[hidden]{display:none}.r30-command>div{width:min(760px,90vw);padding:18px;border-radius:24px;background:#071525;border:1px solid rgba(104,224,231,.22);box-shadow:0 40px 140px #000}.r30-command span,.r30-command small{display:block;color:var(--r30-muted);font-size:10px;letter-spacing:.12em}.r30-command input{width:100%;box-sizing:border-box;margin:12px 0;padding:17px;background:#020a12;color:var(--r30-ink);border:1px solid var(--r30-line);border-radius:14px;font:inherit;font-size:18px;outline:none}
@media(max-width:980px){.r30-nav{grid-template-columns:1fr auto}.r30-nav>div{display:none}.r30-nav nav a:nth-child(n+3){display:none}.r30-hero{grid-template-columns:1fr;min-height:auto;padding:60px 10px 30px}.r30-signal-orbit{display:none}.r30-program-grid{grid-template-columns:1fr}.r30-metrics{grid-template-columns:repeat(3,1fr)}.r30-flow{grid-template-columns:1fr}.r30-flow i{display:none}}
@media(max-width:620px){.r30-shell{padding:10px 10px 48px}.r30-nav{top:6px;height:56px;padding:0 12px;border-radius:16px}.r30-nav nav a{display:none}.r30-hero h1{font-size:54px}.r30-authority{align-items:flex-start;flex-direction:column}.r30-metrics{grid-template-columns:repeat(2,1fr)}.r30-multiview{grid-template-columns:1fr 1fr}.r30-backstage,.r30-health{grid-template-columns:1fr}.r30-cue{grid-template-columns:38px 70px 1fr}.r30-cue i{display:none}.r30-truth{padding:26px}}
@media(prefers-color-scheme:light){:root{--r30-ink:#071a28;--r30-muted:#567080;--r30-line:rgba(11,96,114,.14);--r30-glass:rgba(255,255,255,.78);--r30-panel:rgba(248,253,255,.9);--r30-bg:#f3f8fa}.r30-monitor,.r30-command>div{background:#f9fdff}.r30-monitor-stage,.r30-multiview article{background:linear-gradient(150deg,#e9f4f7,#f9fcfd)}[data-replay-broadcast-document]{background:radial-gradient(900px 500px at 80% 0,rgba(20,151,166,.12),transparent 60%),#f4f8fa}.r30-nav{background:rgba(250,254,255,.8)}}
@media(prefers-reduced-motion:reduce){.r30-shell *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}


/* REPLAY_31_MEDIA_FABRIC_LUXURY_CONSTITUTION
   Media is the interface. Quality is visible without turning Replay into a telemetry dashboard.
   Deep sapphire/graphite, restrained cyan, dense signal detail only where it earns the space. */
:root{--r31-bg:#061019;--r31-bg2:#091a25;--r31-ink:#eefaff;--r31-muted:#84a5b6;--r31-line:rgba(130,213,232,.15);--r31-cyan:#54d9e8;--r31-teal:#33b8b0;--r31-glass:rgba(8,26,38,.72);--r31-radius:26px;--r31-shadow:0 34px 90px rgba(0,0,0,.32)}
body[data-replay-media-fabric-document]{margin:0;background:radial-gradient(circle at 75% -10%,rgba(50,186,194,.17),transparent 30%),linear-gradient(145deg,var(--r31-bg),#07131d 48%,#06111b);color:var(--r31-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
.r31-shell{width:min(1480px,calc(100% - 42px));margin:auto;padding:18px 0 70px}.r31-nav{position:sticky;top:12px;z-index:18;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:12px 16px;border:1px solid var(--r31-line);border-radius:20px;background:rgba(5,16,25,.78);box-shadow:0 18px 48px rgba(0,0,0,.22);backdrop-filter:blur(22px) saturate(135%)}
.r31-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.r31-brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#256d85,#39c2be);font-family:Georgia,serif;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 8px 24px rgba(31,188,189,.24)}.r31-brand strong{font-size:16px;letter-spacing:.01em}.r31-nav>div{min-width:0}.r31-nav>div b{display:block;font-size:12px;letter-spacing:.16em}.r31-nav>div small{display:block;margin-top:2px;color:var(--r31-muted)}.r31-nav nav{display:flex;gap:6px;align-items:center}.r31-nav nav a,.r31-nav button{border:0;background:transparent;color:#b8d2dc;text-decoration:none;padding:9px 11px;border-radius:11px;font:inherit;font-size:12px;cursor:pointer}.r31-nav nav a:hover,.r31-nav button:hover{background:rgba(87,211,225,.09);color:#fff}
.r31-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:center;padding:64px 8px 34px}.r31-kicker{margin:0 0 12px;color:var(--r31-cyan);font-size:11px;font-weight:800;letter-spacing:.18em}.r31-hero h1{margin:0;font-size:clamp(44px,7vw,98px);line-height:.9;letter-spacing:-.065em;max-width:1000px}.r31-hero>div>p:not(.r31-kicker){max-width:820px;color:#aac3ce;font-size:17px;line-height:1.65}.r31-authority{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.r31-authority span,.r31-authority strong{font-size:10px;letter-spacing:.11em;border-radius:999px;padding:9px 12px;border:1px solid var(--r31-line);font-weight:800}.r31-authority span{background:rgba(63,206,205,.11);color:#92fff5}.r31-authority strong{color:#91adba;background:rgba(255,255,255,.025)}
.r31-quality-orbit{width:250px;height:250px;border-radius:50%;justify-self:end;position:relative;border:1px solid rgba(90,211,224,.22);box-shadow:inset 0 0 70px rgba(37,170,186,.08),0 30px 80px rgba(0,0,0,.3)}.r31-quality-orbit:before,.r31-quality-orbit:after{content:"";position:absolute;inset:20px;border:1px solid rgba(100,230,237,.13);border-radius:50%}.r31-quality-orbit:after{inset:54px}.r31-quality-orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--r31-cyan);left:19%;top:20%;box-shadow:0 0 0 10px rgba(78,220,228,.08),0 0 36px rgba(78,220,228,.7);animation:r31orbit 8s linear infinite}.r31-quality-orbit b{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:15px;letter-spacing:.18em}.r31-quality-orbit span{position:absolute;left:50%;top:58%;transform:translateX(-50%);color:var(--r31-muted);font-size:10px;letter-spacing:.14em}
.r31-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr);gap:16px}.r31-frame,.r31-ladder{border:1px solid var(--r31-line);border-radius:var(--r31-radius);background:linear-gradient(160deg,rgba(14,38,52,.84),rgba(7,19,29,.9));box-shadow:var(--r31-shadow);overflow:hidden}.r31-frame header{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--r31-line);font-size:10px;letter-spacing:.16em}.r31-frame header b{color:#7df3ed}.r31-frame>div{aspect-ratio:16/8.3;min-height:300px;display:grid;place-content:center;text-align:center;position:relative;background:radial-gradient(circle at 50% 35%,rgba(67,184,196,.19),transparent 34%),linear-gradient(145deg,#0b1c27,#061019)}.r31-frame>div i{width:92px;height:92px;border-radius:50%;border:1px solid rgba(88,219,230,.3);margin:0 auto 16px;box-shadow:inset 0 0 40px rgba(65,212,218,.09)}.r31-frame>div strong{font-size:24px;letter-spacing:-.03em}.r31-frame>div small{display:block;color:var(--r31-muted);max-width:560px;padding:10px 28px;line-height:1.5}.r31-ladder{padding:20px}.r31-ladder>span{font-size:10px;letter-spacing:.16em;color:var(--r31-muted)}.r31-ladder>div{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;margin:21px 0}.r31-ladder div b{font-size:12px;color:#8fb2c1}.r31-ladder div i{display:block;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--r31-cyan) var(--q),rgba(255,255,255,.07) var(--q));box-shadow:0 0 18px rgba(79,215,225,.12)}.r31-ladder .active b{color:#eaffff}.r31-ladder .active i{height:9px;box-shadow:0 0 26px rgba(79,215,225,.32)}.r31-ladder small{display:block;color:#5f7f8e;font-size:10px;line-height:1.5;margin-top:26px}
.r31-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.r31-metric{min-width:0;padding:16px;border:1px solid var(--r31-line);border-radius:18px;background:rgba(9,27,38,.58);backdrop-filter:blur(12px)}.r31-metric>span{display:block;color:#567a89;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.r31-metric strong{display:block;margin-top:12px;font-size:24px;letter-spacing:-.04em}.r31-metric small{display:block;margin-top:4px;color:#87a7b4;font-size:10px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r31-flow,.r31-route,.r31-integrity,.r31-tracks,.r31-waterfall{margin:16px 0;display:flex;align-items:center;gap:10px;padding:18px;border-radius:22px;border:1px solid var(--r31-line);background:rgba(8,24,35,.58);overflow:auto}.r31-flow article,.r31-route article,.r31-integrity div,.r31-tracks article{min-width:160px;flex:1;padding:18px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.r31-flow article span,.r31-route article span,.r31-integrity div span{display:block;color:#648595;font-size:9px;letter-spacing:.14em}.r31-flow article strong,.r31-route article strong,.r31-integrity div b{display:block;margin-top:7px;font-size:14px}.r31-flow>i,.r31-integrity>i,.r31-route>b{color:#55dbe4;font-style:normal}.r31-route article i{display:block;color:#6f909e;font-size:10px;margin-top:5px;font-style:normal}.r31-route .selected{box-shadow:inset 0 0 0 1px rgba(66,208,211,.22);background:rgba(51,184,176,.08)}.r31-tracks article{text-align:center;min-width:120px}.r31-tracks b{display:grid;place-items:center;margin:auto;width:44px;height:44px;border-radius:14px;background:rgba(76,215,222,.09);color:#aafff9}.r31-tracks span{display:block;margin-top:10px;color:#92adba;font-size:11px}.r31-waterfall{display:grid;grid-template-columns:1fr}.r31-waterfall div{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:14px}.r31-waterfall span{font-size:9px;letter-spacing:.12em;color:#7595a3}.r31-waterfall i{height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(66,218,224,.9) var(--w),rgba(255,255,255,.045) var(--w));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.r31-truth{margin:26px 0 0;padding:34px;border:1px solid var(--r31-line);border-radius:28px;background:linear-gradient(140deg,rgba(12,42,53,.76),rgba(8,20,30,.75))}.r31-truth>span{font-size:9px;letter-spacing:.16em;color:var(--r31-cyan)}.r31-truth h2{font-size:clamp(28px,4vw,52px);letter-spacing:-.045em;margin:12px 0}.r31-truth p{max-width:850px;color:#8eabb8;line-height:1.7}.r31-command{position:fixed;inset:0;z-index:80;display:grid;place-items:start center;padding-top:13vh;background:rgba(1,7,12,.7);backdrop-filter:blur(16px)}.r31-command[hidden]{display:none}.r31-command>div{width:min(720px,calc(100% - 32px));border:1px solid rgba(102,224,232,.2);border-radius:22px;background:#081824;box-shadow:0 44px 120px rgba(0,0,0,.62);padding:14px}.r31-command span{display:block;color:#5ddce4;font-size:9px;letter-spacing:.17em;margin:4px 5px 10px}.r31-command input{box-sizing:border-box;width:100%;font:inherit;font-size:22px;color:#fff;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);outline:0;border-radius:15px;padding:16px}.r31-command small{display:block;color:#658795;margin:10px 5px 3px}
@keyframes r31orbit{to{transform:rotate(360deg) translateX(18px)}}
@media(max-width:980px){.r31-hero{grid-template-columns:1fr}.r31-quality-orbit{display:none}.r31-stage{grid-template-columns:1fr}.r31-metrics{grid-template-columns:repeat(3,1fr)}.r31-nav nav a:nth-child(2),.r31-nav nav a:nth-child(3){display:none}}
@media(max-width:620px){.r31-shell{width:min(100% - 22px,1480px)}.r31-nav{grid-template-columns:auto 1fr auto;gap:10px}.r31-brand strong{display:none}.r31-nav nav a{display:none!important}.r31-hero{padding-top:42px}.r31-hero h1{font-size:48px}.r31-frame>div{min-height:230px}.r31-metrics{grid-template-columns:repeat(2,1fr)}.r31-truth{padding:24px}.r31-flow,.r31-route,.r31-integrity,.r31-tracks{padding:12px}}
@media(prefers-color-scheme:light){:root{--r31-bg:#f5fafc;--r31-bg2:#edf5f8;--r31-ink:#0b202b;--r31-muted:#607c89;--r31-line:rgba(25,91,111,.13);--r31-glass:rgba(248,252,253,.84);--r31-shadow:0 30px 80px rgba(18,62,75,.1)}body[data-replay-media-fabric-document]{background:radial-gradient(circle at 78% 0,rgba(83,207,208,.15),transparent 30%),linear-gradient(145deg,#fbfdfe,#f2f8fa);color:var(--r31-ink)}.r31-nav{background:rgba(251,254,255,.82)}.r31-nav nav a,.r31-nav button{color:#436674}.r31-hero>div>p:not(.r31-kicker){color:#557681}.r31-frame,.r31-ladder,.r31-truth{background:rgba(255,255,255,.8)}.r31-frame>div{background:radial-gradient(circle at 50% 35%,rgba(61,194,199,.13),transparent 35%),linear-gradient(145deg,#f2fafc,#e9f3f6)}.r31-metric,.r31-flow,.r31-route,.r31-integrity,.r31-tracks,.r31-waterfall{background:rgba(255,255,255,.65)}.r31-command{background:rgba(225,238,242,.72)}.r31-command>div{background:#fff}.r31-command input{color:#102a35;background:#f3f8fa}}
@media(prefers-reduced-motion:reduce){.r31-quality-orbit i{animation:none}*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Replay 3.2 Assurance Glass — additive final-ceiling treatment */
.r32-body{margin:0;background:radial-gradient(circle at 82% 6%,rgba(33,204,190,.10),transparent 32%),linear-gradient(145deg,#061116,#08191e 58%,#071217);color:#edf9f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.r32-body *{box-sizing:border-box}.r32-shell{max-width:1480px;margin:auto;padding:24px}.r32-top{height:76px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(152,235,227,.13);background:rgba(9,26,31,.72);backdrop-filter:blur(22px);border-radius:24px;padding:0 22px;box-shadow:0 24px 90px rgba(0,0,0,.26)}.r32-brand{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:12px;color:inherit;text-decoration:none}.r32-brand>span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#8ff7e9,#36b9c8);color:#062126;font-weight:900;box-shadow:0 0 32px rgba(76,225,211,.28)}.r32-brand b{font-size:17px;align-self:end}.r32-brand small{font-size:10px;letter-spacing:.18em;color:#7ca7a7}.r32-state{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.16em;color:#a7d9d5}.r32-state i{width:8px;height:8px;border-radius:50%;background:#7ef1d8;box-shadow:0 0 18px #5fe8cf}.r32-grid{display:grid;grid-template-columns:230px 1fr;gap:26px;margin-top:26px}.r32-nav{display:flex;flex-direction:column;gap:7px;position:sticky;top:24px;height:max-content;padding:12px;border:1px solid rgba(152,235,227,.10);background:rgba(8,24,28,.48);border-radius:22px}.r32-nav a{color:#83a8a8;text-decoration:none;padding:12px 14px;border-radius:14px;font-size:13px;transition:.2s ease}.r32-nav a:hover,.r32-nav a.active{color:#f2ffff;background:linear-gradient(90deg,rgba(58,202,190,.19),rgba(58,202,190,.03));transform:translateX(2px)}.r32-hero{min-height:330px;padding:48px;border-radius:34px;border:1px solid rgba(145,238,228,.13);background:linear-gradient(135deg,rgba(16,47,53,.82),rgba(8,24,29,.72));display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.r32-hero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(102,235,219,.13);border-radius:50%;right:-190px;top:-200px;box-shadow:0 0 80px rgba(68,216,201,.08) inset}.r32-hero>div:first-child{max-width:760px;z-index:1}.r32-hero small,.r32-panel small{font-size:10px;letter-spacing:.22em;color:#65cfc6}.r32-hero h1{font-size:clamp(42px,6vw,82px);letter-spacing:-.05em;line-height:.93;margin:20px 0}.r32-hero p{max-width:700px;color:#9fc0c0;font-size:17px;line-height:1.6}.r32-orbit{width:170px;height:170px;border-radius:50%;border:1px solid rgba(101,229,215,.3);display:grid;place-items:center;align-content:center;box-shadow:0 0 0 22px rgba(79,214,201,.035),0 0 80px rgba(79,214,201,.08);z-index:1}.r32-orbit span{font-size:58px;font-weight:800;letter-spacing:-.06em}.r32-orbit small{text-align:center;line-height:1.4}.r32-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.r32-metrics article{padding:24px;border-radius:20px;border:1px solid rgba(148,235,227,.10);background:rgba(10,30,34,.62)}.r32-metrics strong{display:block;font-size:30px}.r32-metrics span{color:#789d9d;font-size:12px}.r32-panel{padding:34px;border-radius:28px;border:1px solid rgba(148,235,227,.10);background:rgba(7,22,26,.74)}.r32-panel header{display:flex;align-items:end;justify-content:space-between;gap:20px}.r32-panel h2{font-size:30px;margin:8px 0 0}.r32-panel header a{color:#80e5da;text-decoration:none;font-size:12px}.r32-matrix{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(137,232,222,.08);margin-top:26px;border-radius:18px;overflow:hidden}.r32-matrix p{margin:0;padding:18px 20px;background:#0b2025;display:flex;justify-content:space-between;gap:20px}.r32-matrix b{font-size:12px}.r32-matrix span{font-size:12px;color:#83aaa9;text-align:right}.r32-matrix .wide{grid-column:1/-1}.r32-strip{margin-top:16px;border:1px solid rgba(149,235,227,.1);border-radius:20px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(40,159,153,.10),rgba(6,19,23,.6))}.r32-strip b,.r32-strip span{display:block}.r32-strip b{font-size:13px}.r32-strip span{font-size:12px;color:#789c9d;margin-top:5px}.r32-strip i{width:44px;height:4px;background:#52d4c6;border-radius:9px;box-shadow:0 0 22px rgba(82,212,198,.6)}@media(max-width:900px){.r32-shell{padding:12px}.r32-grid{grid-template-columns:1fr}.r32-nav{position:static;display:grid;grid-template-columns:1fr 1fr}.r32-hero{padding:28px;min-height:auto}.r32-orbit{display:none}.r32-metrics{grid-template-columns:1fr 1fr}}@media(max-width:560px){.r32-top{height:auto;padding:18px}.r32-state{display:none}.r32-nav{grid-template-columns:1fr}.r32-hero h1{font-size:42px}.r32-metrics,.r32-matrix{grid-template-columns:1fr}.r32-matrix .wide{grid-column:auto}.r32-panel{padding:22px}.r32-panel header{align-items:flex-start;flex-direction:column}}