:root {
  color-scheme: dark;
  --bg: #0d0f14 !important;
  --panel: #151820 !important;
  --panel2: #1d2029 !important;
  --panel-soft: #1d2029 !important;
  --line: #2a2e39 !important;
  --text: #f6f5f7 !important;
  --muted: #999ca8 !important;
  --red: #f25562 !important;
  --rose: #e94778 !important;
  --pink: #f0a4b1 !important;
  --mint: #f0a4b1 !important;
}

body {
  background: radial-gradient(ellipse at 8% 24%, #49253724, transparent 37%),
    radial-gradient(ellipse at 89% 63%, #42243020, transparent 32%), #0d0f14 !important;
}

body::before {
  background: radial-gradient(ellipse at 8% 24%, #a8335b24, transparent 37%),
    radial-gradient(ellipse at 89% 63%, #77264220, transparent 32%) !important;
}

.brand-emblem {
  background: linear-gradient(145deg, #ff7181, #d9425a) !important;
  box-shadow: 0 4px 16px #f255624a;
}

.account-story::after {
  background: linear-gradient(130deg, #ef6c8514, transparent 48%, #ec6c8530) !important;
}

.account-story .story-glow {
  background: #ed607d33 !important;
}

.account-story h1 em,
.account-story .story-kicker,
.account-eyebrow,
.story-foot span:first-child,
.return-link {
  color: #f0a4b1 !important;
}

.auth-form input:focus {
  border-color: #ef7185 !important;
  box-shadow: 0 0 0 3px #ed536616 !important;
}

.auth-message.success {
  color: #ffc0ca !important;
}

.signed-avatar {
  border-color: #f2556246 !important;
  background: linear-gradient(145deg, #51212c, #2c1a24) !important;
  color: #ffc0ca !important;
}

.watch-button,
.genre-chip.active,
.poster-play {
  background: linear-gradient(110deg, #f25562, #d94363) !important;
}

.new-badge {
  background: #f0a4b1 !important;
  color: #241017 !important;
}

.search-field:focus-within,
.comment-form textarea:focus,
.comment-signin {
  border-color: #e96b80 !important;
}

.comment-signin a,
.comment-form-footer #comment-status,
.comment-avatar {
  color: #f0a4b1 !important;
}

.comment-avatar {
  border-color: #e96b8040 !important;
  background: linear-gradient(145deg, #43202a, #25202a) !important;
}

.public-demo-banner {
  position: fixed;
  z-index: 99999;
  right: 18px;
  bottom: 18px;
  max-width: calc(100vw - 36px);
  padding: 10px 16px;
  border: 1px solid #ef718566;
  border-radius: 999px;
  background: #111923ed;
  box-shadow: 0 10px 35px #0008;
  color: #f5dce2;
  font: 700 10px/1.4 system-ui, sans-serif;
  letter-spacing: .08em;
  text-align: center;
  pointer-events: none;
}

.public-demo-credentials {
  display: grid;
  gap: 7px;
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid #ef718555;
  border-radius: 14px;
  background: linear-gradient(135deg, #3e202d88, #161923dd);
  color: #e8eaf2;
  font: 13px/1.5 system-ui, sans-serif;
}

.public-demo-credentials strong { color: #ffc0ca; }
.public-demo-credentials code { color: #fff; font-weight: 700; user-select: text; }
.public-demo-credentials small { color: #bac1cf; }

.public-demo-admin-notice {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 9px 13px;
  border: 1px solid #e7bd7055;
  border-radius: 10px;
  background: #48341966;
  color: #f2d294;
  font: 700 11px/1.4 system-ui, sans-serif;
  letter-spacing: .05em;
}

.public-demo-readonly #dashboard :disabled {
  cursor: not-allowed !important;
  opacity: .48;
}

@media (max-width: 600px) {
  .public-demo-banner { right: 50%; bottom: 10px; transform: translateX(50%); width: max-content; }
}