:root {
  --bg: #080a11;
  --bg-soft: #0d101a;
  --surface: #111522;
  --surface-2: #171c2b;
  --surface-3: #1d2334;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.16);
  --text: #f7f8fc;
  --muted: #9ba3b7;
  --muted-2: #727b91;
  --success: #43d19e;
  --warning: #ffbd5d;
  --danger: #ff6176;
  --info: #65a8ff;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --shadow: 0 20px 60px rgba(0,0,0,.32);
  --shadow-soft: 0 12px 34px rgba(0,0,0,.18);
  --container: 1280px;
  --container-wide: 1360px;
  --content-measure: 780px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; max-width: 100%; overflow-x: clip; }
body { margin: 0; max-width: 100%; min-height: 100vh; overflow-x: hidden; color: var(--text); background: var(--bg); font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body::selection { background: color-mix(in srgb, var(--accent) 45%, transparent); color: #fff; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--accent); }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img, video { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.1; letter-spacing: -.025em; }
h1 { font-size: clamp(2.35rem, 4.5vw, 4.75rem); }
h2 { font-size: clamp(1.65rem, 2.7vw, 2.5rem); }
h3 { font-size: 1.08rem; }
code, pre, .mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
code { color: #d6ddf2; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; min-width: 0; }
.container-wide { width: min(calc(100% - 48px), var(--container-wide)); margin-inline: auto; min-width: 0; }
.reading-width { width: min(100%, var(--content-measure)); }
.section { padding-top: 74px; padding-bottom: 74px; }
.section-muted { background: linear-gradient(180deg, rgba(255,255,255,.022), transparent 80%), var(--bg-soft); border-block: 1px solid var(--line); }
.main-content { min-height: 62vh; min-width: 0; overflow: clip; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 10000; top: -50px; left: 15px; padding: 10px 16px; border-radius: 8px; background: var(--accent); color: white; transition: top .2s; }
.skip-link:focus { top: 15px; }

/* Shared controls */
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 18px; border: 1px solid transparent; border-radius: 11px; background: var(--accent); color: white; font-weight: 750; cursor: pointer; box-shadow: 0 8px 24px color-mix(in srgb, var(--accent) 22%, transparent); transition: transform .18s, filter .18s, border-color .18s, background .18s; }
.button:hover { color: white; filter: brightness(1.08); transform: translateY(-1px); }
.button:active { transform: translateY(0); }
.button:disabled { opacity: .42; cursor: not-allowed; transform: none; box-shadow: none; }
.button-ghost { background: rgba(255,255,255,.035); border-color: var(--line-strong); box-shadow: none; color: var(--text); }
.button-ghost:hover { background: rgba(255,255,255,.075); border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); }
.button-danger { background: color-mix(in srgb, var(--danger) 90%, #111); box-shadow: 0 8px 22px rgba(255,97,118,.18); }
.button-lg { min-height: 50px; padding: 13px 22px; border-radius: 13px; }
.button-sm { min-height: 36px; padding: 7px 13px; border-radius: 9px; font-size: .88rem; }
.button-xs { min-height: 30px; padding: 4px 9px; border-radius: 7px; font-size: .78rem; }
.button-wide { width: 100%; }
.button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.button-row.compact { gap: 6px; }
.text-link { color: var(--accent); font-weight: 700; }
.eyebrow { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 10px; color: var(--accent); text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 850; }
.status-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--muted-2); box-shadow: 0 0 0 4px rgba(255,255,255,.04); }
.status-dot:not([class*="status-"]), .live-pulse { background: var(--success); box-shadow: 0 0 0 5px rgba(67,209,158,.12), 0 0 18px rgba(67,209,158,.5); }
.status-dot.status-success, .status-dot.status-ok { background: var(--success); }
.status-dot.status-running { background: var(--info); animation: pulse 1.5s infinite; }
.status-dot.status-failed, .status-dot.status-error { background: var(--danger); }
.status-dot.status-never, .status-dot.status-skipped, .status-dot.status-warning { background: var(--warning); }
@keyframes pulse { 50% { opacity: .45; transform: scale(.8); } }

.field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.field > span { color: #d7dcec; font-size: .79rem; font-weight: 750; }
.field > span i { color: var(--muted-2); font-style: normal; font-weight: 500; }
.field small, .form-help { color: var(--muted); font-size: .75rem; }
.field em, .field-error { color: var(--danger); font-style: normal; font-size: .77rem; }
.field input, .field select, .field textarea, .inline-form input, .inline-form select, .table-form input, .table-form select, .input-xs { width: 100%; min-height: 42px; padding: 9px 12px; color: var(--text); background: rgba(5,7,12,.52); border: 1px solid var(--line-strong); border-radius: 10px; outline: none; transition: border-color .18s, box-shadow .18s, background .18s; }
.field textarea { resize: vertical; min-height: 100px; }
.field input:focus, .field select:focus, .field textarea:focus, .inline-form input:focus, .inline-form select:focus, .table-form input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); background: rgba(5,7,12,.78); }
.field input:disabled { opacity: .6; cursor: not-allowed; }
.field.grow { flex: 1 1 240px; }
.field-span-2 { grid-column: span 2; }
.password-field > div { position: relative; }
.password-field > div input { padding-right: 62px; }
.password-field > div button { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: 0; background: none; color: var(--accent); font-size: .75rem; font-weight: 800; cursor: pointer; }
.form-stack { display: flex; flex-direction: column; gap: 16px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 17px; }
.form-between { display: flex; justify-content: flex-end; font-size: .82rem; color: var(--accent); }
.inline-form { display: flex; align-items: center; gap: 7px; min-width: 180px; }
.inline-form > * { flex: 0 1 auto; }
.input-xs { width: 76px !important; min-height: 31px; padding: 4px 7px; }
.check-inline { display: inline-flex; align-items: center; gap: 8px; color: #d7dcec; white-space: nowrap; }
.check-inline input, .switch-list input { width: 17px; height: 17px; accent-color: var(--accent); }
.consent-card { display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: start; gap: 12px; min-width: 0; width: 100%; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); cursor: pointer; writing-mode: horizontal-tb; text-orientation: mixed; white-space: normal; }
.consent-card > input[type=checkbox] { appearance: auto; display: block; width: 18px !important; min-width: 18px; max-width: 18px; height: 18px !important; min-height: 0 !important; margin: 2px 0 0; padding: 0 !important; border: 0; accent-color: var(--accent); writing-mode: horizontal-tb; }
.consent-copy { display: grid; grid-template-columns: minmax(0,1fr); align-content: start; gap: 4px; min-width: 0; width: 100%; line-height: 1.4; writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; overflow-wrap: anywhere; word-break: normal; }
.consent-copy > strong, .consent-description { display: block; width: 100%; min-width: 0; writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; word-break: normal; overflow-wrap: anywhere; }
.consent-copy > strong { color: var(--text); font-size: .82rem; }
.consent-description { color: var(--muted); font-size: .75rem; }
.consent-description a { color: var(--accent); font-weight: 750; }
.switch-list { display: flex; flex-direction: column; gap: 9px; }
.switch-list > label { display: flex; align-items: flex-start; gap: 11px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.02); }
.switch-list > label > span { display: flex; flex-direction: column; line-height: 1.35; }
.switch-list > label small { color: var(--muted); font-size: .74rem; margin-top: 3px; }
.switch-list.compact { gap: 5px; }
.switch-list.compact > label { padding: 6px 8px; border: 0; background: transparent; }
.honeypot { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Header / footer */
.site-header { position: sticky; z-index: 900; top: 0; height: 78px; border-bottom: 1px solid var(--line); background: rgba(8,10,17,.82); backdrop-filter: blur(18px); }
.header-inner { height: 100%; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1.15; }
.brand strong { font-size: 1rem; letter-spacing: -.01em; }
.brand small { margin-top: 3px; color: var(--muted); font-size: .63rem; letter-spacing: .03em; }
.brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 12px; color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 95%, #fff), color-mix(in srgb, var(--accent) 60%, #240e24)); box-shadow: 0 10px 25px color-mix(in srgb, var(--accent) 24%, transparent), inset 0 1px rgba(255,255,255,.3); font-weight: 900; }
.primary-nav { display: flex; align-items: center; gap: 4px; }
.primary-nav a { padding: 9px 12px; border-radius: 9px; color: #bdc4d7; font-size: .88rem; font-weight: 650; }
.primary-nav a:hover { color: white; background: rgba(255,255,255,.055); }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 9px; }
.header-actions form { display: contents; }
.account-chip { display: inline-flex; align-items: center; gap: 8px; margin-right: 4px; color: #d8deed; font-size: .83rem; font-weight: 700; }
.avatar-mini { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 10px; background: color-mix(in srgb, var(--accent) 22%, var(--surface-2)); border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); color: white; font-weight: 850; }
.nav-toggle { display: none; margin-left: auto; width: 42px; height: 42px; padding: 9px; border: 1px solid var(--line); border-radius: 10px; background: transparent; }
.nav-toggle span:not(.sr-only) { display: block; height: 2px; margin: 4px 0; background: #fff; border-radius: 2px; }
.site-footer { border-top: 1px solid var(--line); background: #070910; padding: 58px 0 18px; }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 50px; }
.footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.footer-grid h3 { margin: 0 0 8px; font-size: .78rem; text-transform: uppercase; letter-spacing: .13em; color: #e8ebf4; }
.footer-grid a { color: var(--muted); font-size: .84rem; }
.footer-grid p { max-width: 500px; color: var(--muted); font-size: .83rem; }
.footer-brand { margin-bottom: 9px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 42px; padding-top: 17px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: .72rem; }

/* Flash */
.flash-stack { position: fixed; z-index: 2000; top: 92px; right: 18px; width: min(420px, calc(100% - 36px)); display: flex; flex-direction: column; gap: 8px; }
.flash { display: grid; grid-template-columns: 30px 1fr 24px; align-items: center; gap: 9px; padding: 13px 14px; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(20,24,36,.96); box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.flash > span { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 8px; font-weight: 900; }
.flash-success > span { background: rgba(67,209,158,.16); color: var(--success); }
.flash-error > span { background: rgba(255,97,118,.16); color: var(--danger); }
.flash-warning > span { background: rgba(255,189,93,.16); color: var(--warning); }
.flash-info > span { background: rgba(101,168,255,.16); color: var(--info); }
.flash button { border: 0; background: none; color: var(--muted); cursor: pointer; font-size: 1.2rem; }

/* Hero */
.hero-section { position: relative; overflow: hidden; padding: 90px 0 0; background: radial-gradient(circle at 80% 25%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 34%), radial-gradient(circle at 5% 20%, rgba(67,100,255,.08), transparent 28%); }
.hero-section::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, #000, transparent 82%); }
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); align-items: center; min-height: 470px; gap: clamp(36px,5vw,62px); }
.hero-copy h1 { margin: 12px 0 22px; max-width: 690px; font-weight: 860; }
.hero-copy h1 span { color: transparent; background: linear-gradient(110deg, var(--accent), #ff8db5 52%, #c7a6ff); background-clip: text; -webkit-background-clip: text; }
.hero-copy > p { max-width: 640px; color: #aab2c5; font-size: clamp(1rem, 1.6vw, 1.2rem); }
.hero-note { margin-top: 20px !important; font-size: .82rem !important; }
.hero-note span { color: var(--success); }
.hero-note a { color: var(--accent); font-weight: 700; }
.hero-panel { position: relative; height: 400px; display: flex; align-items: center; justify-content: center; }
.hero-card-main { position: relative; z-index: 3; width: min(390px, 90%); padding: 36px; border: 1px solid rgba(255,255,255,.13); border-radius: 26px; background: linear-gradient(150deg, rgba(29,35,52,.94), rgba(13,16,26,.94)); box-shadow: 0 30px 90px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(14px); }
.hero-card-main .hero-icon { display: inline-flex; width: 58px; height: 58px; align-items: center; justify-content: center; margin-bottom: 24px; border-radius: 18px; color: white; background: color-mix(in srgb, var(--accent) 26%, var(--surface-2)); font-size: 1.6rem; box-shadow: 0 10px 30px color-mix(in srgb, var(--accent) 20%, transparent); }
.hero-card-main > strong { display: block; font-size: 1.36rem; }
.hero-card-main > p { margin: 10px 0 25px; color: var(--muted); }
.progress-row { display: flex; justify-content: space-between; color: var(--muted); font-size: .75rem; }
.progress-row strong { color: var(--success); }
.progress-bar, .meter { height: 7px; margin-top: 8px; border-radius: 20px; overflow: hidden; background: rgba(255,255,255,.08); }
.progress-bar i, .meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), #a47aff); }
.hero-float { position: absolute; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid var(--line-strong); border-radius: 15px; background: rgba(18,22,34,.88); box-shadow: var(--shadow-soft); backdrop-filter: blur(15px); }
.hero-float div { display: flex; flex-direction: column; line-height: 1.1; }
.hero-float small { margin-top: 4px; color: var(--muted); font-size: .67rem; }
.hero-float-a { top: 65px; left: 5px; }
.hero-float-b { right: 0; bottom: 70px; }
.hero-float-b > span { color: var(--accent); }
.live-pulse { width: 11px; height: 11px; border-radius: 50%; }
.hero-orbit { position: absolute; border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent); border-radius: 50%; }
.orbit-one { width: 390px; height: 390px; }
.orbit-two { width: 520px; height: 520px; opacity: .45; }
.stat-strip { position: relative; display: grid; grid-template-columns: repeat(4,1fr); margin-top: 55px; border: 1px solid var(--line); border-radius: 18px 18px 0 0; background: rgba(16,20,31,.78); backdrop-filter: blur(15px); }
.stat-strip > div { padding: 22px 30px; border-right: 1px solid var(--line); }
.stat-strip > div:last-child { border-right: 0; }
.stat-strip strong { display: block; font-size: 1.55rem; }
.stat-strip span { color: var(--muted); font-size: .78rem; }

.page-hero { position: relative; overflow: hidden; padding: 75px 0 55px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 30%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 34%), var(--bg-soft); }
.page-hero.compact h1 { margin: 0 0 13px; max-width: 22ch; font-size: clamp(2.2rem, 4vw, 3.65rem); }
.page-hero p { margin: 0; max-width: 760px; color: var(--muted); font-size: 1.02rem; }
.page-section { padding-top: 42px; }

/* Cards / grids */
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 27px; }
.section-heading h2 { margin: 0 0 8px; }
.section-heading p { margin: 0; color: var(--muted); }
.model-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 18px; }
.model-card, .video-card, .feature-card { min-width: 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); box-shadow: var(--shadow-soft); transition: transform .2s, border-color .2s, box-shadow .2s; }
.model-card:hover, .video-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); box-shadow: 0 20px 48px rgba(0,0,0,.34); }
.model-visual, .video-visual { position: relative; display: block; overflow: hidden; background: linear-gradient(150deg, var(--surface-3), var(--surface)); }
.model-visual { aspect-ratio: 1 / 1; }
.model-visual img, .video-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.model-card:hover img, .video-card:hover img { transform: scale(1.035); }
.placeholder-image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 50%), var(--surface-2); }
.placeholder-image span { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 18px; background: color-mix(in srgb, var(--accent) 18%, var(--surface-3)); color: #fff; font-size: 1.5rem; font-weight: 900; }
.live-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 20px; background: rgba(13,22,20,.88); color: #d7fff0; border: 1px solid rgba(67,209,158,.3); font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.live-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 8px var(--success); }
.live-pill.offline { color: #c3c7d1; background: rgba(15,17,24,.85); border-color: var(--line-strong); }
.live-pill.offline i { background: var(--muted-2); box-shadow: none; }
.model-visual > .live-pill { position: absolute; top: 10px; left: 10px; }
.video-count { position: absolute; right: 10px; bottom: 10px; padding: 4px 8px; border-radius: 7px; color: white; background: rgba(3,5,10,.75); backdrop-filter: blur(8px); font-size: .67rem; font-weight: 750; }
.model-body, .video-body { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 14px 14px 10px; }
.model-body h3, .video-body h3 { margin: 0 0 4px; overflow-wrap: anywhere; font-size: .95rem; }
.model-body p, .video-body p { margin: 0; color: var(--muted); font-size: .7rem; }
.score { flex: 0 0 auto; padding: 3px 7px; border-radius: 7px; color: #dcd5ff; background: rgba(143,112,255,.12); font-size: .68rem; font-weight: 750; }
.score.large { padding: 7px 10px; font-size: .8rem; }
.topic { margin: 0; padding: 0 14px 14px; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.video-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; }
.video-visual { aspect-ratio: 16/9; }
.play-button { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,.9); color: #111; box-shadow: 0 8px 30px rgba(0,0,0,.35); opacity: .92; }
.duration { position: absolute; right: 9px; bottom: 9px; padding: 4px 7px; border-radius: 6px; background: rgba(3,5,10,.8); color: #fff; font-size: .67rem; font-weight: 750; }
.views { color: var(--muted); font-size: .68rem; white-space: nowrap; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.feature-card { padding: 28px; }
.feature-card > span { display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; margin-bottom: 20px; border-radius: 13px; color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--surface-2)); font-size: 1.3rem; }
.feature-card h3 { margin-bottom: 9px; font-size: 1.18rem; }
.feature-card p { margin: 0; color: var(--muted); }
.empty-state { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px; text-align: center; border: 1px dashed var(--line-strong); border-radius: var(--radius); background: rgba(255,255,255,.018); }
.empty-state > span { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 17px; border-radius: 18px; color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--surface-2)); font-size: 1.4rem; }
.empty-state h3 { margin-bottom: 7px; }
.empty-state p { max-width: 480px; margin-bottom: 15px; color: var(--muted); }
.empty-state.compact { min-height: 150px; }

/* Filters / results */
.filter-bar { display: flex; align-items: end; flex-wrap: wrap; gap: 13px; margin-bottom: 19px; padding: 17px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.filter-bar .field:not(.grow) { min-width: 138px; }
.results-bar { display: flex; align-items: center; justify-content: space-between; margin: 0 2px 18px; color: var(--muted); font-size: .78rem; }
.results-bar strong { color: var(--text); font-size: .9rem; }
.pagination-shell { display: grid; gap: 15px; margin-top: 34px; }
.pagination-meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--muted); font-size: .8rem; }
.pagination-summary { min-width: 0; }
.pagination-size { margin: 0; }
.pagination-size select { min-width: 132px; padding: 9px 34px 9px 12px; border: 1px solid var(--line); border-radius: 10px; background-color: var(--surface); color: var(--text); }
.pagination-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; }
.pagination-link, .pagination-ellipsis { display: inline-flex; min-height: 40px; min-width: 40px; align-items: center; justify-content: center; gap: 5px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--muted); font-size: .8rem; line-height: 1; }
a.pagination-link:hover { color: var(--text); border-color: var(--accent); transform: translateY(-1px); }
.pagination-current { border-color: var(--accent); background: var(--accent-soft); color: var(--text); font-weight: 800; }
.pagination-link.disabled { opacity: .38; cursor: not-allowed; }
.pagination-ellipsis { min-width: 24px; border-color: transparent; background: transparent; padding-inline: 3px; }
.pagination-page-status { margin: 0; text-align: center; color: var(--muted); font-size: .75rem; }

/* Model profile */
.profile-hero { padding: 26px 0 60px; background: radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 35%); }
.breadcrumbs { display: flex; align-items: center; gap: 8px; margin-bottom: 17px; color: var(--muted); font-size: .77rem; }
.breadcrumbs a:hover { color: var(--accent); }
.profile-layout { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(320px,.75fr); gap: 24px; align-items: start; }
.stream-frame { position: relative; overflow: hidden; aspect-ratio: 16/9; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #020305; box-shadow: var(--shadow); }
.stream-frame video, .stream-frame > img { width: 100%; height: 100%; object-fit: contain; background: #000; }
.stream-frame > img { object-fit: cover; opacity: .35; filter: blur(2px); transform: scale(1.02); }
.stream-badge { position: absolute; top: 15px; left: 15px; display: flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 20px; background: rgba(10,19,16,.82); border: 1px solid rgba(67,209,158,.38); color: white; text-transform: uppercase; letter-spacing: .08em; font-size: .68rem; font-weight: 850; backdrop-filter: blur(8px); }
.stream-badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px var(--success); }
.stream-loader { position: absolute; left: 15px; bottom: 15px; padding: 7px 10px; border-radius: 8px; background: rgba(0,0,0,.66); color: #d5daea; font-size: .7rem; }
.stream-loader.hidden { display: none; }
.offline-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center; background: radial-gradient(circle, rgba(20,24,36,.42), rgba(2,3,5,.85)); }
.offline-overlay > span { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-bottom: 18px; border-radius: 20px; background: rgba(255,255,255,.06); color: var(--muted); font-size: 1.5rem; }
.offline-overlay h2 { margin-bottom: 8px; }
.offline-overlay p { max-width: 430px; color: var(--muted); }
.profile-card { padding: 23px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-soft); }
.profile-title-row { display: flex; justify-content: space-between; gap: 15px; }
.profile-title-row h1 { margin: 11px 0 6px; font-size: clamp(2rem,3vw,3.1rem); }
.profile-title-row p { color: var(--muted); }
.profile-card blockquote { margin: 18px 0; padding: 14px 15px; border-left: 3px solid var(--accent); border-radius: 0 10px 10px 0; background: rgba(255,255,255,.025); color: #c9cfdf; font-size: .85rem; }
.profile-facts { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 18px 0; }
.profile-facts > div { display: flex; flex-direction: column; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.018); }
.profile-facts span { color: var(--muted); font-size: .68rem; }
.profile-facts strong { margin-top: 2px; font-size: .84rem; }
.record-box { margin-top: 17px; padding: 17px; border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--line)); border-radius: 14px; background: color-mix(in srgb, var(--accent) 5%, var(--surface-2)); }
.record-box-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.record-box-heading > div { display: flex; flex-direction: column; }
.record-box-heading small { color: var(--muted); font-size: .68rem; }
.record-icon { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 10px; color: var(--danger); background: rgba(255,97,118,.12); animation: pulse 2s infinite; }
.record-box p { color: var(--muted); font-size: .8rem; }
.record-form { display: flex; flex-direction: column; gap: 10px; }
.quota-line { display: flex; justify-content: space-between; margin-bottom: 10px; color: var(--muted); font-size: .72rem; }
.quota-line strong { color: white; }
.notice { padding: 15px 16px; border: 1px solid var(--line); border-radius: 11px; background: rgba(101,168,255,.06); color: #cdd9ec; }
.notice p { margin: 5px 0 0; color: var(--muted); font-size: .8rem; }
.notice.warning, .form-help.warning { border-color: rgba(255,189,93,.25); background: rgba(255,189,93,.07); color: #ffe1ae; }
.form-help.danger, .danger { color: var(--danger) !important; }

/* Watch page */
.watch-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 24px; align-items: start; }
.watch-player { position: relative; aspect-ratio: 16/9; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #000; box-shadow: var(--shadow); }
.watch-player video { width: 100%; height: 100%; }
.watch-title { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 23px 2px 15px; }
.watch-title h1 { margin: 0 0 6px; font-size: clamp(1.8rem,3vw,2.8rem); }
.watch-title p { margin: 0; color: var(--muted); }
.watch-metrics { display: flex; flex-wrap: wrap; gap: 8px; }
.watch-metrics span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--muted); font-size: .73rem; }
.watch-sidebar { display: flex; flex-direction: column; gap: 13px; }
.profile-mini { display: flex; align-items: center; gap: 13px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.profile-mini img, .avatar-large { width: 52px; height: 52px; flex: 0 0 auto; object-fit: cover; border-radius: 15px; }
.avatar-large { display: inline-flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--accent) 18%, var(--surface-3)); color: white; font-size: 1.25rem; font-weight: 850; }
.profile-mini > div { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.profile-mini small { color: var(--muted); font-size: .66rem; }
.profile-mini strong { margin: 2px 0 6px; overflow-wrap: anywhere; }

/* Unified live and recorded media controls */
.player-stage { min-width: 0; }
.media-control-shell { margin-top: 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: #0f1320; box-shadow: var(--shadow-soft); }
.media-control-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 66px; padding: 11px 13px; overflow-x: auto; scrollbar-width: thin; border-bottom: 1px solid var(--line); }
.media-control-group { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.media-control-group-end { margin-left: auto; }
.media-control { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 9px 14px; white-space: nowrap; border: 1px solid var(--line-strong); border-radius: 11px; background: rgba(255,255,255,.025); color: #f0f2f8; font-weight: 800; font-size: .82rem; line-height: 1; cursor: pointer; box-shadow: none; transition: background .16s, border-color .16s, color .16s, transform .16s; }
.media-control:hover { color: #fff; border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); background: rgba(255,255,255,.07); transform: translateY(-1px); }
.media-control:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.media-control:disabled, .media-control.disabled { opacity: .36; cursor: not-allowed; pointer-events: none; transform: none; }
.media-control.active, .bookmark-control.active { color: #ffd76a; border-color: rgba(255,215,106,.38); background: rgba(255,215,106,.08); }
.bookmark-form { margin: 0; }
.player-state-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 9px 13px; white-space: nowrap; border: 1px solid rgba(67,209,158,.34); border-radius: 11px; background: rgba(67,209,158,.08); color: #bdf7df; font-size: .79rem; font-weight: 820; }
.player-state-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 10px rgba(67,209,158,.7); }
.player-state-pill.state-paused, .player-state-pill.state-ready { color: #d6dbea; border-color: var(--line-strong); background: rgba(255,255,255,.035); }
.player-state-pill.state-paused i, .player-state-pill.state-ready i { background: var(--muted); box-shadow: none; }
.player-state-pill.state-loading, .player-state-pill.state-connecting { color: #cfe2ff; border-color: rgba(101,168,255,.32); background: rgba(101,168,255,.08); }
.player-state-pill.state-loading i, .player-state-pill.state-connecting i { background: var(--info); animation: pulse 1.25s infinite; }
.player-state-pill.state-error, .player-state-pill.state-offline, .player-state-pill.state-unavailable { color: #ffc0ca; border-color: rgba(255,97,118,.3); background: rgba(255,97,118,.07); }
.player-state-pill.state-error i, .player-state-pill.state-offline i, .player-state-pill.state-unavailable i { background: var(--danger); box-shadow: none; }
.media-shortcuts { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 15px; padding: 10px 14px; color: var(--muted); font-size: .72rem; }
.media-shortcuts strong { color: var(--text); font-size: .7rem; }
.media-shortcuts span { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 23px; padding: 2px 6px; border: 1px solid var(--line-strong); border-bottom-color: rgba(255,255,255,.25); border-radius: 6px; background: rgba(255,255,255,.045); color: #f3f5fa; box-shadow: inset 0 -1px rgba(255,255,255,.05); font-family: inherit; font-size: .68rem; font-weight: 800; }
.player-context-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 10px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); box-shadow: var(--shadow-soft); }
.player-context-copy { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; min-width: 0; }
.player-context-copy strong { flex: 0 0 auto; font-size: 1rem; }
.player-context-copy span { min-width: 0; color: #d7dbea; overflow-wrap: anywhere; }
.player-record-area { flex: 0 0 auto; }
.player-record-form { display: flex; align-items: end; gap: 10px; margin: 0; }
.record-duration-control { display: grid; grid-template-columns: auto 76px; align-items: center; gap: 8px; }
.record-duration-control > span { color: var(--muted); font-size: .72rem; font-weight: 750; }
.record-duration-control input { width: 76px; min-height: 44px; padding: 8px 10px; border: 1px solid var(--line-strong); border-radius: 10px; background: rgba(5,7,12,.58); color: var(--text); outline: none; }
.record-duration-control input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent); }
.record-now-button { min-width: 178px; min-height: 46px; border-radius: 12px; }
.record-now-button > span:first-child { color: #fff; }
.player-context-note { margin-top: 8px; padding: 0 4px; color: var(--muted); font-size: .72rem; }
.profile-avatar-panel { display: grid; grid-template-columns: 74px minmax(0,1fr); align-items: center; gap: 13px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.022); }
.profile-avatar-panel img { width: 74px; height: 74px; object-fit: cover; border-radius: 12px; }
.profile-avatar-panel div { display: grid; gap: 3px; }
.profile-avatar-panel span { font-weight: 780; }
.profile-avatar-panel small { color: var(--muted); font-size: .7rem; }
.quota-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.quota-summary > div { padding: 11px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.02); }
.quota-summary span { display: block; color: var(--muted); font-size: .68rem; }
.quota-summary strong { display: block; margin-top: 3px; }

/* Auth */
.auth-section { min-height: calc(100vh - 78px); display: flex; align-items: center; justify-content: center; padding: 65px 20px; background: radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 36%), linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px); background-size: auto, 38px 38px, 38px 38px; }
.auth-card { width: min(480px,100%); padding: 34px; border: 1px solid var(--line-strong); border-radius: var(--radius-lg); background: rgba(17,21,34,.96); box-shadow: var(--shadow); }
.auth-card-wide { width: min(720px,100%); }
.auth-heading { text-align: center; margin-bottom: 26px; }
.auth-heading .brand-mark { margin: 0 auto 18px; width: 50px; height: 50px; font-size: 1.15rem; }
.auth-heading h1 { margin: 0 0 10px; font-size: 2rem; }
.auth-heading p { margin: 0; color: var(--muted); }
.auth-footer { margin: 22px 0 0; padding-top: 19px; border-top: 1px solid var(--line); text-align: center; color: var(--muted); font-size: .82rem; }
.auth-footer a { color: var(--accent); font-weight: 750; }

/* Account */
.account-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.account-status { padding: 8px 13px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; font-weight: 850; }
.metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.metric-grid > article { position: relative; overflow: hidden; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-soft); }
.metric-grid article > span { display: block; color: var(--muted); font-size: .72rem; }
.metric-grid article > strong { display: block; margin-top: 7px; font-size: 1.7rem; line-height: 1; }
.metric-grid article > small { display: block; margin-top: 8px; color: var(--muted-2); font-size: .68rem; overflow-wrap: anywhere; }
.member-metrics { margin-bottom: 22px; }
.account-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(300px,.65fr); gap: 21px; align-items: start; }
.account-side { display: flex; flex-direction: column; gap: 20px; }

/* Panels / table */
.panel { padding: 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-soft); min-width: 0; }
.panel + .panel { margin-top: 20px; }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.panel-heading h2 { margin: 0; font-size: 1.42rem; }
.panel-heading .eyebrow { margin-bottom: 6px; }
.panel-actions { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--line); }
.panel-actions p { margin: 0; max-width: 800px; color: var(--muted); font-size: .78rem; }
.table-wrap { width: 100%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: .78rem; }
th { padding: 10px 11px; border-bottom: 1px solid var(--line-strong); color: var(--muted); text-align: left; white-space: nowrap; font-size: .67rem; text-transform: uppercase; letter-spacing: .08em; }
td { padding: 12px 11px; border-bottom: 1px solid var(--line); vertical-align: top; color: #cfd5e4; }
tbody tr:last-child td { border-bottom: 0; }
tbody tr:hover td { background: rgba(255,255,255,.016); }
td > strong, td a strong { color: #f4f6fb; }
.table-note { display: block; margin-top: 4px; color: var(--muted-2); font-size: .67rem; line-height: 1.4; }
.table-profile { display: flex; align-items: center; gap: 9px; min-width: 140px; }
.table-profile > img, .table-profile > span { width: 36px; height: 36px; flex: 0 0 auto; border-radius: 10px; object-fit: cover; }
.table-profile > span { display: flex; align-items: center; justify-content: center; background: var(--surface-3); font-weight: 800; }
.table-profile > div { display: flex; flex-direction: column; }
.table-form { min-width: 118px; gap: 5px; }
.table-form input { min-height: 30px; padding: 4px 7px; font-size: .7rem; }
.status { display: inline-flex; align-items: center; justify-content: center; max-width: 160px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.04); color: #cbd1df; font-size: .64rem; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; white-space: nowrap; }
.status-active, .status-ready, .status-completed, .status-success, .status-ok, .status-published, .status-restored, .status-approved, .status-replied, .status-done, .status-member { border-color: rgba(67,209,158,.25); background: rgba(67,209,158,.08); color: #9ff0d1; }
.status-warning, .status-queued, .status-pending, .status-never, .status-in_review, .status-creating, .status-manual, .status-scheduled, .status-pre_restore, .status-uploaded { border-color: rgba(255,189,93,.25); background: rgba(255,189,93,.08); color: #ffdb9d; }
.status-danger, .status-failed, .status-error, .status-suspended, .status-deleted, .status-rejected, .status-spam { border-color: rgba(255,97,118,.25); background: rgba(255,97,118,.08); color: #ffacb8; }
.status-info, .status-running, .status-recording, .status-dispatching, .status-uploading, .status-restoring, .status-admin { border-color: rgba(101,168,255,.28); background: rgba(101,168,255,.08); color: #abd0ff; }
.status-offline, .status-cancelled, .status-skipped, .status-viewer { color: #aeb4c2; }
.status-owner { border-color: rgba(196,150,255,.28); background: rgba(196,150,255,.09); color: #dbc0ff; }

/* Legal / prose */
.narrow-section { width: min(calc(100% - 40px), 900px); }
.form-panel { padding: 30px; }
.prose { width: min(calc(100% - 40px), 900px); color: #c9cfde; font-size: 1rem; line-height: 1.78; }
.prose h2 { margin: 40px 0 12px; color: white; font-size: 1.45rem; }
.prose h2:first-child { margin-top: 0; }
.policy-contact { margin-top: 45px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.risk-banner { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; padding: 17px 20px; border: 1px solid rgba(255,97,118,.25); border-radius: var(--radius); background: rgba(255,97,118,.06); }
.risk-banner > span { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 11px; color: var(--danger); background: rgba(255,97,118,.12); font-weight: 900; }
.risk-banner p { margin: 3px 0 0; color: var(--muted); font-size: .78rem; }
.file-drop { min-height: 104px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 18px; border: 1px dashed var(--line-strong); border-radius: 12px; background: rgba(255,255,255,.018); cursor: pointer; text-align: center; }
.file-drop input { position: absolute; opacity: 0; pointer-events: none; }
.file-drop span { font-weight: 750; }
.file-drop small { margin-top: 5px; color: var(--muted); }

/* Age gate */
.age-gate { position: fixed; z-index: 9999; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(3,4,8,.92); backdrop-filter: blur(18px); }
.age-card { width: min(460px,100%); padding: 36px; border: 1px solid var(--line-strong); border-radius: 26px; background: var(--surface); box-shadow: 0 35px 100px rgba(0,0,0,.65); text-align: center; }
.age-mark { width: 68px; height: 68px; margin: 0 auto 20px; border-radius: 21px; font-size: 1.1rem; }
.age-card h2 { margin: 0 0 11px; font-size: 2rem; }
.age-card p { color: var(--muted); }
.age-exit { display: inline-block; margin-top: 15px; color: var(--muted); font-size: .78rem; }

/* Error */
.error-page { min-height: 66vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.error-code { color: transparent; background: linear-gradient(120deg, var(--accent), #9a80ff); background-clip: text; -webkit-background-clip: text; font-size: clamp(6rem,18vw,13rem); font-weight: 950; line-height: .8; opacity: .7; }
.error-page h1 { margin: 7px 0 12px; font-size: 2.6rem; }
.error-page p { max-width: 600px; color: var(--muted); }

/* Administration shell */
.admin-shell { background: #090b12; }
.admin-sidebar { position: fixed; z-index: 1000; inset: 0 auto 0 0; width: 256px; display: flex; flex-direction: column; padding: 20px 15px 15px; border-right: 1px solid var(--line); background: #0d1019; transition: width .22s ease, padding .22s ease, transform .22s ease; }
.admin-brand { padding: 0 9px 20px; border-bottom: 1px solid var(--line); }
.admin-brand-copy { min-width: 0; }
.admin-nav { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 3px; padding: 16px 0; }
.admin-nav::-webkit-scrollbar { width: 5px; }
.admin-nav::-webkit-scrollbar-thumb { background: var(--surface-3); border-radius: 10px; }
.nav-label { margin: 15px 10px 5px; color: var(--muted-2); font-size: .59rem; font-weight: 850; text-transform: uppercase; letter-spacing: .14em; }
.nav-label:first-child { margin-top: 0; }
.admin-nav a { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 9px 11px; border-radius: 9px; color: #aeb6c9; font-size: .8rem; font-weight: 650; }
.admin-nav-icon { flex: 0 0 18px; width: 18px; text-align: center; color: #7f899e; }
.admin-nav-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-nav a:hover { color: #fff; background: rgba(255,255,255,.055); }
.sidebar-footer { display: flex; flex-direction: column; gap: 5px; padding: 15px 9px 2px; border-top: 1px solid var(--line); }
.sidebar-footer a { color: var(--accent); font-size: .75rem; font-weight: 750; }
.sidebar-footer small { color: var(--muted-2); font-size: .65rem; }
.admin-stage { min-height: 100vh; margin-left: 256px; transition: margin-left .22s ease; }
.admin-topbar { min-height: 82px; display: flex; align-items: center; gap: 15px; padding: 13px 26px; border-bottom: 1px solid var(--line); background: rgba(9,11,18,.86); backdrop-filter: blur(16px); position: sticky; z-index: 800; top: 0; }
.admin-topbar h1 { margin: 0; font-size: 1.35rem; }
.admin-topbar .eyebrow { margin: 0 0 3px; font-size: .59rem; }
.admin-profile { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.admin-profile > div { display: flex; flex-direction: column; line-height: 1.2; }
.admin-profile strong { font-size: .78rem; }
.admin-profile small { color: var(--muted); font-size: .64rem; }
.sidebar-toggle { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 9px; color: var(--text); background: var(--surface); cursor: pointer; }
.admin-sidebar-backdrop { position: fixed; z-index: 950; inset: 0; border: 0; background: rgba(2,4,9,.66); backdrop-filter: blur(3px); }
.admin-sidebar-backdrop[hidden] { display: none; }
.layout-popover { width: min(330px,calc(100vw - 24px)); padding: 12px; }
.layout-popover > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 2px 2px 10px; border-bottom: 1px solid var(--line); }
.layout-popover > header small { color: var(--muted); font-size: .68rem; }
.layout-control-group { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; padding-top: 11px; }
.layout-control-group > span { grid-column: 1 / -1; color: var(--muted); font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.layout-control-group button { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; padding: 8px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: var(--surface-2); font: inherit; font-size: .72rem; font-weight: 750; cursor: pointer; }
.layout-control-group button:hover,.layout-control-group button.active { border-color: color-mix(in srgb,var(--accent) 55%,var(--line)); color: var(--text); background: color-mix(in srgb,var(--accent) 10%,var(--surface-2)); }

html[data-admin-sidebar="compact"] .admin-sidebar { width: 78px; padding-inline: 10px; }
html[data-admin-sidebar="compact"] .admin-stage { margin-left: 78px; }
html[data-admin-sidebar="compact"] .admin-brand { justify-content: center; padding-inline: 0; }
html[data-admin-sidebar="compact"] .admin-brand-copy,
html[data-admin-sidebar="compact"] .nav-label,
html[data-admin-sidebar="compact"] .admin-nav-text,
html[data-admin-sidebar="compact"] .sidebar-footer { display: none; }
html[data-admin-sidebar="compact"] .admin-nav { align-items: stretch; }
html[data-admin-sidebar="compact"] .admin-nav a { justify-content: center; padding-inline: 8px; }
html[data-admin-sidebar="compact"] .admin-nav-icon { flex-basis: 22px; width: 22px; font-size: .95rem; }
html[data-admin-sidebar="hidden"] .admin-sidebar { transform: translateX(-105%); }
html[data-admin-sidebar="hidden"] .admin-stage { margin-left: 0; }

html[data-admin-density="compact"] .admin-content { padding-top: 17px; }
html[data-admin-density="compact"] .panel { padding: 16px; }
html[data-admin-density="compact"] .admin-table th,
html[data-admin-density="compact"] .admin-table td { padding-top: 8px; padding-bottom: 8px; }
html[data-admin-density="compact"] .field input,
html[data-admin-density="compact"] .field select,
html[data-admin-density="compact"] .field textarea { min-height: 38px; padding-block: 8px; }
html[data-admin-density="compact"] .admin-nav a { padding-block: 7px; }
.admin-content { width: min(calc(100% - 42px), 1640px); margin: 0 auto; padding: 25px 0 60px; }
.admin-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; padding: 16px 19px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.admin-intro p { margin: 0; color: var(--muted); }
.admin-metrics { grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 20px; }
.admin-metrics article { padding: 18px; }
.admin-metrics article > strong { font-size: 1.5rem; }
.admin-metrics article > i { position: absolute; top: 16px; right: 16px; color: color-mix(in srgb, var(--accent) 55%, var(--muted)); font-style: normal; opacity: .6; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(300px,.7fr); gap: 20px; margin-bottom: 20px; }
.dashboard-main, .dashboard-side { margin: 0 !important; }
.job-mini-list { display: flex; flex-direction: column; gap: 5px; }
.job-mini-list a { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 10px; padding: 9px; border-radius: 9px; }
.job-mini-list a:hover { background: rgba(255,255,255,.035); }
.job-mini-list a > div { display: flex; flex-direction: column; }
.job-mini-list strong { font-size: .75rem; }
.job-mini-list small, .job-mini-list em { color: var(--muted); font-size: .64rem; font-style: normal; }
.settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.settings-grid .panel { margin: 0; }
.sticky-save { position: sticky; z-index: 20; bottom: 15px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; padding: 15px 18px; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 14px; background: rgba(18,22,34,.94); box-shadow: var(--shadow); backdrop-filter: blur(14px); }
.sticky-save > div { display: flex; flex-direction: column; }
.sticky-save small { color: var(--muted); }
.admin-filter { margin-bottom: 20px; }
.admin-create { align-items: end; }
.admin-user-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.admin-user-card { display: flex; flex-direction: column; gap: 16px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.admin-user-head { display: flex; align-items: center; gap: 10px; }
.admin-user-head > div { display: flex; flex-direction: column; min-width: 0; }
.admin-user-head > div small { color: var(--muted); font-size: .66rem; }
.admin-user-head > .status { margin-left: auto; }
.two-panel-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-bottom: 20px; }
.two-panel-grid .panel { margin: 0; }
.command-panel { display: grid; grid-template-columns: 260px minmax(0,1fr); align-items: center; gap: 20px; margin-bottom: 20px; }
.copy-row { display: flex; align-items: stretch; gap: 8px; margin: 6px 0; min-width: 0; }
.copy-row code { flex: 1; overflow-x: auto; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: #080a10; color: #cfd7ea; white-space: nowrap; font-size: .7rem; }
.cron-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.job-card { display: flex; flex-direction: column; margin: 0 !important; }
.job-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.job-card-head > div { display: flex; align-items: center; gap: 9px; }
.job-card-head > div > div { display: flex; flex-direction: column; }
.job-card-head small { color: var(--muted); font-size: .64rem; }
.job-card > p { min-height: 50px; margin: 13px 0; color: var(--muted); font-size: .76rem; }
.detail-list { display: flex; flex-direction: column; gap: 0; margin: 0; }
.detail-list > div { display: flex; justify-content: space-between; gap: 15px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.detail-list > div:last-child { border-bottom: 0; }
.detail-list dt { color: var(--muted); font-size: .7rem; }
.detail-list dd { margin: 0; text-align: right; font-size: .72rem; }
.job-message { max-height: 95px; overflow: auto; margin: 11px 0; padding: 9px; border-radius: 8px; background: #080a10; color: var(--muted); font-size: .63rem; white-space: pre-wrap; }
.job-form { grid-template-columns: repeat(2,1fr); margin: 12px 0; padding-top: 12px; border-top: 1px solid var(--line); }
.output-console { max-height: 65vh; overflow: auto; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #05070b; color: #b8c1d5; font-size: .75rem; white-space: pre-wrap; }
.detail-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 30px; }
.detail-grid > div { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.018); }
.detail-grid span { display: block; margin-bottom: 5px; color: var(--muted); font-size: .67rem; }
.inbox-list { display: flex; flex-direction: column; gap: 12px; }
.inbox-item { padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.inbox-item.unread { border-left: 3px solid var(--accent); background: color-mix(in srgb, var(--accent) 3%, rgba(255,255,255,.018)); }
.inbox-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.inbox-head > div { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.inbox-head time { color: var(--muted); font-size: .68rem; white-space: nowrap; }
.inbox-meta { display: flex; flex-wrap: wrap; gap: 12px; margin: 11px 0; color: var(--muted); font-size: .68rem; }
.message-body { margin: 12px 0; padding: 13px; border-radius: 9px; background: rgba(0,0,0,.18); color: #d0d6e4; white-space: normal; }
.inbox-actions { margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--line); }
details { color: var(--muted); }
details summary { cursor: pointer; color: var(--accent); font-size: .72rem; }
details pre { overflow: auto; max-width: 500px; max-height: 240px; padding: 10px; border-radius: 8px; background: #070910; color: #bcc6d9; font-size: .65rem; white-space: pre-wrap; }
.check-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.health-check-card { display: flex; align-items: center; gap: 11px; padding: 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.018); }
.health-check-card > span { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 auto; border-radius: 9px; background: rgba(255,255,255,.05); font-weight: 900; }
.health-check-card > div { display: flex; flex-direction: column; min-width: 0; }
.health-check-card strong { font-size: .76rem; }
.health-check-card small { color: var(--muted); font-size: .65rem; overflow-wrap: anywhere; }
.health-check-card.status-ok > span { color: var(--success); background: rgba(67,209,158,.1); }
.health-check-card.status-warning > span { color: var(--warning); background: rgba(255,189,93,.1); }
.health-check-card.status-error > span { color: var(--danger); background: rgba(255,97,118,.1); }
.route-list { max-height: 520px; overflow: auto; display: flex; flex-direction: column; gap: 3px; }
.route-list > div { display: grid; grid-template-columns: 70px minmax(0,1fr) minmax(140px,.6fr); gap: 9px; padding: 7px 8px; border-bottom: 1px solid var(--line); font-size: .66rem; }
.route-list span { color: var(--info); font-weight: 750; }
.route-list strong { color: var(--muted); font-weight: 600; overflow-wrap: anywhere; }

/* Responsive */
@media (max-width: 1350px) {
  .model-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .admin-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .cron-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-user-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1100px) {
  .hero-grid { grid-template-columns: 1fr 420px; gap: 35px; }
  .model-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .video-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .primary-nav { display: none; position: fixed; top: 78px; left: 0; right: 0; flex-direction: column; align-items: stretch; padding: 12px 20px 20px; border-bottom: 1px solid var(--line); background: rgba(8,10,17,.98); }
  .primary-nav.open { display: flex; }
  .nav-toggle { display: block; }
  .header-actions { margin-left: 0; }
  .profile-layout { grid-template-columns: 1fr; }
  .profile-card { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; }
  .profile-title-row, .profile-card blockquote, .profile-facts, .profile-card > form { grid-column: span 1; }
  .record-box { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
  .watch-layout { grid-template-columns: 1fr; }
  .watch-sidebar { display: grid; grid-template-columns: 1fr 1fr; }
  .account-layout { grid-template-columns: 1fr; }
  .account-side { display: grid; grid-template-columns: repeat(2,1fr); }
  .footer-grid { grid-template-columns: 2fr repeat(2,1fr); }
  .footer-grid > div:last-child { grid-column: 2; }
  .settings-grid { grid-template-columns: 1fr; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .command-panel { grid-template-columns: 1fr; }
  .check-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr; min-height: auto; }
  .hero-copy { text-align: center; }
  .hero-copy > p { margin-inline: auto; }
  .hero-copy .button-row { justify-content: center; }
  .hero-panel { height: 360px; }
  .hero-float-a { left: 8%; }
  .hero-float-b { right: 8%; }
  .stat-strip { grid-template-columns: repeat(2,1fr); }
  .stat-strip > div:nth-child(2) { border-right: 0; }
  .stat-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .model-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .feature-grid, .metric-grid { grid-template-columns: repeat(2,1fr); }
  .admin-sidebar,
  html[data-admin-sidebar="compact"] .admin-sidebar,
  html[data-admin-sidebar="hidden"] .admin-sidebar { width: min(286px,88vw); padding: 20px 15px 15px; transform: translateX(-105%); box-shadow: 15px 0 50px rgba(0,0,0,.45); }
  .admin-sidebar.open,
  html[data-admin-sidebar="compact"] .admin-sidebar.open,
  html[data-admin-sidebar="hidden"] .admin-sidebar.open { transform: translateX(0); }
  .admin-stage { margin-left: 0; }
  html[data-admin-sidebar="compact"] .admin-stage,
  html[data-admin-sidebar="hidden"] .admin-stage { margin-left: 0; }
  html[data-admin-sidebar="compact"] .admin-brand { justify-content: flex-start; padding: 0 9px 20px; }
  html[data-admin-sidebar="compact"] .admin-brand-copy,
  html[data-admin-sidebar="compact"] .nav-label,
  html[data-admin-sidebar="compact"] .admin-nav-text,
  html[data-admin-sidebar="compact"] .sidebar-footer { display: flex; }
  html[data-admin-sidebar="compact"] .nav-label { display: block; }
  html[data-admin-sidebar="compact"] .admin-nav a { justify-content: flex-start; padding: 9px 11px; }
  .sidebar-toggle { display: grid; }
  .admin-metrics { grid-template-columns: repeat(3,1fr); }
  .two-panel-grid { grid-template-columns: 1fr; }
  .detail-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 720px) {
  .container, .admin-content, .narrow-section, .prose { width: min(calc(100% - 24px), var(--container)); }
  .site-header { height: 68px; }
  .primary-nav { top: 68px; }
  .brand small { display: none; }
  .header-actions .account-chip > span:last-child, .header-actions form { display: none; }
  .header-actions .button { padding-inline: 11px; }
  .hero-section { padding-top: 55px; }
  .hero-panel { height: 310px; }
  .hero-card-main { padding: 26px; }
  .hero-float { padding: 9px 11px; }
  .section { padding-top: 52px; padding-bottom: 52px; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .model-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .video-grid { gap: 12px; }
  .feature-grid, .member-metrics, .admin-metrics { grid-template-columns: 1fr 1fr; }
  .filter-bar { align-items: stretch; }
  .filter-bar .field, .filter-bar .field:not(.grow) { flex: 1 1 100%; min-width: 0; }
  .filter-bar .button { width: 100%; }
  .profile-card { display: block; }
  .profile-card > * { margin-bottom: 14px; }
  .watch-sidebar, .account-side { grid-template-columns: 1fr; }
  .watch-title { align-items: flex-start; flex-direction: column; }
  .form-grid { grid-template-columns: 1fr; }
  .field-span-2 { grid-column: span 1; }
  .auth-card { padding: 25px 19px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer-grid > div:first-child { grid-column: span 2; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; }
  .admin-topbar { padding: 11px 13px; }
  .admin-profile > div { display: none; }
  .admin-profile .button { font-size: 0; }
  .admin-profile .button::after { content: "Exit"; font-size: .75rem; }
  .admin-content { padding-top: 16px; }
  .admin-intro { align-items: flex-start; flex-direction: column; }
  .admin-user-grid, .cron-grid { grid-template-columns: 1fr; }
  .sticky-save { align-items: stretch; flex-direction: column; }
  .sticky-save .button { width: 100%; }
  .check-grid { grid-template-columns: 1fr; }
  .route-list > div { grid-template-columns: 60px 1fr; }
  .route-list strong { grid-column: 2; }
  .inbox-head { flex-direction: column; }
  .inbox-actions { align-items: stretch; flex-direction: column; }
  .inline-form { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  .header-actions .button-ghost { display: none; }
  .hero-panel { display: none; }
  .stat-strip { margin-top: 45px; }
  .stat-strip > div { padding: 17px; }
  .model-grid, .video-grid, .feature-grid, .member-metrics, .admin-metrics { grid-template-columns: 1fr; }
  .page-hero { padding: 52px 0 38px; }
  .panel { padding: 16px; }
  .form-panel { padding: 18px; }
  .pagination-meta { align-items: stretch; flex-direction: column; }
  .pagination-size select { width: 100%; }
  .pagination-links { gap: 6px; }
  .pagination-link { min-width: 38px; min-height: 38px; padding: 8px 9px; }
  .pagination-edge span { display: none; }
  .age-card { padding: 28px 20px; }
  .detail-grid { grid-template-columns: 1fr; }
}


@media (max-width: 980px) {
  .media-control-bar { align-items: flex-start; }
  .media-control-group-end { margin-left: 0; }
  .player-context-bar { align-items: stretch; flex-direction: column; }
  .player-record-area, .player-record-form { width: 100%; }
  .player-record-form { justify-content: flex-end; }
}
@media (max-width: 640px) {
  .media-control-bar { padding: 9px; }
  .media-control { min-height: 38px; padding: 8px 11px; font-size: .75rem; }
  .media-shortcuts { flex-wrap: nowrap; overflow-x: auto; }
  .player-context-bar { padding: 14px; }
  .player-record-form { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,1fr); }
  .record-duration-control { grid-template-columns: minmax(0,1fr) 76px; }
  .record-now-button { min-width: 0; width: 100%; }
}
@media (max-width: 430px) {
  .player-record-form { grid-template-columns: 1fr; }
  .record-duration-control { grid-template-columns: minmax(0,1fr) 86px; }
}

/* Recording operations and integration management */
.control-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(420px,.9fr); gap: 20px; margin-bottom: 20px; }
.control-layout > .panel { margin: 0; }
.three-columns { grid-template-columns: repeat(3,minmax(0,1fr)); }
.three-panel-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-bottom: 20px; }
.three-panel-grid > .panel { margin: 0; }
.operation-card { display: flex; flex-direction: column; }
.operation-card > p { flex: 1; color: var(--muted); }
.danger-panel { border-color: color-mix(in srgb, var(--danger) 28%, var(--line)); }
.input-suffix { display: flex; align-items: stretch; }
.input-suffix input { border-radius: 10px 0 0 10px !important; }
.input-suffix > span { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; padding: 0 10px; border: 1px solid var(--line-strong); border-left: 0; border-radius: 0 10px 10px 0; background: rgba(255,255,255,.045); color: var(--muted); font-size: .72rem; font-weight: 750; }
.model-picker { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.model-picker summary { font-size: .78rem; font-weight: 750; }
.model-suggestion-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.model-suggestion { min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); grid-template-rows: auto auto; align-items: center; gap: 1px 8px; padding: 7px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.018); color: var(--text); text-align: left; cursor: pointer; }
.model-suggestion:hover, .model-suggestion.selected { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); }
.model-suggestion img, .model-suggestion > span { grid-row: span 2; width: 34px; height: 34px; object-fit: cover; border-radius: 8px; background: var(--surface-3); }
.model-suggestion > span { display: flex; align-items: center; justify-content: center; font-weight: 850; }
.model-suggestion strong { overflow: hidden; text-overflow: ellipsis; font-size: .68rem; }
.model-suggestion small { color: var(--muted); font-size: .6rem; }
.request-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-width: 190px; }
.record-inline-form { display: grid; grid-template-columns: 68px minmax(110px,1fr) auto; gap: 6px; align-items: center; min-width: 300px; }
.record-inline-form input, .record-inline-form select { width: 100%; min-height: 31px; padding: 4px 7px; border: 1px solid var(--line-strong); border-radius: 7px; background: rgba(5,7,12,.52); color: var(--text); }
.table-form.stack { display: flex; flex-direction: column; align-items: stretch; gap: 6px; min-width: 190px; }
.table-form.stack input, .table-form.stack select { min-height: 32px; padding: 5px 8px; }
.account-card-grid, .proxy-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.integration-card { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018); }
.integration-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.integration-head > div:first-child { display: flex; align-items: center; gap: 10px; min-width: 0; }
.integration-head > div:first-child > div { display: flex; flex-direction: column; min-width: 0; }
.integration-head strong, .integration-head small { overflow: hidden; text-overflow: ellipsis; }
.integration-head small { color: var(--muted); font-size: .67rem; }
.integration-edit { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.integration-actions { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.integration-message { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.02); }
.integration-message strong { font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.integration-message span { color: var(--muted); font-size: .7rem; overflow-wrap: anywhere; }
.integration-message small { color: var(--muted-2); font-size: .62rem; }
.integration-message.status-ok { border-color: rgba(67,209,158,.25); }
.integration-message.status-error { border-color: rgba(255,97,118,.25); }
.integration-error { margin: 12px 0 0; padding: 9px; border-radius: 8px; background: rgba(255,97,118,.07); color: #ffadb9; font-size: .69rem; overflow-wrap: anywhere; }
.compact-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.compact-list { margin: 16px 0; padding-left: 20px; color: var(--muted); }
.compact-list li + li { margin-top: 5px; }
.update-panel { border-color: color-mix(in srgb, var(--info) 24%, var(--line)); }
.status-processing, .status-processing_pending { border-color: rgba(101,168,255,.28); background: rgba(101,168,255,.08); color: #abd0ff; }
.status-stopped, .status-paused { border-color: rgba(255,189,93,.25); background: rgba(255,189,93,.08); color: #ffdb9d; }
.table-note.danger, .danger { color: var(--danger); }

@media (max-width: 1400px) {
  .model-suggestion-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .three-panel-grid { grid-template-columns: 1fr 1fr; }
  .three-panel-grid > :last-child { grid-column: span 2; }
}
@media (max-width: 1180px) {
  .control-layout { grid-template-columns: 1fr; }
  .three-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-card-grid, .proxy-card-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .three-panel-grid { grid-template-columns: 1fr; }
  .three-panel-grid > :last-child { grid-column: auto; }
  .model-suggestion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .record-inline-form { grid-template-columns: 64px minmax(120px,1fr); min-width: 230px; }
  .record-inline-form .button { grid-column: span 2; }
}
@media (max-width: 560px) {
  .three-columns { grid-template-columns: 1fr; }
  .model-suggestion-grid { grid-template-columns: 1fr; }
  .integration-actions, .request-actions { align-items: stretch; flex-direction: column; }
  .integration-actions form, .integration-actions .button, .request-actions form, .request-actions .button { width: 100%; }
}

/* 2.3 automatic recording pages */
.muted { color: var(--muted); }
.recording-metrics, .proxy-metrics { margin-bottom: 20px; }
.recording-command-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(480px,1fr); gap: 20px; margin-bottom: 20px; }
.recording-command-grid > .panel { margin: 0; }
.storage-reserve-notice { margin-bottom: 20px; }
.automatic-settings-grid { align-items: start; }
.operation-stack { display: flex; flex-direction: column; gap: 10px; }
.operation-row { display: grid; grid-template-columns: minmax(120px,.55fr) minmax(180px,auto); align-items: end; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.018); }
.operation-row-wide { grid-template-columns: 90px 130px minmax(180px,1fr) auto; }
.operation-row .grow { min-width: 0; }
.operation-row button { min-height: 42px; }
.compact-grid { gap: 11px; }

.provider-notice { margin-bottom: 20px; }
.provider-form { display: flex; flex-direction: column; gap: 16px; }
.provider-fields { grid-template-columns: repeat(3,minmax(0,1fr)); }
.provider-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.provider-card { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018); box-shadow: 0 18px 45px rgba(0,0,0,.12); }
.provider-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.provider-card-head > div { min-width: 0; }
.provider-card-head h3 { margin: 8px 0 2px; font-size: 1.05rem; }
.provider-card-head small { display: block; color: var(--muted); overflow: hidden; text-overflow: ellipsis; }
.provider-priority { min-width: 42px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); text-align: center; font-size: .65rem; font-weight: 850; }
.compact-details { grid-template-columns: repeat(2,minmax(0,1fr)); margin: 16px 0; }
.provider-test-state { padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: rgba(0,0,0,.12); }
.provider-test-state p { margin: 8px 0 3px; color: var(--muted); font-size: .72rem; overflow-wrap: anywhere; }
.provider-test-state small { color: var(--muted-2); font-size: .62rem; }
.provider-edit { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.provider-edit summary { margin-bottom: 12px; }
.provider-actions { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.delete-inline { display: flex; align-items: center; gap: 6px; }
.delete-inline input { width: 112px; min-height: 32px; padding: 5px 8px; }

.proxy-setup-grid { align-items: stretch; margin-bottom: 20px; }
.proxy-setup-grid > .panel { margin: 0; }
.proxy-table { min-width: 1240px; }
.table-edit-form { min-width: 300px; margin-top: 10px; }

@media (max-width: 1380px) {
  .recording-command-grid { grid-template-columns: 1fr; }
  .provider-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1000px) {
  .provider-card-grid { grid-template-columns: 1fr; }
  .operation-row-wide { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .operation-row-wide .grow, .operation-row-wide button { grid-column: span 2; }
}
@media (max-width: 680px) {
  .operation-row, .operation-row-wide { grid-template-columns: 1fr; }
  .operation-row-wide .grow, .operation-row-wide button { grid-column: auto; }
  .compact-details { grid-template-columns: 1fr; }
  .provider-actions, .delete-inline { align-items: stretch; flex-direction: column; }
  .delete-inline input, .provider-actions form, .provider-actions .button { width: 100%; }
}
@media (max-width: 420px) {
}

/* 2.3.3 SEO, access policy, and integration control surfaces */
.admin-two-column { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start; }
.admin-two-column > .panel { margin: 0; }
.toggle-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.admin-check-card { display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: start; gap: 10px; min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.018); cursor: pointer; }
.admin-check-card input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--accent); }
.admin-check-card > span { display: grid; gap: 3px; min-width: 0; writing-mode: horizontal-tb; }
.admin-check-card strong { font-size: .76rem; }
.admin-check-card small { color: var(--muted); font-size: .66rem; line-height: 1.45; overflow-wrap: anywhere; }
.switch-control { display: inline-flex; align-items: center; gap: 8px; font-weight: 750; }
.switch-control input { width: 18px; height: 18px; accent-color: var(--accent); }
.permission-table { min-width: 760px; }
.override-list { display: grid; gap: 9px; }
.override-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(145px,auto); align-items: center; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.override-row:last-child { border-bottom: 0; }
.override-row > span { display: grid; gap: 2px; min-width: 0; }
.override-row small { color: var(--muted); font-size: .65rem; }
.override-row select { width: 100%; }
.status-list { display: grid; gap: 0; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.status-list > div { display: grid; grid-template-columns: minmax(120px,.65fr) minmax(0,1fr); gap: 14px; padding: 11px 13px; border-bottom: 1px solid var(--line); }
.status-list > div:last-child { border-bottom: 0; }
.status-list span { color: var(--muted); font-size: .68rem; }
.status-list strong { font-size: .72rem; overflow-wrap: anywhere; }
.seo-preview { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(0,0,0,.14); }
.seo-preview small { color: var(--muted); text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.seo-preview code { overflow-wrap: anywhere; color: #d9e2ff; }
.model-admin-heading { align-items: center; }
.model-admin-heading img, .model-admin-heading > span { width: 62px; height: 62px; border-radius: 14px; }
.compact-video-grid { grid-template-columns: repeat(5,minmax(0,1fr)); padding: 0 20px 20px; }
.release-panel { margin-top: 20px; }
.release-status { grid-template-columns: repeat(5,minmax(0,1fr)); border: 0; overflow: visible; }
.release-status > div { display: flex; flex-direction: column; gap: 4px; border: 1px solid var(--line); border-radius: 10px; }
.status-warning { border-color: rgba(255,189,93,.25); background: rgba(255,189,93,.08); color: #ffdb9d; }

@media (max-width: 1180px) {
  .admin-two-column { grid-template-columns: 1fr; }
  .compact-video-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .release-status { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .toggle-grid { grid-template-columns: 1fr; }
  .override-row { grid-template-columns: 1fr; }
  .compact-video-grid { grid-template-columns: 1fr; }
  .release-status { grid-template-columns: 1fr; }
}

/* SEO taxonomy links and member preference controls */
.taxonomy-links { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.taxonomy-chip { display:inline-flex; align-items:center; min-height:32px; padding:6px 10px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.025); color:#dce3f2; font-size:.75rem; font-weight:750; transition:border-color .18s, background .18s, color .18s; }
.taxonomy-chip:hover { border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); background:color-mix(in srgb,var(--accent) 10%,transparent); color:#fff; }
.country-chip { border-color:color-mix(in srgb,var(--accent) 30%,var(--line)); }
.video-taxonomy { margin:0 2px 17px; }
.account-preferences { margin-top:4px; }
.member-access-list { display:grid; gap:8px; }
.member-access-list > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--line); }
.member-access-list > div:last-child { border-bottom:0; }
.member-access-list > div > span { color:var(--muted); font-size:.78rem; }

/* 2.3.4 responsive themes, community, sharing, account media, and PWA */
.hidden { display: none !important; }
html[data-theme-resolved="dark"] { color-scheme: dark; }
html[data-theme-resolved="light"] {
  color-scheme: light;
  --bg: #f4f6fb;
  --bg-soft: #edf1f8;
  --surface: #ffffff;
  --surface-2: #f7f9fd;
  --surface-3: #e9eef7;
  --line: rgba(20,30,55,.10);
  --line-strong: rgba(20,30,55,.18);
  --text: #151a29;
  --muted: #5f687b;
  --muted-2: #7b8498;
  --shadow: 0 20px 60px rgba(29,42,75,.14);
  --shadow-soft: 0 12px 34px rgba(29,42,75,.10);
}
html[data-theme-resolved="light"] body { background: var(--bg); color: var(--text); }
html[data-theme-resolved="light"] .site-header { background: rgba(255,255,255,.88); }
html[data-theme-resolved="light"] .admin-sidebar,
html[data-theme-resolved="light"] .admin-topbar,
html[data-theme-resolved="light"] .site-footer { background: #fff; }
html[data-theme-resolved="light"] .field > span,
html[data-theme-resolved="light"] .check-inline,
html[data-theme-resolved="light"] code { color: #30384c; }
html[data-theme-resolved="light"] .field input,
html[data-theme-resolved="light"] .field select,
html[data-theme-resolved="light"] .field textarea,
html[data-theme-resolved="light"] .inline-form input,
html[data-theme-resolved="light"] .inline-form select,
html[data-theme-resolved="light"] .table-form input,
html[data-theme-resolved="light"] .table-form select,
html[data-theme-resolved="light"] .input-xs { background: #fff; color: var(--text); }
html[data-theme-resolved="light"] .field input:focus,
html[data-theme-resolved="light"] .field select:focus,
html[data-theme-resolved="light"] .field textarea:focus { background: #fff; }
html[data-theme-resolved="light"] .button-ghost,
html[data-theme-resolved="light"] .media-control,
html[data-theme-resolved="light"] .utility-trigger { background: rgba(20,30,55,.035); color: var(--text); }
html[data-theme-resolved="light"] .panel,
html[data-theme-resolved="light"] .profile-card,
html[data-theme-resolved="light"] .model-card,
html[data-theme-resolved="light"] .video-card,
html[data-theme-resolved="light"] .auth-card,
html[data-theme-resolved="light"] .community-card,
html[data-theme-resolved="light"] .comment-card { background: var(--surface); }
html[data-theme-resolved="light"] .taxonomy-chip { color: #30384c; background: #fff; }
html[data-theme-resolved="light"] .media-player-shell,
html[data-theme-resolved="light"] .stream-frame,
html[data-theme-resolved="light"] .watch-player { background: #0c1019; }
html[data-theme-resolved="light"] .admin-nav a:hover,
html[data-theme-resolved="light"] .admin-nav a.active { background: rgba(20,30,55,.06); }

.utility-menu { position: relative; }
.utility-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 7px 10px; border: 1px solid var(--line-strong); border-radius: 10px; background: rgba(255,255,255,.035); color: var(--text); font-size: .78rem; font-weight: 750; cursor: pointer; }
.utility-trigger:hover { border-color: color-mix(in srgb,var(--accent) 45%,var(--line)); background: rgba(255,255,255,.075); }
.utility-popover { position: absolute; z-index: 1000; top: calc(100% + 10px); right: 0; display: none; width: 210px; max-height: min(70vh,420px); overflow-y: auto; padding: 8px; border: 1px solid var(--line-strong); border-radius: 13px; background: var(--surface); box-shadow: var(--shadow); }
.utility-menu.open .utility-popover { display: grid; }
.utility-popover a { padding: 9px 10px; border-radius: 8px; color: var(--muted); font-size: .8rem; }
.utility-popover a:hover,.utility-popover a.active { color: var(--text); background: color-mix(in srgb,var(--accent) 10%,transparent); }
.avatar-photo { object-fit: cover; overflow: hidden; }
.admin-tools { display:flex; align-items:center; gap:10px; margin-left:auto; }
.admin-heading { min-width:0; }

/* Country-aware flying share controls */
.share-flyout { position: fixed; z-index: 780; top: 50%; right: max(8px,env(safe-area-inset-right)); transform: translateY(-50%); display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
[dir="rtl"] .share-flyout { right:auto; left:max(8px,env(safe-area-inset-left)); align-items:flex-start; }
.share-toggle,.share-button { display:flex; align-items:center; gap:8px; min-height:42px; padding:9px 12px; border:1px solid var(--line-strong); border-radius:12px; background:color-mix(in srgb,var(--surface) 94%,transparent); color:var(--text); box-shadow:var(--shadow-soft); backdrop-filter:blur(14px); cursor:pointer; font-size:.76rem; font-weight:800; }
.share-toggle { background:var(--accent); color:#fff; border-color:transparent; }
.share-buttons { display:grid; gap:7px; max-width:190px; opacity:0; pointer-events:none; transform:translateX(12px); transition:opacity .18s,transform .18s; }
.share-flyout.open .share-buttons { opacity:1; pointer-events:auto; transform:none; }
.share-button span:first-child { display:inline-grid; place-items:center; width:24px; height:24px; border-radius:7px; background:rgba(255,255,255,.08); }
.share-button:hover { color:var(--accent); border-color:color-mix(in srgb,var(--accent) 45%,var(--line)); }

/* Ratings and moderated comments */
.community-section { padding-top: 36px; }
.community-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
.community-card { padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow-soft); }
.community-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:15px; }
.community-card-heading h3 { margin:0; font-size:1.65rem; }
.rating-summary-stars { display:flex; gap:2px; color:var(--muted-2); font-size:1.35rem; }
.rating-summary-stars .filled { color:#ffba3a; text-shadow:0 3px 12px rgba(255,186,58,.25); }
.rating-form { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-top:18px; }
.rating-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.rating-form legend { margin-bottom:7px; color:var(--muted); font-size:.75rem; }
.star-input { display:flex; flex-direction:row-reverse; justify-content:flex-end; }
.star-input input { position:absolute; opacity:0; pointer-events:none; }
.star-input label { padding:0 2px; color:var(--muted-2); font-size:2rem; line-height:1; cursor:pointer; transition:color .15s,transform .15s; }
.star-input label:hover,.star-input label:hover~label,.star-input input:checked~label { color:#ffba3a; }
.star-input label:hover { transform:scale(1.08); }
.comments-list { display:grid; gap:12px; margin-top:20px; }
.comment-card { display:grid; grid-template-columns:46px minmax(0,1fr); gap:14px; padding:17px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.comment-avatar,.comment-avatar img { width:46px; height:46px; border-radius:50%; }
.comment-avatar { display:grid; place-items:center; overflow:hidden; background:color-mix(in srgb,var(--accent) 20%,var(--surface-3)); color:#fff; font-weight:900; }
.comment-avatar img { object-fit:cover; }
.comment-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px; }
.comment-meta time { color:var(--muted-2); font-size:.7rem; }
.comment-card p { margin:0; color:var(--muted); overflow-wrap:anywhere; }
.bot-challenge { grid-column:1/-1; display:grid; gap:10px; padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02); }
.bot-challenge-heading { display:flex; align-items:center; gap:8px; font-size:.78rem; }
.bot-passive-copy { margin:0; color:var(--muted); font-size:.74rem; }
.comment-admin-list { display:grid; gap:14px; }
.comment-admin-card { padding:18px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.018); }
.comment-admin-meta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; }
.comment-admin-meta > div { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.comment-admin-card blockquote { margin:16px 0; padding:14px; border-left:3px solid var(--accent); background:rgba(0,0,0,.10); white-space:pre-wrap; }
.comment-moderation-form { display:grid; grid-template-columns:minmax(180px,1fr) auto; gap:10px; }
.comment-moderation-form > input { min-height:38px; padding:8px 10px; border:1px solid var(--line-strong); border-radius:9px; background:var(--bg-soft); color:var(--text); }
.destructive-inline { margin-top:10px; justify-content:flex-end; }

/* Profile media */
.account-profile-hero { position:relative; overflow:hidden; }
.account-profile-hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(90deg,rgba(8,10,17,.92),rgba(8,10,17,.50)),var(--account-background,none); background-size:cover; background-position:center; }
.account-profile-hero .account-hero { position:relative; z-index:1; }
.account-identity { display:flex; align-items:center; gap:18px; }
.account-avatar-large { width:90px; height:90px; flex:0 0 auto; border:3px solid color-mix(in srgb,var(--accent) 60%,#fff); border-radius:24px; object-fit:cover; box-shadow:var(--shadow-soft); }
.account-avatar-placeholder,.profile-media-avatar.account-avatar-placeholder { display:grid; place-items:center; background:linear-gradient(145deg,var(--accent),#57153d); color:#fff; font-size:2rem; font-weight:900; }
.profile-media-grid { display:grid; grid-template-columns:120px minmax(0,1fr); gap:12px; margin-bottom:16px; }
.profile-media-preview,.profile-background-preview { display:grid; place-items:center; gap:8px; min-height:112px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); }
.profile-media-avatar { width:68px; height:68px; border-radius:18px; object-fit:cover; }
.profile-background-preview { align-content:end; justify-items:start; padding:10px; background-size:cover; background-position:center; }
.profile-background-preview span { padding:4px 8px; border-radius:7px; background:rgba(0,0,0,.62); color:#fff; font-size:.72rem; }
.file-drop { display:grid; place-items:center; gap:6px; min-height:105px; padding:16px; border:1px dashed var(--line-strong); border-radius:12px; background:rgba(255,255,255,.018); text-align:center; cursor:pointer; }
.file-drop input { position:absolute; width:1px; height:1px; opacity:0; }
.file-drop > span { color:var(--accent); font-weight:800; }
.file-drop small { color:var(--muted); }
.media-remove-row { margin-top:12px; }

/* Stream failure and PWA */
.offline-overlay[data-stream-fallback] { z-index:5; }
.pwa-install[hidden] { display:none !important; }
.offline-page { display:grid; place-items:center; min-height:100vh; padding:30px; text-align:center; }

/* Better adaptive layout for tablets and phones */
@media (max-width:1100px) {
  .header-inner { gap:16px; }
  .header-actions { gap:6px; }
  .utility-label { display:none; }
  .community-grid { grid-template-columns:1fr; }
  .admin-tools .admin-profile > div { display:none; }
}
@media (max-width:900px) {
  .site-header { height:auto; min-height:68px; }
  .header-inner { min-height:68px; flex-wrap:wrap; padding-block:10px; }
  .primary-nav { order:4; width:100%; }
  .header-actions { margin-left:auto; }
  .account-chip > span:last-child { display:none; }
  .admin-topbar { gap:10px; }
  .admin-tools { gap:6px; }
  .admin-profile form .button { padding-inline:9px; }
  .comment-admin-meta,.comment-moderation-form { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .container { width:min(calc(100% - 24px),var(--container)); }
  .section { padding-block:46px; }
  .header-actions > form,.header-actions > .account-chip { display:none; }
  .primary-nav.open { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .share-flyout { top:auto; right:0; left:0; bottom:0; transform:none; align-items:stretch; padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 92%,transparent) 25%); }
  [dir="rtl"] .share-flyout { right:0; left:0; align-items:stretch; }
  .share-toggle { align-self:flex-end; width:auto; }
  .share-buttons { grid-template-columns:repeat(4,minmax(0,1fr)); max-width:none; transform:translateY(10px); }
  .share-button { min-width:0; padding:8px 5px; flex-direction:column; gap:3px; font-size:.62rem; text-align:center; }
  .share-button span:last-child { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .share-native { display:flex; }
  .rating-form { align-items:stretch; flex-direction:column; }
  .comment-meta { align-items:flex-start; flex-direction:column; gap:2px; }
  .profile-media-grid { grid-template-columns:1fr; }
  .account-identity { align-items:flex-start; flex-direction:column; }
  .account-avatar-large { width:76px; height:76px; }
  .media-control-bar { align-items:stretch; }
  .media-control-group { overflow-x:auto; padding-bottom:4px; }
  .media-control { flex:0 0 auto; }
  .media-shortcuts { display:none; }
  .player-context-bar { align-items:stretch; flex-direction:column; }
  .player-record-area,.player-record-form { width:100%; }
  .player-record-form { grid-template-columns:minmax(0,1fr) auto; }
  .admin-topbar { flex-wrap:wrap; }
  .admin-heading { flex:1 1 180px; }
  .admin-tools { width:100%; justify-content:flex-end; }
}
@media (max-width:480px) {
  h1 { font-size:clamp(2rem,11vw,3rem); }
  .brand small { display:none; }
  .header-actions .button { padding-inline:10px; font-size:.76rem; }
  .primary-nav.open { grid-template-columns:1fr; }
  .share-buttons { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .community-card { padding:16px; }
  .star-input label { font-size:1.75rem; }
  .comment-card { grid-template-columns:38px minmax(0,1fr); padding:13px; }
  .comment-avatar,.comment-avatar img { width:38px; height:38px; }
  .player-record-form { grid-template-columns:1fr; }
  .record-now-button { width:100%; }
}

[dir="rtl"] .primary-nav,[dir="rtl"] .header-actions,[dir="rtl"] .button-row,[dir="rtl"] .taxonomy-links { flex-direction:row-reverse; }
[dir="rtl"] .comment-card { direction:rtl; }
[dir="rtl"] .comment-admin-card blockquote { border-left:0; border-right:3px solid var(--accent); }

/* 2.3.5 advertising, Fluid Player, filters, autosuggest, and download guidance */
.ad-slot{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;width:100%;margin:1rem auto;min-height:0;position:relative;z-index:1}
.ad-slot.container{padding-inline:var(--container-pad,20px)}
.ad-slot-global{max-width:var(--container-wide);padding:0 20px}
.ad-unit{position:relative;max-width:min(100%,var(--ad-width,100%));width:auto;overflow:hidden;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center}
.ad-unit img{display:block;width:auto;max-width:100%;height:auto;max-height:360px;object-fit:contain;margin:auto}
.ad-unit a{display:block;color:inherit}
.ad-html{max-width:100%;overflow:hidden}
.ad-label{position:absolute;z-index:2;inset:6px auto auto 6px;padding:2px 7px;border-radius:999px;background:rgba(5,8,16,.78);color:#fff;font-size:.62rem;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}
.ad-slot-grid{grid-column:1/-1;min-height:90px;margin:.25rem 0 1rem}
.model-grid>.ad-slot-grid,.video-grid>.ad-slot-grid{width:100%}

.enhanced-filter-bar{position:relative;display:grid;grid-template-columns:minmax(250px,1.7fr) repeat(3,minmax(145px,1fr));align-items:end;gap:.85rem;border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);padding:1rem;border-radius:18px}.enhanced-filter-bar .search-field{grid-column:span 2}
.enhanced-filter-bar.filter-loading{opacity:.72;pointer-events:none}
.enhanced-filter-bar .field{min-width:0;width:100%}
.enhanced-filter-bar .field.grow{min-width:0;width:100%;flex:none}
.filter-chip{display:inline-flex;align-items:center;min-height:46px;gap:.55rem;padding:.65rem .85rem;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;cursor:pointer;white-space:nowrap}
.filter-chip input{accent-color:var(--accent)}
.search-field{position:relative;z-index:8}
.search-control{position:relative;display:block}
.search-control input{padding-inline-end:2.5rem}
.search-spinner{position:absolute;inset:50% .8rem auto auto;width:16px;height:16px;margin-top:-8px;border:2px solid transparent;border-top-color:var(--accent);border-radius:50%;opacity:0;animation:spin .7s linear infinite}
.search-field.searching .search-spinner{opacity:1}
@keyframes spin{to{transform:rotate(360deg)}}
.autosuggest-panel{position:absolute;z-index:80;top:calc(100% + 8px);left:0;right:0;max-height:min(70vh,480px);overflow:auto;padding:.4rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 22px 60px rgba(0,0,0,.32)}
.autosuggest-option{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem;border-radius:10px;color:var(--text);text-decoration:none}
.autosuggest-option:hover,.autosuggest-option.active{background:var(--surface-2);outline:1px solid color-mix(in srgb,var(--accent) 38%,transparent)}
.autosuggest-option img,.autosuggest-placeholder{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--surface-3);display:grid;place-items:center}
.autosuggest-option span{min-width:0}.autosuggest-option strong,.autosuggest-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autosuggest-option small{color:var(--muted);margin-top:.2rem}.autosuggest-option em{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-style:normal}
[data-listing-content][aria-busy="true"]{opacity:.55;filter:saturate(.75);transition:opacity .2s}

/* Fluid Player remains inside the existing responsive player viewport. */
.fluid_video_wrapper,.fluid_video_wrapper video{max-width:100%!important;width:100%!important}
.fluid_video_wrapper{border-radius:inherit;overflow:hidden;background:#000}
.watch-player>.fluid_video_wrapper,.stream-frame>.fluid_video_wrapper{height:100%!important;min-height:inherit}
.fluid_video_wrapper video{height:100%!important;object-fit:contain}

.download-callout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin:1.25rem 0;padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm);scroll-margin:18vh}
.download-callout-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--accent);color:#fff;font-size:1.6rem;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 35%,transparent)}
.download-callout h2{font-size:clamp(1.05rem,2vw,1.45rem);margin:.15rem 0 .35rem}.download-callout p{margin:0;color:var(--muted)}
.download-callout-highlight{animation:download-pulse 1.8s ease-out 2;outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:4px}
@keyframes download-pulse{0%,100%{transform:scale(1);box-shadow:var(--shadow-sm)}40%{transform:scale(1.012);box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 12%,transparent),0 18px 50px rgba(0,0,0,.22)}}

.admin-form-grid .form-divider{grid-column:1/-1;border-top:1px solid var(--border);margin-top:.5rem;padding-top:1rem}.admin-form-grid .form-divider span{font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--muted)}
.admin-form-grid .field-span-2{grid-column:span 2}.admin-form-grid .field-span-full{grid-column:1/-1}
.admin-table td small{display:block;color:var(--muted);margin-top:.25rem}

@media(max-width:1200px){
  .enhanced-filter-bar{grid-template-columns:minmax(240px,1.6fr) repeat(2,minmax(145px,1fr))}
  .enhanced-filter-bar .search-field{grid-column:span 1}
}
@media(max-width:900px){
  .ad-unit{max-width:100%;width:100%}.ad-unit img{width:100%;max-height:250px}
  .ad-unit-desktop{display:none}
  .enhanced-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.enhanced-filter-bar .search-field{grid-column:1/-1}.enhanced-filter-bar .field,.enhanced-filter-bar .field.grow{min-width:0;width:100%;flex:none}.enhanced-filter-bar .field.grow{grid-column:1/-1}
  .download-callout{grid-template-columns:auto 1fr}.download-callout .button,.download-callout .status{grid-column:1/-1;width:100%;justify-content:center}
  .admin-form-grid .field-span-2{grid-column:1/-1}
}
@media(min-width:901px){.ad-unit-mobile{display:none}}
@media(max-width:560px){
  .ad-slot{margin:.75rem auto}.ad-slot-global{padding:0 10px}.ad-label{font-size:.56rem}
  .enhanced-filter-bar{grid-template-columns:1fr;padding:.8rem}.enhanced-filter-bar .field.grow,.enhanced-filter-bar .field{grid-column:1}.filter-chip{width:100%}
  .autosuggest-panel{position:fixed;top:auto;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-height:55vh}
  .autosuggest-option{grid-template-columns:42px minmax(0,1fr)}.autosuggest-option em{display:none}.autosuggest-option img,.autosuggest-placeholder{width:42px;height:42px}
  .download-callout{grid-template-columns:1fr;text-align:center;padding:1rem}.download-callout-icon{margin:auto}.download-callout .button{min-height:52px}
}
@media(prefers-reduced-motion:reduce){.search-spinner,.download-callout-highlight{animation:none}.download-callout{scroll-behavior:auto}}
.admin-check-card{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:.7rem;min-width:0;padding:.85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);cursor:pointer}.admin-check-card input{width:18px;height:18px;margin:.12rem 0 0;accent-color:var(--accent)}.admin-check-card>span{display:grid;gap:.2rem;min-width:0;writing-mode:horizontal-tb}.admin-check-card strong,.admin-check-card small{display:block;overflow-wrap:anywhere}.admin-check-card small{color:var(--muted);line-height:1.45}.table-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.table-actions .inline-form{display:flex;gap:.35rem;align-items:center}.table-actions .inline-form input{max-width:90px}

/* 2.3.6 country/browser language suggestion and PWA recovery */
.language-suggestion{
  position:relative;
  z-index:120;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  width:min(1180px,calc(100% - 32px));
  margin:14px auto 0;
  padding:15px 17px;
  border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line,#2b3248));
  border-radius:16px;
  background:color-mix(in srgb,var(--panel,#121727) 94%,var(--accent) 6%);
  box-shadow:0 16px 46px rgba(0,0,0,.24);
}
.language-suggestion-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:color-mix(in srgb,var(--accent) 17%,transparent);
  font-size:22px;
}
.language-suggestion-copy{min-width:0}
.language-suggestion-copy .eyebrow{display:block;margin-bottom:2px}
.language-suggestion-copy strong{display:block;font-size:16px;line-height:1.3}
.language-suggestion-copy p{margin:3px 0 0;color:var(--muted,#9ca7bf);font-size:13px;line-height:1.45}
.language-suggestion-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
html[data-theme-resolved="light"] .language-suggestion{
  background:color-mix(in srgb,#fff 95%,var(--accent) 5%);
  box-shadow:0 14px 38px rgba(20,28,48,.12);
}
@media(max-width:720px){
  .language-suggestion{
    grid-template-columns:auto minmax(0,1fr);
    width:min(100% - 20px,680px);
    gap:11px;
    margin-top:10px;
    padding:13px;
  }
  .language-suggestion-icon{width:38px;height:38px;border-radius:11px;font-size:20px}
  .language-suggestion-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .language-suggestion-actions .button{width:100%;min-width:0;white-space:normal;text-align:center}
}
@media(max-width:420px){
  .language-suggestion-actions{grid-template-columns:1fr}
}

/* 2.3.7 first-party analytics, IP access controls, and translation workspace */
.analytics-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.analytics-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr));align-items:end;gap:.8rem}
.analytics-filter-grid .field.grow{grid-column:span 2}
.analytics-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 1.25rem}
.compact-panel{min-width:0;padding:1rem}
.rank-list{display:grid;gap:.45rem;margin:0;padding:0;list-style:none;counter-reset:rank}
.rank-list li{counter-increment:rank;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;padding:.6rem .65rem;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
.rank-list li::before{content:counter(rank);display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:.72rem;font-weight:850}
.rank-list li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.rank-list li strong{font-variant-numeric:tabular-nums}
.analytics-table td{vertical-align:top}
.table-note{display:block;margin-top:.25rem;color:var(--muted);font-size:.73rem;line-height:1.35}
.ua-details,.ua-panel{margin-top:.55rem;max-width:100%}
.ua-details summary,.ua-panel summary{cursor:pointer;color:var(--accent);font-size:.72rem;font-weight:750}
.ua-details code,.ua-panel code{display:block;max-width:min(780px,75vw);margin-top:.5rem;padding:.65rem;overflow:auto;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.2);color:var(--muted);font-size:.69rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.visitor-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.timeline-list{display:grid;gap:.75rem}
.timeline-list>article{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}
.timeline-list time{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}
.visitor-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.8rem 0}
.visitor-context-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.visitor-context-grid>div{display:grid;align-content:start;gap:.18rem;min-width:0;padding:.65rem .7rem;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.022)}
.visitor-context-grid span{color:var(--muted-2);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.visitor-context-grid strong,.visitor-context-grid code{min-width:0;overflow-wrap:anywhere}
.visitor-context-grid small{color:var(--muted);font-size:.72rem}
.stars-static{color:#ffd467;letter-spacing:.08em;white-space:nowrap;text-shadow:0 2px 12px rgba(255,212,103,.18)}

.security-layout,.language-settings-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.42fr);gap:1.15rem;align-items:start}
.rule-list{display:grid;gap:.8rem}
.rule-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.024)}
.rule-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.rule-copy{display:grid;gap:.28rem;min-width:0}
.rule-copy code{overflow-wrap:anywhere;color:var(--text);font-size:.86rem}
.rule-copy small{color:var(--muted)}
.rule-card .table-actions{padding-top:.75rem;border-top:1px solid var(--line)}
.compact-filters{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap}
.compact-filters .field{min-width:135px}

.language-completeness-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:0 0 1.15rem}
.language-progress-card{display:grid;gap:.55rem;min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.024)}
.language-progress-card>header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}
.language-progress-card strong{font-size:.86rem}
.language-progress-card small{color:var(--muted);font-size:.7rem}
.progress-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.075)}
.progress-track>span{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#69e7bb))}
.language-checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.openai-panel{min-width:0}
.openai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.openai-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.file-drop{display:grid;gap:.5rem;padding:1rem;border:1px dashed color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent) 5%,transparent)}
.translation-editor-list{display:grid;gap:.8rem}
.translation-row{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}
.translation-row.is-missing{border-color:color-mix(in srgb,var(--warning) 52%,var(--line));background:color-mix(in srgb,var(--warning) 5%,transparent)}
.translation-row>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.translation-row>header>div:first-child{display:flex;align-items:center;gap:.55rem;min-width:0;flex-wrap:wrap}
.translation-row>header code{overflow-wrap:anywhere;color:var(--text)}
.translation-source{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;align-items:start;margin-bottom:.75rem;padding:.75rem;border-radius:11px;background:rgba(0,0,0,.16)}
.translation-source>span{display:grid;place-items:center;min-height:30px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.08em}
.translation-source p{margin:0;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.translation-edit-form{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:.65rem;align-items:end}
.translation-edit-form textarea,.translation-edit-form select{width:100%;min-height:42px;padding:.7rem .75rem;border:1px solid var(--line-strong);border-radius:10px;background:rgba(5,7,12,.52);color:var(--text);resize:vertical}
.translation-edit-form textarea{min-height:74px}
.translation-edit-form textarea:focus,.translation-edit-form select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.code{display:inline-flex;padding:.2rem .45rem;border:1px solid var(--line);border-radius:7px;background:rgba(0,0,0,.18);font-family:"SFMono-Regular",Consolas,monospace;font-size:.75rem}

html[data-theme-resolved="light"] .rank-list li,
html[data-theme-resolved="light"] .visitor-context-grid>div,
html[data-theme-resolved="light"] .rule-card,
html[data-theme-resolved="light"] .translation-row,
html[data-theme-resolved="light"] .language-progress-card{background:rgba(16,30,58,.025)}
html[data-theme-resolved="light"] .translation-source,
html[data-theme-resolved="light"] .ua-details code,
html[data-theme-resolved="light"] .ua-panel code{background:rgba(16,30,58,.045)}

@media(max-width:1600px){
  .site-header{height:68px!important;min-height:68px!important}.header-inner{height:68px!important;gap:10px!important;flex-wrap:nowrap!important}.brand{min-width:0;max-width:min(48vw,360px)}.brand>span:last-child{min-width:0}.brand strong,.brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{order:2;margin-left:auto!important;gap:6px!important;min-width:0}.nav-toggle{display:block!important;order:3;position:relative;z-index:960;margin-left:0!important;flex:0 0 auto}.primary-nav{display:flex!important;position:fixed!important;z-index:950!important;inset:0 0 0 auto!important;top:0!important;width:min(380px,90vw)!important;height:100dvh!important;padding:92px 22px 28px!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;border:0!important;border-left:1px solid var(--border)!important;background:color-mix(in srgb,var(--surface) 98%,#000)!important;box-shadow:-24px 0 70px rgba(0,0,0,.45)!important;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s!important}.primary-nav.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}.primary-nav a{padding:12px 14px!important;font-size:.95rem!important;background:var(--surface-deep)}[dir="rtl"] .primary-nav{inset:0 auto 0 0!important;border-left:0!important;border-right:1px solid var(--border)!important;box-shadow:24px 0 70px rgba(0,0,0,.45)!important;transform:translateX(-105%)}[dir="rtl"] .primary-nav.open{transform:translateX(0)!important}
}
@media(max-width:1180px){
  .analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .analytics-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .analytics-filter-grid .field.grow{grid-column:span 2}
  .language-completeness-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .visitor-profile-grid,.visitor-context-grid,.visitor-context-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .security-layout,.language-settings-layout{grid-template-columns:1fr}
  .language-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .language-completeness-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .openai-grid{grid-template-columns:1fr}
  .timeline-list>article{grid-template-columns:135px minmax(0,1fr)}
  .timeline-list>article>*:last-child{grid-column:2}
  .translation-edit-form{grid-template-columns:1fr 150px}
  .translation-edit-form .button{min-height:42px}
}
@media(max-width:700px){
  .analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-overview-grid{grid-template-columns:1fr}
  .analytics-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-filter-grid .field.grow{grid-column:1/-1}
  .language-completeness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .visitor-profile-grid,.visitor-context-grid,.visitor-context-grid.compact{grid-template-columns:1fr 1fr}
  .rule-card>header,.translation-row>header{align-items:flex-start;flex-direction:column}
  .ua-details code,.ua-panel code{max-width:calc(100vw - 52px)}
}
@media(max-width:520px){
  .analytics-metrics,.analytics-filter-grid,.language-completeness-grid,.language-checkbox-grid,.visitor-profile-grid,.visitor-context-grid,.visitor-context-grid.compact{grid-template-columns:1fr}
  .analytics-filter-grid .field.grow{grid-column:1}
  .timeline-list>article{grid-template-columns:1fr;gap:.45rem}
  .timeline-list>article>*:last-child{grid-column:1}
  .translation-edit-form{grid-template-columns:1fr}
  .translation-edit-form .button{width:100%}
  .compact-filters{display:grid;grid-template-columns:1fr;width:100%}
  .compact-filters .field{min-width:0}
}


/* 2.3.8 translation automation, notifications, and advertising marketplace */
.notification-menu{position:relative}.notification-trigger{position:relative}.notification-count{position:absolute;inset-block-start:-.35rem;inset-inline-end:-.35rem;display:grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .3rem;border-radius:999px;background:#f43f5e;color:#fff;font-size:.68rem;font-weight:800;box-shadow:0 0 0 2px var(--surface,#0f1422)}
.notification-popover{width:min(430px,calc(100vw - 28px));max-height:min(620px,75vh);padding:0;overflow:hidden}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--line)}.notification-list{display:grid;max-height:520px;overflow:auto}.notification-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:.7rem;padding:.9rem 1rem;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.notification-item:hover{background:var(--surface-2)}.notification-item.is-read{opacity:.62}.notification-dot{width:8px;height:8px;margin-top:.35rem;border-radius:50%;background:#60a5fa}.notification-item.severity-success .notification-dot{background:#34d399}.notification-item.severity-warning .notification-dot{background:#fbbf24}.notification-item.severity-error .notification-dot{background:#fb7185}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item small{margin-top:.25rem;line-height:1.35}.notification-item time{margin-top:.35rem;font-size:.72rem;color:var(--muted)}.notification-empty{padding:1.2rem;text-align:center;color:var(--muted)}
.toast-stack{position:fixed;z-index:2000;inset-block-start:82px;inset-inline-end:20px;display:grid;gap:.75rem;width:min(390px,calc(100vw - 32px));pointer-events:none}.admin-toast{pointer-events:auto;padding:1rem;border:1px solid var(--line);border-inline-start:4px solid #60a5fa;border-radius:14px;background:var(--surface);box-shadow:0 20px 50px rgba(0,0,0,.28);animation:toast-in .25s ease}.admin-toast.severity-success{border-inline-start-color:#34d399}.admin-toast.severity-warning{border-inline-start-color:#fbbf24}.admin-toast.severity-error{border-inline-start-color:#fb7185}.admin-toast strong,.admin-toast span{display:block}.admin-toast span{margin-top:.3rem;font-size:.88rem;color:var(--muted)}@keyframes toast-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-block:1.25rem}.price-card{display:grid;align-content:start;gap:.75rem}.price-card .price{font-size:clamp(1.8rem,4vw,3rem)}.price-card .price small{font-size:.85rem;color:var(--muted)}.price-options{display:grid;gap:.4rem}.price-options span{padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.marketplace-order{margin-top:1.25rem}.quote-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem 1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.quote-summary strong{font-size:1.35rem}.quote-summary small{flex-basis:100%;color:var(--muted)}
.payment-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:1.25rem}.payment-card,.payment-status-panel{display:grid;align-content:start;gap:1rem}.bitcoin-amount{display:grid;gap:.25rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.bitcoin-amount strong{font-size:clamp(1.4rem,4vw,2.2rem);overflow-wrap:anywhere}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.copy-field input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.payment-progress{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.txid{display:block;overflow-wrap:anywhere;white-space:normal}.sponsored-link-ad{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.65rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);text-align:center}.sponsored-link-ad a{font-weight:750}.automation-status-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.compact-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.progress-card{margin-top:1rem}.progress-card small{display:block;margin-top:.35rem;color:var(--muted)}
@media(max-width:900px){.price-grid,.payment-layout{grid-template-columns:1fr}.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-popover{position:fixed!important;inset-inline:14px!important;inset-block-start:70px!important;width:auto!important;max-height:75vh}.toast-stack{inset-inline:16px;width:auto}}
@media(max-width:520px){.price-grid{gap:.8rem}.copy-field{grid-template-columns:1fr}.copy-field .button{width:100%}.compact-metrics{grid-template-columns:1fr 1fr}.notification-item{padding:.8rem}.toast-stack{inset-block-start:68px}}

/* RecordedCams Power Control 2.3.11 — resilient translations, recording recovery, QR and manual promotions */
.source-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.8rem;padding:.2rem .5rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase;vertical-align:middle;white-space:nowrap}
.source-mfc{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-strong);border:1px solid color-mix(in srgb,var(--accent) 36%,transparent)}
.source-cam4{background:rgba(0,180,216,.14);color:#0b7890;border:1px solid rgba(0,180,216,.34)}
[data-theme="dark"] .source-cam4{color:#70e2f6}
.model-card-promoted{position:relative;border-color:color-mix(in srgb,#f0b429 55%,var(--border));box-shadow:0 0 0 1px rgba(240,180,41,.2),0 14px 36px rgba(240,180,41,.12)}
.promoted-pill{position:absolute;z-index:3;top:.7rem;right:.7rem;display:inline-flex;align-items:center;padding:.28rem .55rem;border-radius:999px;background:#f5b82e;color:#291800;font-size:.68rem;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.promoted-external-link{display:block;padding:.55rem .85rem;border-top:1px solid var(--border);font-size:.78rem;font-weight:800;text-align:center;color:var(--accent)}
.promoted-models-strip{border-block:1px solid var(--border);background:color-mix(in srgb,var(--surface) 91%,var(--accent) 9%)}
.promoted-models-inner{display:grid;gap:.7rem;padding-block:.7rem}
.promoted-models-heading{display:flex;align-items:center;gap:.55rem;font-size:.82rem}.promoted-models-heading>a{margin-left:auto;font-weight:800;color:var(--accent)}
.promoted-models-list{display:flex;gap:.65rem;overflow-x:auto;scrollbar-width:thin;padding-bottom:.15rem}
.promoted-model-chip{display:flex;align-items:center;gap:.55rem;flex:0 0 auto;min-width:185px;padding:.45rem .65rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}
.promoted-model-chip img,.promoted-model-chip .chip-placeholder{width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--surface-2);font-weight:900}.promoted-model-chip span{display:grid}.promoted-model-chip small{font-size:.68rem;color:var(--muted)}
.source-summary-grid,.source-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0 0 1rem}
.source-summary-grid>a,.source-dashboard-grid>a{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}
.source-summary-grid strong{font-size:1.35rem;margin-left:auto}.source-summary-grid small{color:var(--muted)}
.source-dashboard-grid>a>div{display:grid;gap:.16rem}.source-dashboard-grid small{color:var(--muted)}
.marketplace-products{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card-featured{border-color:rgba(240,180,41,.5);background:linear-gradient(150deg,var(--surface),color-mix(in srgb,#f0b429 8%,var(--surface)))}
.marketplace-order{overflow:visible}.promotion-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.promotion-fields[hidden]{display:none}
.selected-model-card{display:flex;align-items:center;gap:.75rem;min-height:72px;padding:.65rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.selected-model-card img{width:56px;height:56px;border-radius:12px;object-fit:cover}.selected-model-card div{display:grid}.selected-model-card small{color:var(--muted)}
.order-reference{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-radius:12px;background:var(--surface-2);margin-bottom:1rem}.order-reference span{color:var(--muted);font-size:.78rem}.order-reference strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.settings-subheading{padding-top:.4rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.inventory-card{display:grid;grid-template-columns:1fr auto;gap:.2rem .6rem;align-items:center;padding:.75rem;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.inventory-card>div{display:grid}.inventory-card small{color:var(--muted);font-size:.68rem}.inventory-card>span{grid-row:1/3;grid-column:2;font-weight:900}.inventory-card.is-full{opacity:.7}.inventory-card.is-available>span{color:var(--success)}

@media(max-width:960px){.marketplace-products{grid-template-columns:1fr 1fr}.marketplace-products .price-card-featured{grid-column:1/-1}.inventory-grid{grid-template-columns:1fr}.source-dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.marketplace-products,.source-summary-grid,.source-dashboard-grid{grid-template-columns:1fr}.promotion-fields{grid-template-columns:1fr}.promoted-models-heading{align-items:flex-start;flex-wrap:wrap}.promoted-models-heading>a{margin-left:0;width:100%}.promoted-model-chip{min-width:165px}.source-summary-grid>a{padding:.8rem}.inventory-card{grid-template-columns:1fr auto}.advertising-hero .metric-card{width:100%}}

/* RecordedCams Power Control 2.3.11 — resilient queues, local BTC QR, manual promotions */
.bitcoin-qr-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
.bitcoin-qr-card h3{margin:0 0 .35rem}.bitcoin-qr-card p{margin:0;color:var(--muted)}.bitcoin-qr{grid-column:2;grid-row:1/3;width:min(100%,240px);aspect-ratio:1;border-radius:14px;overflow:hidden;background:#fff;padding:.45rem}.bitcoin-qr svg{display:block;width:100%;height:100%}.bitcoin-uri{grid-column:1;display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal;font-size:.72rem}
.promotion-admin-grid{align-items:start}.promotion-editor{position:sticky;top:92px}.promotion-list{display:grid;gap:.75rem}.promotion-admin-card{display:grid;gap:.65rem;padding:1rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.promotion-admin-card.is-active{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.promotion-admin-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.promotion-admin-card-head>div{display:grid;gap:.18rem}.promotion-admin-card-head small,.promotion-admin-meta{color:var(--muted)}.promotion-admin-meta{display:flex;flex-wrap:wrap;gap:.4rem .85rem;font-size:.75rem}.promotion-admin-card>a{overflow-wrap:anywhere;font-size:.78rem}.compact-heading{margin-top:0}.pipeline-status-panel{margin-block:1rem}.pipeline-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.pipeline-metrics .metric-card{min-height:118px}.translation-editor-list code,.translation-job-log code{overflow-wrap:anywhere}
[data-external-promotion-field][hidden]{display:none!important}
.marketplace-products .price-card{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.marketplace-products .price-card:hover,.marketplace-products .price-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 18px 40px rgba(0,0,0,.16)}.marketplace-products .price-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}
@media(max-width:980px){.promotion-editor{position:static}.pipeline-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.bitcoin-qr-card{grid-template-columns:1fr;text-align:center}.bitcoin-qr{grid-column:1;grid-row:auto;justify-self:center}.bitcoin-uri{grid-column:1;text-align:left}.pipeline-metrics{grid-template-columns:1fr}.promotion-admin-card-head{align-items:flex-start}.promotion-admin-meta{display:grid;gap:.25rem}}

/* 2.3.12 isolated administrator authentication shell. */
.admin-auth-shell { min-height: 100vh; display: flex; flex-direction: column; }
.admin-auth-header { position: relative; z-index: 30; }
.admin-auth-main { flex: 1 0 auto; }
.admin-auth-main .auth-section { min-height: calc(100vh - 156px); }
.admin-auth-footer { border-top: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 92%, transparent); }
.admin-auth-footer .footer-bottom { min-height: 68px; }
@media (max-width: 720px) {
  .admin-auth-header .header-inner { min-height: 70px; }
  .admin-auth-header .brand small { display: none; }
  .admin-auth-header .header-actions { gap: 7px; }
  .admin-auth-header .utility-label { display: none; }
  .admin-auth-header .button { padding-inline: 11px; }
  .admin-auth-main .auth-section { min-height: calc(100vh - 138px); padding-top: 34px; padding-bottom: 34px; }
  .admin-auth-footer .footer-bottom { align-items: flex-start; flex-direction: column; gap: 5px; padding-block: 16px; }
}


/* 2.3.13 media-pipeline controls and diagnostics */
.settings-subsection { margin: 20px 0; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--panel) 84%, transparent); }
.compact-heading { align-items: flex-start; margin-bottom: 14px; }
.compact-heading h3 { margin: 4px 0 0; }
.media-diagnostic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.diagnostic-card { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.diagnostic-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.diagnostic-card .detail-list dd { max-width: 68%; overflow-wrap: anywhere; }
.diagnostic-card .detail-list small { display: block; color: var(--muted); margin-top: 3px; }
.compact-stat-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 12px; }
.compact-stat-grid > div { min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: color-mix(in srgb, var(--panel) 72%, transparent); }
.compact-stat-grid span,.compact-stat-grid small { display: block; color: var(--muted); font-size: .72rem; }
.compact-stat-grid strong { display: block; margin-top: 3px; }
.diagnostic-error-list { display: grid; gap: 7px; margin-top: 12px; }
.diagnostic-error-list > span { display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; }
.diagnostic-log { max-height: 620px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: #070a11; color: #dce5f8; font-size: .76rem; line-height: 1.5; }
@media(max-width:900px){.media-diagnostic-grid{grid-template-columns:1fr}.diagnostic-card .detail-list dd{max-width:62%}}
@media(max-width:480px){.settings-subsection{padding:13px}.compact-stat-grid{grid-template-columns:1fr}.diagnostic-card .detail-list>div{align-items:flex-start;flex-direction:column}.diagnostic-card .detail-list dd{max-width:100%;text-align:left}}

/* RecordedCams Power Control 2.3.14 — fixed-price promotion, public profiles and claim workflows */
.promoted-video-section{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--page)),var(--page));border-block:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}
.video-card.is-promoted{border-color:color-mix(in srgb,#f0b429 58%,var(--border));box-shadow:0 16px 38px color-mix(in srgb,#f0b429 12%,transparent)}
.promoted-video-badge{position:absolute;left:.65rem;bottom:.65rem;z-index:4;padding:.34rem .55rem;border-radius:999px;background:#f0b429;color:#17120a;font-size:.66rem;font-weight:950;letter-spacing:.03em;box-shadow:0 7px 20px rgba(0,0,0,.28)}
.watch-badges,.watch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.watch-actions{justify-content:flex-end}.promotion-active-card,.claimed-profile-card,.claim-profile-card{display:grid;gap:.65rem;margin-top:.8rem;padding:.9rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.promotion-active-card{border-color:color-mix(in srgb,#f0b429 42%,var(--border))}.promotion-active-card small{color:var(--muted)}.promotion-advanced-link{display:inline-flex;margin-top:.55rem}
.claimed-profile-head{display:flex;align-items:center;gap:.75rem}.claimed-profile-head img,.claimed-profile-head>.avatar-mini{width:48px;height:48px;border-radius:50%;object-fit:cover}.claimed-profile-head>div{display:grid;gap:.1rem}.social-link-list{display:grid;gap:.5rem}.social-link-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.social-link-list a{padding:.55rem .65rem;border:1px solid var(--border);border-radius:11px;background:var(--surface);font-weight:800;overflow-wrap:anywhere}
.quick-promotion-modal[hidden]{display:none!important}.quick-promotion-modal{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:clamp(12px,3vw,36px)}.quick-promotion-backdrop{position:absolute;inset:0;background:rgba(2,4,10,.78);backdrop-filter:blur(9px)}.quick-promotion-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(90vh,780px);overflow:auto;padding:clamp(1.15rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:22px;background:var(--surface);box-shadow:0 30px 100px rgba(0,0,0,.5)}.modal-close{position:absolute;right:.85rem;top:.75rem;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--text);font-size:1.35rem;cursor:pointer}.promotion-price{display:flex;align-items:flex-end;gap:.7rem;margin:1rem 0;padding:1rem;border-radius:16px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 16%,var(--surface-2)),var(--surface-2))}.promotion-price strong{font-size:2rem}.promotion-price span{color:var(--muted);padding-bottom:.3rem}.quick-promotion-dialog .bitcoin-qr{margin:1rem auto;max-width:260px}.copy-field{display:flex;gap:.5rem}.copy-field input{min-width:0;flex:1}.form-error{padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger)}.modal-open{overflow:hidden}
.account-main-column{display:grid;gap:1rem;min-width:0}.order-card-list,.claim-list{display:grid;gap:.7rem}.account-order-card{display:grid;grid-template-columns:minmax(0,1.7fr) auto minmax(120px,.7fr) auto;align-items:center;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.account-order-card>div{display:grid}.account-order-card small{color:var(--muted)}.claim-card{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.claim-card-model{display:flex;align-items:center;gap:.65rem}.claim-card-model img{width:48px;height:48px;border-radius:12px;object-fit:cover}.claim-links-form{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:.5rem;border-top:1px solid var(--border)}.claim-links-form .button{align-self:end}.social-unlock-panel .status{white-space:normal;text-align:right}.public-member-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:1rem}.public-member-layout .panel{height:max-content}.processing-pause-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.processing-pause-notice form{flex:0 0 auto}
.admin-claim-table small{display:block}.claim-review-form{min-width:220px}
@media(max-width:980px){.watch-title{align-items:flex-start}.watch-actions{justify-content:flex-start}.account-order-card{grid-template-columns:1fr auto}.account-order-card>div:nth-of-type(2){grid-column:1}.public-member-layout{grid-template-columns:1fr}.processing-pause-notice{display:grid}.claim-links-form{grid-template-columns:1fr}}
@media(max-width:680px){.quick-promotion-modal{align-items:end;padding:0}.quick-promotion-dialog{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:1.2rem}.quick-promotion-dialog .form-grid{grid-template-columns:1fr}.copy-field{display:grid}.social-link-list.compact{grid-template-columns:1fr}.account-order-card{grid-template-columns:1fr;align-items:start}.account-order-card .status{justify-self:start}.watch-actions{width:100%}.watch-actions .button{flex:1 1 auto}.promoted-video-badge{font-size:.6rem}.processing-pause-notice form,.processing-pause-notice .button{width:100%}}

/* 2.3.15 — profile-claim proof, bundle promotion, and promoted-video UI */
.claim-proof-section{padding-top:clamp(2rem,5vw,5rem)}.claim-proof-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.25rem;align-items:start}.claim-proof-intro,.claim-proof-form-card{border-radius:24px}.claim-model-summary{display:flex;align-items:center;gap:1rem;margin:1rem 0 1.25rem}.claim-model-summary img{width:84px;height:84px;object-fit:cover;border-radius:20px}.claim-model-summary h1{margin:0}.claim-proof-rules ol{margin:.75rem 0 0;padding-left:1.25rem}.claim-challenge-card{display:grid;gap:.55rem;padding:1rem;margin:1rem 0;border:1px dashed var(--accent);border-radius:16px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.claim-challenge-card strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.88rem,2vw,1.05rem);overflow-wrap:anywhere}.claim-camera-stage{min-height:300px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface-deep)}.claim-camera-stage video,.claim-camera-stage canvas{display:block;width:100%;max-height:520px;object-fit:contain}.claim-camera-placeholder{text-align:center;padding:2rem;color:var(--muted)}.claim-camera-placeholder span{display:block;font-size:3rem;margin-bottom:.75rem}.claim-upload-divider{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.claim-upload-divider:before,.claim-upload-divider:after{content:"";height:1px;flex:1;background:var(--border)}.claim-status-card{max-width:800px;margin:auto}.claim-status-banner{padding:1.25rem;border-radius:18px;margin:1.25rem 0;background:var(--surface-deep)}.claim-status-banner.status-approved{border:1px solid color-mix(in srgb,#36d399 55%,var(--border))}.claim-status-banner.status-rejected,.claim-status-banner.status-revoked{border:1px solid color-mix(in srgb,#f05b70 55%,var(--border))}.claim-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1rem}.claim-review-card{padding:1rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-deep)}.claim-review-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.claim-review-head>div{display:flex;gap:.6rem;align-items:center}.claim-proof-preview{display:grid;gap:.45rem;margin:1rem 0;color:var(--accent)}.claim-proof-preview img{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:14px;background:#06070b}.claim-verification-copy{padding:1rem;border-radius:14px;background:var(--surface);margin:1rem 0}.claim-verification-copy p{white-space:pre-wrap}.definition-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.video-promotion-select{position:absolute;z-index:6;left:.7rem;bottom:.7rem;display:flex;gap:.45rem;align-items:center;padding:.45rem .65rem;border-radius:999px;background:rgba(7,9,17,.88);color:#fff;font-size:.72rem;backdrop-filter:blur(10px);cursor:pointer}.video-promotion-select input{accent-color:var(--accent)}.video-card{position:relative}.promoted-video-badge.not-promoted{background:rgba(7,9,17,.72);color:#d7d9e4;border-color:rgba(255,255,255,.15)}.video-bundle-tray{position:fixed;z-index:80;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(920px,calc(100% - 2rem));display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 24px 80px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.video-bundle-tray[hidden]{display:none}.video-bundle-tray>div:first-child{display:grid;gap:.2rem}.video-promotion-callout{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1rem;padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface))}.video-promotion-callout h2{margin:.2rem 0}.discount-badge{display:inline-flex;margin-top:.5rem;padding:.35rem .65rem;border-radius:999px;background:#17875f;color:#fff;font-weight:800}.order-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.order-item-card{display:grid;gap:.55rem;padding:.9rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-deep)}.order-item-card>div{display:grid;gap:.25rem}.narrow-container{max-width:880px}
@media(max-width:900px){.claim-proof-layout{grid-template-columns:1fr}.claim-proof-intro{order:0}.claim-proof-form-card{order:1}.video-promotion-callout{align-items:flex-start;flex-direction:column}.video-bundle-tray{align-items:stretch;flex-direction:column}.video-bundle-tray .button-row{display:grid;grid-template-columns:1fr 1fr;width:100%}}
@media(max-width:560px){.claim-camera-stage{min-height:220px}.claim-model-summary img{width:68px;height:68px}.definition-grid.compact{grid-template-columns:1fr}.video-promotion-select{font-size:0;width:36px;height:36px;justify-content:center;padding:0;bottom:.55rem}.video-promotion-select input{width:18px;height:18px}.video-bundle-tray{width:calc(100% - 1rem);bottom:max(.5rem,env(safe-area-inset-bottom));border-radius:16px}.video-bundle-tray .button-row{grid-template-columns:1fr}.claim-review-grid{grid-template-columns:1fr}}

/* 2.3.15.1 — dependency-safe schema upgrade recovery for partially migrated 2.x installations */

/* RecordedCams Power Control 2.3.16 — professional advertising marketplace and Q&A. */
.advertising-hero-pro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(1.25rem,4vw,4rem);align-items:center;overflow:hidden;position:relative}.advertising-hero-pro:after{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-230px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;box-shadow:0 0 0 70px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 140px color-mix(in srgb,var(--accent) 3%,transparent);pointer-events:none}.advertising-hero-copy{position:relative;z-index:1;display:grid;gap:1rem}.advertising-hero-copy h1{max-width:15ch}.advertising-rate-card{position:relative;z-index:1;display:grid;gap:.45rem;padding:1.25rem;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,var(--accent) 8%),var(--surface-2));box-shadow:0 22px 55px rgba(0,0,0,.18)}.advertising-rate-card>span{color:var(--muted);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.advertising-rate-card>strong{font-size:clamp(1.8rem,5vw,3.3rem);line-height:1}.advertising-rate-card>small{color:var(--muted)}.advertising-rate-trust{display:grid;grid-template-columns:42px 1fr;gap:.75rem;align-items:center;margin-top:.65rem;padding-top:.85rem;border-top:1px solid var(--border)}.advertising-rate-trust>span{display:grid;place-items:center;width:42px;aspect-ratio:1;border-radius:13px;background:color-mix(in srgb,#f7931a 20%,var(--surface));color:#f7931a;font-size:1.35rem}.advertising-rate-trust p{margin:0;color:var(--muted);font-size:.82rem}
.advertising-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.advertising-proof-grid>article{display:grid;gap:.35rem;min-width:0;padding:1.05rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.advertising-proof-grid span{color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.advertising-proof-grid strong{font-size:clamp(1.35rem,3vw,2.05rem);line-height:1.1}.advertising-proof-grid small{color:var(--muted)}.compact-proof-grid{margin:0}.advertising-process{margin-block:1.25rem}.advertising-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.advertising-steps article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;align-items:start;padding:1rem;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.advertising-steps article>span{display:grid;place-items:center;width:42px;aspect-ratio:1;border-radius:13px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#8f65ff));color:#fff;font-weight:900}.advertising-steps strong{display:block}.advertising-steps p{margin:.3rem 0 0;color:var(--muted);font-size:.82rem}
.marketplace-products{align-items:stretch}.marketplace-products .price-card{position:relative;isolation:isolate;overflow:hidden}.marketplace-products .price-card:before{content:"";position:absolute;inset:auto -30% -58% 25%;height:55%;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent);filter:blur(26px);z-index:-1}.marketplace-products .price-card.is-recommended:after{content:"✓";position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--success) 20%,var(--surface));color:var(--success);font-weight:900}.product-use-cases{display:flex;flex-wrap:wrap;gap:.35rem}.product-use-cases span{padding:.3rem .52rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:.68rem;font-weight:800}.marketplace-builder{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:1.25rem;align-items:start;scroll-margin-top:90px}.marketplace-order{margin-top:0}.builder-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:0 0 1.25rem;padding:0;list-style:none}.builder-progress li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:.5rem;align-items:center;color:var(--muted);font-size:.72rem;font-weight:800}.builder-progress li span{display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:50%;border:1px solid var(--border);background:var(--surface-2)}.builder-progress li.active span{border-color:var(--accent);color:#fff;background:var(--accent)}.builder-progress li.complete span{border-color:var(--success);background:color-mix(in srgb,var(--success) 17%,var(--surface));color:var(--success)}.advertising-builder-form>label,.advertising-question-form>label{align-content:start}.advertising-live-preview{position:sticky;top:92px;display:grid;gap:1rem}.creative-preview{display:grid;min-height:275px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--surface) 88%,var(--accent) 12%))}.creative-preview-media{display:grid;place-items:center;min-height:155px;overflow:hidden;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 65%);font-size:3rem;color:var(--accent)}.creative-preview-media img{display:block;width:100%;height:100%;min-height:155px;max-height:230px;object-fit:cover}.creative-preview-copy{display:grid;align-content:start;gap:.4rem;padding:1rem}.creative-preview-copy strong{font-size:1.05rem}.creative-preview-copy p{margin:0;color:var(--muted);overflow-wrap:anywhere}.creative-preview-link{min-height:210px}.creative-preview-link .creative-preview-media{min-height:95px}.creative-preview-model_promotion .creative-preview-media{background:radial-gradient(circle,color-mix(in srgb,#ffc14d 28%,transparent),transparent 65%);color:#ffc14d}.campaign-review-list{display:grid;gap:.55rem;margin:0}.campaign-review-list>div{display:grid;grid-template-columns:minmax(110px,.4fr) minmax(0,1fr);gap:.75rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.campaign-review-list dt{color:var(--muted);font-size:.75rem}.campaign-review-list dd{margin:0;text-align:right;font-weight:800;overflow-wrap:anywhere}.advertising-review-note{display:grid;grid-template-columns:30px 1fr;gap:.65rem;align-items:start;padding:.85rem;border-radius:13px;background:color-mix(in srgb,var(--success) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 25%,var(--border))}.advertising-review-note span{display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--success) 18%,var(--surface));color:var(--success);font-weight:900}.advertising-review-note p{margin:0;color:var(--muted);font-size:.8rem}
.advertising-qa-section{margin-block:clamp(2rem,6vw,5rem);scroll-margin-top:90px}.advertising-qa-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:1.25rem;align-items:start}.faq-list{display:grid;gap:.7rem}.faq-item{border:1px solid var(--border);border-radius:15px;background:var(--surface);overflow:hidden}.faq-item summary{position:relative;cursor:pointer;padding:1rem 3rem 1rem 1rem;font-weight:850;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;top:.8rem;right:1rem;display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:50%;background:var(--surface-2);color:var(--accent);font-size:1.15rem}.faq-item[open] summary:after{content:"−"}.faq-item>div{padding:0 1rem 1rem;color:var(--muted);line-height:1.72}.faq-item.community-answer{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.faq-item>small{display:block;padding:0 1rem 1rem;color:var(--accent);font-weight:800}.advertising-question-form{position:sticky;top:92px}.advertising-question-signin{text-align:center}.campaign-performance-public{margin-top:1.25rem}
.advertising-performance-panel{margin-bottom:1.25rem}.compact-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-block:1rem}.advertising-performance-tables{align-items:start}.advertising-performance-tables h3{margin:.3rem 0 .75rem}.advertising-performance-tables table small{display:block;color:var(--muted)}.advertising-qna-intro{align-items:center}.advertising-qna-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.advertising-qna-filter-grid{grid-template-columns:minmax(280px,1fr) repeat(2,minmax(150px,.35fr)) auto auto}.advertising-qna-admin-grid{grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);align-items:start}.advertising-qna-editor{position:sticky;top:92px}.advertising-qna-admin-list{display:grid;gap:.85rem}.advertising-qna-admin-card{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.advertising-qna-admin-card.status-pending{border-left:3px solid var(--warning)}.advertising-qna-admin-card.status-published{border-left:3px solid var(--success)}.advertising-qna-admin-card.status-rejected,.advertising-qna-admin-card.status-archived{opacity:.82}.advertising-qna-admin-card header{display:grid;gap:.55rem}.advertising-qna-admin-card header>strong{font-size:1rem;line-height:1.55}.qna-answer-preview{padding:.8rem;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.qna-answer-preview span{display:block;margin-bottom:.25rem;color:var(--muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.qna-answer-preview p{margin:0;white-space:pre-wrap}.qna-submission-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0}.qna-submission-meta>div{padding:.65rem;border:1px solid var(--border);border-radius:10px}.qna-submission-meta dt{color:var(--muted);font-size:.68rem}.qna-submission-meta dd{margin:.2rem 0 0;font-size:.78rem;overflow-wrap:anywhere}.advertising-qna-admin-card .ua-details code{white-space:pre-wrap}
@media(max-width:1100px){.advertising-proof-grid,.advertising-steps,.compact-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketplace-builder,.advertising-qa-layout{grid-template-columns:1fr}.advertising-live-preview,.advertising-question-form{position:static}.advertising-qna-admin-grid{grid-template-columns:1fr}.advertising-qna-editor{position:static}.qna-submission-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.advertising-qna-filter-grid{grid-template-columns:1fr 1fr}.advertising-qna-filter-grid .grow{grid-column:1/-1}}
@media(max-width:760px){.advertising-hero-pro{grid-template-columns:1fr}.advertising-hero-pro:after{width:260px;height:260px;right:-130px;top:-150px}.advertising-proof-grid,.advertising-steps,.compact-metric-grid,.advertising-qna-metrics{grid-template-columns:1fr}.builder-progress{grid-template-columns:1fr 1fr}.campaign-review-list>div{grid-template-columns:1fr}.campaign-review-list dd{text-align:left}.qna-submission-meta{grid-template-columns:1fr}.advertising-performance-tables{grid-template-columns:1fr}.advertising-qna-filter-grid{grid-template-columns:1fr}.advertising-qna-filter-grid .grow{grid-column:auto}.advertising-performance-panel .section-heading,.advertising-qna-intro{align-items:stretch;flex-direction:column}.advertising-performance-panel .button-row,.advertising-qna-intro .button-row{width:100%}.advertising-performance-panel .button-row .button,.advertising-qna-intro .button-row .button{flex:1}.creative-preview{min-height:220px}}
@media(max-width:480px){.builder-progress{grid-template-columns:1fr}.advertising-rate-card{padding:1rem}.advertising-steps article{grid-template-columns:36px 1fr}.advertising-steps article>span{width:36px}.advertising-proof-grid>article{padding:.9rem}.advertising-qna-admin-card{padding:.85rem}.advertising-performance-panel .button-row,.advertising-qna-intro .button-row{display:grid}.advertising-performance-panel .button-row .button,.advertising-qna-intro .button-row .button{width:100%}}
.marketplace-builder.builder-simple{grid-template-columns:1fr}.marketplace-builder.builder-simple .marketplace-order{max-width:none}

/* RecordedCams Power Control 2.3.17 — advanced SEO, promotion selection and responsive account navigation. */
.video-promotion-picker{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:.7rem;margin:.15rem .8rem .8rem;padding:.72rem .8rem;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2));cursor:pointer;transition:border-color .2s,background .2s,transform .2s;min-width:0}
.video-promotion-picker:hover{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));transform:translateY(-1px)}
.video-promotion-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.video-promotion-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:7px;background:var(--surface-deep);color:transparent;font-weight:900;transition:.2s}
.video-promotion-copy{display:grid;gap:.18rem;min-width:0;line-height:1.25}.video-promotion-copy strong{font-size:.78rem;color:var(--text)}.video-promotion-copy small{font-size:.66rem;color:var(--muted);overflow-wrap:anywhere}
.video-promotion-picker:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.video-promotion-picker:has(input:checked) .video-promotion-check{background:var(--accent);border-color:var(--accent);color:#fff}
.video-card.is-selected-for-promotion{outline:2px solid color-mix(in srgb,var(--accent) 75%,transparent);outline-offset:2px}
.video-promotion-picker:focus-within{outline:3px solid color-mix(in srgb,var(--accent) 26%,transparent);outline-offset:2px;border-color:var(--accent)}
.video-card.is-selected-for-promotion .video-promotion-picker{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.video-card.is-selected-for-promotion .video-promotion-check{background:var(--accent);border-color:var(--accent);color:#fff}

.nav-backdrop{position:fixed;inset:0;z-index:934;border:0;background:rgba(2,4,10,.64);backdrop-filter:blur(4px);cursor:pointer}.nav-backdrop[hidden]{display:none!important}
body.nav-open{overflow:hidden;touch-action:none}

.account-section-nav{position:sticky;top:88px;z-index:25;display:flex;gap:.55rem;margin:1rem 0 1.35rem;padding:.6rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 14px 45px rgba(0,0,0,.18);backdrop-filter:blur(16px);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.account-section-nav a{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;padding:.62rem .78rem;border-radius:12px;color:var(--muted);font-size:.76rem;font-weight:750;white-space:nowrap}
.account-section-nav a:hover,.account-section-nav a:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--text)}
.account-section-nav a span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-deep));color:var(--accent)}
.account-dashboard-shell>*{min-width:0}.account-section-card{scroll-margin-top:170px;overflow:hidden}.account-section-card .panel-heading{min-width:0}.account-section-card .panel-heading>div{min-width:0}.account-section-card h2,.account-section-card p{overflow-wrap:anywhere}
.account-side{min-width:0}.account-side .field input,.account-side .field select,.account-side .field textarea{min-width:0;width:100%}
.account-profile-hero .account-hero{min-width:0}.account-identity{min-width:0}.account-identity>div{min-width:0}.account-identity h1,.account-identity p{overflow-wrap:anywhere}

/* Advanced SEO center */
.seo-admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:1.15rem;align-items:start}.seo-operations-stack{display:grid;gap:1.15rem;min-width:0}.seo-form-section{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-deep)}.seo-form-section h3{margin:0;font-size:.92rem}.seo-form-section>.muted{margin:0}.form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-score{display:inline-grid;place-items:center;min-width:54px;height:54px;padding:.3rem;border-radius:16px;font-weight:900}.seo-score.score-good{background:rgba(42,196,129,.15);color:#4cdda0}.seo-score.score-needs-work{background:rgba(255,185,72,.15);color:#ffc562}.seo-score.score-poor{background:rgba(239,78,103,.16);color:#ff7890}.web-vital-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.web-vital-card{display:grid;gap:.28rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-deep)}.web-vital-card>span{font-weight:800}.web-vital-card strong{font-size:1.35rem}.web-vital-card small{color:var(--muted)}.web-vital-card.good{border-color:rgba(42,196,129,.45)}.web-vital-card.needs-work{border-color:rgba(255,185,72,.5)}.web-vital-card.poor{border-color:rgba(239,78,103,.55)}.web-vital-card.no-data{opacity:.72}.seo-data-columns{margin-top:.5rem}.seo-audit-results{display:grid;gap:.75rem}.seo-audit-result{border:1px solid var(--border);border-radius:16px;background:var(--surface-deep);overflow:hidden}.seo-audit-result>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem 1rem;cursor:pointer;list-style:none}.seo-audit-result>summary::-webkit-details-marker{display:none}.seo-audit-result>summary>span:nth-child(2){display:grid;gap:.22rem;min-width:0}.seo-audit-result>summary small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-audit-detail{display:grid;gap:1rem;padding:1rem;border-top:1px solid var(--border)}.seo-issue-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.seo-issue-list li{display:grid;gap:.2rem;padding:.7rem .8rem;border-left:3px solid var(--border);border-radius:8px;background:var(--surface)}.seo-issue-list li.severity-error{border-color:var(--danger)}.seo-issue-list li.severity-warning{border-color:var(--warning)}.seo-issue-list li.severity-pass{border-color:var(--success)}.seo-issue-list span{color:var(--muted)}.seo-redirect-columns{align-items:start}.seo-404-list{display:grid;gap:.65rem}.seo-404-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-deep)}.seo-404-card>div{display:grid;gap:.2rem;min-width:0}.seo-404-card code{overflow-wrap:anywhere}.seo-404-card small{color:var(--muted)}.seo-404-card.is-resolved{opacity:.7}

@media(max-width:1180px){
  .site-header{height:68px!important;min-height:68px!important}.header-inner{height:68px!important;gap:10px!important;flex-wrap:nowrap!important}.brand{min-width:0;max-width:min(48vw,360px)}.brand>span:last-child{min-width:0}.brand strong,.brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{order:2;margin-left:auto!important;gap:6px!important;min-width:0}.nav-toggle{display:block!important;order:3;position:relative;z-index:960;margin-left:0!important;flex:0 0 auto}.primary-nav{display:flex!important;position:fixed!important;z-index:950!important;inset:0 0 0 auto!important;top:0!important;width:min(380px,90vw)!important;height:100dvh!important;padding:92px 22px 28px!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;border:0!important;border-left:1px solid var(--border)!important;background:color-mix(in srgb,var(--surface) 98%,#000)!important;box-shadow:-24px 0 70px rgba(0,0,0,.45)!important;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s!important}.primary-nav.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}.primary-nav a{padding:12px 14px!important;font-size:.95rem!important;background:var(--surface-deep)}[dir="rtl"] .primary-nav{inset:0 auto 0 0!important;border-left:0!important;border-right:1px solid var(--border)!important;box-shadow:24px 0 70px rgba(0,0,0,.45)!important;transform:translateX(-105%)}[dir="rtl"] .primary-nav.open{transform:translateX(0)!important}.utility-label{display:none}.account-chip>span:last-child{display:none}.seo-admin-grid{grid-template-columns:1fr}.web-vital-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-layout.account-dashboard-shell{grid-template-columns:1fr!important}.account-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.account-section-nav{top:78px}
}
@media(max-width:760px){
  .header-inner{padding-inline:12px!important}.brand{max-width:calc(100vw - 210px)}.brand-mark{width:34px;height:34px;border-radius:10px}.header-actions .button{padding-inline:9px!important}.header-actions>a.button:last-child{display:none}.account-chip{margin:0}.web-vital-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-columns{grid-template-columns:1fr}.seo-audit-result>summary{grid-template-columns:auto minmax(0,1fr)}.seo-audit-result>summary>.status{grid-column:2}.seo-404-card{grid-template-columns:1fr auto}.seo-404-card form{grid-column:2}.account-side{grid-template-columns:1fr!important}.account-hero{align-items:flex-start!important;flex-direction:column!important}.account-status{align-self:flex-start}.account-section-nav{margin-inline:-4px;padding:.45rem;border-radius:14px}.account-section-nav a{padding:.55rem .65rem}.account-section-card{scroll-margin-top:145px}.video-promotion-picker{margin-inline:.65rem}
}
@media(max-width:520px){
  .brand{max-width:calc(100vw - 170px)}.brand small{display:none!important}.header-actions .theme-toggle,.header-actions .pwa-install{display:none!important}.header-actions form button{font-size:0!important;width:38px;padding:0!important}.header-actions form button:after{content:'↪';font-size:1rem}.web-vital-grid{grid-template-columns:1fr}.seo-404-card{grid-template-columns:1fr}.seo-404-card form,.seo-404-card .button{grid-column:1;width:100%}.video-promotion-copy small{font-size:.62rem}.account-section-nav{top:72px}
}

/* 2.3.18 compact public canvas and catalogue-density safeguards */
.model-card,.video-card{contain:layout paint;content-visibility:auto;contain-intrinsic-size:280px 390px}
.model-body>div,.video-body>div{min-width:0}.model-body h3,.video-body h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic{min-height:3.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.filter-bar select{max-width:100%;text-overflow:ellipsis}.results-bar{min-width:0}.results-bar>*{min-width:0}
@media(max-width:700px){.container,.container-wide{width:min(calc(100% - 24px),var(--container))}.section{padding-top:52px;padding-bottom:52px}.page-section{padding-top:28px}.page-hero{padding:48px 0 34px}}

/* 2.3.19 translation integrity and advanced administration layout */
.translation-integrity-panel{display:grid;gap:18px}
.translation-integrity-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.translation-integrity-metrics .metric-card{min-height:118px}
.translation-integrity-metrics .metric-card strong{overflow-wrap:anywhere}
.integrity-issues{border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--panel) 86%,transparent);overflow:hidden}
.integrity-issues>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:12px}
.integrity-issues>summary::-webkit-details-marker{display:none}
.integrity-issues>summary::after{content:'+';font-size:1.25rem;color:var(--accent)}
.integrity-issues[open]>summary::after{content:'−'}
.integrity-issues .table-wrap{border-top:1px solid var(--border);border-radius:0}
.success-note{padding:14px 16px;border:1px solid color-mix(in srgb,#3ad9a1 42%,var(--border));border-radius:14px;background:color-mix(in srgb,#3ad9a1 10%,transparent);color:var(--text)}
.layout-menu .utility-trigger{min-width:42px}
.layout-popover{width:min(360px,calc(100vw - 28px));padding:14px}
.layout-popover header{display:grid;gap:3px;padding:2px 2px 12px}
.layout-popover header small{color:var(--muted);font-weight:500}
.layout-control-group{display:grid;grid-template-columns:1fr;gap:7px;padding:10px 0;border-top:1px solid var(--border)}
.layout-control-group>span{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.layout-control-group>button{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:9px 11px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);font-weight:700;text-align:left;cursor:pointer}
.layout-control-group>button:hover,.layout-control-group>button.is-active{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));color:var(--accent)}
@media(max-width:1400px){.translation-integrity-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.translation-integrity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.translation-integrity-panel .panel-heading{align-items:flex-start}.translation-integrity-panel .panel-heading>.button-row{width:100%}}
@media(max-width:480px){.translation-integrity-metrics{grid-template-columns:1fr}}
.source-bonga{background:rgba(139,92,246,.14);color:#6d28d9;border:1px solid rgba(139,92,246,.38)}
[data-theme="dark"] .source-bonga{color:#c4b5fd}
.bonga-settings textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.45;min-height:7rem}

/* 2.3.20 BongaCams source profile metadata */
.source-profile-details{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 86%,transparent)}
.source-profile-details h2{margin:0 0 .85rem;font-size:1rem}
.source-profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.source-profile-facts>div{min-width:0;padding:.7rem;border:1px solid var(--border);border-radius:.75rem;background:var(--panel-2)}
.source-profile-facts span,.source-profile-facts strong{display:block;overflow-wrap:anywhere}
.source-profile-facts span{font-size:.76rem;color:var(--muted);margin-bottom:.2rem}
.source-profile-facts strong{font-size:.9rem}
@media(max-width:640px){.source-profile-facts{grid-template-columns:1fr}}

/* 2.3.21 — claim-camera countdown/replacement and cron repair controls */
.claim-camera-stage{position:relative}
.claim-camera-stage [data-claim-camera-upload-preview]{display:block;width:100%;max-height:520px;object-fit:contain;background:#06070b}
.claim-camera-countdown{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:.5rem;background:rgba(5,7,14,.7);color:#fff;text-align:center;backdrop-filter:blur(5px)}
.claim-camera-countdown[hidden]{display:none}
.claim-camera-countdown strong{display:grid;place-items:center;width:clamp(96px,18vw,150px);aspect-ratio:1;border:2px solid rgba(255,255,255,.72);border-radius:50%;font-size:clamp(3.5rem,10vw,6.5rem);line-height:1;background:color-mix(in srgb,var(--accent) 72%,transparent);box-shadow:0 18px 60px rgba(0,0,0,.45)}
.claim-camera-countdown span{max-width:32ch;font-weight:750;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.claim-camera-status{min-height:1.4em;margin:.55rem 0 0}
.cron-repair-panel{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;border-color:color-mix(in srgb,#f0b84b 55%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,#f0b84b 8%,var(--surface)),var(--surface))}
.cron-repair-panel h2{margin:.15rem 0 .35rem}.cron-repair-panel p{margin:0;color:var(--muted)}
.cron-repair-panel .chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.cron-repair-panel code{padding:.35rem .55rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-deep)}
@media(max-width:760px){.cron-repair-panel{align-items:stretch;flex-direction:column}.cron-repair-panel form,.cron-repair-panel .button{width:100%}.claim-camera-countdown strong{width:104px;font-size:4rem}}

/* 2.3.22 — additional model sources and scanner-intelligence controls */
.source-camsoda{background:rgba(255,118,46,.14);color:#c2410c;border:1px solid rgba(255,118,46,.36)}
[data-theme="dark"] .source-camsoda{color:#fdba74}
.source-stripchat{background:rgba(34,197,94,.14);color:#15803d;border:1px solid rgba(34,197,94,.36)}
[data-theme="dark"] .source-stripchat{color:#86efac}
.security-probe-panel{scroll-margin-top:92px}
.seo-security-columns{align-items:start}
.security-probe-list{display:grid;gap:.7rem;min-width:0}
.security-probe-card{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.security-probe-card .chip-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.security-probe-card.severity-error{border-left:3px solid var(--danger)}
.security-probe-card.severity-warning{border-left:3px solid var(--warning)}
.security-probe-card.severity-review{border-left:3px solid var(--accent)}
.code-block{max-height:560px;margin:0;padding:1rem;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#070911;color:#d7def5;font:500 .73rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;tab-size:2}
@media(max-width:980px){.seo-security-columns{grid-template-columns:1fr}.security-probe-card{grid-template-columns:1fr}.security-probe-card form{justify-self:start}}

/* 2.3.23: authentication continuation card */
.auth-intent-notice {
  display: grid;
  gap: .45rem;
  margin: 0 0 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--accent, #ff3b82) 38%, var(--border));
  border-radius: 14px;
  background: color-mix(in srgb, var(--accent, #ff3b82) 8%, var(--panel));
}
.auth-intent-notice strong { color: var(--text); }
.auth-intent-notice p,
.auth-intent-notice small { margin: 0; }
.auth-intent-notice .text-link { justify-self: start; }


/* 2.3.24 — model action deck below the player and source-aware profile polish */
.model-action-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;min-width:0}
.model-action-card{display:flex;align-items:center;justify-content:space-between;gap:1.15rem;min-width:0;padding:1.15rem;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--accent) 4%,var(--surface-2)));box-shadow:0 14px 42px rgba(0,0,0,.12)}
.model-action-card-promotion{border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}.model-action-card-claim{border-color:color-mix(in srgb,#9b87f5 32%,var(--border))}
.model-action-copy{display:grid;gap:.3rem;min-width:0}.model-action-copy h2{margin:0;font-size:1.05rem}.model-action-copy p{margin:0;color:var(--muted);overflow-wrap:anywhere}.model-action-buttons{display:grid;justify-items:end;gap:.55rem;min-width:min(100%,220px)}.model-action-buttons .button{width:100%;white-space:normal;text-align:center}.model-action-buttons small{max-width:28ch;color:var(--muted);text-align:right}
.claimed-profile-head{display:flex;align-items:center;gap:.8rem;min-width:0}.claimed-profile-head>div{min-width:0}.claimed-profile-head h2{margin:.15rem 0}.claimed-profile-head a{overflow-wrap:anywhere}.social-link-list.compact{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.social-link-list.compact a{padding:.4rem .55rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-deep);font-size:.75rem}
.profile-card blockquote{margin:1rem 0;padding:.9rem 1rem;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--surface-deep);white-space:normal;overflow-wrap:anywhere}
@media(max-width:980px){.model-action-deck{grid-template-columns:1fr}.model-action-card{align-items:flex-start}.model-action-buttons{min-width:200px}}
@media(max-width:640px){.model-action-card{flex-direction:column;align-items:stretch}.model-action-buttons{min-width:0;width:100%;justify-items:stretch}.model-action-buttons small{text-align:left}.claimed-profile-head{align-items:flex-start}}


/* RecordedCams Power Control 2.3.24.2 — clickable source navigation badges */
.model-card,.video-card{position:relative}
.source-filter-badge{position:absolute;z-index:9;inset-block-start:.65rem;inset-inline-end:.65rem;text-decoration:none;box-shadow:0 7px 20px rgba(0,0,0,.28);backdrop-filter:blur(10px);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.source-filter-badge:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 10px 26px rgba(0,0,0,.36)}
.source-filter-badge:focus-visible,.source-filter-link:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 62%,#fff);outline-offset:3px}
.model-card .promoted-pill{inset-block-start:2.55rem;right:auto;left:auto;inset-inline-end:.65rem}
.source-filter-link{text-decoration:none;flex:0 0 auto;transition:transform .18s ease,filter .18s ease}
.source-filter-link:hover{transform:translateY(-1px);filter:brightness(1.12)}
.profile-title-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;flex:0 0 auto}
.profile-source-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:.75rem}
.promoted-model-chip{position:relative;display:block;padding:0;min-width:230px;overflow:hidden}
.promoted-model-main{display:flex;align-items:center;gap:.55rem;min-height:54px;padding:.45rem 5.35rem .45rem .65rem;color:inherit;text-decoration:none}
.promoted-model-main>span{min-width:0}
.promoted-model-main strong,.promoted-model-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.source-filter-badge-chip{inset-block-start:50%;inset-inline-end:.55rem;transform:translateY(-50%);font-size:.58rem;max-width:4.45rem;overflow:hidden;text-overflow:ellipsis}
.source-filter-badge-chip:hover{transform:translateY(calc(-50% - 1px))}
.watch-actions .source-filter-link{order:-1}
@media(max-width:680px){.source-filter-badge{inset-block-start:.5rem;inset-inline-end:.5rem;font-size:.58rem;padding:.18rem .42rem}.model-card .promoted-pill{inset-block-start:2.2rem;right:auto;left:auto;inset-inline-end:.5rem}.profile-title-actions{gap:.45rem}.promoted-model-chip{min-width:210px}.promoted-model-main{padding-inline-end:4.85rem}.source-filter-badge-chip{inset-inline-end:.45rem;max-width:4rem}.watch-actions .source-filter-link{max-width:100%}}

/* RecordedCams Power Control 2.3.25 — fixed provider slot partition */
.provider-slot-policy{display:grid;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-deep) 82%,transparent)}
.provider-slot-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.provider-slot-heading h3{margin:.15rem 0 0}.provider-slot-heading p{max-width:58ch;margin:0;color:var(--muted);font-size:.82rem}
.provider-slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
.provider-slot-card{display:grid;gap:.7rem;min-width:0;padding:.9rem;border:1px solid var(--border);border-radius:15px;background:var(--surface)}
.provider-slot-card.source-mfc{border-color:color-mix(in srgb,#d9467d 38%,var(--border))}.provider-slot-card.source-cam4{border-color:color-mix(in srgb,#06b6d4 38%,var(--border))}.provider-slot-card.source-bonga{border-color:color-mix(in srgb,#8b5cf6 38%,var(--border))}.provider-slot-card.source-camsoda{border-color:color-mix(in srgb,#f97316 38%,var(--border))}.provider-slot-card.source-stripchat{border-color:color-mix(in srgb,#22c55e 38%,var(--border))}
.provider-slot-title{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0}.provider-slot-title strong{font-size:.88rem}.provider-slot-title span{color:var(--muted);font-size:.7rem;text-align:right}
.provider-slot-card .field{gap:.35rem}.provider-slot-card .field input{width:100%}.provider-slot-stats{display:flex;justify-content:space-between;gap:.65rem;padding-top:.55rem;border-top:1px solid var(--border);color:var(--muted);font-size:.72rem}.provider-slot-stats b{color:var(--text)}
@media(max-width:1280px){.provider-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.provider-slot-heading{flex-direction:column}.provider-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.provider-slot-grid{grid-template-columns:1fr}}

/* Protected recording diagnostics modal. */
body.recording-log-open{overflow:hidden}
.recording-log-modal[hidden]{display:none!important}
.recording-log-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:clamp(12px,3vw,36px)}
.recording-log-backdrop{position:absolute;inset:0;border:0;background:rgba(3,6,14,.84);backdrop-filter:blur(5px);cursor:default}
.recording-log-dialog{position:relative;display:flex;flex-direction:column;width:min(1000px,100%);max-height:min(86vh,900px);overflow:hidden;border:1px solid var(--border,#293149);border-radius:20px;background:var(--panel,#121726);box-shadow:0 28px 90px rgba(0,0,0,.55);color:var(--text,#f7f8ff);outline:none}
.recording-log-header,.recording-log-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border,#293149)}
.recording-log-header h2{margin:3px 0 0}.recording-log-actions{justify-content:flex-end;border-top:1px solid var(--border,#293149);border-bottom:0;flex-wrap:wrap}
.recording-log-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:14px 20px;background:rgba(255,255,255,.018)}
.recording-log-meta:empty{display:none}.recording-log-meta>div{min-width:0;padding:9px 11px;border:1px solid var(--border,#293149);border-radius:10px;background:rgba(0,0,0,.12)}
.recording-log-meta span{display:block;margin-bottom:4px;color:var(--muted,#9ca7bd);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.recording-log-meta strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}
.recording-log-notice{margin:14px 20px 0;padding:10px 12px;border:1px solid rgba(247,183,49,.35);border-radius:10px;background:rgba(247,183,49,.08);color:#ffd983;font-size:.82rem}
.recording-log-output{flex:1;min-height:280px;margin:14px 20px;padding:16px;overflow:auto;border:1px solid var(--border,#293149);border-radius:12px;background:#070a12;color:#dce7ff;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.recording-log-trigger{margin-top:8px}
@media (max-width:640px){.recording-log-modal{padding:0}.recording-log-dialog{width:100%;height:100%;max-height:none;border-radius:0}.recording-log-header,.recording-log-actions{padding:14px}.recording-log-meta{padding:12px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.recording-log-output{margin:10px 14px;min-height:0}.recording-log-actions .button{flex:1 1 auto}}

/* Security session-expiry warning */
.session-expiry[hidden] { display: none !important; }
.session-expiry {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: clamp(16px, 4vw, 40px);
}
.session-expiry-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 5, 13, .78);
  backdrop-filter: blur(8px);
}
.session-expiry-dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 540px);
  overflow: hidden;
  border: 1px solid var(--line, rgba(255,255,255,.13));
  border-radius: 22px;
  background: var(--panel, #121727);
  color: var(--text, #f8f9ff);
  box-shadow: 0 28px 90px rgba(0,0,0,.55);
}
.session-expiry-dialog header,
.session-expiry-dialog footer,
.session-expiry-body { padding: 24px 28px; }
.session-expiry-dialog header { border-bottom: 1px solid var(--line, rgba(255,255,255,.1)); }
.session-expiry-dialog header h2 { margin: 0; font-size: clamp(1.25rem, 3vw, 1.65rem); }
.session-expiry-body { text-align: center; }
.session-expiry-body p { margin: 0 0 18px; color: var(--muted, #aeb6ca); }
.session-expiry-timer {
  display: block;
  font-variant-numeric: tabular-nums;
  font-size: clamp(2.1rem, 8vw, 3.5rem);
  line-height: 1;
  letter-spacing: .03em;
}
.session-expiry-error {
  margin-top: 18px !important;
  padding: 10px 12px;
  border: 1px solid rgba(239, 83, 112, .45);
  border-radius: 12px;
  background: rgba(239, 83, 112, .1);
  color: #ff9bac !important;
}
.session-expiry-dialog footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  gap: 12px;
  align-items: center;
  border-top: 1px solid var(--line, rgba(255,255,255,.1));
}
.session-expiry-dialog footer form { margin: 0; }
.session-expiry-dialog footer .button { width: 100%; min-height: 48px; }
body.session-expiry-open { overflow: hidden; }
@media (max-width: 560px) {
  .session-expiry { padding: 12px; align-items: end; }
  .session-expiry-dialog { border-radius: 20px 20px 12px 12px; }
  .session-expiry-dialog header,
  .session-expiry-dialog footer,
  .session-expiry-body { padding: 20px; }
  .session-expiry-dialog footer { grid-template-columns: 1fr; }
}

/* ========================================================================== 
   Webmaster syndication workspace — 2.3.27
   ========================================================================== */
.webmaster-hero { padding-block: clamp(58px,7vw,96px); }
.webmaster-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:clamp(28px,5vw,76px); align-items:center; }
.webmaster-hero h1 { max-width:15ch; margin:.25rem 0 1rem; font-size:clamp(2.7rem,6vw,5.8rem); line-height:.94; letter-spacing:-.055em; }
.webmaster-hero-actions { margin-top:27px; }
.webmaster-growth-card { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; overflow:hidden; padding:30px; background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface)); }
.webmaster-growth-card::after { content:""; position:absolute; inset:auto -22% -45% 26%; aspect-ratio:1; border:1px solid color-mix(in srgb,var(--accent) 22%,transparent); border-radius:50%; pointer-events:none; }
.webmaster-growth-card > div { position:relative; z-index:1; padding:19px; border:1px solid var(--line); border-radius:15px; background:color-mix(in srgb,var(--surface-2) 86%,transparent); }
.webmaster-growth-card small,.webmaster-growth-card span { display:block; color:var(--muted); }
.webmaster-growth-card strong { display:block; margin:.1em 0; font-size:2.45rem; letter-spacing:-.05em; }
.webmaster-growth-card p { position:relative; z-index:1; grid-column:1/-1; margin:5px 0 0; font-size:.9rem; }
.webmaster-orbit { position:absolute; top:18px; right:20px; color:var(--accent); font-size:1.45rem; }
.webmaster-section { max-width:1360px; }
.webmaster-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:58px; }
.webmaster-feature-card { display:flex; gap:17px; align-items:flex-start; min-height:190px; }
.webmaster-feature-card > span { display:grid; place-items:center; flex:0 0 48px; height:48px; border-radius:14px; color:var(--accent); background:color-mix(in srgb,var(--accent) 12%,var(--surface-2)); font-size:1.25rem; font-weight:850; }
.webmaster-feature-card h2 { margin:2px 0 9px; font-size:1.18rem; }
.webmaster-feature-card p { margin:0 0 13px; color:var(--muted); font-size:.9rem; }
.webmaster-feed-heading { margin-top:10px; }
.webmaster-feed-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.webmaster-feed-card { display:flex; flex-direction:column; min-height:310px; }
.webmaster-feed-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.webmaster-feed-card h3 { margin:10px 0 0; }
.webmaster-feed-card header > strong,.webmaster-article-total strong { font-size:2.15rem; letter-spacing:-.045em; }
.webmaster-feed-card > p { color:var(--muted); }
.webmaster-feed-card .detail-list { margin-top:auto; }
.webmaster-feed-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:18px; }
.webmaster-feed-links a { display:flex; justify-content:center; padding:8px 6px; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:.78rem; font-weight:800; }
.webmaster-feed-links a:hover,.webmaster-feed-links a:focus-visible { color:var(--text); border-color:var(--accent); background:color-mix(in srgb,var(--accent) 8%,transparent); }
.webmaster-account-hero .button-row { margin-top:20px; }
.webmaster-secret-notice .copy-row { margin-top:13px; }
.webmaster-secret-notice code { overflow-wrap:anywhere; }
.webmaster-member-metrics { margin-bottom:22px; }
.webmaster-account-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr); gap:22px; align-items:start; }
.webmaster-account-main,.webmaster-account-side,.webmaster-admin-side { min-width:0; }
.webmaster-account-side { display:grid; gap:20px; position:sticky; top:88px; }
.webmaster-account-side .panel + .panel,.webmaster-admin-side .panel + .panel { margin-top:0; }
.webmaster-create-panel { margin-bottom:34px; }
.webmaster-feed-manager { display:grid; gap:18px; }
.webmaster-managed-feed { overflow:hidden; }
.webmaster-managed-feed .panel-heading { align-items:center; }
.webmaster-article-total { display:flex; flex-direction:column; align-items:flex-end; }
.webmaster-article-total span { color:var(--muted); font-size:.76rem; }
.webmaster-url-stack { display:grid; gap:8px; }
.webmaster-url-stack .copy-row { grid-template-columns:minmax(0,1fr) auto auto; }
.webmaster-url-stack code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.webmaster-feed-editor { margin-top:18px; border-top:1px solid var(--line); }
.webmaster-feed-editor > summary { padding:16px 0 0; color:var(--accent); font-weight:800; cursor:pointer; }
.webmaster-feed-editor[open] > summary { margin-bottom:18px; }
.webmaster-feed-actions { align-items:flex-end; }
.webmaster-feed-actions > div:first-child { display:grid; gap:4px; }
.webmaster-key-list { display:grid; gap:10px; margin-top:20px; }
.webmaster-key-list article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:13px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); }
.webmaster-key-list article > div { display:grid; gap:3px; min-width:0; }
.webmaster-key-list code { overflow:hidden; text-overflow:ellipsis; }
.webmaster-key-list form { grid-column:1/-1; }
.webmaster-wordpress-panel { position:relative; overflow:hidden; }
.webmaster-wordpress-mark { display:grid; place-items:center; width:54px; height:54px; margin-bottom:16px; border-radius:50%; color:white; background:#21759b; font-size:1.4rem; font-weight:900; }
.webmaster-check-list { display:grid; gap:10px; padding:0; margin:18px 0 0; list-style:none; }
.webmaster-check-list li { position:relative; padding-left:25px; color:var(--muted); }
.webmaster-check-list li::before { content:"✓"; position:absolute; left:0; color:var(--success); font-weight:900; }
.webmaster-admin-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr); gap:20px; align-items:start; }
.webmaster-admin-side { display:grid; gap:20px; }
.webmaster-admin-create-feed,.webmaster-admin-feed-list,.webmaster-admin-key-list { margin-top:20px; }
.webmaster-admin-feed { border:1px solid var(--line); border-radius:13px; background:color-mix(in srgb,var(--surface-2) 65%,transparent); overflow:hidden; }
.webmaster-admin-feed + .webmaster-admin-feed { margin-top:11px; }
.webmaster-admin-feed > summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 18px; cursor:pointer; list-style:none; }
.webmaster-admin-feed > summary::-webkit-details-marker { display:none; }
.webmaster-admin-feed > summary > span:first-child { display:grid; gap:3px; }
.webmaster-admin-feed > summary small { color:var(--muted); }
.webmaster-admin-feed[open] > summary { border-bottom:1px solid var(--line); }
.webmaster-admin-feed .admin-disclosure-body { padding:18px; }
.webmaster-admin-key-list table code { font-size:.76rem; }

@media (max-width:1180px) {
  .webmaster-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .webmaster-feed-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .webmaster-account-layout,.webmaster-admin-grid { grid-template-columns:1fr; }
  .webmaster-account-side { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .webmaster-hero-grid { grid-template-columns:1fr; }
  .webmaster-growth-card { max-width:none; }
  .webmaster-feature-grid,.webmaster-feed-grid,.webmaster-account-side { grid-template-columns:1fr; }
  .webmaster-feature-card { min-height:0; }
  .webmaster-url-stack .copy-row { grid-template-columns:minmax(0,1fr) auto; }
  .webmaster-url-stack .copy-row a { display:none; }
  .webmaster-feed-actions,.webmaster-admin-feed > summary { align-items:stretch; flex-direction:column; }
  .webmaster-feed-actions .button-row { width:100%; }
  .webmaster-feed-actions .button-row form,.webmaster-feed-actions .button-row button { flex:1; }
}
@media (max-width:480px) {
  .webmaster-growth-card { grid-template-columns:1fr; padding:20px; }
  .webmaster-growth-card p { grid-column:1; }
  .webmaster-feed-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* 2.3.28 — one-time API-key disclosure and spoken claim-video workflow. */
.api-key-once-modal{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:clamp(12px,3vw,36px)}
.api-key-once-backdrop{position:absolute;inset:0;background:rgba(2,4,10,.82);backdrop-filter:blur(10px)}
.api-key-once-dialog{position:relative;z-index:1;width:min(100%,720px);max-height:min(92vh,820px);overflow:auto;padding:clamp(1.2rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:24px;background:var(--surface);box-shadow:0 35px 110px rgba(0,0,0,.58)}
.api-key-once-dialog h2{margin:.3rem 2.5rem .65rem 0;font-size:clamp(1.65rem,4vw,2.45rem)}
.api-key-once-warning{margin:1rem 0}
.api-key-once-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.82rem,2vw,1rem);letter-spacing:.02em}
.api-key-once-status{min-height:1.45em;margin:.55rem 0;color:var(--success);font-weight:750}
.api-key-once-actions{margin-top:.75rem}
.api-key-once-actions .button{flex:1 1 180px}

.claim-video-recorder{display:grid;gap:.85rem}
.claim-video-stage{position:relative;display:grid;place-items:center;min-height:330px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#05070d}
.claim-video-stage video{display:block;width:100%;max-height:560px;object-fit:contain;background:#05070d}
.claim-video-stage [hidden]{display:none!important}
.claim-video-timer{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:.4rem;background:rgba(3,5,11,.66);color:#fff;text-align:center;pointer-events:none;backdrop-filter:blur(3px)}
.claim-video-timer[hidden]{display:none!important}
.claim-video-timer strong{display:grid;place-items:center;width:clamp(96px,18vw,150px);aspect-ratio:1;border:2px solid rgba(255,255,255,.78);border-radius:50%;background:color-mix(in srgb,var(--accent) 76%,transparent);font-size:clamp(3rem,9vw,6rem);line-height:1;box-shadow:0 20px 70px rgba(0,0,0,.5)}
.claim-video-timer span{font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.claim-camera-placeholder{max-width:48ch}
.claim-spoken-phrase{grid-template-columns:1fr auto;align-items:center}
.claim-spoken-phrase>span,.claim-spoken-phrase>strong{grid-column:1}
.claim-spoken-phrase>button{grid-column:2;grid-row:1/3}
.claim-proof-preview video{display:block;width:100%;max-height:520px;border-radius:14px;background:#05070d}
.claim-review-card .definition-grid small{display:block;margin-top:.25rem;color:var(--muted);overflow-wrap:anywhere}

@media(max-width:640px){
  .api-key-once-modal{align-items:end;padding:0}
  .api-key-once-dialog{width:100%;max-height:94vh;border-radius:24px 24px 0 0;padding:1.15rem}
  .api-key-once-actions{display:grid;grid-template-columns:1fr}
  .claim-video-stage{min-height:230px}
  .claim-spoken-phrase{grid-template-columns:1fr}
  .claim-spoken-phrase>button{grid-column:1;grid-row:auto;width:100%}
}

/* RecordedCams 2.3.29 protected archive delivery */
.archive-download-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:rgba(2,5,14,.82);backdrop-filter:blur(10px)}
.archive-download-panel{width:min(760px,100%);max-height:min(88vh,900px);overflow:auto;border:1px solid var(--border,#293149);border-radius:24px;background:var(--surface,#111727);box-shadow:0 30px 90px rgba(0,0,0,.55);padding:24px}
.archive-download-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border,#293149)}
.archive-download-heading h2{margin:.35rem 0 .45rem;font-size:clamp(1.5rem,3vw,2.2rem)}
.archive-download-heading p{margin:0;color:var(--muted,#aab1c4);max-width:60ch}
.archive-modal-close{border:1px solid var(--border,#293149);background:transparent;color:inherit;width:42px;height:42px;border-radius:12px;font-size:1.75rem;line-height:1;cursor:pointer;flex:0 0 auto}
.archive-part-list{display:grid;gap:12px;margin:22px 0}
.archive-part-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--border,#293149);border-radius:16px;background:var(--surface-soft,#171e31)}
.archive-part-row div{min-width:0;display:grid;gap:5px}
.archive-part-row small{color:var(--muted,#aab1c4);overflow-wrap:anywhere}
.archive-password-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--accent,#ff3b82) 45%,var(--border,#293149));border-radius:16px;background:color-mix(in srgb,var(--accent,#ff3b82) 8%,var(--surface,#111727))}
.archive-password-card span{font-weight:800}
.archive-password-card input{min-width:0;width:100%;font:700 1rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}
.archive-extraction-help{color:var(--muted,#aab1c4);margin:16px 0 0}
.archive-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
html.modal-open,html.modal-open body{overflow:hidden}
@media(max-width:640px){.archive-download-modal{padding:10px;align-items:end}.archive-download-panel{padding:18px;border-radius:20px 20px 0 0;max-height:92vh}.archive-part-row{align-items:stretch;flex-direction:column}.archive-part-row .button{width:100%}.archive-password-card{grid-template-columns:1fr}.archive-password-card .button{width:100%}.archive-modal-actions{flex-direction:column}.archive-modal-actions .button{width:100%}}

/* RecordedCams 2.3.30.2 — protected playback settings, ad-block gate and configurable end screen. */
.player-access-overlay{position:absolute;inset:0;z-index:70;display:grid;place-items:center;padding:clamp(16px,4vw,36px);background:rgba(3,5,12,.72);backdrop-filter:blur(12px);text-align:center}
.player-access-overlay[hidden]{display:none!important}
.player-access-dialog{width:min(100%,560px);padding:clamp(18px,4vw,30px);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 24px 80px rgba(0,0,0,.55)}
.player-access-dialog h2{margin:.35rem 0 .7rem;font-size:clamp(1.45rem,4vw,2.2rem)}
.player-access-dialog p{margin:0 auto 1rem;max-width:48ch;color:var(--muted)}
.player-access-dialog small{display:block;margin-top:.9rem;color:var(--muted)}
.player-access-checking{display:grid;justify-items:center;gap:14px;width:auto;min-width:min(100%,300px)}
.player-access-spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.16);border-top-color:var(--accent);border-radius:50%;animation:player-access-spin .85s linear infinite}
.player-access-blocked video,.player-access-blocked .fluid_video_wrapper{filter:blur(18px) saturate(.35);transform:scale(1.035);pointer-events:none;user-select:none}
.player-access-blocked-copy .button-row{justify-content:center}
@keyframes player-access-spin{to{transform:rotate(360deg)}}

.player-endscreen{position:absolute;inset:0;z-index:60;overflow:auto;padding:clamp(14px,2.5vw,24px);background:linear-gradient(150deg,rgba(6,9,18,.98),rgba(22,13,34,.97));color:#f7f8fb}
.player-endscreen[hidden]{display:none!important}
.player-endscreen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.player-endscreen-header h2{margin:.25rem 0 .35rem;font-size:clamp(1.25rem,2.5vw,1.85rem)}
.player-endscreen-header p{margin:0;color:#b8bfd0}
.player-endscreen-header .button-row{flex:0 0 auto}
.player-endscreen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.player-endscreen-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.player-endscreen-card:hover,.player-endscreen-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:rgba(255,255,255,.08);outline:none}
.player-endscreen-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:#090c14}
.player-endscreen-thumb img{width:100%;height:100%;object-fit:cover}
.player-endscreen-thumb>span{font-size:1.35rem}
.player-endscreen-thumb small{position:absolute;right:7px;bottom:7px;padding:3px 6px;border-radius:7px;background:rgba(0,0,0,.75);font-size:.67rem;font-weight:800}
.player-endscreen-copy{display:grid;gap:4px;padding:9px 10px}
.player-endscreen-copy strong,.player-endscreen-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-endscreen-copy strong{font-size:.82rem}
.player-endscreen-copy small{color:#aeb6ca;font-size:.68rem}
.player-endscreen-open video,.player-endscreen-open .fluid_video_wrapper{visibility:hidden}

.stream-api-guide{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}
.stream-api-guide h3{margin:0 0 .45rem}
.stream-api-guide p{color:var(--muted)}
.stream-api-guide pre{max-width:100%;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:13px;background:#070a12;color:#dce5f5;white-space:pre-wrap;overflow-wrap:anywhere}
.origin-list{display:grid;gap:5px;max-width:430px}
.origin-list code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:980px){.player-endscreen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .player-access-overlay{padding:10px}.player-access-dialog{padding:18px;border-radius:17px}
  .player-endscreen{padding:12px}.player-endscreen-header{align-items:stretch;flex-direction:column;margin-bottom:12px}.player-endscreen-header .button-row{display:grid;grid-template-columns:1fr 1fr;width:100%}.player-endscreen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.player-endscreen-copy{padding:7px 8px}.player-endscreen-copy small{display:none}
}
@media(max-width:420px){.player-endscreen-header p{display:none}.player-endscreen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-endscreen-thumb small{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.player-access-spinner{animation-duration:1.6s}.player-endscreen-card{transition:none}}

/* RecordedCams 2.3.31 — balanced homepage sources, live-only tag discovery and advisor diagnostics. */
.source-balance-summary{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.source-balance-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:inherit;text-decoration:none;font-weight:800}
.source-balance-chip strong{display:grid;place-items:center;min-width:30px;height:24px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.07);font-size:.78rem}
.source-balance-chip:hover,.source-balance-chip:focus-visible{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));outline:none;transform:translateY(-1px)}
.field-readonly{display:grid;align-content:end;min-width:150px}
.field-readonly strong{display:flex;align-items:center;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.tag-fallback-notice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 18px}
.tag-fallback-notice p{margin:.35rem 0 0}
.similar-tag-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:620px}
.similar-tag-links>span{width:100%;color:var(--muted);font-size:.75rem;font-weight:800;text-align:right;text-transform:uppercase;letter-spacing:.08em}
.similar-tag-links a{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);color:inherit;text-decoration:none;font-size:.78rem;font-weight:750}
.similar-tag-links a:hover,.similar-tag-links a:focus-visible{border-color:var(--accent);outline:none}
.index-current-columns{display:block;margin-top:5px;color:var(--warning)}
.index-error{display:block;margin-top:6px;color:var(--danger);white-space:normal;overflow-wrap:anywhere}
.index-apply-results{margin-bottom:18px}
.index-apply-results table small{display:block;max-width:760px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:780px){.tag-fallback-notice{grid-template-columns:1fr}.similar-tag-links{justify-content:flex-start}.similar-tag-links>span{text-align:left}.source-balance-summary{gap:7px}.source-balance-chip{padding:7px 10px}}


/* RecordedCams 2.3.32 — professional advertising wizard and campaign management. */
.advertising-wizard-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.45fr);gap:clamp(18px,2.4vw,30px);align-items:start;margin:clamp(20px,3vw,38px) 0;scroll-margin-top:96px}
.advertising-wizard-main{min-width:0;padding:clamp(18px,2.8vw,34px);overflow:hidden}
.advertising-wizard-heading{align-items:flex-start;margin-bottom:18px}
.advertising-wizard-heading h2{margin:.28rem 0 .45rem;font-size:clamp(1.6rem,3vw,2.5rem)}
.advertising-wizard-heading p{max-width:70ch;margin:0;color:var(--muted)}
.advertising-wizard-step-count{display:grid;place-items:center;min-width:72px;height:42px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-weight:900;color:var(--accent)}
.advertising-wizard-progress-track{height:5px;margin:0 0 15px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--border) 70%,transparent)}
.advertising-wizard-progress-track>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#8d72ff));transition:width .26s ease}
.advertising-wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 clamp(22px,3vw,34px);padding:0;list-style:none}
.advertising-wizard-progress li{min-width:0}
.advertising-wizard-progress button{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 9px;width:100%;min-height:76px;padding:11px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);color:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.advertising-wizard-progress button:hover,.advertising-wizard-progress button:focus-visible{border-color:color-mix(in srgb,var(--accent) 54%,var(--border));outline:none;transform:translateY(-1px)}
.advertising-wizard-progress button>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-weight:950}
.advertising-wizard-progress strong{align-self:end;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}
.advertising-wizard-progress small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.69rem}
.advertising-wizard-progress li.is-active button,.advertising-wizard-progress li.active button{border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 10%,transparent)}
.advertising-wizard-progress li.is-active button>span,.advertising-wizard-progress li.active button>span{border-color:var(--accent);background:var(--accent);color:#fff}
.advertising-wizard-progress li.is-complete button>span,.advertising-wizard-progress li.complete button>span{border-color:color-mix(in srgb,var(--success) 55%,var(--border));background:color-mix(in srgb,var(--success) 15%,var(--surface));color:var(--success)}
.advertising-wizard-form{min-width:0}
.advertising-wizard-step{min-width:0;animation:advertising-step-in .22s ease}
.advertising-wizard-step[hidden]{display:none!important}
@keyframes advertising-step-in{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}
.wizard-step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.wizard-step-heading h3{margin:.22rem 0 .4rem;font-size:clamp(1.35rem,2.5vw,2rem);outline:none}
.wizard-step-heading p{max-width:68ch;margin:0;color:var(--muted)}
.advertising-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.advertising-product-card{position:relative;display:grid;align-content:start;gap:11px;min-width:0;min-height:310px;padding:20px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,var(--surface),var(--surface-2));color:inherit;text-align:left;cursor:pointer;isolation:isolate;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.advertising-product-card:before{content:"";position:absolute;z-index:-1;right:-80px;bottom:-100px;width:200px;height:200px;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent);filter:blur(10px)}
.advertising-product-card:hover,.advertising-product-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));outline:none;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.advertising-product-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent),0 20px 54px color-mix(in srgb,var(--accent) 14%,transparent)}
.advertising-product-card.is-featured{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,#e6b94c 7%,var(--surface-2)))}
.advertising-product-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:1.55rem;font-weight:900}
.advertising-product-card>.badge{justify-self:start}
.advertising-product-card>strong{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.08}
.advertising-product-card>p{margin:0;color:var(--muted);line-height:1.58}
.advertising-product-card>.price{display:flex;align-items:flex-end;gap:6px;margin-top:auto;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:950;line-height:1}
.advertising-product-card>.price small{padding-bottom:4px;color:var(--muted);font-size:.72rem;font-weight:700}
.advertising-product-selected{position:absolute;top:16px;right:16px;padding:6px 9px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:900;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 30%,transparent)}
.advertising-product-tags{display:flex;flex-wrap:wrap;gap:6px}
.advertising-product-tags i{padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.66rem;font-style:normal;font-weight:800}
.advertising-product-fallback{display:grid;gap:6px;margin-top:16px}
.advertising-wizard-shell.is-enhanced .advertising-product-fallback{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}
.promotion-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:17px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}
.selected-model-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.selected-model-card img{width:58px;height:58px;border-radius:13px;object-fit:cover}
.selected-model-card div{display:grid;gap:4px;min-width:0}.selected-model-card strong,.selected-model-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-model-card small{color:var(--muted)}
.wizard-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}
.wizard-navigation .button{min-width:145px}
.advertising-live-preview{position:sticky;top:92px;display:grid;gap:16px;min-width:0;padding:20px}
.advertising-live-preview .creative-preview{min-height:300px}
.creative-preview-media{background-position:center;background-size:cover;background-repeat:no-repeat}
.creative-preview-media.has-image>span{visibility:hidden}
.creative-preview-model-promotion .creative-preview-media{background:radial-gradient(circle,color-mix(in srgb,#ffc14d 28%,transparent),transparent 65%);color:#ffc14d}
.advertising-management-promise{padding:15px;border:1px solid color-mix(in srgb,var(--success) 26%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--success) 6%,var(--surface-2))}
.advertising-management-promise strong{display:block;margin-bottom:8px}
.advertising-management-promise ul,.advertiser-account-benefits{display:grid;gap:6px;margin:0;padding-left:20px;color:var(--muted)}
.advertiser-account-ready,.advertiser-account-create,.advertiser-account-optional{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;margin-bottom:20px;padding:17px;border:1px solid color-mix(in srgb,var(--success) 30%,var(--border));border-radius:17px;background:color-mix(in srgb,var(--success) 6%,var(--surface-2))}
.advertiser-account-create{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}
.advertiser-account-optional{border-color:var(--border);background:var(--surface-2)}
.advertiser-account-ready p,.advertiser-account-create p,.advertiser-account-optional p{margin:.35rem 0;color:var(--muted)}
.advertiser-account-security-icon,.advertiser-account-optional>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--accent);font-size:1.4rem}
.account-existing-note{margin-top:10px!important;padding-top:10px;border-top:1px solid var(--border)}
.advertising-final-review{display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.advertising-final-review h4{margin:0;font-size:1.2rem}
.advertising-final-review dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.advertising-final-review dl>div{display:grid;grid-template-columns:minmax(90px,.42fr) minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.advertising-final-review dt{color:var(--muted);font-size:.73rem}.advertising-final-review dd{margin:0;text-align:right;font-weight:850;overflow-wrap:anywhere}
.quote-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:end;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.quote-summary>span{color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.quote-summary>strong{font-size:clamp(1.25rem,3vw,1.8rem);text-align:right}.quote-summary>small{grid-column:1/-1;color:var(--muted)}
.advertising-wizard-shell.is-single-page{grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr)}
.advertising-wizard-shell.is-single-page .advertising-wizard-progress,.advertising-wizard-shell.is-single-page .advertising-wizard-progress-track,.advertising-wizard-shell.is-single-page .advertising-wizard-step-count,.advertising-wizard-shell.is-single-page .wizard-navigation{display:none}
.advertising-wizard-shell.is-single-page .advertising-wizard-step{display:block!important;margin-top:26px;padding-top:26px;border-top:1px solid var(--border);animation:none}
.advertising-wizard-shell.is-single-page .advertising-wizard-step:first-of-type{margin-top:0;padding-top:0;border-top:0}

.advertiser-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px;align-items:center}
.advertiser-reminder-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.advertiser-reminder-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-size:1.55rem}.advertiser-reminder-card p{margin:.32rem 0 0;color:var(--muted)}
.advertiser-verification-alert{margin:18px 0}
.advertising-account-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}
.advertising-account-metrics article{display:grid;gap:8px;min-width:0;padding:17px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}
.advertising-account-metrics span{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.advertising-account-metrics strong{font-size:clamp(1.4rem,3vw,2rem)}.advertising-account-metrics small{color:var(--muted);font-size:.72rem;line-height:1.4}.advertising-account-metrics article.is-financial{border-color:color-mix(in srgb,var(--success) 28%,var(--border));background:color-mix(in srgb,var(--success) 5%,var(--surface))}
.advertiser-campaigns{padding:clamp(18px,2.8vw,30px)}
.campaign-filter-tabs{display:flex;flex-wrap:wrap;gap:7px}.campaign-filter-tabs button{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:inherit;cursor:pointer;font-weight:800}.campaign-filter-tabs button:hover,.campaign-filter-tabs button:focus-visible,.campaign-filter-tabs button.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);outline:none}
.managed-campaign-list{display:grid;gap:14px}
.managed-campaign-card{display:grid;gap:17px;padding:19px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(145deg,var(--surface),var(--surface-2))}
.managed-campaign-card[hidden]{display:none!important}
.managed-campaign-card>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.managed-campaign-identity{display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px;align-items:center;min-width:0}.managed-campaign-identity h3{margin:.2rem 0 .32rem;overflow-wrap:anywhere}.managed-campaign-identity p{margin:0;color:var(--muted)}
.campaign-type-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);font-size:1.35rem;font-weight:900}
.campaign-status-stack{display:grid;justify-items:end;gap:6px;text-align:right}.campaign-status-stack small{color:var(--muted)}
.campaign-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.campaign-progress>span{position:relative;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted);font-size:.72rem;font-weight:850;text-align:center}.campaign-progress>span.complete{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--surface));color:var(--success)}.campaign-progress>span.current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent)}.campaign-progress>span.failed{border-color:color-mix(in srgb,var(--danger) 42%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger)}
.managed-campaign-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.managed-campaign-facts>div{min-width:0;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.managed-campaign-facts dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.managed-campaign-facts dd{display:grid;gap:3px;margin:5px 0 0;font-weight:850;overflow-wrap:anywhere}.managed-campaign-facts small{color:var(--muted);font-weight:650}
.managed-campaign-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.campaign-renew-form{display:flex;align-items:center;gap:8px}.campaign-renew-form select{min-width:145px}.campaign-renewal-open{padding:8px 11px;border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--warning) 8%,var(--surface));color:var(--warning);font-size:.72rem;font-weight:850}
.campaign-editor{border-top:1px solid var(--border);padding-top:14px}.campaign-editor summary{cursor:pointer;font-weight:850;color:var(--accent)}.campaign-editor form{margin-top:14px}

@media(max-width:1180px){.advertising-wizard-shell{grid-template-columns:1fr}.advertising-live-preview{position:static}.advertising-account-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.advertising-product-grid{grid-template-columns:1fr}.advertising-product-card{min-height:0}.advertising-wizard-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.advertiser-dashboard-hero{grid-template-columns:1fr}.managed-campaign-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.advertising-wizard-main,.advertising-live-preview,.advertiser-campaigns{padding:15px}.advertising-wizard-progress{grid-template-columns:1fr}.advertising-wizard-progress button{min-height:62px}.promotion-fields{grid-template-columns:1fr}.advertising-final-review dl{grid-template-columns:1fr}.advertising-final-review dl>div{grid-template-columns:1fr}.advertising-final-review dd{text-align:left}.wizard-navigation{align-items:stretch;flex-direction:column-reverse}.wizard-navigation>span{display:none}.wizard-navigation .button{width:100%}.advertising-account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.managed-campaign-card>header{flex-direction:column}.campaign-status-stack{justify-items:start;text-align:left}.campaign-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.managed-campaign-facts{grid-template-columns:1fr}.managed-campaign-actions{align-items:stretch;flex-direction:column}.managed-campaign-actions .button,.managed-campaign-actions form,.campaign-renew-form{width:100%}.campaign-renew-form{align-items:stretch;flex-direction:column}.campaign-renew-form select,.campaign-renew-form button{width:100%}.advertiser-reminder-card{grid-template-columns:44px 1fr}.advertiser-reminder-card>span{width:44px;height:44px}}
@media(max-width:430px){.advertising-account-metrics{grid-template-columns:1fr}.advertising-product-card{padding:16px}.advertising-wizard-step-count{display:none}.quote-summary{grid-template-columns:1fr}.quote-summary>strong{text-align:left}.campaign-filter-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.campaign-filter-tabs button{width:100%}}
@media(prefers-reduced-motion:reduce){.advertising-wizard-progress-track>i,.advertising-product-card,.advertising-wizard-progress button{transition:none}.advertising-wizard-step{animation:none}}

/* RecordedCams 2.3.33 — database auto-optimizer and observability. */
.database-admin-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.database-admin-intro h2{margin:.25rem 0 .45rem}.database-optimizer-state{display:grid;justify-items:end;gap:7px;text-align:right}.database-health-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.database-health-metrics article{min-width:0}.database-optimizer-grid,.database-observability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.database-health-card{min-width:0}.optimizer-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.optimizer-status-list>div{display:grid;gap:5px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.optimizer-status-list span{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.optimizer-status-list strong{font-size:1.08rem}.database-maintenance-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.database-maintenance-actions form{margin:0}.database-optimizer-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.database-run-result .notice ul{margin:.65rem 0 0;padding-left:20px}.database-result-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.query-digest{display:block;max-width:720px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.fragmentation-meter{position:relative;width:120px;max-width:100%;height:7px;margin-bottom:5px;overflow:hidden;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.fragmentation-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--warning),var(--danger))}.database-observability-grid .table-wrap{max-height:520px}.database-observability-grid table{font-size:.82rem}.database-run-result{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}
@media(max-width:1280px){.database-health-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.database-result-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.database-optimizer-grid,.database-observability-grid{grid-template-columns:1fr}.database-admin-intro{flex-direction:column}.database-optimizer-state{justify-items:start;text-align:left}}
@media(max-width:680px){.database-health-metrics,.database-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.optimizer-status-list,.database-optimizer-settings-grid{grid-template-columns:1fr}.database-maintenance-actions{display:grid}.database-maintenance-actions form,.database-maintenance-actions button{width:100%}}
@media(max-width:430px){.database-health-metrics,.database-result-metrics{grid-template-columns:1fr}}

/* RecordedCams 2.3.34 — responsive player, mobile/tablet and dated-media consolidation. */
html,body{max-width:100%;overflow-x:clip}
img,video,canvas,svg{max-width:100%}
.watch-player,.stream-frame,[data-player-viewport]{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:clamp(14px,2vw,24px);background:#03050a}
.watch-player video,.stream-frame video,[data-player-viewport]>video{display:block;width:100%;height:auto;max-height:min(78vh,900px);aspect-ratio:16/9;object-fit:contain;background:#000}
.media-toolbar,.player-toolbar,[data-media-controls]{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;min-width:0;max-width:100%}
.media-toolbar>* ,.player-toolbar>* ,[data-media-controls]>*{min-width:0}
.media-toolbar .button,.player-toolbar .button,[data-media-controls] .button{min-height:44px;white-space:nowrap}
.player-shortcuts{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.watch-actions,.record-action-row,.download-cta-actions,.promotion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;min-width:0}
.watch-actions .button,.record-action-row .button,.download-cta-actions .button,.promotion-actions .button{min-height:46px}
.admin-stage,.admin-content,.page-shell,.container,.panel,.form-grid,.filter-bar,.enhanced-filter-bar{min-width:0}
.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-wrap table{min-width:max-content}
.quick-promotion-dialog,.recording-log-dialog,.archive-download-panel,.api-key-once-panel{overscroll-behavior:contain}

@media(max-width:900px){
  .media-toolbar,.player-toolbar,[data-media-controls]{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .media-toolbar>* ,.player-toolbar>* ,[data-media-controls]>*{flex:0 0 auto;scroll-snap-align:start}
  .watch-layout,.model-profile-grid,.recording-detail-grid,.admin-grid,.dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  .admin-topbar{gap:.6rem;flex-wrap:wrap}
  .admin-topbar>*{min-width:0}
  .admin-content{padding-inline:clamp(12px,3vw,24px)}
  .panel{padding:clamp(14px,3vw,22px)}
}

@media(max-width:680px){
  :root{--mobile-safe-bottom:max(12px,env(safe-area-inset-bottom))}
  body{padding-bottom:env(safe-area-inset-bottom)}
  .site-header-inner,.admin-topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .watch-player,.stream-frame,[data-player-viewport]{border-radius:14px}
  .watch-player video,.stream-frame video,[data-player-viewport]>video{max-height:62vh}
  .media-toolbar,.player-toolbar,[data-media-controls]{margin-inline:-4px;padding:4px 4px 8px}
  .media-toolbar .button,.player-toolbar .button,[data-media-controls] .button{min-height:46px;padding-inline:.9rem}
  .watch-actions,.record-action-row,.download-cta-actions,.promotion-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .watch-actions .button,.record-action-row .button,.download-cta-actions .button,.promotion-actions .button{width:100%}
  .download-callout,.promotion-offer,.record-control-card{padding:1rem;border-radius:16px}
  .filter-bar,.enhanced-filter-bar,.form-grid{grid-template-columns:minmax(0,1fr)!important}
  .filter-bar .field,.enhanced-filter-bar .field,.form-grid .field{grid-column:1!important;width:100%;min-width:0}
  .filter-bar .button,.enhanced-filter-bar .button{width:100%}
  .quick-promotion-modal,.recording-log-modal,.archive-download-modal,.api-key-once-modal{align-items:end;padding:0}
  .quick-promotion-dialog,.recording-log-dialog,.archive-download-panel,.api-key-once-panel{width:100%;max-width:none;max-height:94dvh;border-radius:22px 22px 0 0;padding-bottom:calc(1.2rem + var(--mobile-safe-bottom))}
  .table-wrap{margin-inline:-2px}
  .table-wrap table{font-size:.86rem}
  .admin-sidebar{padding-bottom:calc(15px + var(--mobile-safe-bottom))}
  .pwa-install{max-width:100%}
}

@media(max-width:420px){
  .button,.utility-trigger,input,select,textarea{font-size:16px}
  .media-toolbar .button,.player-toolbar .button,[data-media-controls] .button{min-width:44px;padding-inline:.75rem}
  .model-grid,.video-grid,.promoted-grid{grid-template-columns:minmax(0,1fr)!important}
  .quick-promotion-dialog,.recording-log-dialog,.archive-download-panel,.api-key-once-panel{border-radius:18px 18px 0 0}
}


/* RecordedCams 2.3.35 — intrinsic mobile player and touch-control layout. */
.media-player-shell{--player-aspect-ratio:16 / 9;width:100%;max-width:100%;min-width:0}
.profile-layout,.watch-layout,.stream-column,.watch-layout>div,.watch-sidebar,.player-stage,.fluid_video_wrapper,.fluid_video_wrapper>div{min-width:0;max-width:100%}
.watch-player,.stream-frame,[data-player-viewport]{width:100%;max-width:100%;max-height:none;aspect-ratio:var(--player-aspect-ratio,16 / 9);contain:layout paint}
.watch-player video,.stream-frame video,[data-player-viewport]>video,.fluid_video_wrapper video{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;background:#000}
.media-player-shell[data-media-orientation="portrait"] [data-player-viewport]{width:min(100%,720px);margin-inline:auto}
.media-player-shell[data-media-orientation="square"] [data-player-viewport]{width:min(100%,900px);margin-inline:auto}
.media-control-shell,.media-control-bar,.media-control-group{max-width:100%;min-width:0}

@media(max-width:900px){
  .media-control-bar{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;overflow:visible}
  .media-control-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;overflow:visible;padding:0}
  .media-control-group-end{grid-template-columns:minmax(0,1fr);margin-left:0}
  .media-control,.bookmark-form,.bookmark-form .media-control{width:100%;min-width:0;white-space:normal;line-height:1.2;text-align:center}
  .media-shortcuts{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
}

@media(max-width:680px){
  .media-player-shell[data-media-orientation="portrait"] [data-player-viewport],
  .media-player-shell[data-media-orientation="square"] [data-player-viewport]{width:100%;max-width:none;margin-inline:0}
  .watch-player,.stream-frame,[data-player-viewport]{max-height:none!important;border-radius:14px}
  .media-control-bar{padding:10px;gap:10px}
  .media-control-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .media-control{min-height:50px;padding:10px 8px;font-size:.78rem}
  .media-control strong{min-width:0;overflow-wrap:anywhere}
  .media-shortcuts{display:none}
  .player-context-bar{overflow:hidden}
}

@media(max-width:430px){
  .media-control-group{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-control-group-end{grid-template-columns:minmax(0,1fr)}
  .media-control{min-height:52px;padding-inline:7px}
}

/* 2.3.36 download and model-activity statistics */
.card-engagement,.model-card-metrics{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.card-engagement .downloads,.model-card-metrics .downloads{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap}.model-card-metrics{flex-direction:column;align-items:flex-end;gap:.2rem}.model-statistics-filter-grid{grid-template-columns:repeat(3,minmax(180px,1fr)) auto auto}.model-statistics-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.statistics-leaderboards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.stat-value-bar{display:grid;grid-template-columns:minmax(3.5rem,auto) minmax(8rem,1fr);align-items:center;gap:.75rem;min-width:12rem}.bar-track{display:block;height:.45rem;border-radius:99px;background:var(--surface-3);overflow:hidden}.bar-track i{display:block;height:100%;min-width:2px;border-radius:inherit;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.stat-value-bar.active .bar-track i{background:var(--success)}.rank-table td:first-child{width:2.5rem}.statistics-series-panel .panel-heading p{max-width:70rem}.statistics-leaderboards .panel{min-width:0}
@media (max-width:1100px){.model-statistics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-leaderboards{grid-template-columns:1fr}.model-statistics-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media (max-width:680px){.model-statistics-metrics{grid-template-columns:1fr 1fr}.model-statistics-filter-grid{grid-template-columns:1fr}.stat-value-bar{grid-template-columns:1fr;gap:.35rem;min-width:8rem}.model-card-metrics{align-items:flex-end}.card-engagement{justify-content:flex-start}.statistics-series-table{min-width:620px}}
@media (max-width:420px){.model-statistics-metrics{grid-template-columns:1fr}}

/* 2.3.37 Growth Engine: referrals, follows, discovery and member alerts */
.growth-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(135deg,var(--bg-soft),color-mix(in srgb,var(--accent) 5%,var(--bg-soft)));border-bottom:1px solid var(--line)}
.growth-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:clamp(3.5rem,8vw,7rem)}
.growth-hero-grid>div:first-child{max-width:760px}.growth-hero-grid h1{margin-bottom:1rem}.growth-hero-grid p{max-width:62ch;color:var(--muted);font-size:1.05rem}
.growth-level-card{display:grid;gap:1rem;padding:1.35rem;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--accent) 9%,var(--surface)));box-shadow:var(--shadow);min-width:0}
.growth-level-top{display:flex;align-items:center;gap:.9rem}.growth-level-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:color-mix(in srgb,var(--accent) 15%,var(--surface-3));font-size:1.5rem}.growth-level-top div{display:grid}.growth-level-top small,.growth-level-card>small{color:var(--muted)}.growth-level-top strong{font-size:1.25rem}
.growth-points{display:flex;align-items:baseline;gap:.5rem}.growth-points strong{font-size:2.2rem;line-height:1}.growth-points span{color:var(--muted);font-weight:700}
.growth-progress{height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.growth-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#9b87f5);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}
.growth-invite-section{display:grid;gap:1.15rem}.growth-invite-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:2rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}
.growth-invite-card h2{margin-bottom:.55rem}.growth-invite-card p{margin:0;color:var(--muted)}.growth-referral-box{display:grid;gap:.65rem;min-width:0}.growth-referral-box>label{font-weight:750}.copy-field{display:flex;gap:.55rem;min-width:0}.copy-field input{min-width:0;flex:1}.growth-share-row{display:flex;flex-wrap:wrap;gap:.55rem}
.growth-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.growth-stat-grid article{display:grid;gap:.3rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.growth-stat-grid span{color:var(--muted);font-size:.78rem}.growth-stat-grid strong{font-size:1.35rem}
.growth-follow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.growth-follow-card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.growth-follow-model{display:flex;align-items:center;gap:.75rem;min-width:0}.growth-follow-model img,.growth-follow-model>.avatar-mini{width:52px;height:52px;border-radius:15px;object-fit:cover;flex:0 0 auto}.growth-follow-model>span:last-child{display:grid;min-width:0}.growth-follow-model strong{overflow:hidden;text-overflow:ellipsis}.growth-follow-model small{color:var(--muted)}
.growth-follow-preferences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:.55rem;padding-top:.85rem;border-top:1px solid var(--line)}.growth-follow-preferences label{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.78rem}.growth-follow-preferences input{accent-color:var(--accent)}
.growth-settings-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:2rem;align-items:start}.growth-settings-grid>div:first-child p{color:var(--muted)}
.growth-notification-timeline{display:grid;gap:.65rem}.growth-notification-timeline>article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.growth-notification-timeline>article.is-unread{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.growth-notification-timeline>article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-3));color:var(--accent)}.growth-notification-timeline p{margin:.2rem 0;color:var(--muted)}.growth-notification-timeline time{font-size:.72rem;color:var(--muted-2)}
.growth-home-personalized{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--bg)),var(--bg));border-block:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}.growth-home-personalized .section-subheading{margin:2rem 0 .9rem}.growth-home-personalized .section-subheading h3{font-size:1.35rem}.growth-home-models{margin-bottom:1.25rem}.growth-home-trending,.growth-home-rising{content-visibility:auto;contain-intrinsic-size:900px}
.growth-follow-action{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.85rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 4%,var(--surface-2))}.growth-follow-action form{margin:0}.growth-follow-action .button{min-width:150px}.growth-follow-action .is-following{border-color:color-mix(in srgb,var(--success) 45%,var(--line));color:var(--success)}.growth-follower-count{color:var(--muted);font-size:.78rem}.growth-follower-count strong{color:var(--text);font-size:1rem}
.member-notification-menu{position:relative}.member-notification-trigger{position:relative}.member-notification-trigger .notification-count{position:absolute;top:-6px;right:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--bg);border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:850;line-height:1}.member-notification-popover{width:min(430px,calc(100vw - 24px));max-height:min(70vh,620px);overflow:hidden;padding:0}.notification-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.notification-popover-header>div{display:grid}.notification-popover-header small{color:var(--muted);font-size:.72rem}.member-notification-list{max-height:min(52vh,470px);overflow:auto}.member-notification-item{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:.7rem;align-items:start;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.member-notification-item.is-unread{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.member-notification-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-3));color:var(--accent)}.member-notification-item div{min-width:0}.member-notification-item strong{display:block;overflow:hidden;text-overflow:ellipsis}.member-notification-item p{margin:.2rem 0;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.member-notification-item time{color:var(--muted-2);font-size:.69rem}.notification-read-button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--success);cursor:pointer}.notification-empty{display:grid;place-items:center;gap:.4rem;padding:2rem;color:var(--muted)}.notification-empty span{font-size:1.4rem}.member-notification-popover>footer{padding:.8rem 1rem;border-top:1px solid var(--line)}
.growth-admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.growth-settings-admin .three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-list{display:grid;gap:.5rem}.rank-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.rank-list article>div{display:grid;min-width:0}.rank-list small{color:var(--muted)}.timeline-list{display:grid;gap:.55rem}.timeline-list article{display:grid;grid-template-columns:12px minmax(0,1fr);gap:.65rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.timeline-list article:last-child{border-bottom:0}.timeline-list p{margin:.15rem 0;color:var(--muted)}.timeline-list time{font-size:.72rem;color:var(--muted-2)}

@media(max-width:1100px){.growth-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-settings-admin .three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.growth-hero-grid,.growth-invite-card,.growth-settings-grid{grid-template-columns:1fr}.growth-level-card{max-width:620px}.growth-follow-preferences{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-follow-preferences .button{grid-column:1/-1}.member-notification-popover{position:fixed;top:72px;right:12px;left:auto}}
@media(max-width:680px){.growth-hero-grid{padding-block:3rem}.growth-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-follow-grid{grid-template-columns:1fr}.growth-follow-preferences{grid-template-columns:1fr}.growth-settings-admin .three-columns,.growth-admin-metrics{grid-template-columns:1fr 1fr}.growth-notification-timeline>article{grid-template-columns:30px minmax(0,1fr)}.growth-notification-timeline>article>.button{grid-column:2}.copy-field{flex-direction:column}.copy-field .button{width:100%}.growth-follow-action{align-items:stretch}.growth-follow-action form,.growth-follow-action .button{width:100%}.growth-follower-count{text-align:center}.member-notification-popover{top:66px;right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 80px)}}
@media(max-width:420px){.growth-stat-grid,.growth-admin-metrics{grid-template-columns:1fr}.growth-share-row .button{width:100%}.member-notification-item{grid-template-columns:28px minmax(0,1fr) 28px;padding:.75rem}.growth-level-card{padding:1rem}}

/* 2.3.38 Affiliate Program — acquisition, earnings, payouts and balance spending */
.affiliate-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(135deg,#080a10,color-mix(in srgb,var(--accent) 8%,#0d1019));border-bottom:1px solid var(--line)}
.affiliate-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding-block:clamp(4rem,9vw,8rem)}
.affiliate-hero-copy{max-width:800px}.affiliate-hero-copy h1{max-width:12ch;margin:.45rem 0 1rem;font-size:clamp(3rem,7vw,6.5rem);line-height:.93}.affiliate-hero-copy>p{max-width:64ch;color:var(--muted);font-size:1.08rem}
.affiliate-rate-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.5rem 0}.affiliate-rate-strip article{display:grid;gap:.15rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface-2) 90%,transparent)}.affiliate-rate-strip span,.affiliate-rate-strip small{color:var(--muted);font-size:.76rem}.affiliate-rate-strip strong{font-size:1.65rem}
.affiliate-hero-preview{position:relative;display:grid;gap:.75rem;min-height:390px;align-content:center}.affiliate-hero-preview article{position:relative;z-index:2;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.9rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--accent) 9%,var(--surface)));box-shadow:var(--shadow)}.affiliate-hero-preview article:nth-of-type(2){transform:translateX(8%)}.affiliate-preview-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));font-size:1.35rem}.affiliate-hero-preview small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.affiliate-preview-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;inset:10%}.affiliate-preview-orbit.orbit-two{inset:24%;opacity:.7}
.affiliate-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line);box-shadow:var(--shadow)}.affiliate-benefits article{padding:clamp(1.5rem,4vw,3rem);text-align:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--warning) 8%,transparent),transparent 60%),#07090d}.affiliate-benefits h2{margin:.7rem 0;font-size:clamp(1.25rem,2vw,1.8rem)}.affiliate-benefits p{max-width:34ch;margin:auto;color:var(--muted)}.benefit-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border:2px solid currentColor;border-radius:16px;font-size:1.5rem}
.affiliate-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.affiliate-step-grid article{position:relative;padding:1.25rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.affiliate-step-grid b{font-size:2rem;color:color-mix(in srgb,var(--accent) 50%,transparent)}.affiliate-step-grid p{color:var(--muted)}
.affiliate-dashboard{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.25rem;align-items:start;scroll-margin-top:90px}.affiliate-dashboard>.alert{grid-column:1/-1}.affiliate-dashboard-nav{position:sticky;top:90px;display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.affiliate-dashboard-nav>a{display:flex;align-items:center;gap:.7rem;padding:.75rem;border-radius:12px;color:var(--muted);font-weight:750}.affiliate-dashboard-nav>a:hover,.affiliate-dashboard-nav>a.is-active{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.affiliate-dashboard-nav>a span{display:grid;place-items:center;width:26px}.affiliate-account-summary{display:grid;gap:.15rem;padding:1rem;margin-bottom:.35rem;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 17%,var(--surface-2)),var(--surface-2))}.affiliate-account-summary span,.affiliate-account-summary small{color:var(--muted);font-size:.75rem}.affiliate-account-summary strong{font-size:1.8rem}
.affiliate-dashboard-content{min-width:0}.affiliate-tab{display:none;gap:1rem}.affiliate-tab.is-active{display:grid}.affiliate-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.affiliate-metrics article{display:grid;gap:.25rem}.affiliate-metrics small{color:var(--muted)}.affiliate-payout-progress{display:grid;gap:.75rem}.affiliate-payout-progress>div:first-child{display:flex;justify-content:space-between;gap:1rem}.affiliate-overview-grid{align-items:stretch}.affiliate-calculator{display:grid;gap:.9rem}.affiliate-calculator output{font-weight:800}.affiliate-estimate{font-size:2.5rem;color:var(--success)}
.affiliate-chart-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));align-items:end;gap:.4rem;min-height:240px;padding-top:1rem}.affiliate-chart-bars>div{display:grid;grid-template-rows:1fr auto;align-items:end;gap:.35rem;height:220px}.affiliate-chart-bars i{display:block;min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 45%,var(--surface-3)));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 25%,transparent)}.affiliate-chart-bars small{font-size:.62rem;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);max-height:50px}
.affiliate-product-grid,.affiliate-link-grid,.affiliate-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.affiliate-product-grid>a{display:grid;gap:.45rem;padding:1.25rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.affiliate-product-grid>a:hover{border-color:var(--accent);transform:translateY(-2px)}.affiliate-product-grid>a>span{font-size:1.5rem;color:var(--accent)}.affiliate-product-grid small,.affiliate-tip-grid p{color:var(--muted)}.affiliate-tip-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.65rem;padding:1rem;border:1px solid var(--line);border-radius:14px}.affiliate-tip-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,var(--surface-2));font-weight:800}.feature-list{display:grid;gap:.65rem;padding-left:1.2rem}.positive{color:var(--success)}.negative{color:var(--danger)}
.affiliate-faq .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.affiliate-faq details{padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.affiliate-faq summary{cursor:pointer;font-weight:800}.affiliate-faq p{color:var(--muted)}
.affiliate-admin-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.affiliate-growth-secondary{border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}
@media(max-width:1180px){.affiliate-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.affiliate-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.affiliate-hero-grid{grid-template-columns:1fr}.affiliate-hero-preview{min-height:0}.affiliate-hero-preview article:nth-of-type(2){transform:none}.affiliate-benefits{grid-template-columns:1fr}.affiliate-dashboard{grid-template-columns:1fr}.affiliate-dashboard-nav{position:static;display:flex;overflow-x:auto;scroll-snap-type:x proximity}.affiliate-dashboard-nav>a{flex:0 0 auto;scroll-snap-align:start}.affiliate-account-summary{min-width:210px}.affiliate-product-grid,.affiliate-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.affiliate-hero-grid{padding-block:3rem}.affiliate-rate-strip{grid-template-columns:1fr}.affiliate-step-grid,.affiliate-metrics,.affiliate-product-grid,.affiliate-link-grid,.affiliate-tip-grid,.affiliate-faq .faq-list,.affiliate-admin-metrics{grid-template-columns:1fr}.affiliate-dashboard{padding-inline:0}.affiliate-dashboard-nav{margin-inline:var(--container-pad);border-radius:14px}.affiliate-dashboard-content{padding-inline:var(--container-pad)}.affiliate-chart-bars{overflow-x:auto;grid-auto-columns:28px;grid-auto-flow:column;grid-template-columns:none}.affiliate-payout-progress>div:first-child{display:grid}.affiliate-hero-copy h1{font-size:clamp(2.7rem,14vw,4.5rem)}}
.account-affiliate-summary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr) auto;align-items:center;gap:1rem;margin:1rem 0 1.25rem;padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface-2)),var(--surface));box-shadow:var(--shadow)}
.account-affiliate-summary-copy h2{margin:.25rem 0 .35rem}.account-affiliate-summary-copy p{margin:0;color:var(--muted)}
.account-affiliate-summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.account-affiliate-summary-metrics>div{display:grid;gap:.15rem;padding:.75rem;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.account-affiliate-summary-metrics span{color:var(--muted);font-size:.72rem}.account-affiliate-summary-metrics strong{font-size:1.2rem}
@media(max-width:1000px){.account-affiliate-summary{grid-template-columns:1fr}.account-affiliate-summary>.button{justify-self:start}}
@media(max-width:580px){.account-affiliate-summary-metrics{grid-template-columns:1fr}.account-affiliate-summary>.button{width:100%}}

/* 2.3.39 Webmaster Popup Code, resilient copy controls and server configuration */
/* 2.3.40 real-time Affiliate Analytics workspace */
.webmaster-popup-builder{display:grid;gap:1rem;margin:1.5rem 0;border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface))}
.webmaster-popup-builder .code-textarea,.code-textarea{width:100%;min-height:9rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#080a0f;color:#dce5ff;font:500 .78rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;white-space:pre;overflow:auto}
.webmaster-popup-builder [hidden]{display:none!important}.webmaster-popup-builder .notice{margin:0}.server-config-copy{margin:1rem 0}.server-config-copy summary{cursor:pointer;font-weight:800;margin-bottom:.75rem}
[data-copy].is-copied,[data-copy-value].is-copied,[data-copy-target].is-copied,[data-affiliate-copy].is-copied{border-color:var(--success);color:var(--success)}
@media(max-width:900px){.webmaster-popup-builder .three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.webmaster-popup-builder .field-span-3{grid-column:1/-1}}
@media(max-width:680px){.webmaster-popup-builder .three-columns{grid-template-columns:1fr}.webmaster-popup-builder .field-span-2,.webmaster-popup-builder .field-span-3{grid-column:auto}.webmaster-popup-builder .button-row>.button,.webmaster-popup-builder .button-row>a{width:100%}.server-config-copy .button-row>.button{width:100%}}

/* RecordedCams 2.3.40 — real-time affiliate analytics */
.affiliate-hero-focused{padding-block:clamp(3.5rem,8vw,7rem)}
.affiliate-estimator-card{position:relative;z-index:1;align-self:center;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 88%,var(--accent) 12%));box-shadow:var(--shadow)}
.affiliate-estimator-card h2{margin:.45rem 0 1.25rem;font-size:clamp(1.55rem,3vw,2.2rem)}
.affiliate-estimator-result{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem;border-radius:16px;background:var(--surface-2)}
.affiliate-estimator-result strong{font-size:clamp(2rem,5vw,3.4rem);line-height:1;color:var(--accent)}
.affiliate-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.affiliate-quality-card{border-top:3px solid var(--success)}
.affiliate-quality-card.is-rejected{border-top-color:var(--danger)}
.affiliate-workspace{display:grid;gap:1rem}
.affiliate-link-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:end;gap:1.25rem;background:linear-gradient(125deg,var(--surface),color-mix(in srgb,var(--surface) 82%,var(--accent) 18%))}
.affiliate-link-hero .affiliate-quick-actions{grid-column:1/-1;display:flex;gap:.75rem;flex-wrap:wrap}
.affiliate-metrics-primary{grid-template-columns:repeat(5,minmax(0,1fr))}
.affiliate-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:1rem}
.affiliate-chart-card{min-width:0}
.affiliate-payout-card{display:flex;flex-direction:column;gap:1rem}
.affiliate-payout-card .button{margin-top:auto}
.dashboard-chart{min-height:250px}
.affiliate-link-grid{display:grid;gap:.9rem}
.affiliate-link-grid>div{display:grid;gap:.5rem}
.affiliate-api-panel{display:grid;gap:1rem}

.affiliate-analytics{display:grid;gap:1rem}
.affiliate-report-builder{border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--surface)}
.affiliate-date-toolbar{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);background:var(--surface-2)}
.affiliate-custom-dates{display:flex;align-items:end;gap:.65rem;flex:0 0 auto}
.affiliate-custom-dates label{display:grid;gap:.3rem;font-size:.78rem;color:var(--muted)}
.affiliate-custom-dates input{min-height:44px}
.affiliate-quick-ranges{display:flex;gap:.45rem;overflow:auto;padding-bottom:.15rem;scrollbar-width:thin}
.chip{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.45rem .8rem;border:1px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--text);white-space:nowrap;cursor:pointer}
.chip:hover,.chip.is-active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent)}
.chip input{position:absolute;opacity:0;pointer-events:none}
.affiliate-report-layout{display:grid;grid-template-columns:300px minmax(0,1fr)}
.affiliate-report-sidebar{border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,var(--background));min-width:0}
.affiliate-report-sidebar section{display:grid;gap:.8rem;padding:1.15rem;border-bottom:1px solid var(--border)}
.affiliate-report-sidebar h2{margin:0;font-size:1rem}
.affiliate-selected-groups{display:flex;gap:.4rem;flex-wrap:wrap}
.affiliate-report-main{display:grid;gap:1.25rem;padding:1.35rem;min-width:0}
.affiliate-report-search input{width:100%;min-height:48px}
.affiliate-dimension-groups{display:grid;gap:1rem}
.affiliate-dimension-groups section{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1rem;align-items:start;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.affiliate-dimension-groups h3{margin:.55rem 0 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.chip-picker{display:flex;gap:.45rem;flex-wrap:wrap}
.affiliate-report-actions{display:flex;justify-content:space-between;gap:.65rem;flex-wrap:wrap;padding-top:.25rem}
.affiliate-analytics-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.affiliate-analytics-chart{min-width:0}
.report-chart{min-height:300px;overflow-x:auto;align-items:end}
.report-chart>div{min-width:42px}
.affiliate-click-cards{display:grid;gap:.75rem}
.affiliate-click-card{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
.affiliate-click-card header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}
.affiliate-click-card header time{color:var(--muted);font-size:.86rem}
.affiliate-click-card header strong{font-size:1.1rem}
.affiliate-click-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0}
.affiliate-click-card dl div{display:grid;gap:.25rem;min-width:0}
.affiliate-click-card dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.affiliate-click-card dd{margin:0;overflow-wrap:anywhere}
.affiliate-click-card details{border-top:1px solid var(--border);padding-top:.75rem}
.affiliate-click-card pre{max-height:160px;overflow:auto;white-space:pre-wrap;word-break:break-word}

@media (max-width:1100px){
  .affiliate-metrics-primary,.affiliate-analytics-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .affiliate-report-layout{grid-template-columns:250px minmax(0,1fr)}
  .affiliate-click-card dl{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .affiliate-link-hero,.affiliate-dashboard-grid,.affiliate-quality-grid{grid-template-columns:1fr}
  .affiliate-report-layout{grid-template-columns:1fr}
  .affiliate-report-sidebar{border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .affiliate-report-sidebar section{border-bottom:0;border-right:1px solid var(--border)}
  .affiliate-date-toolbar{align-items:stretch;flex-direction:column}
  .affiliate-dimension-groups section{grid-template-columns:1fr}
}
@media (max-width:680px){
  .affiliate-metrics-primary,.affiliate-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .affiliate-report-sidebar{grid-template-columns:1fr}
  .affiliate-report-sidebar section{border-right:0;border-bottom:1px solid var(--border)}
  .affiliate-custom-dates{width:100%;display:grid;grid-template-columns:1fr auto 1fr}
  .affiliate-report-main{padding:1rem}
  .affiliate-click-card header{grid-template-columns:1fr auto}
  .affiliate-click-card header time{grid-column:1/-1;grid-row:2}
  .affiliate-click-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .affiliate-report-actions .button{flex:1 1 calc(50% - .4rem)}
}
@media (max-width:420px){
  .affiliate-metrics-primary,.affiliate-analytics-kpis,.affiliate-click-card dl{grid-template-columns:1fr}
  .affiliate-rate-strip{grid-template-columns:1fr}
  .affiliate-report-actions .button{flex-basis:100%}
  .affiliate-custom-dates{grid-template-columns:1fr}.affiliate-custom-dates>span{display:none}
}

/* RecordedCams 2.3.40 affiliate advanced report filters */
.affiliate-advanced-filters{border-top:1px solid var(--border);padding-top:.65rem;margin-top:.2rem}.affiliate-advanced-filters>summary{cursor:pointer;font-weight:750;color:var(--text);list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:42px}.affiliate-advanced-filters>summary::-webkit-details-marker{display:none}.affiliate-advanced-filters>summary::after{content:'+';font-size:1.2rem;color:var(--accent)}.affiliate-advanced-filters[open]>summary::after{content:'−'}.affiliate-advanced-filters[open]>.form-stack{padding-top:.75rem}

/* RecordedCams 2.3.40 affiliate account navigation */
.affiliate-account-nav{display:flex;gap:.55rem;align-items:center;overflow-x:auto;padding:.65rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);scrollbar-width:thin;position:sticky;top:calc(var(--site-header-height,72px) + .5rem);z-index:20;box-shadow:var(--shadow-sm)}.affiliate-account-nav a{display:inline-flex;align-items:center;min-height:42px;padding:.65rem .9rem;border-radius:999px;color:var(--muted);font-weight:750;white-space:nowrap}.affiliate-account-nav a:hover,.affiliate-account-nav a:focus-visible{color:var(--text);background:var(--surface-2)}@media(max-width:680px){.affiliate-account-nav{margin-inline:-.25rem;padding:.45rem;top:.35rem}.affiliate-account-nav a{min-height:46px;padding:.7rem .85rem}}

/* RecordedCams 2.3.41 — release and installation history */
.release-history-intro{align-items:center}.release-history-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.release-history-filters{grid-template-columns:minmax(260px,2fr) repeat(2,minmax(180px,1fr)) auto;align-items:end}.release-history-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:1rem;align-items:start}.release-history-side{display:grid;gap:1rem;position:sticky;top:1rem}.release-timeline{position:relative;display:grid;gap:1rem;padding-left:1.4rem}.release-timeline::before{content:"";position:absolute;left:.36rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 15%,var(--border)))}.release-entry{position:relative}.release-marker{position:absolute;left:-1.38rem;top:1.25rem;width:.78rem;height:.78rem;border:3px solid var(--surface);border-radius:999px;background:var(--muted);box-shadow:0 0 0 1px var(--border)}.release-entry.is-current .release-marker{background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 18%,transparent)}.release-entry.is-hotfix .release-marker{background:var(--warning)}.release-entry-card{display:grid;gap:.85rem;padding:1.05rem;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}.release-entry.is-current .release-entry-card{border-color:color-mix(in srgb,var(--success) 55%,var(--border));background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--success) 7%,var(--surface)))}.release-entry-card header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.release-entry-card h3{margin:.35rem 0 0;font-size:1.15rem}.release-entry-card time{color:var(--muted);font-size:.84rem;white-space:nowrap}.release-version-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.release-version-row>strong{font-size:1.15rem}.release-summary{margin:0;color:var(--muted);line-height:1.65}.release-category-list{display:flex;gap:.4rem;flex-wrap:wrap}.release-category-list span{display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:.75rem;font-weight:750}.release-entry-card details{border-top:1px solid var(--border);padding-top:.8rem}.release-entry-card summary{cursor:pointer;font-weight:800}.release-note-list{display:grid;gap:.45rem;margin:.8rem 0;padding-left:1.15rem;color:var(--muted)}.release-source{display:block;color:var(--muted);overflow-wrap:anywhere}.installed-update-list{display:grid;gap:.75rem}.installed-update-item{display:grid;gap:.75rem;padding:.9rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.installed-update-item>header{display:flex;justify-content:space-between;gap:.7rem;align-items:start}.installed-update-item>header div{display:grid;gap:.2rem}.installed-update-item>header small{color:var(--muted)}.installed-update-item dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}.installed-update-item dl div{display:grid;gap:.18rem;min-width:0}.installed-update-item dt{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.installed-update-item dd{margin:0;overflow-wrap:anywhere}.installed-update-item code{white-space:normal;overflow-wrap:anywhere}.empty-state.compact{padding:1rem}.release-history-policy{position:static}
@media(max-width:1180px){.release-history-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.release-history-layout{grid-template-columns:1fr}.release-history-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.release-history-side>section:first-child{grid-column:1/-1}}
@media(max-width:900px){.release-history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.release-history-filters .field-span-2{grid-column:1/-1}.release-history-filters .filter-actions{grid-column:1/-1}.release-history-side{grid-template-columns:1fr}}
@media(max-width:600px){.release-history-metrics,.release-history-filters{grid-template-columns:1fr}.release-history-filters .field-span-2,.release-history-filters .filter-actions{grid-column:auto}.release-entry-card header{display:grid}.release-entry-card time{white-space:normal}.installed-update-item dl{grid-template-columns:1fr}.release-timeline{padding-left:1.15rem}.release-marker{left:-1.14rem}}

/* Provider Reliability Center — 2.3.43 */
.provider-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.provider-health-card{min-width:0}.provider-summary-grid{margin-top:1rem}.provider-health-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0}.provider-health-kpis>div,.provider-detail-list>div{background:var(--surface-muted,#0b1020);border:1px solid var(--border-color,rgba(255,255,255,.08));border-radius:.75rem;padding:.75rem}.provider-health-kpis span,.provider-detail-list dt{display:block;color:var(--text-muted,#98a2b8);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.provider-health-kpis strong{display:block;font-size:1.25rem;margin:.2rem 0}.provider-health-kpis small{color:var(--text-muted,#98a2b8)}.provider-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0}.provider-detail-list dd{margin:.3rem 0 0;font-weight:700}.provider-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.provider-action-grid form{min-width:0}.provider-action-grid .button{width:100%}.provider-pause-form{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.provider-pause-form input{min-width:0}.provider-last-error{margin-top:1rem}.provider-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.source-badge{display:inline-flex;padding:.25rem .5rem;border-radius:999px;font-size:.72rem;font-weight:800;background:rgba(58,162,255,.12);border:1px solid rgba(58,162,255,.35)}
@media(max-width:1100px){.provider-card-grid{grid-template-columns:1fr}.provider-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.provider-health-kpis,.provider-detail-list,.provider-action-grid,.provider-settings-grid{grid-template-columns:1fr}.provider-pause-form{grid-column:auto;grid-template-columns:1fr}.provider-reliability-hero .panel-heading{align-items:flex-start}.provider-reliability-hero .button-row{width:100%;display:grid;grid-template-columns:1fr}.provider-reliability-hero .button{width:100%}}