/* ==========================================================================
   STREAMHUB DARK THEME & ULTRA-COMPACT SQUARE CARDS ENGINE (V2 REFINED)
   Pure Obsidian & Amber/Crimson Theme Overrides
   Ultra-Density Square Cards with Pixel-Perfect Alignment
   100% Preserved & Optimized Native/Banner/Square Ad Placements
   ========================================================================== */

/* 1. GLOBAL ROOT VARIABLES & PALETTE RESET */
:root,
:root[data-theme="dark"],
:root[data-theme="light"],
html {
  --bg: #06070a !important;
  --surface: #0e1017 !important;
  --surface-strong: #131620 !important;
  --line: rgba(255, 255, 255, 0.08) !important;
  --text: #f5f6fa !important;
  --muted: #9aa1b5 !important;
  
  --pink: #ff9900 !important;
  --pink-deep: #ff4400 !important;
  --pink-soft: rgba(255, 153, 0, 0.16) !important;
  --pink-cloud: rgba(255, 153, 0, 0.12) !important;
  
  --home-bg: #06070a;
  --home-panel: #0e1017;
  --home-panel-raised: #151822;
  --home-border: rgba(255, 255, 255, 0.08);
  --home-muted: #9aa1b5;
  --home-text: #f5f6fa;
  --home-accent: #ffae00;
  --home-accent-strong: #ff6b00;
  --home-accent-hot: #ff7a00;
  --home-gradient: linear-gradient(135deg, #ffd35a 0%, #ffad00 46%, #ff6b00 100%);
  --home-glow: rgba(255, 153, 0, 0.45);
  --shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}

/* 2. BODY & GLOBAL BACKGROUND OVERRIDES */
body,
:root[data-theme="dark"] body,
:root[data-theme="light"] body {
  background: #06070a !important;
  background-color: #06070a !important;
  background-image: none !important;
  color: #f5f6fa !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

@media (max-width: 768px) {
  body {
    padding-bottom: 74px !important;
  }
}

a {
  color: inherit;
}

/* PAGE WRAPPERS */
.page-shell,
.home-page-shell,
.watch-page-shell,
.public-site-shell {
  width: min(100% - 20px, 1880px) !important;
  margin-inline: auto !important;
  color: #f5f6fa !important;
  background: transparent !important;
}

/* 3. TOPBAR & HEADER OVERHAUL */
.topbar,
:root[data-theme="dark"] .topbar,
.public-site-shell .topbar {
  min-height: 60px !important;
  padding: 8px 16px !important;
  gap: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 0 14px 14px !important;
  background: rgba(12, 14, 20, 0.96) !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(20px) !important;
}

.brand,
.brand-wrap {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
  gap: 8px !important;
}
.brand-logo {
  display: flex !important;
  align-items: center !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  color: #fff !important;
}
.brand-logo .brand-highlight {
  background: var(--home-gradient) !important;
  color: #000 !important;
  padding: 1px 7px !important;
  border-radius: 5px !important;
  margin-left: 3px !important;
  font-weight: 900 !important;
  box-shadow: 0 3px 12px var(--home-glow) !important;
}

.theme-toggle {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #131620 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f5f6fa !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
}
.theme-toggle:hover {
  background: #1c202e !important;
  border-color: rgba(255, 153, 0, 0.55) !important;
  color: var(--home-accent) !important;
}
:root[data-theme="dark"] .theme-toggle .theme-toggle-dark {
  display: none !important;
}
:root[data-theme="dark"] .theme-toggle .theme-toggle-light {
  display: block !important;
  color: #ffaa00 !important;
}
:root[data-theme="light"] .theme-toggle .theme-toggle-light {
  display: none !important;
}
:root[data-theme="light"] .theme-toggle .theme-toggle-dark {
  display: block !important;
  color: #9aa1b5 !important;
}

/* HIDE DEMO ADS COMPLETELY - NO DEMO ADS */
.controlled-display-fallback {
  display: none !important;
}

.top-search input {
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 9999px !important;
  background: #0e1017 !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 0 16px 0 40px !important;
}
.top-search input:focus {
  border-color: var(--home-accent) !important;
  box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.2) !important;
  background: #141722 !important;
}
.top-search .search-icon-btn {
  color: var(--home-muted) !important;
}

.top-links > a,
.nav-pill-btn,
.theme-toggle {
  border-radius: 9999px !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  transition: all 0.2s ease !important;
}
.top-links > a {
  padding: 7px 14px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #c4c8d2 !important;
}
.top-links > a:hover {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}
.nav-pill-btn {
  border: 0 !important;
  padding: 8px 18px !important;
  color: #000 !important;
  background: var(--home-gradient) !important;
  font-weight: 850 !important;
  box-shadow: 0 4px 14px var(--home-glow) !important;
}

/* 4. CATEGORY PILLS BAR */
.category-strip {
  margin: 10px 0 16px !important;
  padding: 6px 2px !important;
  border: 0 !important;
  gap: 7px !important;
}
.category-pill {
  flex: 0 0 auto !important;
  padding: 6px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 9999px !important;
  color: #c4c8d2 !important;
  background: #0e1017 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
.category-pill:hover {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: #151822 !important;
  color: #fff !important;
}
.category-pill.active {
  border-color: transparent !important;
  background: var(--home-gradient) !important;
  box-shadow: 0 3px 12px var(--home-glow) !important;
  color: #000 !important;
  font-weight: 850 !important;
}

/* 5. ULTRA-HIGH DENSITY RESPONSIVE VIDEO GRIDS */
.public-video-grid,
.home-page-shell .public-video-grid,
.public-site-shell .public-video-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 12px 10px !important;
  align-items: start !important;
}

@media (max-width: 1680px) {
  .public-video-grid,
  .home-page-shell .public-video-grid,
  .public-site-shell .public-video-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1400px) {
  .public-video-grid,
  .home-page-shell .public-video-grid,
  .public-site-shell .public-video-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1120px) {
  .public-video-grid,
  .home-page-shell .public-video-grid,
  .public-site-shell .public-video-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 860px) {
  .public-video-grid,
  .home-page-shell .public-video-grid,
  .public-site-shell .public-video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px 6px !important;
  }
}
@media (max-width: 520px) {
  .public-video-grid,
  .home-page-shell .public-video-grid,
  .public-site-shell .public-video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px 4px !important;
  }
}

/* 6. PIXEL-PERFECT 1:1 SQUARE VIDEO CARDS & TEXT ALIGNMENT */
.public-site-shell .public-video-grid > .video-card,
.home-page-shell.public-site-shell .public-video-grid > .video-card,
.home-page-shell .video-card,
.video-card {
  display: flex !important;
  flex-direction: column !important;
  grid-column: span 1 !important;
  grid-template-rows: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  background: #0e1017 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.public-site-shell .public-video-grid > .video-card:hover,
.video-card:hover {
  transform: translateY(-2px) !important;
  border-color: var(--home-accent) !important;
  box-shadow: 0 8px 24px rgba(255, 153, 0, 0.3) !important;
  background: #141722 !important;
}

/* 1:1 SQUARE THUMBNAILS */
.public-site-shell .public-video-grid .video-thumb,
.home-page-shell .video-thumb,
.video-thumb {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #000 !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.public-site-shell .public-video-grid .video-thumb img,
.home-page-shell .video-thumb img,
.video-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

.public-site-shell .public-video-grid > .video-card:hover .video-thumb img {
  transform: scale(1.06) !important;
}

/* BADGES ON THUMBNAILS */
.duration-pill {
  position: absolute !important;
  bottom: 4px !important;
  right: 4px !important;
  background: rgba(0, 0, 0, 0.88) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 1px 4px !important;
  border-radius: 3px !important;
  border: 0 !important;
  letter-spacing: 0.2px !important;
  z-index: 2 !important;
}

.upload-age-tag {
  position: absolute !important;
  top: 4px !important;
  left: 4px !important;
  background: rgba(255, 120, 0, 0.94) !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  padding: 1px 4px !important;
  border-radius: 3px !important;
  border: 0 !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

/* CARD COPY & TEXT ALIGNMENT FIX */
.public-site-shell .public-video-grid .video-copy,
.home-page-shell .video-copy,
.video-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 6px 7px !important;
  gap: 3px !important;
  min-height: 52px !important;
  background: transparent !important;
  text-align: left !important;
}

.public-site-shell .public-video-grid .video-copy h3,
.home-page-shell .video-copy h3,
.video-copy h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  color: #f1f2f6 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
}

.video-copy h3 a {
  color: inherit !important;
  text-decoration: none !important;
}
.video-copy h3 a:hover {
  color: var(--home-accent) !important;
}

.video-meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 1px !important;
}

.video-stats {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  font-size: 9.5px !important;
  color: var(--home-muted) !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.video-stats span {
  display: inline-block !important;
}

.card-share-btn {
  display: none !important;
}

/* 7. COMPLETE ADS & BANNERS PRESERVATION */
/* Full-width feed banner / square ad slot between cards */
.public-site-shell .public-video-grid > .feed-square-ad-slot,
.public-site-shell .below-video-list > .feed-square-ad-slot,
.feed-square-ad-slot,
.public-inline-stage-ad {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 250px !important;
  margin: 14px auto !important;
  padding: 8px 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.public-site-shell .public-inline-stage-ad .ad-placement-shell--stage,
.feed-square-ad-slot .ad-placement-shell {
  width: min(100%, 300px) !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
}

/* Native / Sponsored Video Cards within Grid */
.public-site-shell .public-video-grid > .sponsored-video-card,
.public-site-shell .public-video-grid > .public-native-ad-card,
.sponsored-video-card,
.public-native-ad-card {
  display: flex !important;
  flex-direction: column !important;
  grid-column: span 1 !important;
  height: auto !important;
  min-height: 0 !important;
  border: 1px solid rgba(255, 153, 0, 0.4) !important;
  border-radius: 8px !important;
  background: #11131a !important;
  overflow: hidden !important;
}

.sponsored-video-card .sponsored-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #000 !important;
  overflow: hidden !important;
  display: block !important;
}

.sponsored-video-card .sponsored-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.sponsored-video-card .sponsored-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 6px 7px !important;
  gap: 3px !important;
  text-align: left !important;
}

.sponsored-video-card .sponsored-copy h3 {
  margin: 0 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #ffaa00 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Header & Watch Responsive Ad Placements */
.responsive-ad-placement,
.public-site-shell .responsive-ad-placement,
.watch-before-more-banner,
.footer-ad-stack {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 12px auto !important;
  background: transparent !important;
}

.responsive-ad-host,
.contained-ad-host {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  max-width: 100% !important;
}

/* 8. VIDEO PLAY PAGE (video.php) REFINEMENTS */
.watch-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 380px !important;
  gap: 20px !important;
  align-items: start !important;
  margin-top: 14px !important;
}

@media (max-width: 1180px) {
  .watch-layout {
    grid-template-columns: 1fr !important;
  }
}

.player-column {
  min-width: 0 !important;
}

.player-frame {
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #000 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7) !important;
}

.watch-panel {
  margin-top: 12px !important;
  background: #0e1017 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
}

.watch-title-panel h1 {
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
}

.watch-meta {
  display: flex !important;
  gap: 10px !important;
  font-size: 12px !important;
  color: var(--home-muted) !important;
  flex-wrap: wrap !important;
}

/* Playlist / Suggested Videos (Right Sidebar) */
.queue-card {
  background: #0e1017 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 12px !important;
}

.playlist-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.playlist-item {
  display: flex !important;
  gap: 10px !important;
  text-decoration: none !important;
  padding: 6px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid transparent !important;
  transition: all 0.2s ease !important;
}
.playlist-item:hover {
  background: #141722 !important;
  border-color: rgba(255, 153, 0, 0.3) !important;
}

.playlist-item img {
  width: 90px !important;
  height: 90px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  flex-shrink: 0 !important;
}

.playlist-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.playlist-copy strong {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.3 !important;
}

.playlist-copy span {
  font-size: 10.5px !important;
  color: var(--home-muted) !important;
}

/* Below-Video Recommended Grid (6 columns desktop, 3 columns mobile) */
.below-video-list,
.watch-page-shell .below-video-list {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px 8px !important;
  margin-top: 12px !important;
}

@media (max-width: 1400px) {
  .below-video-list,
  .watch-page-shell .below-video-list {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1024px) {
  .below-video-list,
  .watch-page-shell .below-video-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 768px) {
  .below-video-list,
  .watch-page-shell .below-video-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px 4px !important;
  }
}

.below-video-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  background: #0e1017 !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}
.below-video-card:hover {
  transform: translateY(-2px) !important;
  border-color: var(--home-accent) !important;
  background: #141722 !important;
}

.below-video-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #000 !important;
  display: block !important;
}
.below-video-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.below-video-copy {
  display: flex !important;
  flex-direction: column !important;
  padding: 5px 6px !important;
  gap: 2px !important;
  min-height: 48px !important;
  text-align: left !important;
}

.below-video-copy h3 {
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #fff !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.below-video-copy .video-stats {
  font-size: 9px !important;
  color: var(--home-muted) !important;
}

/* 9. MOBILE BOTTOM NAVIGATION BAR (FIXED) */
.mobile-bottom-nav {
  display: none;
}

@media (max-width: 768px) {
  .mobile-bottom-nav {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 60px !important;
    background: rgba(8, 10, 15, 0.97) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    z-index: 99999 !important;
    justify-content: space-around !important;
    align-items: center !important;
    padding: 0 4px !important;
    box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.6) !important;
  }

  .bottom-nav-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    text-decoration: none !important;
    color: #8b92a5 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 6px 12px !important;
    flex: 1 !important;
    transition: color 0.15s ease !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
  }

  .bottom-nav-item svg {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 2 !important;
  }

  .bottom-nav-item.active,
  .bottom-nav-item:hover {
    color: var(--home-accent) !important;
  }

  .bottom-nav-upload {
    position: relative !important;
    top: -14px !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: var(--home-gradient) !important;
    color: #000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 18px var(--home-glow) !important;
    flex: none !important;
    text-decoration: none !important;
  }
  .bottom-nav-upload svg {
    width: 26px !important;
    height: 26px !important;
    stroke: #000 !important;
    stroke-width: 2.5 !important;
  }
  .bottom-nav-upload:active {
    transform: scale(0.92) !important;
  }
}

/* 10. MODAL / AUTH / GLOBAL POPUP DARK STYLING */
.auth-modal-card,
.share-modal-card {
  background: #0e1017 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
}

.auth-switch .auth-tab.active {
  background: var(--home-gradient) !important;
  color: #000 !important;
}

.auth-modal-card .btn-primary {
  background: var(--home-gradient) !important;
  color: #000 !important;
  font-weight: 850 !important;
  box-shadow: 0 4px 15px var(--home-glow) !important;
}

/* Runtime fixes: visible search, working fallbacks, reactions, and both themes. */
.controlled-display-fallback { display: none !important; }
.top-search { position: relative !important; }
.top-search .search-icon-btn {
  position: absolute !important; left: 4px !important; top: 50% !important;
  transform: translateY(-50%) !important; z-index: 8 !important;
  display: grid !important; place-items: center !important;
  width: 34px !important; height: 34px !important; padding: 0 !important;
  border: 0 !important; background: transparent !important;
  color: #d5d9e4 !important; visibility: visible !important; opacity: 1 !important;
}
.top-search .search-icon-btn svg { display: block !important; width: 19px !important; height: 19px !important; stroke: currentColor !important; }
.top-search input { padding-left: 42px !important; }
.mobile-bottom-banner { position: relative !important; }
.reaction-box { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; }
.reaction-box .reaction-btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  min-height: 42px !important; padding: 0 14px !important; border: 1px solid var(--home-border) !important;
  border-radius: 999px !important; background: var(--home-panel) !important; color: var(--home-text) !important;
  cursor: pointer !important; transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}
.reaction-box .reaction-btn:hover { border-color: var(--home-accent) !important; transform: translateY(-1px) !important; }
.reaction-box .reaction-btn.is-active { border-color: var(--home-accent) !important; background: var(--pink-soft) !important; color: var(--home-accent) !important; }
.reaction-box .reaction-btn:disabled { opacity: .65 !important; cursor: wait !important; }
.reaction-box .action-icon, .reaction-box .action-icon svg { display: inline-flex !important; width: 19px !important; height: 19px !important; }
:root[data-theme="light"] {
  --bg: #f4f6fa !important; --surface: #fff !important; --surface-strong: #edf0f5 !important;
  --line: rgba(28, 36, 52, .14) !important; --text: #202635 !important; --muted: #687184 !important;
  --home-bg: #f4f6fa !important; --home-panel: #fff !important; --home-panel-raised: #edf0f5 !important;
  --home-border: rgba(28,36,52,.14) !important; --home-muted: #687184 !important; --home-text: #202635 !important;
  --shadow: 0 12px 28px rgba(24,34,52,.12) !important;
  color-scheme: light !important;
}
:root[data-theme="light"] body, :root[data-theme="light"] .page-shell,
:root[data-theme="light"] .home-page-shell, :root[data-theme="light"] .watch-page-shell,
:root[data-theme="light"] .public-site-shell {
  background: #f4f6fa !important; background-color: #f4f6fa !important; color: #202635 !important;
}
:root[data-theme="light"] .topbar, :root[data-theme="light"] .category-strip,
:root[data-theme="light"] .video-card, :root[data-theme="light"] .watch-info,
:root[data-theme="light"] .watch-details, :root[data-theme="light"] .watch-actions .reaction-btn,
:root[data-theme="light"] .footer, :root[data-theme="light"] .bottom-nav {
  background: #fff !important; color: #202635 !important; border-color: rgba(28,36,52,.14) !important;
  box-shadow: 0 8px 24px rgba(24,34,52,.08) !important;
}
:root[data-theme="light"] .topbar { background: rgba(255,255,255,.96) !important; }
:root[data-theme="light"] .topbar a, :root[data-theme="light"] .video-card a,
:root[data-theme="light"] .watch-info, :root[data-theme="light"] .watch-info p,
:root[data-theme="light"] .watch-info h1, :root[data-theme="light"] .brand-logo,
:root[data-theme="light"] .top-links > a { color: #202635 !important; }
:root[data-theme="light"] .top-search input { background: #f0f2f6 !important; color: #202635 !important; border-color: rgba(28,36,52,.16) !important; }
:root[data-theme="light"] .top-search .search-icon-btn { color: #39445a !important; }
:root[data-theme="light"] .theme-toggle { background: #edf0f5 !important; color: #354057 !important; border-color: rgba(28,36,52,.15) !important; }
:root[data-theme="light"] .reaction-box .reaction-btn { background: #f3f5f8 !important; color: #202635 !important; }
:root[data-theme="light"] .reaction-box .reaction-btn.is-active { color: #a34f00 !important; background: #fff0d8 !important; }
@media (max-width: 600px) {
  .top-search .search-icon-btn { left: 2px !important; }
  .top-search input { padding-left: 38px !important; }
  .reaction-box { gap: 6px !important; }
  .reaction-box .reaction-btn { min-height: 38px !important; padding-inline: 11px !important; }
}
.search-icon-label { display: none !important; }
@media (max-width: 900px) {
  .home-page-shell .top-search,
  .watch-page-shell .top-search {
    width: 82px !important; min-width: 82px !important; max-width: 82px !important;
    height: 40px !important; padding: 0 7px !important; overflow: visible !important;
    border: 1px solid rgba(255, 153, 0, .24) !important; border-radius: 999px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 5px 16px rgba(0,0,0,.22) !important;
  }
  .home-page-shell .top-search .search-icon-btn,
  .watch-page-shell .top-search .search-icon-btn {
    position: static !important; transform: none !important; display: flex !important;
    width: 100% !important; height: 100% !important; gap: 7px !important;
    justify-content: center !important; color: #ffc04d !important; font-size: 12px !important;
    font-weight: 750 !important; white-space: nowrap !important; cursor: pointer !important;
  }
  .search-icon-label { display: inline !important; }
  .home-page-shell .top-search.is-expanded,
  .watch-page-shell .top-search.is-expanded {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    border-color: rgba(255,153,0,.52) !important;
    background: #10121a !important; box-shadow: 0 12px 28px rgba(0,0,0,.45), 0 0 0 3px rgba(255,153,0,.12) !important;
  }
  .home-page-shell .top-search.is-expanded .search-icon-btn,
  .watch-page-shell .top-search.is-expanded .search-icon-btn {
    position: absolute !important; left: 4px !important; top: 50% !important;
    transform: translateY(-50%) !important; width: 34px !important; height: 34px !important;
  }
  .home-page-shell .top-search.is-expanded .search-icon-label,
  .watch-page-shell .top-search.is-expanded .search-icon-label { display: none !important; }
}
.theme-toggle {
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,153,0,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 5px 16px rgba(0,0,0,.24) !important;
}
.theme-toggle:hover {
  background: var(--home-gradient) !important; color: #16100a !important;
  border-color: transparent !important; box-shadow: 0 5px 18px var(--home-glow) !important;
  transform: translateY(-1px) !important;
}
.theme-toggle svg { width: 19px !important; height: 19px !important; }
:root[data-theme="light"] .theme-toggle {
  background: linear-gradient(145deg, #fff, #edf0f5) !important;
  border-color: rgba(182,102,0,.25) !important; color: #9a5500 !important;
  box-shadow: inset 0 1px 0 #fff, 0 5px 16px rgba(24,34,52,.12) !important;
}
:root[data-theme="light"] .home-page-shell .top-search,
:root[data-theme="light"] .watch-page-shell .top-search {
  background: linear-gradient(145deg,#fff,#edf0f5) !important;
  border-color: rgba(182,102,0,.24) !important;
  box-shadow: inset 0 1px 0 #fff, 0 5px 16px rgba(24,34,52,.1) !important;
}
:root[data-theme="light"] .home-page-shell .top-search .search-icon-btn,
:root[data-theme="light"] .watch-page-shell .top-search .search-icon-btn { color: #9a5500 !important; }
:root[data-theme="light"] .home-page-shell .top-search.is-expanded,
:root[data-theme="light"] .watch-page-shell .top-search.is-expanded { background: #fff !important; }
:root[data-theme="dark"] body {
  background-image: radial-gradient(ellipse at 50% -18%, rgba(255,153,0,.11), transparent 46%),
    radial-gradient(ellipse at 100% 34%, rgba(255,42,95,.055), transparent 38%) !important;
  background-attachment: fixed !important;
}
:root[data-theme="dark"] .public-site-shell .topbar {
  background: linear-gradient(145deg, rgba(18,15,23,.97), rgba(9,11,16,.97)) !important;
  border-color: rgba(255,153,0,.16) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
:root[data-theme="light"] body { background-image: radial-gradient(ellipse at 50% -18%, rgba(255,153,0,.09), transparent 48%) !important; }

/* Public palette: amber and orange only.  Keep every public surface on the same dark-glass system. */
:root, :root[data-theme="dark"] {
  --pink: #ffae00 !important;
  --pink-deep: #ff6b00 !important;
  --pink-soft: rgba(255,174,0,.15) !important;
  --pink-cloud: rgba(255,174,0,.10) !important;
  --home-accent: #ffae00 !important;
  --home-accent-strong: #ff6b00 !important;
  --home-accent-hot: #ff7a00 !important;
  --home-gradient: linear-gradient(135deg,#ffd35a 0%,#ffad00 46%,#ff6b00 100%) !important;
  --home-glow: rgba(255,159,0,.36) !important;
}
:root[data-theme="dark"] body {
  background: #07090d !important;
  background-image: radial-gradient(ellipse at 50% -22%,rgba(255,174,0,.10),transparent 45%), radial-gradient(ellipse at 0 50%,rgba(255,107,0,.035),transparent 38%) !important;
}
:root[data-theme="dark"] .page-shell,
:root[data-theme="dark"] .home-page-shell,
:root[data-theme="dark"] .watch-page-shell { color: #f6f7fb !important; }
:root[data-theme="dark"] .category-pill.active,
:root[data-theme="dark"] .pagination-link.active,
:root[data-theme="dark"] .bottom-nav-upload,
:root[data-theme="dark"] .nav-pill-btn,
:root[data-theme="dark"] .brand-logo .brand-highlight {
  background: var(--home-gradient) !important; color: #16120a !important;
}
:root[data-theme="dark"] .upload-age-tag { background: #f47a00 !important; color: #1c1000 !important; }
:root[data-theme="dark"] .site-compliance-footer {
  border-color: rgba(255,174,0,.18) !important;
  background: linear-gradient(145deg,rgba(28,22,18,.98),rgba(12,14,20,.98)) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
:root[data-theme="dark"] .site-compliance-copy strong { color: #fff2d8 !important; }
:root[data-theme="dark"] .site-compliance-copy span { color: #b9ad9d !important; }
:root[data-theme="dark"] .site-compliance-links a {
  border: 1px solid rgba(255,174,0,.18) !important;
  background: rgba(255,174,0,.075) !important; color: #ffc969 !important;
}
:root[data-theme="dark"] .site-compliance-links a:hover {
  background: var(--home-gradient) !important; border-color: transparent !important; color: #1a1209 !important;
}
.public-site-shell .section-header,
.public-site-shell .seo-intro {
  border-color: rgba(255,174,0,.14) !important;
  background: linear-gradient(145deg,rgba(22,25,34,.92),rgba(12,14,20,.92)) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.public-site-shell .section-header { padding: 14px 16px !important; border-radius: 16px !important; }
.public-site-shell .section-header .seo-page-title,
.public-site-shell .section-header h1,
.public-site-shell .seo-intro h2 { color: #fff2d8 !important; }
.public-site-shell .section-header .eyebrow { color: #ffb532 !important; }
.public-site-shell .section-header p,
.public-site-shell .seo-intro p { color: #b4bbc9 !important; }
.public-site-shell .seo-intro { border-radius: 16px !important; }
.public-site-shell .public-video-grid > .video-card,
.public-site-shell .video-card {
  border-color: rgba(255,255,255,.075) !important;
  border-radius: 12px !important;
  background: linear-gradient(160deg,#151923,#0d1017 76%) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.public-site-shell .public-video-grid > .video-card:hover,
.public-site-shell .video-card:hover {
  border-color: rgba(255,174,0,.60) !important;
  background: linear-gradient(160deg,#1b202b,#10131a 76%) !important;
  box-shadow: 0 13px 30px rgba(0,0,0,.40), 0 0 0 1px rgba(255,174,0,.12) !important;
}
.public-site-shell .video-thumb { border-bottom: 1px solid rgba(255,255,255,.055) !important; }
.public-site-shell .video-copy { padding: 8px 8px 9px !important; min-height: 62px !important; }
.public-site-shell .video-copy h3 { font-size: 12px !important; line-height: 1.25 !important; color: #f4f5f8 !important; }
.public-site-shell .video-stats { color: #919aad !important; font-size: 9px !important; }
.public-site-shell .duration-pill { border: 1px solid rgba(255,255,255,.12) !important; background: rgba(5,7,10,.9) !important; }
.public-site-shell .pagination-bar { margin: 28px auto 26px !important; gap: 8px !important; }
.public-site-shell .pagination-link,
.public-site-shell .pagination-next {
  min-width: 38px !important; min-height: 38px !important; padding: 0 13px !important;
  border-color: rgba(255,255,255,.11) !important; background: #151922 !important; color: #d5d9e2 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.public-site-shell .pagination-link:hover,
.public-site-shell .pagination-next:hover { border-color: rgba(255,174,0,.55) !important; color: #ffd37b !important; }
.public-site-shell .pagination-link.active { color: #181107 !important; box-shadow: 0 5px 16px rgba(255,149,0,.28) !important; }
@media (max-width: 600px) {
  .public-site-shell .section-header { margin-top: 8px !important; padding: 12px 13px !important; }
  .public-site-shell .seo-intro { padding: 13px !important; }
  .public-site-shell .public-video-grid > .video-card { border-radius: 10px !important; }
  .public-site-shell .video-copy { padding: 6px 6px 7px !important; min-height: 57px !important; }
  .public-site-shell .video-copy h3 { font-size: 10.5px !important; }
  .public-site-shell .video-stats { font-size: 8px !important; }
}

/* Creator tools: private draft batching and publish workflow */
.multi-draft-studio {
  margin: 14px 0 20px;
  padding: 18px;
  border: 1px solid rgba(255,174,0,.2);
  border-radius: 18px;
  background: radial-gradient(ellipse at 100% 0,rgba(255,174,0,.09),transparent 38%),linear-gradient(145deg,#151923,#0d1017 76%);
  box-shadow: 0 14px 34px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);
}
.multi-draft-studio-head,.recent-drafts-head { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.multi-draft-studio-head h2,.recent-drafts-head h3 { margin:4px 0;color:#f7f8fb;font-size:19px; }
.multi-draft-studio-head p { max-width:600px;margin:5px 0 0;color:#aeb5c4;font-size:13px;line-height:1.55; }
.multi-draft-studio .eyebrow { color:#ffbd45; }
.multi-draft-studio [hidden] { display:none !important; }
.multi-draft-content { margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08); }
.draft-upload-controls { display:grid;grid-template-columns:minmax(260px,.9fr) minmax(260px,1.1fr);gap:16px; }
.draft-file-picker { position:relative;display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:1px dashed rgba(255,174,0,.42);border-radius:15px;background:rgba(255,174,0,.045);text-align:center;cursor:pointer; }
.draft-file-picker:hover { border-color:#ffbd45;background:rgba(255,174,0,.08); }
.draft-file-picker input { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }
.draft-file-picker-icon { display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--home-gradient);color:#17120a;font-size:23px;font-weight:700; }
.draft-file-picker strong { color:#f7f8fb;font-size:14px; }
.draft-file-picker small,.draft-upload-actions>span { color:#aeb5c4;font-size:12px; }
.draft-upload-actions { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(5,7,11,.35); }
.draft-compliance-check { margin:0 !important;font-size:11px; }
.draft-upload-actions .btn:disabled { opacity:.48;cursor:not-allowed; }
.draft-upload-status { min-height:16px;margin:0;color:#ffd37b;font-size:12px;line-height:1.5; }
.recent-drafts-head { margin:24px 0 12px; }
.recent-drafts-head h3 span { display:inline-grid;min-width:24px;height:24px;place-items:center;margin-left:5px;border:1px solid rgba(255,174,0,.22);border-radius:99px;color:#ffbd45;font-size:12px;vertical-align:middle; }
.recent-drafts-head>a { color:#ffbd45;font-size:12px;font-weight:700;text-decoration:none; }
.recent-drafts-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.recent-draft-card { min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#0b0e14; }
.recent-draft-thumb { position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#050609; }
.recent-draft-thumb img { width:100%;height:100%;object-fit:cover; }
.draft-state-pill { position:absolute;top:8px;left:8px;padding:3px 7px;border-radius:99px;background:var(--home-gradient);color:#17120a;font-size:9px;font-weight:900;text-transform:uppercase; }
.recent-draft-copy { display:flex;min-width:0;flex-direction:column;gap:5px;padding:10px; }
.recent-draft-copy>strong { overflow:hidden;color:#f2f4f8;font-size:12px;text-overflow:ellipsis;white-space:nowrap; }
.recent-draft-copy>span { color:#929aaa;font-size:10px; }
.recent-draft-actions { display:flex;gap:7px;margin-top:5px; }
.recent-draft-actions .btn { min-height:32px;padding:0 10px;font-size:10px; }
.recent-draft-actions form { margin:0; }
.drafts-empty-state { display:grid;justify-items:center;gap:6px;padding:28px;border:1px dashed rgba(255,255,255,.1);border-radius:14px;color:#aeb5c4;text-align:center; }
.drafts-empty-state>span { color:#ffbd45;font-size:25px; }
.drafts-empty-state strong { color:#f4f5f8;font-size:13px; }
.drafts-empty-state p { margin:0;font-size:11px; }
.upload-shell .upload-card,.admin-shell .form-card,.admin-shell .table-card { border-color:rgba(255,255,255,.08) !important;border-radius:16px !important;background:linear-gradient(150deg,#151923,#0d1017 80%) !important;box-shadow:0 12px 32px rgba(0,0,0,.24) !important; }
.upload-shell .upload-field input,.upload-shell .upload-field textarea,.admin-shell .admin-form input,.admin-shell .admin-form textarea,.admin-shell .admin-form select { border-color:rgba(255,255,255,.1) !important;border-radius:10px !important;background:#090c12 !important;color:#f3f5f8 !important; }
.admin-shell .admin-form textarea { min-height:110px;resize:vertical; }
.admin-shell .draft-visibility-note { display:block;padding:10px 12px;border:1px solid rgba(255,174,0,.18);border-radius:10px;background:rgba(255,174,0,.06);color:#ffd37b;font-size:12px; }
.admin-shell .stat-card { border-color:rgba(255,174,0,.13) !important;background:linear-gradient(145deg,#151923,#0d1017) !important; }

/* PulseStream inspired card rhythm and watch controls, using this site's amber palette */
.public-site-shell .public-video-grid>.video-card { border-radius:10px !important;background:linear-gradient(160deg,#131720,#0b0e14 78%) !important; }
.public-site-shell .public-video-grid .video-thumb:after,.watch-page-shell .below-video-thumb:after { position:absolute;inset:35% 0 0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25)); }
.public-site-shell .video-copy { min-height:68px !important;padding:7px 8px 8px !important;gap:5px !important; }
.public-site-shell .video-copy h3 { font-size:12px !important;line-height:1.28 !important; }
.public-site-shell .video-stats { display:grid !important;grid-template-columns:minmax(0,1fr) auto;gap:3px 6px !important;font-size:9px !important; }
.public-site-shell .video-stats span:first-child { color:#c0c6d2 !important; }
.public-site-shell .video-stats span:nth-child(2) { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.watch-page-shell .watch-panel { border:1px solid rgba(255,255,255,.08) !important;border-radius:16px !important;background:linear-gradient(150deg,#151923,#0d1017 80%) !important;box-shadow:0 12px 30px rgba(0,0,0,.25) !important; }
.watch-page-shell .watch-title-panel h1 { color:#f7f8fb !important; }
.watch-page-shell .watch-head-row { gap:12px !important; }
.watch-page-shell .watch-channel { min-width:0; }
.watch-page-shell .watch-channel-group { display:flex;align-items:center;gap:12px; }
.watch-page-shell .watch-channel-group .watch-channel { text-decoration:none; }
.watch-page-shell .watch-channel-group .watch-channel>div:last-child>span { color:#9aa2b2 !important;font-size:11px !important; }
.channel-subscribe-btn { min-height:38px;padding:0 18px;border:0;border-radius:999px;background:var(--home-gradient);box-shadow:0 6px 18px rgba(255,145,0,.22);color:#17120a;font-size:12px;font-weight:850;cursor:pointer;transition:transform .18s ease,filter .18s ease; }
.channel-subscribe-btn:hover { transform:translateY(-1px);filter:brightness(1.08); }
.channel-subscribe-btn.is-subscribed { border:1px solid rgba(255,174,0,.25);background:#151922;color:#ffd37b;box-shadow:none; }
.channel-subscribe-btn:disabled { opacity:.6;cursor:wait; }
.watch-page-shell .watch-actions.reaction-box { display:flex;flex-wrap:wrap;gap:7px !important; }
.watch-page-shell .watch-actions.reaction-box .icon-action { min-height:38px;padding:0 12px !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:999px !important;background:#10141c !important;color:#dce0e8 !important; }
.watch-page-shell .watch-actions.reaction-box .icon-action:hover,.watch-page-shell .watch-actions.reaction-box .icon-action.is-active { border-color:rgba(255,174,0,.45) !important;background:rgba(255,174,0,.11) !important;color:#ffd37b !important; }
.watch-page-shell .watch-actions.reaction-box .action-icon svg { width:16px;height:16px; }
.desktop-home-link { display:none; }
@media (min-width:769px) {
  .desktop-home-link { display:inline-flex !important;align-items:center; }
}
@media (max-width:768px) {
  .multi-draft-studio { padding:14px;border-radius:15px; }
  .multi-draft-studio-head { align-items:flex-start; }
  .multi-draft-studio-head h2 { font-size:16px; }
  .multi-draft-studio-head p { font-size:11px; }
  .multi-draft-studio-head>.btn { flex-shrink:0;min-height:38px;padding:0 11px;font-size:11px; }
  .draft-upload-controls { grid-template-columns:1fr; }
  .draft-file-picker { min-height:132px; }
  .draft-upload-actions { align-items:stretch; }
  .draft-upload-actions .btn { width:100%; }
  .recent-drafts-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .recent-draft-actions { flex-wrap:wrap; }
  .watch-page-shell .watch-head-row { align-items:flex-start;flex-direction:column; }
  .watch-page-shell .watch-channel-group { width:100%;justify-content:space-between; }
  .watch-page-shell .watch-actions.reaction-box { width:100%; }
  .watch-page-shell .watch-actions.reaction-box .icon-action { min-height:35px;padding:0 10px !important;font-size:11px; }
}
@media (max-width:420px) {
  .multi-draft-studio-head { flex-direction:column; }
  .multi-draft-studio-head>.btn { align-self:flex-start; }
  .recent-drafts-head { align-items:flex-end; }
  .recent-drafts-head>a { white-space:nowrap; }
  .public-site-shell .video-copy { min-height:62px !important;padding:6px !important; }
  .public-site-shell .video-copy h3 { font-size:10.5px !important; }
  .public-site-shell .video-stats { font-size:8px !important; }
}

/* Site-wide visual system: keep every page on the same amber, charcoal palette. */
:root {
  --brand-accent: #ffb21a;
  --brand-accent-strong: #ff7b00;
  --brand-gradient: linear-gradient(135deg,#ffd76b 0%,#ffb21a 52%,#ff7414 100%);
  --brand-panel: #11151d;
  --brand-panel-raised: #171c26;
  --brand-stroke: rgba(255,255,255,.085);
}

html, body { min-height:100%; }
body { color:#eef1f6 !important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif !important; }
button, input, select, textarea { font:inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline:2px solid #ffc247 !important;outline-offset:2px !important;
}

.topbar,.admin-topbar-v2,.admin-topbar,
.profile-dropdown,.auth-modal-card,.share-modal-card,
.form-card,.table-card,.stat-card,.admin-panel-section,.admin-surface,
.auth-card,.channel-hero,.watch-panel,.description-card,.side-card,
.queue-card,.upload-card,.upload-side-card,.upload-hero,.upload-steps,
.watch-title-panel,.watch-section-head,.comment-card,.comment-form-card,
.settings-card,.profile-card,.library-card,.playlist-column>section {
  border:1px solid var(--brand-stroke) !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,rgba(21,25,34,.98),rgba(12,15,21,.98)) !important;
  color:#eef1f6 !important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.topbar,.admin-topbar-v2,.admin-topbar {
  border-color:rgba(255,178,26,.15) !important;
  background:rgba(11,14,20,.95) !important;
  backdrop-filter:blur(18px);
}
.topbar-sticky { z-index:1000 !important; }
.brand,.brand strong,.brand-logo { color:#f8f9fc !important; }
.brand small { color:#929aaa !important; }
.brand-highlight,.brand-logo .brand-highlight { background:var(--brand-gradient) !important;color:#18130b !important; }

.btn,.btn-primary,.btn-secondary,.nav-pill-btn,
.profile-menu-trigger,.theme-toggle,.search-icon-btn,.category-choice,
.pagination-link,.pagination-next,.text-link,.icon-action,.reaction-btn {
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}
.btn-primary,.nav-pill-btn,.bottom-nav-upload {
  border:0 !important;background:var(--brand-gradient) !important;color:#18130b !important;
  font-weight:800 !important;box-shadow:0 6px 18px rgba(255,145,0,.22) !important;
}
.btn-primary:hover,.nav-pill-btn:hover,.bottom-nav-upload:hover { filter:brightness(1.08);transform:translateY(-1px); }
.btn-secondary,.profile-menu-trigger,.theme-toggle,.search-icon-btn,.category-choice {
  border:1px solid var(--brand-stroke) !important;background:#171b24 !important;color:#dce1ea !important;
}
.btn-secondary:hover,.profile-menu-trigger:hover,.theme-toggle:hover,.category-choice:hover {
  border-color:rgba(255,178,26,.42) !important;background:#202530 !important;color:#ffd37b !important;
}
.btn.danger,.btn-secondary.danger { border-color:rgba(255,95,83,.28) !important;color:#ffaaa1 !important; }

.top-search input,.admin-form input:not([type="checkbox"]):not([type="radio"]),
.admin-form textarea,.admin-form select,.upload-field input,.upload-field textarea,
.upload-field select,.auth-modal input,.share-copy-row input,
.settings-form input,.settings-form select,.settings-form textarea {
  border:1px solid rgba(255,255,255,.105) !important;border-radius:10px !important;
  background:#090c12 !important;color:#f2f4f8 !important;box-shadow:none !important;
}
.top-search input:focus,.admin-form input:focus,.admin-form textarea:focus,
.admin-form select:focus,.upload-field input:focus,.upload-field textarea:focus,
.upload-field select:focus {
  border-color:rgba(255,178,26,.62) !important;box-shadow:0 0 0 3px rgba(255,178,26,.12) !important;
}
.admin-form label>span,.upload-field>span,.form-label,.field-label { color:#e4e8ef !important; }
.admin-form small,.upload-field small,.form-inline-hint,.form-help { color:#969eae !important; }
.admin-form input::placeholder,.admin-form textarea::placeholder,.top-search input::placeholder { color:#747e90 !important; }
input[type="checkbox"],input[type="radio"] { accent-color:#ffad18 !important; }

.section-header,.section-header.compact,.seo-intro,.empty-panel-copy,
.form-inline-note,.upload-policy-note,.upload-checklist,.upload-duration-chip,
.thumbnail-picker,.thumbnail-preview-frame,.thumbnail-frame-option,
.table-bulk-actions,.pagination-bar,.category-strip {
  border-color:var(--brand-stroke) !important;
}
.section-header h1,.section-header h2,.section-header h3,
.form-card h1,.form-card h2,.table-card h1,.table-card h2,
.admin-shell h1,.admin-shell h2,.upload-shell h1,.upload-shell h2,
.watch-page-shell h1,.watch-page-shell h2,.channel-hero h1 { color:#f7f8fb !important; }
.eyebrow,.section-header .eyebrow { color:#ffc247 !important; }
.section-header p,.seo-intro p,.upload-hero p,.upload-side-card p { color:#aeb6c5 !important; }
.category-pill,.category-choice,.pagination-link,.pagination-next {
  border-color:rgba(255,255,255,.09) !important;background:#151922 !important;color:#d5dbe5 !important;
}
.category-pill.active,.category-choice.is-selected,.pagination-link.active {
  border-color:transparent !important;background:var(--brand-gradient) !important;color:#18130b !important;
}
.category-pill:hover,.pagination-link:hover,.pagination-next:hover { border-color:rgba(255,178,26,.42) !important;color:#ffd37b !important; }

.table-wrap { border:1px solid rgba(255,255,255,.075) !important;border-radius:12px !important;overflow:auto; }
.table-card table { border-collapse:separate !important;border-spacing:0 !important;color:#e4e8ef !important; }
.table-card thead th { background:#171b24 !important;color:#ffc247 !important;border-color:rgba(255,255,255,.075) !important; }
.table-card tbody td { background:rgba(10,13,19,.68) !important;border-color:rgba(255,255,255,.06) !important;color:#d6dbe4 !important; }
.table-card tbody tr:hover td { background:rgba(255,178,26,.045) !important; }
.table-video strong,.table-video-link strong { color:#f4f5f8 !important; }
.table-video span,.table-video-link span { color:#959eae !important; }
.text-link { color:#ffc247 !important; }
.text-link:hover { color:#ffe1a0 !important; }
.text-link.danger { color:#ff9d94 !important; }

.profile-dropdown { overflow:hidden; }
.profile-dropdown a { color:#d8dde6 !important; }
.profile-dropdown a:hover { background:rgba(255,178,26,.1) !important;color:#ffd37b !important; }
.auth-modal-backdrop,.share-modal-backdrop { background:rgba(2,4,8,.78) !important;backdrop-filter:blur(5px); }
.auth-modal-head,.share-modal-head { border-color:rgba(255,255,255,.08) !important; }
.auth-tab { border-color:rgba(255,255,255,.08) !important;background:#151922 !important;color:#d7dce5 !important; }
.auth-tab.active { border-color:transparent !important;background:var(--brand-gradient) !important;color:#18130b !important; }

.mobile-bottom-nav {
  border-top:1px solid rgba(255,178,26,.14) !important;
  background:rgba(8,10,15,.97) !important;
  box-shadow:0 -8px 28px rgba(0,0,0,.42) !important;
}
.bottom-nav-item { color:#929bad !important; }
.bottom-nav-item.active,.bottom-nav-item:hover { color:#ffc247 !important; }
.mobile-bottom-nav .bottom-nav-upload { border:3px solid #0b0e14 !important; }
.site-compliance-footer { color:#e6e9ef !important; }

:root[data-theme="light"] body {
  background:#f3f5f8 !important;background-image:radial-gradient(ellipse at 50% -20%,rgba(255,178,26,.12),transparent 48%) !important;color:#222936 !important;
}
:root[data-theme="light"] .page-shell,:root[data-theme="light"] .home-page-shell,
:root[data-theme="light"] .watch-page-shell { color:#222936 !important; }
:root[data-theme="light"] .topbar,:root[data-theme="light"] .admin-topbar-v2,
:root[data-theme="light"] .admin-topbar,:root[data-theme="light"] .form-card,
:root[data-theme="light"] .table-card,:root[data-theme="light"] .stat-card,
:root[data-theme="light"] .upload-card,:root[data-theme="light"] .upload-side-card,
:root[data-theme="light"] .auth-card,:root[data-theme="light"] .channel-hero,
:root[data-theme="light"] .watch-panel,:root[data-theme="light"] .description-card,
:root[data-theme="light"] .side-card,:root[data-theme="light"] .queue-card {
  border-color:rgba(31,43,62,.1) !important;background:linear-gradient(145deg,#fff,#f7f8fb) !important;color:#263142 !important;box-shadow:0 10px 28px rgba(28,39,58,.08) !important;
}
:root[data-theme="light"] .public-site-shell .section-header,
:root[data-theme="light"] .public-site-shell .seo-intro,
:root[data-theme="light"] .multi-draft-studio,
:root[data-theme="light"] .recent-draft-card,
:root[data-theme="light"] .draft-upload-actions,
:root[data-theme="light"] .drafts-empty-state,
:root[data-theme="light"] .public-site-shell .public-video-grid>.video-card,
:root[data-theme="light"] .public-site-shell .below-video-card {
  border-color:rgba(31,43,62,.1) !important;background:linear-gradient(145deg,#fff,#f5f7fa) !important;color:#263142 !important;box-shadow:0 8px 22px rgba(28,39,58,.08) !important;
}
:root[data-theme="light"] .public-site-shell .video-copy h3,
:root[data-theme="light"] .public-site-shell .video-copy h3 a,
:root[data-theme="light"] .below-video-copy h3,
:root[data-theme="light"] .recent-draft-copy>strong,
:root[data-theme="light"] .draft-file-picker strong { color:#273244 !important; }
:root[data-theme="light"] .public-site-shell .video-stats,
:root[data-theme="light"] .recent-draft-copy>span,
:root[data-theme="light"] .multi-draft-studio-head p,
:root[data-theme="light"] .drafts-empty-state { color:#647084 !important; }
:root[data-theme="light"] .draft-file-picker { border-color:rgba(165,99,0,.32) !important;background:rgba(255,178,26,.055) !important; }
:root[data-theme="light"] .watch-page-shell .watch-actions.reaction-box .icon-action { border-color:rgba(30,43,65,.12) !important;background:#f3f5f8 !important;color:#39465a !important; }
:root[data-theme="light"] .watch-page-shell .watch-actions.reaction-box .icon-action.is-active { border-color:rgba(165,99,0,.35) !important;background:rgba(255,178,26,.12) !important;color:#875300 !important; }
:root[data-theme="light"] .category-pill,:root[data-theme="light"] .category-choice,
:root[data-theme="light"] .pagination-link,:root[data-theme="light"] .pagination-next {
  border-color:rgba(30,43,65,.12) !important;background:#fff !important;color:#48556a !important;
}
:root[data-theme="light"] .category-pill.active,:root[data-theme="light"] .category-choice.is-selected,
:root[data-theme="light"] .pagination-link.active { background:var(--brand-gradient) !important;color:#18130b !important; }
:root[data-theme="light"] .watch-title-panel,:root[data-theme="light"] .watch-section-head,
:root[data-theme="light"] .playlist-item,:root[data-theme="light"] .watch-page-shell .section-header {
  border-color:rgba(31,43,62,.1) !important;background:#fff !important;color:#263142 !important;
}
:root[data-theme="light"] .watch-title-panel h1,:root[data-theme="light"] .watch-title-panel .watch-meta,
:root[data-theme="light"] .watch-channel strong,:root[data-theme="light"] .watch-channel span,
:root[data-theme="light"] .playlist-item strong,:root[data-theme="light"] .playlist-item span { color:#29364a !important; }
:root[data-theme="light"] .brand,:root[data-theme="light"] .brand strong,
:root[data-theme="light"] .brand-logo,:root[data-theme="light"] .section-header h1,
:root[data-theme="light"] .section-header h2,:root[data-theme="light"] .admin-shell h1,
:root[data-theme="light"] .admin-shell h2,:root[data-theme="light"] .upload-shell h1,
:root[data-theme="light"] .upload-shell h2,:root[data-theme="light"] .watch-page-shell h1,
:root[data-theme="light"] .watch-page-shell h2 { color:#202a39 !important; }
:root[data-theme="light"] .top-search input,:root[data-theme="light"] .admin-form input,
:root[data-theme="light"] .admin-form textarea,:root[data-theme="light"] .admin-form select,
:root[data-theme="light"] .upload-field input,:root[data-theme="light"] .upload-field textarea,
:root[data-theme="light"] .upload-field select,:root[data-theme="light"] .auth-modal input {
  border-color:rgba(30,43,65,.14) !important;background:#fff !important;color:#222b39 !important;
}
:root[data-theme="light"] .btn-secondary,:root[data-theme="light"] .profile-menu-trigger,
:root[data-theme="light"] .theme-toggle,:root[data-theme="light"] .category-choice {
  border-color:rgba(30,43,65,.13) !important;background:#fff !important;color:#374153 !important;
}
:root[data-theme="light"] .table-card thead th { background:#f1f3f7 !important;color:#985c00 !important; }
:root[data-theme="light"] .table-card tbody td { background:#fff !important;color:#374153 !important; }
:root[data-theme="light"] .table-video strong,:root[data-theme="light"] .table-video-link strong { color:#273244 !important; }
:root[data-theme="light"] .mobile-bottom-nav { background:rgba(255,255,255,.96) !important;border-color:rgba(30,43,65,.1) !important; }
:root[data-theme="light"] .bottom-nav-item { color:#657084 !important; }
:root[data-theme="light"] .bottom-nav-item.active { color:#a65b00 !important; }

@media (min-width:769px) {
  .mobile-bottom-nav { display:none !important; }
  .home-page-shell .top-links,.watch-page-shell .top-links { display:flex !important; }
  .home-page-shell .desktop-home-link,.watch-page-shell .desktop-home-link { display:inline-flex !important; }
}
@media (max-width:768px) {
  .page-shell,.home-page-shell,.watch-page-shell,.public-site-shell { width:min(100% - 16px,1880px) !important; }
  .topbar,.admin-topbar-v2,.admin-topbar { min-height:54px !important;padding:7px 10px !important;gap:8px !important;border-radius:0 0 13px 13px !important; }
  .mobile-bottom-nav { height:64px !important;padding-bottom:env(safe-area-inset-bottom) !important; }
  body { padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important; }
  .form-card,.table-card,.upload-card,.upload-side-card,.admin-panel-section { border-radius:14px !important; }
  .table-wrap { border-radius:10px !important; }
}

/* Watch page cleanup: give the title, creator actions, and recommendations clear space. */
:root .watch-page-shell .watch-panel.compact-order {
  display:flex !important;flex-direction:column !important;gap:10px !important;
  margin:10px 0 12px !important;padding:12px !important;border-radius:15px !important;
  background:linear-gradient(150deg,#141923,#0c0f15 82%) !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-title-panel {
  display:flex !important;flex-direction:column !important;gap:6px !important;
  margin:0 !important;padding:0 2px 10px !important;border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-title-panel h1 {
  margin:0 !important;color:#f7f8fb !important;font-size:clamp(17px,4.2vw,22px) !important;
  line-height:1.24 !important;letter-spacing:-.02em !important;overflow-wrap:anywhere;
}
:root .watch-page-shell .watch-panel.compact-order .watch-meta {
  display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:4px 8px !important;
  margin:0 !important;color:#9ea7b7 !important;font-size:10px !important;line-height:1.35 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-meta>span { white-space:nowrap; }
:root .watch-page-shell .watch-panel.compact-order .watch-meta>span+span:before {
  content:"·";margin-right:8px;color:#657084;
}
:root .watch-page-shell .watch-panel.compact-order .watch-head-row {
  display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important;
  min-width:0 !important;margin:0 !important;padding:0 2px !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel-group {
  display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;
  gap:10px !important;width:100% !important;min-width:0 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel {
  display:grid !important;grid-template-columns:38px minmax(0,1fr) !important;align-items:center !important;
  gap:9px !important;min-width:0 !important;text-decoration:none !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel-mark {
  width:38px !important;height:38px !important;border:2px solid #ffb21a !important;
  box-shadow:0 0 0 3px rgba(255,178,26,.1) !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel strong {
  display:block !important;overflow:hidden !important;color:#f3f5f8 !important;font-size:12px !important;
  font-weight:750 !important;line-height:1.2 !important;text-overflow:ellipsis !important;white-space:nowrap !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel span {
  display:block !important;overflow:hidden !important;color:#8f99aa !important;font-size:10px !important;
  line-height:1.25 !important;text-overflow:ellipsis !important;white-space:nowrap !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel [data-channel-subscriber-count] {
  display:inline !important;font-size:inherit !important;font-weight:inherit !important;line-height:inherit !important;
}
:root .watch-page-shell .watch-panel.compact-order .channel-subscribe-btn {
  flex:0 0 auto !important;min-height:34px !important;padding:0 16px !important;font-size:11px !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box {
  display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;align-items:center !important;
  gap:6px !important;width:100% !important;min-width:0 !important;overflow:visible !important;
  margin:0 !important;padding-top:9px !important;border-top:1px solid rgba(255,255,255,.07) !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action,
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn {
  display:flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;
  width:100% !important;min-width:0 !important;min-height:34px !important;padding:0 5px !important;
  border:1px solid rgba(255,255,255,.09) !important;border-radius:999px !important;
  background:#171b24 !important;color:#dce1e9 !important;font-size:10px !important;line-height:1 !important;
  text-decoration:none !important;white-space:nowrap !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action:hover,
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action.is-active {
  border-color:rgba(255,178,26,.4) !important;background:rgba(255,178,26,.11) !important;color:#ffd37b !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-icon,
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-icon svg {
  display:inline-flex !important;width:13px !important;height:13px !important;flex:0 0 13px !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-full { display:none !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-short {
  display:inline !important;font-size:10px !important;line-height:1 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box strong {
  color:#aab3c2 !important;font-size:9px !important;line-height:1 !important;
}
:root .watch-page-shell .watch-section-head {
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;
  margin:14px 0 10px !important;padding:11px 13px !important;border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;background:linear-gradient(145deg,#141923,#0c0f15) !important;
}
:root .watch-page-shell .watch-section-head .eyebrow { display:none !important; }
:root .watch-page-shell .watch-section-head h2 {
  margin:0 !important;color:#f7f8fb !important;font-size:15px !important;font-weight:780 !important;line-height:1.25 !important;
}
:root .watch-page-shell .watch-section-head h2:before { content:"⚡";margin-right:6px;color:#ffb21a; }
:root .watch-page-shell .watch-section-head p {
  margin:0 !important;color:#ffbd45 !important;font-size:10px !important;font-weight:650 !important;white-space:nowrap;
}
:root .watch-page-shell .below-video-list {
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:9px 7px !important;
  margin-top:0 !important;
}
:root .watch-page-shell .below-video-list>.below-video-card {
  display:flex !important;flex-direction:column !important;min-width:0 !important;height:auto !important;
  aspect-ratio:auto !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:10px !important;
  background:linear-gradient(160deg,#141923,#0b0e14 80%) !important;box-shadow:0 5px 15px rgba(0,0,0,.22) !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-thumb {
  display:block !important;flex:0 0 auto !important;width:100% !important;height:auto !important;aspect-ratio:1/1 !important;
  border-radius:9px 9px 0 0 !important;overflow:hidden !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-thumb img { width:100% !important;height:100% !important;object-fit:cover !important; }
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy {
  display:flex !important;flex-direction:column !important;justify-content:flex-start !important;gap:4px !important;
  min-height:57px !important;height:auto !important;padding:7px !important;background:transparent !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy h3 {
  display:-webkit-box !important;margin:0 !important;color:#f0f2f6 !important;font-size:11px !important;
  font-weight:720 !important;line-height:1.25 !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats {
  display:flex !important;gap:5px !important;overflow:hidden !important;color:#8791a2 !important;font-size:8px !important;line-height:1.2 !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats span+span:before { content:"·";margin-right:5px;color:#5e6879; }
:root .watch-page-shell .watch-before-more-banner { margin:10px 0 !important; }
@media (min-width:901px) {
  :root .watch-page-shell .watch-panel.compact-order { padding:18px 20px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-head-row { flex-direction:row !important;align-items:center !important;justify-content:space-between !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-channel-group { width:auto !important;min-width:240px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box { width:min(520px,58%) !important;padding-top:0 !important;border-top:0 !important; }
  :root .watch-page-shell .below-video-list { grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important; }
}
@media (max-width:420px) {
  :root .watch-page-shell .watch-panel.compact-order { gap:8px !important;padding:10px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-title-panel h1 { font-size:16px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box { gap:5px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action { min-height:32px !important;font-size:9px !important; }
  :root .watch-page-shell .watch-section-head { align-items:flex-start !important; }
  :root .watch-page-shell .watch-section-head h2 { font-size:14px !important; }
  :root .watch-page-shell .watch-section-head p { padding-top:2px !important;font-size:9px !important; }
  :root .watch-page-shell .below-video-list { gap:7px 5px !important; }
  :root .watch-page-shell .below-video-list>.below-video-card .below-video-copy { padding:6px !important; }
  :root .watch-page-shell .below-video-list>.below-video-card .below-video-copy h3 { font-size:10px !important; }
}

/* Pulse Stream watch controls and feed cards: clearer reactions, same dark/amber grading. */
:root .watch-page-shell .watch-panel.compact-order {
  background:#0e1017 !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box {
  grid-template-columns:1.15fr 1.25fr .9fr .95fr !important;
  gap:7px !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action {
  min-height:38px !important;
  padding:0 7px !important;
  gap:5px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:9999px !important;
  background:#131620 !important;
  color:#f5f6fa !important;
  font-size:11px !important;
  font-weight:650 !important;
  box-shadow:none !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-icon,
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-icon svg {
  display:inline-flex !important;
  width:16px !important;height:16px !important;flex:0 0 16px !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-icon svg path {
  stroke-width:2.2 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn .action-icon { color:#ffad17 !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.alt .action-icon { color:#ff6b7b !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-full {
  display:inline !important;font-size:11px !important;line-height:1 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-short { display:none !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box strong {
  color:#c3cad5 !important;font-size:10px !important;font-weight:700 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.is-active {
  border-color:rgba(255,153,0,.48) !important;
  background:rgba(255,153,0,.15) !important;color:#ffd27a !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.alt.is-active {
  border-color:rgba(255,42,95,.48) !important;
  background:rgba(255,42,95,.14) !important;color:#ff8ca6 !important;
}
:root .watch-page-shell .watch-panel.compact-order .channel-subscribe-btn {
  border:0 !important;border-radius:9999px !important;
  background:linear-gradient(135deg,#ffaa00 0%,#ff4400 50%,#ff1155 100%) !important;
  color:#fff !important;font-weight:750 !important;
  box-shadow:0 4px 14px rgba(255,68,0,.22) !important;
}
:root .watch-page-shell .watch-panel.compact-order .channel-subscribe-btn.is-subscribed {
  border:1px solid rgba(255,255,255,.12) !important;background:#1c202e !important;color:#f5f6fa !important;
  box-shadow:none !important;
}
:root .watch-page-shell .watch-section-head {
  background:#0e1017 !important;border-color:rgba(255,255,255,.07) !important;
}
:root .watch-page-shell .watch-section-head h2:before { color:#ff9900 !important; }
:root .watch-page-shell .below-video-list>.below-video-card {
  background:#131620 !important;border-color:rgba(255,255,255,.07) !important;
  border-radius:12px !important;box-shadow:0 5px 16px rgba(0,0,0,.24) !important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease !important;
}
:root .watch-page-shell .below-video-list>.below-video-card:hover {
  transform:translateY(-2px) !important;background:#1c202e !important;border-color:rgba(255,153,0,.3) !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .upload-age-tag {
  background:#ff2a5f !important;color:#fff !important;border-radius:5px !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .duration-pill {
  background:rgba(6,7,10,.88) !important;color:#f5f6fa !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy h3 a { color:#f5f6fa !important; }
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats { color:#9aa1b5 !important; }
@media (max-width:420px) {
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box { gap:5px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action {
    min-height:36px !important;padding:0 4px !important;gap:4px !important;font-size:10px !important;
  }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-icon,
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-icon svg {
    width:15px !important;height:15px !important;flex-basis:15px !important;
  }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-full { font-size:9px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box strong { font-size:9px !important; }
}

/* Match the reference's charcoal surfaces and orange-to-red accent throughout the site. */
:root,:root[data-theme="dark"],:root[data-theme="light"] {
  --pink:#ff7900 !important;
  --pink-deep:#e83b32 !important;
  --pink-soft:rgba(255,121,0,.16) !important;
  --pink-cloud:rgba(255,121,0,.12) !important;
  --home-accent:#ff7900 !important;
  --home-accent-strong:#f04432 !important;
  --home-accent-hot:#e83b32 !important;
  --home-gradient:linear-gradient(135deg,#ffb000 0%,#ff6b00 54%,#ef3340 100%) !important;
  --home-glow:rgba(255,105,0,.34) !important;
  --brand-accent:#ff7900 !important;
  --brand-accent-strong:#ef3340 !important;
  --brand-gradient:linear-gradient(135deg,#ffb000 0%,#ff6b00 54%,#ef3340 100%) !important;
}
.brand-highlight,.brand-logo .brand-highlight,
.btn-primary,.nav-pill-btn,.bottom-nav-upload,
.category-pill.active,.category-choice.is-selected,.pagination-link.active,
.auth-tab.active,.channel-subscribe-btn:not(.is-subscribed),
.watch-page-shell .watch-panel.compact-order .channel-subscribe-btn:not(.is-subscribed) {
  background:linear-gradient(135deg,#ffaa00 0%,#ff4400 50%,#ff1155 100%) !important;
  color:#fff !important;
  box-shadow:0 4px 16px rgba(255,55,54,.24) !important;
}
.eyebrow,.section-header .eyebrow,.public-site-shell .section-header .eyebrow,
.bottom-nav-item.active,.bottom-nav-item:hover,
.watch-page-shell .watch-section-head p,
.watch-page-shell .watch-section-head h2:before {
  color:#ff684d !important;
}
.topbar,.admin-topbar-v2,.admin-topbar { border-color:rgba(255,85,66,.18) !important; }
.btn-secondary:hover,.profile-menu-trigger:hover,.theme-toggle:hover,.category-choice:hover,
.public-site-shell .video-card:hover,.watch-page-shell .below-video-list>.below-video-card:hover {
  border-color:rgba(255,75,75,.42) !important;
}
.top-search input:focus,.admin-form input:focus,.admin-form textarea:focus,
.admin-form select:focus,.upload-field input:focus,.upload-field textarea:focus,
.upload-field select:focus,.settings-form input:focus,.settings-form select:focus,
.settings-form textarea:focus {
  border-color:rgba(255,75,75,.68) !important;
  box-shadow:0 0 0 3px rgba(255,75,75,.14) !important;
}
.watch-page-shell .watch-panel.compact-order {
  background:#0e1017 !important;border-color:rgba(255,255,255,.07) !important;border-radius:12px !important;
}
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box {
  grid-template-columns:1.12fr 1.32fr .92fr .92fr !important;
  gap:6px !important;
}
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action {
  min-width:0 !important;min-height:38px !important;padding:0 7px !important;gap:5px !important;
  border:1px solid rgba(255,255,255,.07) !important;border-radius:9999px !important;
  background:#131620 !important;color:#f5f6fa !important;font-size:11px !important;font-weight:650 !important;
}
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-emoji {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:17px !important;height:17px !important;flex:0 0 17px !important;font-size:15px !important;line-height:1 !important;
}
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-full {
  display:inline !important;font-size:11px !important;line-height:1 !important;
}
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-short { display:none !important; }
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box strong {
  color:#c3cad5 !important;font-size:10px !important;font-weight:700 !important;
}
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.is-active {
  border-color:rgba(255,83,63,.5) !important;background:rgba(255,64,72,.16) !important;color:#ff9a83 !important;
}
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.alt .reaction-emoji { filter:none !important; }
.watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.alt.is-active {
  border-color:rgba(255,42,95,.54) !important;background:rgba(255,42,95,.16) !important;color:#ff93ac !important;
}
.watch-page-shell .watch-panel.compact-order .channel-subscribe-btn:not(.is-subscribed) {
  min-height:36px !important;color:#fff !important;font-weight:800 !important;
}
.watch-page-shell .below-video-list>.below-video-card .upload-age-tag,
.public-site-shell .video-card .upload-age-tag {
  background:#ff2a5f !important;color:#fff !important;
}
@media (max-width:420px) {
  .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box { gap:5px !important; }
  .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action { padding:0 4px !important;gap:4px !important; }
  .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-emoji { width:15px !important;height:15px !important;flex-basis:15px !important;font-size:14px !important; }
  .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-full { font-size:9px !important; }
  .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action#player-download-link .action-label-full { display:none !important; }
  .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action#player-download-link .action-label-short { display:inline !important;font-size:9px !important; }
  .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box strong { font-size:9px !important; }
}
:root[data-theme="dark"] body {
  background-image:radial-gradient(ellipse at 50% -22%,rgba(255,55,70,.10),transparent 45%),radial-gradient(ellipse at 0 50%,rgba(255,68,0,.035),transparent 38%) !important;
}
:root[data-theme="dark"] .theme-toggle .theme-toggle-light { color:#ff624f !important; }
:root[data-theme="dark"] .watch-page-shell .watch-section-head h2:before,
:root[data-theme="dark"] .watch-page-shell .watch-section-head p { color:#ff684d !important; }
:root[data-theme="dark"] .upload-age-tag { background:#ff2a5f !important;color:#fff !important; }
:root[data-theme="dark"] .site-compliance-footer { border-color:rgba(255,75,75,.18) !important; }
:root[data-theme="dark"] .site-compliance-links a {
  border-color:rgba(255,75,75,.2) !important;background:rgba(255,75,75,.075) !important;color:#ff9a83 !important;
}
input[type="checkbox"],input[type="radio"] { accent-color:#ff624f !important; }

/* Restore readable contrast in light mode and remove the leftover pink accent. */
:root,:root[data-theme="dark"],:root[data-theme="light"] {
  --pink:#ff7900 !important;
  --pink-deep:#e83b32 !important;
  --pink-soft:rgba(255,121,0,.16) !important;
  --pink-cloud:rgba(255,121,0,.12) !important;
  --home-accent:#ff7900 !important;
  --home-accent-strong:#f04432 !important;
  --home-accent-hot:#e83b32 !important;
  --home-gradient:linear-gradient(135deg,#ffb000 0%,#ff6b00 54%,#ef3340 100%) !important;
  --home-glow:rgba(255,105,0,.34) !important;
  --brand-accent:#ff7900 !important;
  --brand-accent-strong:#ef3340 !important;
  --brand-gradient:linear-gradient(135deg,#ffb000 0%,#ff6b00 54%,#ef3340 100%) !important;
}
:root .brand-highlight,:root .btn-primary,:root .nav-pill-btn,
:root .bottom-nav-upload,:root .category-pill.active,:root .category-choice.is-selected,
:root .pagination-link.active,:root .auth-tab.active,
:root .channel-subscribe-btn:not(.is-subscribed) {
  background:var(--brand-gradient) !important;
  box-shadow:0 4px 16px rgba(255,105,0,.22) !important;
}
:root .viral-sort-tabs a.active,:root .library-tab.active,
:root .watch-page-shell .watch-panel.compact-order .channel-subscribe-btn:not(.is-subscribed) {
  background:var(--brand-gradient) !important;
}
:root .upload-age-tag,:root .public-site-shell .video-card .upload-age-tag,
:root .watch-page-shell .below-video-list>.below-video-card .upload-age-tag,
:root .viral-rank {
  background:linear-gradient(135deg,#ffad00,#ff5a00 62%,#ed3e37) !important;
  color:#17110a !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.alt.is-active {
  border-color:rgba(232,59,50,.52) !important;
  background:rgba(232,59,50,.14) !important;
  color:#ff8876 !important;
}
:root[data-theme="light"] body,
:root[data-theme="light"] .page-shell,
:root[data-theme="light"] .home-page-shell,
:root[data-theme="light"] .watch-page-shell,
:root[data-theme="light"] .public-site-shell { color:#202a39 !important; }
:root[data-theme="light"] .public-site-shell .seo-intro h2,
:root[data-theme="light"] .public-site-shell .section-header h1,
:root[data-theme="light"] .public-site-shell .section-header h2,
:root[data-theme="light"] .public-site-shell .section-header .seo-page-title { color:#202a39 !important; }
:root[data-theme="light"] .public-site-shell .seo-intro p,
:root[data-theme="light"] .public-site-shell .section-header p,
:root[data-theme="light"] .public-site-shell .section-header .eyebrow,
:root[data-theme="light"] .public-site-shell .video-stats,
:root[data-theme="light"] .viral-hero p,
:root[data-theme="light"] .library-hero p,
:root[data-theme="light"] .profile-dashboard-identity p { color:#536174 !important; }
:root[data-theme="light"] .public-site-shell .section-header .eyebrow,
:root[data-theme="light"] .viral-hero .eyebrow,
:root[data-theme="light"] .library-hero .eyebrow,
:root[data-theme="light"] .profile-dashboard-identity .eyebrow { color:#a64b00 !important; }
:root[data-theme="light"] .public-site-shell .seo-intro,
:root[data-theme="light"] .viral-hero,
:root[data-theme="light"] .library-hero,
:root[data-theme="light"] .profile-dashboard-hero {
  border-color:rgba(32,42,57,.11) !important;
  background:linear-gradient(145deg,#fff,#f1f4f8) !important;
  color:#202a39 !important;
}
:root[data-theme="light"] .viral-hero h1,
:root[data-theme="light"] .library-hero h1,
:root[data-theme="light"] .profile-dashboard-identity h1 { color:#202a39 !important; }
:root[data-theme="light"] .viral-sort-tabs a,
:root[data-theme="light"] .library-tab { background:#fff !important;color:#37445a !important; }
:root[data-theme="light"] .viral-sort-tabs a.active,
:root[data-theme="light"] .library-tab.active { background:var(--brand-gradient) !important;color:#17110a !important; }
:root[data-theme="light"] .viral-card-primary { color:#8a4a00 !important; }
:root[data-theme="light"] .viral-card-channel { color:#5d6878 !important; }
:root[data-theme="light"] .public-site-shell .seo-intro h2,
:root[data-theme="light"] .public-site-shell .seo-intro p { opacity:1 !important;text-shadow:none !important; }
:root[data-theme="light"] .home-page-shell .section-header p,
:root[data-theme="light"] .home-page-shell .section-header .eyebrow { opacity:1 !important; }

/* Polished, scrollable category selector for the home feed. */
.home-page-shell .category-strip {
  display:flex !important;align-items:center !important;gap:8px !important;
  width:100% !important;box-sizing:border-box !important;margin:10px 0 16px !important;
  padding:7px !important;overflow-x:auto !important;overflow-y:hidden !important;
  scrollbar-width:none !important;border:1px solid rgba(255,153,0,.17) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(22,25,34,.96),rgba(13,16,23,.96)) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045) !important;
  -webkit-overflow-scrolling:touch !important;
}
.home-page-shell .category-strip::-webkit-scrollbar { display:none !important; }
.home-page-shell .category-strip .category-pill {
  display:inline-flex !important;flex:0 0 auto !important;align-items:center !important;justify-content:center !important;
  gap:6px !important;min-height:36px !important;padding:0 13px !important;
  border:1px solid rgba(255,255,255,.09) !important;border-radius:999px !important;
  background:linear-gradient(180deg,#1b1f29,#141720) !important;color:#dce1ea !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 2px 6px rgba(0,0,0,.12) !important;
  font-size:11px !important;font-weight:720 !important;letter-spacing:.015em !important;line-height:1 !important;
  text-decoration:none !important;white-space:nowrap !important;
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease !important;
}
.home-page-shell .category-strip .category-pill:first-child:not(.active)::before,
.home-page-shell .category-strip .category-pill:first-child.active::before {
  content:"✦";font-size:11px;line-height:1;
}
.home-page-shell .category-strip .category-pill.category-has-emoji { gap:6px !important; }
.home-page-shell .category-strip .category-pill:hover {
  transform:translateY(-1px) !important;border-color:rgba(255,157,0,.48) !important;
  background:linear-gradient(180deg,#242832,#191d26) !important;color:#fff !important;
}
.home-page-shell .category-strip .category-pill.active {
  border-color:rgba(255,255,255,.16) !important;background:var(--brand-gradient) !important;
  color:#17110a !important;font-weight:850 !important;
  box-shadow:0 5px 14px rgba(255,102,0,.27),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.home-page-shell .category-strip .category-pill:focus-visible {
  outline:2px solid #ff9a00 !important;outline-offset:2px !important;
}
:root[data-theme="light"] .home-page-shell .category-strip {
  border-color:rgba(43,56,75,.1) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,245,249,.98)) !important;
  box-shadow:0 8px 22px rgba(28,39,58,.08),inset 0 1px 0 #fff !important;
}
:root[data-theme="light"] .home-page-shell .category-strip .category-pill {
  border-color:rgba(43,56,75,.11) !important;background:linear-gradient(180deg,#fff,#f3f5f8) !important;
  color:#465267 !important;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(28,39,58,.05) !important;
}
:root[data-theme="light"] .home-page-shell .category-strip .category-pill:hover {
  border-color:rgba(230,111,0,.38) !important;background:#fff5e8 !important;color:#8b4a00 !important;
}
:root[data-theme="light"] .home-page-shell .category-strip .category-pill.active {
  border-color:rgba(255,255,255,.6) !important;background:var(--brand-gradient) !important;color:#17110a !important;
  box-shadow:0 5px 14px rgba(255,102,0,.22),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
@media (max-width:480px) {
  .home-page-shell .category-strip { gap:7px !important;padding:6px !important;margin:8px 0 14px !important;border-radius:16px !important; }
  .home-page-shell .category-strip .category-pill { min-height:34px !important;padding:0 11px !important;font-size:10.5px !important; }
}

/* Featured-video hero, readable feed metadata, and complete light surfaces. */
.home-featured-hero {
  position:relative !important;isolation:isolate !important;display:flex !important;align-items:flex-end !important;
  min-height:250px !important;margin:0 0 14px !important;padding:24px !important;overflow:hidden !important;
  border:1px solid rgba(255,164,0,.24) !important;border-radius:20px !important;
  background:#10131b !important;box-shadow:0 16px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.home-featured-image,.home-featured-shade { position:absolute !important;inset:0 !important;width:100% !important;height:100% !important; }
.home-featured-image { z-index:-2 !important;object-fit:cover !important;object-position:center 38% !important; }
.home-featured-shade {
  z-index:-1 !important;background:linear-gradient(90deg,rgba(7,9,14,.96) 0%,rgba(7,9,14,.82) 38%,rgba(7,9,14,.30) 78%,rgba(7,9,14,.12) 100%),linear-gradient(0deg,rgba(7,9,14,.66),transparent 72%) !important;
}
.home-featured-copy { display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:10px !important;width:min(620px,76%) !important; }
.home-featured-kicker {
  display:inline-flex !important;align-items:center !important;gap:7px !important;padding:6px 10px !important;
  border:1px solid rgba(255,184,50,.38) !important;border-radius:999px !important;
  background:rgba(18,20,26,.68) !important;color:#ffd27d !important;font-size:10px !important;
  font-weight:850 !important;letter-spacing:.1em !important;text-transform:uppercase !important;backdrop-filter:blur(8px) !important;
}
.home-featured-spark { color:#ffad00 !important;font-size:13px !important; }
.home-featured-copy h2 {
  display:-webkit-box !important;overflow:hidden !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;
  max-width:100% !important;margin:0 !important;color:#fff !important;font-size:clamp(21px,3.1vw,32px) !important;
  font-weight:900 !important;line-height:1.12 !important;letter-spacing:-.035em !important;
  text-shadow:0 2px 14px rgba(0,0,0,.35) !important;
}
.home-featured-meta { display:flex !important;flex-wrap:wrap !important;gap:7px 13px !important;margin:0 !important;color:#e0e5ed !important;font-size:11px !important;font-weight:650 !important; }
.home-featured-meta span+span::before { content:"•";margin-right:8px;color:#ffac00 !important; }
.home-featured-cta {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;
  min-height:40px !important;margin-top:3px !important;padding:0 17px !important;border-radius:999px !important;
  background:var(--brand-gradient) !important;color:#17110a !important;box-shadow:0 7px 20px rgba(255,94,0,.3) !important;
  font-size:12px !important;font-weight:900 !important;text-decoration:none !important;transition:transform .18s ease,filter .18s ease !important;
}
.home-featured-cta:hover { transform:translateY(-2px) !important;filter:brightness(1.08) !important; }
.home-page-shell .public-video-grid .video-copy { min-height:78px !important;padding:8px 8px 9px !important; }
.home-page-shell .public-video-grid .video-meta-row { display:flex !important;align-items:flex-start !important;gap:5px !important; }
.home-page-shell .public-video-grid .video-stats {
  display:flex !important;flex:1 1 auto !important;flex-direction:column !important;align-items:flex-start !important;
  gap:4px !important;min-width:0 !important;color:#c4ccd8 !important;font-size:10px !important;line-height:1.25 !important;
}
.home-page-shell .public-video-grid .video-stats span { display:block !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important; }
.home-page-shell .public-video-grid .video-stats span:first-child { color:#ffd27d !important;font-size:10px !important;font-weight:800 !important; }
.home-page-shell .public-video-grid .video-stats span:nth-child(2) { color:#b8c0ce !important;font-size:9px !important;font-weight:600 !important; }
.home-page-shell .public-video-grid .video-stats span:nth-child(3) { display:none !important; }
.home-page-shell .public-video-grid .card-share-btn { flex:0 0 24px !important;width:24px !important;height:24px !important; }
:root[data-theme="light"] .home-page-shell .public-video-grid .video-stats span:first-child { color:#8b4b00 !important; }
:root[data-theme="light"] .home-page-shell .public-video-grid .video-stats span:nth-child(2) { color:#596679 !important; }
:root[data-theme="light"] .home-page-shell .public-video-grid .video-card { border-color:rgba(37,49,67,.1) !important;background:linear-gradient(160deg,#fff,#f2f4f7) !important; }
:root[data-theme="light"] .home-page-shell .public-video-grid .video-copy h3,
:root[data-theme="light"] .home-page-shell .public-video-grid .video-copy h3 a { color:#202a39 !important; }
:root[data-theme="light"] .home-featured-hero {
  border-color:rgba(35,48,67,.1) !important;background:#f5f7fa !important;
  box-shadow:0 14px 32px rgba(28,39,58,.1),inset 0 1px 0 #fff !important;
}
:root[data-theme="light"] .home-featured-image { left:auto !important;right:0 !important;width:64% !important;object-position:center 38% !important; }
:root[data-theme="light"] .home-featured-shade {
  background:linear-gradient(90deg,#f5f7fa 0%,rgba(245,247,250,.96) 38%,rgba(245,247,250,.72) 68%,rgba(245,247,250,.12) 100%) !important;
}
:root[data-theme="light"] .home-featured-kicker { border-color:rgba(185,103,0,.2) !important;background:rgba(255,255,255,.84) !important;color:#985000 !important; }
:root[data-theme="light"] .home-featured-spark { color:#d87900 !important; }
:root[data-theme="light"] .home-featured-copy h2 { color:#202a39 !important;text-shadow:none !important; }
:root[data-theme="light"] .home-featured-meta { color:#526074 !important; }
:root[data-theme="light"] .home-featured-meta span+span::before { color:#bf6500 !important; }
/* Light theme must also convert the dark watch information panels, while the video player stays cinematic. */
:root[data-theme="light"] .watch-page-shell .watch-panel,
:root[data-theme="light"] .watch-page-shell .watch-panel.compact-order,
:root[data-theme="light"] .watch-page-shell .watch-title-panel,
:root[data-theme="light"] .watch-page-shell .watch-section-head,
:root[data-theme="light"] .watch-page-shell .description-card,
:root[data-theme="light"] .watch-page-shell .comment-card,
:root[data-theme="light"] .watch-page-shell .comment-form-card,
:root[data-theme="light"] .watch-page-shell .playlist-item,
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card {
  border-color:rgba(36,49,68,.11) !important;background:linear-gradient(145deg,#fff,#f4f6f9) !important;
  color:#263244 !important;box-shadow:0 8px 22px rgba(28,39,58,.07) !important;
}
:root[data-theme="light"] .watch-page-shell .watch-title-panel h1,
:root[data-theme="light"] .watch-page-shell .watch-section-head h2,
:root[data-theme="light"] .watch-page-shell .below-video-copy h3,
:root[data-theme="light"] .watch-page-shell .below-video-copy h3 a,
:root[data-theme="light"] .watch-page-shell .playlist-item strong,
:root[data-theme="light"] .watch-page-shell .watch-channel strong { color:#202a39 !important; }
:root[data-theme="light"] .watch-page-shell .watch-meta,
:root[data-theme="light"] .watch-page-shell .watch-channel span,
:root[data-theme="light"] .watch-page-shell .below-video-copy .video-stats,
:root[data-theme="light"] .watch-page-shell .playlist-item span,
:root[data-theme="light"] .watch-page-shell .description-card,
:root[data-theme="light"] .watch-page-shell .description-card p { color:#596679 !important; }
:root[data-theme="light"] .watch-page-shell .watch-actions.reaction-box .icon-action,
:root[data-theme="light"] .watch-page-shell .watch-actions.reaction-box .reaction-btn {
  border-color:rgba(36,49,68,.12) !important;background:#f0f3f7 !important;color:#354258 !important;
}
:root[data-theme="light"] .watch-page-shell .watch-actions.reaction-box .icon-action.is-active,
:root[data-theme="light"] .watch-page-shell .watch-actions.reaction-box .reaction-btn.is-active {
  border-color:rgba(221,105,0,.3) !important;background:#fff0dc !important;color:#8e4d00 !important;
}
@media (max-width:600px) {
  .home-featured-hero { min-height:220px !important;padding:17px !important;border-radius:16px !important; }
  .home-featured-copy { width:90% !important;gap:8px !important; }
  .home-featured-copy h2 { font-size:21px !important; }
  .home-featured-meta { gap:5px 9px !important;font-size:10px !important; }
  .home-featured-cta { min-height:37px !important;padding:0 14px !important;font-size:11px !important; }
  .home-page-shell .public-video-grid .video-copy { min-height:76px !important;padding:6px !important; }
  .home-page-shell .public-video-grid .video-stats { gap:3px !important;font-size:9px !important; }
  .home-page-shell .public-video-grid .video-stats span:first-child { font-size:9px !important; }
  .home-page-shell .public-video-grid .video-stats span:nth-child(2) { font-size:8.5px !important; }
}
.feed-total-summary {
  position:relative !important;display:flex !important;align-items:center !important;gap:12px !important;
  margin:24px 0 8px !important;padding:13px 15px !important;overflow:hidden !important;
  border:1px solid rgba(255,160,0,.17) !important;border-radius:16px !important;
  background:linear-gradient(115deg,rgba(255,153,0,.075),transparent 34%),linear-gradient(145deg,#171a23,#10131a) !important;
  box-shadow:0 9px 24px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.feed-visually-hidden {
  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;
}
.feed-total-summary::before {
  content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;
  background:var(--brand-gradient);
}
.feed-total-icon {
  display:grid !important;place-items:center !important;flex:0 0 38px !important;width:38px !important;height:38px !important;
  border:1px solid rgba(255,166,0,.2) !important;border-radius:12px !important;
  background:rgba(255,153,0,.1) !important;color:#ffb22a !important;font-size:19px !important;
}
.feed-total-copy { display:flex !important;flex:1 1 auto !important;flex-direction:column !important;gap:3px !important;min-width:0 !important; }
.feed-total-copy strong { color:#f6f7fa !important;font-size:14px !important;font-weight:850 !important;letter-spacing:-.01em !important;line-height:1.2 !important; }
.feed-total-copy strong span { color:#c3cad5 !important;font-size:12px !important;font-weight:650 !important; }
.feed-total-copy small { overflow:hidden !important;color:#909aab !important;font-size:10px !important;font-weight:550 !important;text-overflow:ellipsis !important;white-space:nowrap !important; }
.feed-total-page {
  flex:0 0 auto !important;padding:7px 10px !important;border:1px solid rgba(255,255,255,.08) !important;
  border-radius:999px !important;background:rgba(255,255,255,.04) !important;color:#e0e4eb !important;
  font-size:10px !important;font-weight:750 !important;white-space:nowrap !important;
}
.feed-total-page i { margin:0 3px !important;color:#8f98a8 !important;font-style:normal !important;font-weight:500 !important; }
:root[data-theme="light"] .feed-total-summary {
  border-color:rgba(37,49,67,.1) !important;
  background:linear-gradient(115deg,rgba(255,167,33,.11),transparent 38%),linear-gradient(145deg,#fff,#f1f4f8) !important;
  box-shadow:0 9px 24px rgba(28,39,58,.075),inset 0 1px 0 #fff !important;
}
:root[data-theme="light"] .feed-total-icon { border-color:rgba(181,100,0,.17) !important;background:rgba(255,171,35,.12) !important;color:#a95700 !important; }
:root[data-theme="light"] .feed-total-copy strong { color:#202a39 !important; }
:root[data-theme="light"] .feed-total-copy strong span { color:#46546a !important; }
:root[data-theme="light"] .feed-total-copy small { color:#687589 !important; }
:root[data-theme="light"] .feed-total-page { border-color:rgba(37,49,67,.1) !important;background:#fff !important;color:#354258 !important; }
@media (max-width:480px) {
  .feed-total-summary { gap:9px !important;margin:19px 0 7px !important;padding:11px 12px !important;border-radius:14px !important; }
  .feed-total-icon { flex-basis:34px !important;width:34px !important;height:34px !important;border-radius:10px !important;font-size:17px !important; }
  .feed-total-copy strong { font-size:13px !important; }
  .feed-total-copy strong span { font-size:11px !important; }
  .feed-total-copy small { font-size:9px !important; }
  .feed-total-page { padding:6px 8px !important;font-size:9px !important; }
}
.home-seo-summary {
  position:relative !important;display:flex !important;align-items:flex-start !important;gap:13px !important;
  margin:24px 0 14px !important;padding:17px 18px !important;overflow:hidden !important;
  border:1px solid rgba(255,160,0,.14) !important;border-radius:17px !important;
  background:linear-gradient(120deg,rgba(255,153,0,.055),transparent 48%),linear-gradient(145deg,#151923,#10131a) !important;
  box-shadow:0 9px 24px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.home-seo-mark {
  display:grid !important;place-items:center !important;flex:0 0 35px !important;width:35px !important;height:35px !important;
  border:1px solid rgba(255,163,0,.2) !important;border-radius:11px !important;
  background:rgba(255,153,0,.09) !important;color:#ffb22a !important;font-size:17px !important;
}
.home-seo-copy { display:flex !important;flex-direction:column !important;gap:5px !important;min-width:0 !important; }
.home-seo-eyebrow { color:#ffb22a !important;font-size:9px !important;font-weight:850 !important;letter-spacing:.12em !important;text-transform:uppercase !important; }
.home-seo-copy h2 { margin:0 !important;color:#f5f6fa !important;font-size:15px !important;font-weight:850 !important;letter-spacing:-.02em !important;line-height:1.25 !important; }
.home-seo-copy p { max-width:900px !important;margin:0 !important;color:#aeb7c6 !important;font-size:11px !important;line-height:1.65 !important; }
:root[data-theme="light"] .home-seo-summary {
  border-color:rgba(38,51,69,.1) !important;background:linear-gradient(120deg,rgba(255,172,38,.075),transparent 50%),linear-gradient(145deg,#fff,#f2f5f8) !important;
  box-shadow:0 9px 24px rgba(28,39,58,.065),inset 0 1px 0 #fff !important;
}
:root[data-theme="light"] .home-seo-mark { border-color:rgba(181,100,0,.17) !important;background:rgba(255,171,35,.11) !important;color:#a95700 !important; }
:root[data-theme="light"] .home-seo-eyebrow { color:#a95700 !important; }
:root[data-theme="light"] .home-seo-copy h2 { color:#202a39 !important; }
:root[data-theme="light"] .home-seo-copy p { color:#58667a !important; }
@media (max-width:480px) {
  .home-seo-summary { gap:10px !important;margin:18px 0 12px !important;padding:13px !important;border-radius:14px !important; }
  .home-seo-mark { flex-basis:31px !important;width:31px !important;height:31px !important;border-radius:10px !important;font-size:15px !important; }
  .home-seo-copy h2 { font-size:13px !important; }
  .home-seo-copy p { font-size:10px !important;line-height:1.55 !important; }
}

/* Creator account dashboard: clear profile overview and a focused settings form. */
.profile-page-shell {
  display:grid !important;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr) !important;
  align-items:start !important;gap:16px !important;
}
.profile-page-shell.auth-shell { width:min(1120px,calc(100% - 32px)) !important; }
.profile-page-shell>.topbar { grid-column:1/-1 !important; }
.profile-page-shell>.profile-dashboard-hero {
  grid-column:1 !important;grid-row:2 !important;min-width:0 !important;gap:18px !important;
  padding:21px !important;border:1px solid rgba(255,160,0,.18) !important;border-radius:18px !important;
  background:radial-gradient(ellipse at 100% 0,rgba(255,134,0,.12),transparent 43%),linear-gradient(145deg,#171b25,#10131a) !important;
}
.profile-page-shell .profile-dashboard-identity { align-items:flex-start !important;gap:13px !important; }
.profile-page-shell .profile-dashboard-avatar { width:58px !important;height:58px !important;flex-basis:58px !important;border-color:#ff8a00 !important;box-shadow:0 0 0 5px rgba(255,132,0,.11) !important; }
.profile-page-shell .profile-dashboard-identity>div { gap:5px !important; }
.profile-page-shell .profile-dashboard-identity h1 { color:#f7f8fb !important;font-family:inherit !important;font-size:21px !important;font-weight:850 !important;letter-spacing:-.035em !important; }
.profile-page-shell .profile-dashboard-identity p { max-width:310px !important;color:#aeb7c6 !important;font-size:11px !important;line-height:1.55 !important; }
.profile-page-shell .profile-dashboard-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important; }
.profile-page-shell .profile-dashboard-stats>div { min-height:68px !important;justify-content:center !important;padding:11px 12px !important;border-color:rgba(255,255,255,.075) !important;border-radius:12px !important;background:rgba(7,10,15,.42) !important; }
.profile-page-shell .profile-dashboard-stats strong { color:#fff !important;font-size:19px !important;line-height:1.1 !important; }
.profile-page-shell .profile-dashboard-stats span { color:#aeb7c6 !important;font-size:10px !important; }
.profile-page-shell .profile-dashboard-stats .profile-drafts-link { display:flex !important;flex-direction:column !important;justify-content:center !important;gap:4px !important;min-height:68px !important;padding:11px 12px !important;border:1px solid rgba(255,255,255,.075) !important;border-radius:12px !important;background:rgba(7,10,15,.42) !important;text-decoration:none !important;transition:border-color .18s ease,transform .18s ease !important; }
.profile-page-shell .profile-dashboard-stats .profile-drafts-link:hover { transform:translateY(-2px) !important;border-color:rgba(255,153,0,.38) !important; }
.profile-page-shell .profile-dashboard-stats .profile-drafts-link strong { color:#fff !important;font-size:19px !important;font-weight:850 !important; }
.profile-page-shell .profile-dashboard-stats .profile-drafts-link span { display:flex !important;justify-content:space-between !important;color:#aeb7c6 !important;font-size:10px !important; }
.profile-page-shell .profile-dashboard-stats .profile-drafts-link i { color:#ffad22 !important;font-size:12px !important;font-style:normal !important; }
.profile-page-shell .profile-hub-actions { display:grid !important;grid-template-columns:1fr !important;gap:8px !important; }
.profile-page-shell .profile-hub-actions .btn:first-child { grid-column:auto !important; }
.profile-page-shell .profile-hub-actions .btn { min-height:40px !important;border-radius:11px !important;font-size:11px !important; }
.profile-page-shell>.profile-edit-card {
  grid-column:2 !important;grid-row:2 !important;min-width:0 !important;margin:0 !important;padding:23px !important;
  border:1px solid rgba(255,255,255,.085) !important;border-radius:18px !important;
  background:linear-gradient(145deg,#151923,#10131a) !important;box-shadow:0 14px 34px rgba(0,0,0,.2) !important;
}
.profile-edit-heading { display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin-bottom:7px !important; }
.profile-edit-heading>div { display:flex !important;flex-direction:column !important;gap:5px !important; }
.profile-edit-heading .eyebrow { color:#ffae27 !important;font-size:9px !important;letter-spacing:.12em !important; }
.profile-edit-heading h2 { margin:0 !important;color:#f7f8fb !important;font-family:inherit !important;font-size:23px !important;font-weight:850 !important;letter-spacing:-.035em !important; }
.profile-secure-badge { display:inline-flex !important;align-items:center !important;gap:6px !important;flex:0 0 auto !important;padding:6px 9px !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:999px !important;background:rgba(255,255,255,.035) !important;color:#acb5c4 !important;font-size:9px !important;font-weight:700 !important; }
.profile-secure-badge>span { color:#55c78b !important;font-size:8px !important; }
.profile-edit-intro { margin:0 0 18px !important;color:#aeb7c6 !important;font-size:11px !important;line-height:1.55 !important; }
.profile-edit-card .admin-form { display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px 12px !important; }
.profile-edit-card .admin-form>.profile-avatar-editor,
.profile-edit-card .admin-form>.form-actions { grid-column:1/-1 !important; }
.profile-avatar-editor { display:flex !important;align-items:center !important;gap:13px !important;margin:0 0 3px !important;padding:13px !important;border:1px solid rgba(255,255,255,.075) !important;border-radius:13px !important;background:rgba(7,10,15,.32) !important; }
.profile-avatar-editor .profile-avatar-large { width:62px !important;height:62px !important;flex:0 0 62px !important;border:2px solid #ff9200 !important;border-radius:50% !important;box-shadow:0 0 0 4px rgba(255,145,0,.1) !important; }
.profile-avatar-editor .profile-avatar-large img { width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important; }
.profile-avatar-editor label { display:flex !important;flex:1 1 auto !important;flex-direction:column !important;gap:5px !important;min-width:0 !important;margin:0 !important;color:#e9edf4 !important;font-size:11px !important;font-weight:750 !important; }
.profile-avatar-editor label small { color:#909bad !important;font-size:9px !important;font-weight:500 !important; }
.profile-avatar-editor input[type="file"] { width:100% !important;min-width:0 !important;padding:7px !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:9px !important;background:#0d1017 !important;color:#b9c1cf !important;font-size:10px !important; }
.profile-avatar-editor input[type="file"]::file-selector-button { margin-right:8px !important;padding:6px 9px !important;border:0 !important;border-radius:7px !important;background:linear-gradient(135deg,#ffb000,#ff6b00 62%,#ef3340) !important;color:#20170c !important;font-size:9px !important;font-weight:800 !important; }
.profile-edit-card .admin-form>label { display:flex !important;flex-direction:column !important;gap:7px !important;min-width:0 !important;margin:0 !important;color:#e6eaf1 !important;font-size:11px !important;font-weight:750 !important; }
.profile-edit-card .admin-form>label:nth-of-type(3) { grid-column:1/-1 !important; }
.profile-edit-card .admin-form>label>input,
.profile-edit-card .admin-form>label .password-field { width:100% !important;min-height:43px !important;box-sizing:border-box !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:10px !important;background:#0d1017 !important;color:#f2f4f8 !important;font-size:12px !important; }
.profile-edit-card .admin-form>label>input { padding:0 12px !important; }
.profile-edit-card .admin-form>label>input[readonly] { color:#aeb7c6 !important;background:#12151d !important; }
.profile-edit-card .admin-form>label .password-field { display:flex !important;align-items:center !important;padding-right:8px !important; }
.profile-edit-card .admin-form>label .password-field input { min-width:0 !important;min-height:41px !important;padding:0 10px !important;border:0 !important;background:transparent !important;color:#f2f4f8 !important;font-size:11px !important; }
.profile-edit-card .admin-form>.form-actions { display:flex !important;flex-wrap:wrap !important;gap:9px !important;margin-top:3px !important;padding-top:15px !important;border-top:1px solid rgba(255,255,255,.07) !important; }
.profile-edit-card .admin-form>.form-actions .btn { min-height:41px !important;padding:0 16px !important;border-radius:11px !important;font-size:11px !important; }
:root[data-theme="light"] .profile-page-shell>.profile-dashboard-hero,
:root[data-theme="light"] .profile-page-shell>.profile-edit-card {
  border-color:rgba(36,49,68,.1) !important;background:linear-gradient(145deg,#fff,#f2f5f8) !important;
  color:#263244 !important;box-shadow:0 12px 30px rgba(28,39,58,.08) !important;
}
:root[data-theme="light"] .profile-page-shell .profile-dashboard-identity h1,
:root[data-theme="light"] .profile-edit-heading h2 { color:#202a39 !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-identity p,
:root[data-theme="light"] .profile-edit-intro { color:#59677b !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats>div { border-color:rgba(36,49,68,.09) !important;background:#f7f8fa !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats strong { color:#202a39 !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats span { color:#637085 !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats .profile-drafts-link { border-color:rgba(36,49,68,.09) !important;background:#f7f8fa !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats .profile-drafts-link strong { color:#202a39 !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats .profile-drafts-link span { color:#637085 !important; }
:root[data-theme="light"] .profile-edit-heading .eyebrow { color:#a95700 !important; }
:root[data-theme="light"] .profile-secure-badge { border-color:rgba(36,49,68,.1) !important;background:#f5f6f8 !important;color:#59677b !important; }
:root[data-theme="light"] .profile-avatar-editor { border-color:rgba(36,49,68,.09) !important;background:#f7f8fa !important; }
:root[data-theme="light"] .profile-avatar-editor label,
:root[data-theme="light"] .profile-edit-card .admin-form>label { color:#354258 !important; }
:root[data-theme="light"] .profile-avatar-editor label small { color:#738095 !important; }
:root[data-theme="light"] .profile-avatar-editor input[type="file"],
:root[data-theme="light"] .profile-edit-card .admin-form>label>input,
:root[data-theme="light"] .profile-edit-card .admin-form>label .password-field { border-color:rgba(36,49,68,.13) !important;background:#fff !important;color:#263244 !important; }
:root[data-theme="light"] .profile-edit-card .admin-form>label>input[readonly] { background:#f4f6f8 !important;color:#59677b !important; }
:root[data-theme="light"] .profile-edit-card .admin-form>label .password-field input { background:transparent !important;color:#263244 !important; }
:root[data-theme="light"] .profile-edit-card .admin-form>.form-actions { border-color:rgba(36,49,68,.09) !important; }
@media (max-width:900px) {
  .profile-page-shell { width:min(760px,calc(100% - 24px)) !important;grid-template-columns:minmax(0,1fr) !important;gap:13px !important; }
  .profile-page-shell>.topbar { grid-column:1 !important; }
  .profile-page-shell>.profile-dashboard-hero,.profile-page-shell>.profile-edit-card { grid-column:1 !important;grid-row:auto !important; }
  .profile-page-shell>.profile-dashboard-hero { padding:17px !important; }
  .profile-page-shell>.profile-edit-card { padding:18px !important; }
}
@media (max-width:480px) {
  .profile-page-shell>.profile-dashboard-hero { gap:14px !important;padding:14px !important;border-radius:15px !important; }
  .profile-page-shell .profile-dashboard-identity { gap:10px !important; }
  .profile-page-shell .profile-dashboard-avatar { width:49px !important;height:49px !important;flex-basis:49px !important; }
  .profile-page-shell .profile-dashboard-identity h1 { font-size:18px !important; }
  .profile-page-shell .profile-dashboard-identity p { font-size:10px !important; }
  .profile-page-shell .profile-dashboard-stats>div { min-height:59px !important;padding:9px 10px !important; }
  .profile-page-shell .profile-dashboard-stats strong { font-size:17px !important; }
  .profile-page-shell .profile-hub-actions { grid-template-columns:1fr 1fr !important; }
  .profile-page-shell .profile-hub-actions .btn:first-child { grid-column:1/-1 !important; }
  .profile-page-shell>.profile-edit-card { padding:15px !important;border-radius:15px !important; }
  .profile-edit-heading h2 { font-size:20px !important; }
  .profile-secure-badge { padding:5px 7px !important;font-size:8px !important; }
  .profile-edit-card .admin-form { grid-template-columns:minmax(0,1fr) !important;gap:12px !important; }
  .profile-edit-card .admin-form>.profile-avatar-editor,
  .profile-edit-card .admin-form>label:nth-of-type(3),
  .profile-edit-card .admin-form>.form-actions { grid-column:1 !important; }
  .profile-avatar-editor { gap:10px !important;padding:10px !important; }
  .profile-avatar-editor .profile-avatar-large { width:52px !important;height:52px !important;flex-basis:52px !important; }
  .profile-edit-card .admin-form>label>input,
  .profile-edit-card .admin-form>label .password-field { min-height:42px !important; }
  .profile-edit-card .admin-form>.form-actions { display:grid !important;grid-template-columns:1fr !important; }
  .profile-edit-card .admin-form>.form-actions .btn { width:100% !important; }
}

/* Shared modern header for creator account and video-management screens. */
.profile-page-shell>.topbar,.creator-videos-shell>.topbar {
  display:grid !important;grid-template-columns:auto minmax(180px,1fr) auto !important;
  grid-template-areas:"brand search nav" !important;align-items:center !important;gap:14px !important;
  min-height:62px !important;margin:0 0 16px !important;padding:8px 14px !important;
  border:1px solid rgba(255,153,0,.16) !important;border-radius:17px !important;
  background:rgba(11,13,19,.96) !important;box-shadow:0 10px 28px rgba(0,0,0,.28) !important;backdrop-filter:blur(18px) !important;
}
.profile-page-shell>.topbar .brand,.creator-videos-shell>.topbar .brand { grid-area:brand !important;min-width:max-content !important; }
.profile-page-shell>.topbar .brand-logo,.creator-videos-shell>.topbar .brand-logo { font-size:20px !important; }
.profile-page-shell>.topbar .top-search,.creator-videos-shell>.topbar .top-search {
  grid-area:search !important;width:100% !important;min-width:0 !important;max-width:520px !important;justify-self:center !important;margin:0 !important;
}
.profile-page-shell>.topbar .top-links,.creator-videos-shell>.topbar .top-links {
  grid-area:nav !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:7px !important;min-width:0 !important;
}
.profile-page-shell>.topbar .top-links>a,.creator-videos-shell>.topbar .top-links>a {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:34px !important;
  padding:0 11px !important;border:1px solid rgba(255,255,255,.075) !important;border-radius:999px !important;
  background:rgba(255,255,255,.035) !important;color:#dfe3ea !important;font-size:10px !important;font-weight:700 !important;text-decoration:none !important;
}
.profile-page-shell>.topbar .top-links>a:hover,.creator-videos-shell>.topbar .top-links>a:hover { border-color:rgba(255,153,0,.35) !important;background:rgba(255,153,0,.09) !important;color:#ffd27d !important; }
:root[data-theme="light"] .profile-page-shell>.topbar,
:root[data-theme="light"] .creator-videos-shell>.topbar {
  border-color:rgba(36,49,68,.1) !important;background:rgba(255,255,255,.97) !important;box-shadow:0 10px 26px rgba(28,39,58,.09) !important;
}
:root[data-theme="light"] .profile-page-shell>.topbar .top-links>a,
:root[data-theme="light"] .creator-videos-shell>.topbar .top-links>a { border-color:rgba(36,49,68,.1) !important;background:#f5f6f8 !important;color:#3d4a5e !important; }
@media (max-width:900px) {
  .profile-page-shell>.topbar,.creator-videos-shell>.topbar {
    grid-template-columns:auto minmax(0,1fr) auto !important;gap:8px !important;padding:7px 9px !important;border-radius:0 0 15px 15px !important;
  }
  .profile-page-shell>.topbar .brand-logo,.creator-videos-shell>.topbar .brand-logo { font-size:17px !important; }
  .profile-page-shell>.topbar .top-search,.creator-videos-shell>.topbar .top-search { max-width:none !important; }
  .profile-page-shell>.topbar .top-search input,.creator-videos-shell>.topbar .top-search input { min-width:0 !important;font-size:11px !important; }
  .profile-page-shell>.topbar .top-links>a,.creator-videos-shell>.topbar .top-links>a { display:none !important; }
  .profile-page-shell>.topbar .top-links,.creator-videos-shell>.topbar .top-links { gap:4px !important; }
  .profile-page-shell>.topbar .theme-toggle,.creator-videos-shell>.topbar .theme-toggle,
  .profile-page-shell>.topbar .profile-menu-trigger,.creator-videos-shell>.topbar .profile-menu-trigger { width:34px !important;height:34px !important;padding:0 !important; }
  .profile-page-shell>.topbar .top-search .search-icon-btn,.creator-videos-shell>.topbar .top-search .search-icon-btn {
    position:absolute !important;left:4px !important;top:50% !important;transform:translateY(-50%) !important;
    display:grid !important;width:28px !important;height:28px !important;padding:0 !important;place-items:center !important;font-size:0 !important;
  }
  .profile-page-shell>.topbar .top-search input,.creator-videos-shell>.topbar .top-search input { padding-left:36px !important; }
}
@media (max-width:360px) {
  .profile-page-shell>.topbar,.creator-videos-shell>.topbar { gap:6px !important;padding-inline:7px !important; }
  .profile-page-shell>.topbar .brand-logo,.creator-videos-shell>.topbar .brand-logo { font-size:15px !important; }
}

/* My uploads are browsable thumbnail cards; actions expand only when requested. */
.creator-videos-shell .admin-grid { display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:14px !important; }
.creator-videos-shell:not(.has-editing-video) .admin-grid>.form-card { display:none !important; }
.creator-videos-shell .admin-grid>.table-card { grid-column:1/-1 !important;min-width:0 !important;padding:16px !important;border-radius:17px !important; }
.creator-videos-shell .my-videos-section-heading { display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin:0 0 12px !important;padding:0 0 12px !important;border-bottom:1px solid rgba(255,255,255,.07) !important; }
.creator-videos-shell .my-videos-section-heading h2 { margin:0 !important;color:#f5f6fa !important;font-family:inherit !important;font-size:19px !important;font-weight:850 !important;letter-spacing:-.025em !important; }
.creator-videos-shell .my-videos-section-heading .eyebrow { color:#ffb22a !important;font-size:9px !important;letter-spacing:.11em !important; }
.creator-videos-shell .my-videos-upload-cta { flex:0 0 auto !important;min-height:36px !important;padding:0 12px !important;border-radius:10px !important;font-size:10px !important; }
.creator-videos-shell .my-videos-all-link { display:inline-flex !important;align-items:center !important;min-height:34px !important;margin-left:auto !important;padding:0 11px !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:9px !important;color:#d9e0ea !important;font-size:10px !important;font-weight:700 !important;text-decoration:none !important; }
.creator-videos-shell .my-videos-all-link:hover { border-color:rgba(255,153,0,.35) !important;color:#ffca68 !important; }
.creator-videos-shell .stats-row .stat-card { border-color:rgba(255,153,0,.12) !important;background:linear-gradient(145deg,#171b24,#10131a) !important; }
.creator-videos-shell .stats-row .stat-card-link { display:flex !important;flex-direction:column !important;justify-content:center !important;gap:5px !important;color:inherit !important;text-decoration:none !important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important; }
.creator-videos-shell .stats-row .stat-card-link:hover,.creator-videos-shell .stats-row .stat-card-link.is-current { transform:translateY(-2px) !important;border-color:rgba(255,153,0,.38) !important;box-shadow:0 8px 20px rgba(255,116,0,.12) !important; }
.creator-videos-shell .stats-row .stat-card-link>span { display:flex !important;align-items:center !important;justify-content:space-between !important; }
.creator-videos-shell .stats-row .stat-card-link>span i { color:#ffad22 !important;font-size:12px !important;font-style:normal !important; }
:root[data-theme="light"] .creator-videos-shell .stats-row .stat-card { border-color:rgba(36,49,68,.1) !important;background:linear-gradient(145deg,#fff,#f2f5f8) !important; }
:root[data-theme="light"] .creator-videos-shell .my-videos-all-link { border-color:rgba(36,49,68,.1) !important;color:#46546a !important; }
.my-video-bulk-panel { margin:0 0 13px !important;padding:0 !important;border:1px solid rgba(255,255,255,.075) !important;border-radius:12px !important;background:rgba(255,255,255,.025) !important; }
.my-video-bulk-panel>summary { display:flex !important;align-items:center !important;gap:8px !important;min-height:40px !important;padding:0 12px !important;color:#cbd2de !important;font-size:10px !important;font-weight:700 !important;cursor:pointer !important;list-style:none !important; }
.my-video-bulk-panel>summary::-webkit-details-marker { display:none !important; }
.my-video-bulk-panel>summary::before { content:"＋";display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(255,153,0,.12);color:#ffb22a;font-size:13px; }
.my-video-bulk-panel[open]>summary::before { content:"−"; }
.my-video-bulk-panel .table-bulk-actions { display:grid !important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto auto !important;gap:8px !important;margin:0 !important;padding:0 10px 10px !important;border:0 !important;background:transparent !important; }
.my-video-bulk-panel .table-bulk-actions input,.my-video-bulk-panel .table-bulk-actions select { min-width:0 !important;min-height:38px !important;border-radius:9px !important;font-size:10px !important; }
.my-video-bulk-panel .table-bulk-actions .btn { min-height:38px !important;padding:0 11px !important;border-radius:9px !important;font-size:9px !important; }
.my-video-card-grid { display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:11px !important;align-items:start !important; }
.my-video-card { position:relative !important;min-width:0 !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:14px !important;background:linear-gradient(155deg,#171b25,#10131a) !important;box-shadow:0 6px 18px rgba(0,0,0,.18) !important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease !important; }
.my-video-card:hover { transform:translateY(-2px) !important;border-color:rgba(255,153,0,.3) !important;box-shadow:0 10px 23px rgba(0,0,0,.24) !important; }
.my-video-select { position:absolute !important;z-index:3 !important;top:9px !important;left:9px !important;display:grid !important;place-items:center !important;width:25px !important;height:25px !important;border:1px solid rgba(255,255,255,.34) !important;border-radius:8px !important;background:rgba(8,10,15,.78) !important;backdrop-filter:blur(6px) !important;cursor:pointer !important; }
.my-video-select input { width:15px !important;height:15px !important;margin:0 !important;accent-color:#ff7900 !important; }
.my-video-card-details>summary { display:flex !important;flex-direction:column !important;gap:9px !important;padding:0 0 10px !important;cursor:pointer !important;list-style:none !important; }
.my-video-card-details>summary::-webkit-details-marker { display:none !important; }
.my-managed-thumb { position:relative !important;display:block !important;width:100% !important;aspect-ratio:16/9 !important;overflow:hidden !important;border-radius:13px 13px 0 0 !important;background:#0a0c11 !important; }
.my-managed-thumb img { width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .25s ease !important; }
.my-video-card:hover .my-managed-thumb img { transform:scale(1.035) !important; }
.my-managed-duration { position:absolute !important;right:7px !important;bottom:7px !important;padding:3px 5px !important;border-radius:5px !important;background:rgba(5,7,10,.82) !important;color:#fff !important;font-size:8px !important;font-weight:800 !important; }
.my-managed-copy { display:flex !important;flex-direction:column !important;gap:4px !important;min-width:0 !important;padding:0 10px !important; }
.my-managed-copy>strong { display:-webkit-box !important;overflow:hidden !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;min-height:2.5em !important;color:#f1f3f7 !important;font-size:11px !important;font-weight:800 !important;line-height:1.25 !important; }
.my-managed-channel,.my-managed-meta { overflow:hidden !important;color:#aab3c2 !important;font-size:9px !important;line-height:1.25 !important;text-overflow:ellipsis !important;white-space:nowrap !important; }
.my-managed-meta { color:#8791a2 !important;font-size:8px !important; }
.my-managed-meta i { padding:0 3px !important;color:#ffae27 !important;font-style:normal !important; }
.my-managed-status { align-self:flex-start !important;margin-top:2px !important;padding:4px 7px !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:999px !important;background:rgba(255,255,255,.045) !important;color:#d3dae4 !important;font-size:8px !important;font-weight:800 !important;line-height:1 !important;text-transform:uppercase !important;letter-spacing:.04em !important; }
.my-managed-status.is-public { border-color:rgba(73,201,134,.2) !important;background:rgba(73,201,134,.09) !important;color:#81d8a9 !important; }
.my-managed-status.is-private { border-color:rgba(255,178,42,.2) !important;background:rgba(255,178,42,.09) !important;color:#ffca68 !important; }
.my-managed-status.is-draft { border-color:rgba(128,157,255,.22) !important;background:rgba(128,157,255,.1) !important;color:#aebeff !important; }
.my-managed-chevron { position:absolute !important;right:11px !important;bottom:13px !important;color:#8791a2 !important;font-size:16px !important;line-height:1 !important;transition:transform .18s ease !important; }
.my-video-card-details[open] .my-managed-chevron { transform:rotate(180deg) !important; }
.my-video-card-actions { display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important;padding:0 9px 10px !important; }
.my-video-card-actions>a,.my-video-card-actions>form { display:flex !important;min-width:0 !important;margin:0 !important; }
.my-video-action { display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-height:34px !important;padding:5px 8px !important;border:1px solid rgba(255,255,255,.085) !important;border-radius:9px !important;background:#1a1e28 !important;color:#dce1e9 !important;font-family:inherit !important;font-size:9px !important;font-weight:750 !important;line-height:1.2 !important;text-align:center !important;text-decoration:none !important;cursor:pointer !important; }
.my-video-action:hover { border-color:rgba(255,153,0,.38) !important;background:rgba(255,153,0,.09) !important;color:#ffcb69 !important; }
.my-video-action.is-primary { border-color:transparent !important;background:var(--brand-gradient) !important;color:#17110a !important; }
.my-video-action.is-danger { color:#ff9788 !important; }
.my-video-card-actions>form:last-child { grid-column:1/-1 !important; }
.my-videos-empty-state { display:flex !important;flex-direction:column !important;align-items:center !important;gap:8px !important;padding:36px 18px !important;border:1px dashed rgba(255,255,255,.12) !important;border-radius:14px !important;text-align:center !important; }
.my-videos-empty-state>span { display:grid !important;place-items:center !important;width:44px !important;height:44px !important;border-radius:14px !important;background:rgba(255,153,0,.12) !important;color:#ffb22a !important; }
.my-videos-empty-state strong { color:#f4f6f9 !important;font-size:14px !important; }
.my-videos-empty-state p { margin:0 0 7px !important;color:#aeb7c6 !important;font-size:11px !important; }
:root[data-theme="light"] .creator-videos-shell .admin-grid>.table-card,
:root[data-theme="light"] .creator-videos-shell .my-video-card { border-color:rgba(36,49,68,.1) !important;background:linear-gradient(155deg,#fff,#f2f5f8) !important;box-shadow:0 7px 18px rgba(28,39,58,.07) !important; }
:root[data-theme="light"] .creator-videos-shell .my-videos-section-heading { border-color:rgba(36,49,68,.09) !important; }
:root[data-theme="light"] .creator-videos-shell .my-videos-section-heading h2 { color:#202a39 !important; }
:root[data-theme="light"] .creator-videos-shell .my-videos-section-heading .eyebrow { color:#a95700 !important; }
:root[data-theme="light"] .my-video-bulk-panel { border-color:rgba(36,49,68,.1) !important;background:#f7f8fa !important; }
:root[data-theme="light"] .my-video-bulk-panel>summary { color:#46546a !important; }
:root[data-theme="light"] .my-video-card { color:#263244 !important; }
:root[data-theme="light"] .my-managed-copy>strong { color:#202a39 !important; }
:root[data-theme="light"] .my-managed-channel { color:#58667a !important; }
:root[data-theme="light"] .my-managed-meta { color:#718095 !important; }
:root[data-theme="light"] .my-video-action { border-color:rgba(36,49,68,.12) !important;background:#f5f6f8 !important;color:#3b4960 !important; }
:root[data-theme="light"] .my-video-action.is-primary { background:var(--brand-gradient) !important;color:#17110a !important; }
:root[data-theme="light"] .my-video-action.is-danger { color:#a83228 !important; }
:root[data-theme="light"] .my-videos-empty-state { border-color:rgba(36,49,68,.16) !important; }
:root[data-theme="light"] .my-videos-empty-state strong { color:#202a39 !important; }
:root[data-theme="light"] .my-videos-empty-state p { color:#637085 !important; }
@media (max-width:1100px) { .my-video-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
@media (max-width:760px) {
  .creator-videos-shell .admin-grid>.table-card { padding:12px !important; }
  .creator-videos-shell .my-video-bulk-panel .table-bulk-actions { grid-template-columns:1fr 1fr !important; }
  .my-video-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important; }
}
@media (max-width:390px) {
  .my-video-card-grid { grid-template-columns:1fr !important; }
  .creator-videos-shell .my-videos-section-heading { align-items:flex-start !important; }
  .creator-videos-shell .my-videos-upload-cta { min-height:33px !important;padding:0 9px !important;font-size:9px !important; }
  .creator-videos-shell .my-video-bulk-panel .table-bulk-actions { grid-template-columns:1fr !important; }
}

/* Upload studio: unify its header and give the workflow a warm creator-product finish. */
.creator-upload-shell { width:min(1240px,calc(100% - 32px)) !important; }
.creator-upload-shell>.topbar {
  display:grid !important;grid-template-columns:auto minmax(180px,1fr) auto !important;grid-template-areas:"brand search nav" !important;
  align-items:center !important;gap:14px !important;min-height:62px !important;margin:0 0 16px !important;padding:8px 14px !important;
  border:1px solid rgba(255,153,0,.16) !important;border-radius:17px !important;background:rgba(11,13,19,.96) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28) !important;backdrop-filter:blur(18px) !important;
}
.creator-upload-shell>.topbar .brand { grid-area:brand !important;min-width:max-content !important; }
.creator-upload-shell>.topbar .brand-logo { font-size:20px !important; }
.creator-upload-shell>.topbar .top-search { grid-area:search !important;width:100% !important;max-width:520px !important;min-width:0 !important;justify-self:center !important;margin:0 !important; }
.creator-upload-shell>.topbar .top-links { grid-area:nav !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:7px !important; }
.creator-upload-shell>.topbar .top-links>a { display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:34px !important;padding:0 11px !important;border:1px solid rgba(255,255,255,.075) !important;border-radius:999px !important;background:rgba(255,255,255,.035) !important;color:#dfe3ea !important;font-size:10px !important;font-weight:700 !important;text-decoration:none !important; }
.creator-upload-shell .upload-hero {
  align-items:center !important;gap:18px 24px !important;margin-bottom:15px !important;padding:22px 24px !important;
  border:1px solid rgba(255,153,0,.16) !important;border-radius:18px !important;
  background:radial-gradient(ellipse at 95% 0,rgba(255,132,0,.13),transparent 42%),linear-gradient(145deg,#171b24,#10131a) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.2) !important;
}
.creator-upload-shell .upload-hero::after { background:radial-gradient(circle,rgba(255,132,0,.14),transparent 70%) !important; }
.creator-upload-shell .upload-hero-copy { gap:7px !important; }
.creator-upload-shell .upload-hero-copy h1 { color:#f7f8fb !important;font-family:inherit !important;font-size:clamp(23px,3vw,32px) !important;font-weight:900 !important;letter-spacing:-.035em !important; }
.creator-upload-shell .upload-hero-copy p { max-width:70ch !important;color:#adb6c5 !important;font-size:11px !important;line-height:1.6 !important; }
.creator-upload-shell .upload-hero-copy strong { color:#ffc35a !important; }
.creator-upload-shell .upload-hero .eyebrow { color:#ffb22a !important;font-size:9px !important;letter-spacing:.12em !important; }
.creator-upload-shell .upload-steps { gap:7px !important; }
.creator-upload-shell .upload-step { padding:6px 10px 6px 6px !important;border-color:rgba(255,255,255,.08) !important;background:#191d27 !important;color:#c6ceda !important;font-size:10px !important; }
.creator-upload-shell .upload-step>span { width:24px !important;height:24px !important;background:rgba(255,153,0,.13) !important;color:#ffb22a !important;font-size:10px !important; }
.creator-upload-shell .upload-step.is-active { border-color:transparent !important;background:var(--brand-gradient) !important;color:#17110a !important;box-shadow:0 5px 16px rgba(255,105,0,.2) !important; }
.creator-upload-shell .upload-step.is-active>span { background:rgba(255,255,255,.28) !important;color:#20160b !important; }
.creator-upload-shell .upload-step.is-done { border-color:rgba(63,188,121,.2) !important;background:rgba(63,188,121,.09) !important;color:#8fddb1 !important; }
.creator-upload-shell .upload-step.is-done>span { background:rgba(63,188,121,.16) !important;color:#8fddb1 !important; }
.creator-upload-shell .multi-draft-studio { border-color:rgba(255,153,0,.16) !important;border-radius:17px !important;background:radial-gradient(ellipse at 100% 0,rgba(255,132,0,.1),transparent 38%),linear-gradient(145deg,#151923,#0d1017 76%) !important; }
.creator-upload-shell .multi-draft-studio-head h2 { color:#f5f6fa !important;font-family:inherit !important;font-size:18px !important;font-weight:850 !important;letter-spacing:-.02em !important; }
.creator-upload-shell .multi-draft-studio-head .eyebrow { color:#ffb22a !important; }
.creator-upload-shell .multi-draft-studio-head p { color:#aeb7c6 !important;font-size:11px !important; }
.creator-upload-shell .upload-card { border-color:rgba(255,153,0,.13) !important;border-radius:17px !important;background:linear-gradient(145deg,#151923,#0d1017 80%) !important; }
.creator-upload-shell .upload-dropzone { border:1px dashed rgba(255,153,0,.34) !important;border-radius:15px !important;background:linear-gradient(145deg,rgba(255,153,0,.045),rgba(255,255,255,.015)) !important; }
.creator-upload-shell .upload-dropzone:hover,.creator-upload-shell .upload-dropzone.is-dragover { border-color:#ff9c00 !important;background:rgba(255,153,0,.09) !important; }
.creator-upload-shell .upload-dropzone-icon { border-radius:15px !important;background:var(--brand-gradient) !important;color:#1b130a !important;box-shadow:0 8px 23px rgba(255,105,0,.24) !important; }
.creator-upload-shell .upload-dropzone-idle strong { color:#f5f6fa !important;font-family:inherit !important;font-size:15px !important;font-weight:850 !important; }
.creator-upload-shell .upload-dropzone-idle span,.creator-upload-shell .upload-dropzone-idle small { color:#aeb7c6 !important; }
.creator-upload-shell .recent-drafts-count { display:inline-grid !important;min-width:24px !important;height:24px !important;place-items:center !important;margin-left:4px !important;border:1px solid rgba(255,153,0,.25) !important;border-radius:999px !important;background:rgba(255,153,0,.1) !important;color:#ffb22a !important;font-size:11px !important;text-decoration:none !important;vertical-align:middle !important; }
.creator-upload-shell .recent-drafts-head>a { color:#ffb22a !important; }
:root[data-theme="light"] .creator-upload-shell>.topbar { border-color:rgba(36,49,68,.1) !important;background:rgba(255,255,255,.97) !important;box-shadow:0 10px 26px rgba(28,39,58,.09) !important; }
:root[data-theme="light"] .creator-upload-shell>.topbar .top-links>a { border-color:rgba(36,49,68,.1) !important;background:#f5f6f8 !important;color:#3d4a5e !important; }
:root[data-theme="light"] .creator-upload-shell .upload-hero,
:root[data-theme="light"] .creator-upload-shell .multi-draft-studio,
:root[data-theme="light"] .creator-upload-shell .upload-card { border-color:rgba(36,49,68,.1) !important;background:linear-gradient(145deg,#fff,#f2f5f8) !important;color:#263244 !important;box-shadow:0 10px 26px rgba(28,39,58,.08) !important; }
:root[data-theme="light"] .creator-upload-shell .upload-hero-copy h1,
:root[data-theme="light"] .creator-upload-shell .multi-draft-studio-head h2 { color:#202a39 !important; }
:root[data-theme="light"] .creator-upload-shell .upload-hero-copy p,
:root[data-theme="light"] .creator-upload-shell .multi-draft-studio-head p { color:#59677b !important; }
:root[data-theme="light"] .creator-upload-shell .upload-hero-copy strong,
:root[data-theme="light"] .creator-upload-shell .upload-hero .eyebrow,
:root[data-theme="light"] .creator-upload-shell .multi-draft-studio .eyebrow { color:#a95700 !important; }
:root[data-theme="light"] .creator-upload-shell .upload-step { border-color:rgba(36,49,68,.1) !important;background:#f2f4f7 !important;color:#59677b !important; }
:root[data-theme="light"] .creator-upload-shell .upload-step.is-active { background:var(--brand-gradient) !important;color:#17110a !important; }
:root[data-theme="light"] .creator-upload-shell .upload-dropzone { border-color:rgba(181,100,0,.32) !important;background:linear-gradient(145deg,#fff8ee,#f7f8fa) !important; }
:root[data-theme="light"] .creator-upload-shell .upload-dropzone-idle strong { color:#263244 !important; }
:root[data-theme="light"] .creator-upload-shell .upload-dropzone-idle span,
:root[data-theme="light"] .creator-upload-shell .upload-dropzone-idle small { color:#647286 !important; }
@media (max-width:900px) {
  .creator-upload-shell { width:min(760px,calc(100% - 24px)) !important; }
  .creator-upload-shell>.topbar { grid-template-columns:auto minmax(0,1fr) auto !important;gap:8px !important;padding:7px 9px !important;border-radius:0 0 15px 15px !important; }
  .creator-upload-shell>.topbar .brand-logo { font-size:17px !important; }
  .creator-upload-shell>.topbar .top-search { max-width:none !important; }
  .creator-upload-shell>.topbar .top-search input { min-width:0 !important;padding-left:36px !important;font-size:11px !important; }
  .creator-upload-shell>.topbar .top-links>a { display:none !important; }
  .creator-upload-shell>.topbar .top-search .search-icon-btn { position:absolute !important;left:4px !important;top:50% !important;transform:translateY(-50%) !important;display:grid !important;width:28px !important;height:28px !important;padding:0 !important;place-items:center !important;font-size:0 !important; }
  .creator-upload-shell .upload-hero { align-items:flex-start !important;padding:17px !important; }
  .creator-upload-shell .upload-steps { width:100% !important; }
  .creator-upload-shell .upload-step { flex:1 1 auto !important;justify-content:center !important;padding-right:8px !important;font-size:9px !important; }
}
@media (max-width:480px) {
  .creator-upload-shell { width:min(100% - 16px,760px) !important; }
  .creator-upload-shell>.topbar .brand-logo { font-size:15px !important; }
  .creator-upload-shell .upload-hero { gap:12px !important;padding:14px !important;border-radius:15px !important; }
  .creator-upload-shell .upload-hero-copy h1 { font-size:23px !important; }
  .creator-upload-shell .upload-hero-copy p { font-size:10px !important; }
  .creator-upload-shell .upload-steps { gap:5px !important; }
  .creator-upload-shell .upload-step { gap:5px !important;padding:5px 7px 5px 5px !important;font-size:8px !important; }
  .creator-upload-shell .upload-step>span { width:21px !important;height:21px !important; }
  .creator-upload-shell .upload-card { padding:13px !important; }
}

/* Pixel-match the reference watch action bar: emoji-only reactions and four compact pills. */
:root .watch-page-shell .watch-panel.compact-order {
  display:flex !important;flex-direction:column !important;gap:10px !important;
  padding:14px 16px !important;border:1px solid rgba(255,255,255,.07) !important;
  border-radius:8px !important;background:#0e1017 !important;box-shadow:none !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-title-panel {
  gap:6px !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-title-panel h1 {
  font-size:17px !important;font-weight:850 !important;line-height:1.3 !important;letter-spacing:0 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-meta {
  gap:4px 8px !important;font-size:10px !important;color:#9aa1b5 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-head-row {
  display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important;
  margin:0 !important;padding:0 0 10px !important;border-bottom:1px solid rgba(255,255,255,.07) !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel-group {
  display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;
  gap:10px !important;width:100% !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel {
  grid-template-columns:30px minmax(0,1fr) !important;gap:9px !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel-mark {
  width:30px !important;height:30px !important;border:2px solid #ff9900 !important;box-shadow:none !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-channel strong { font-size:12px !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-channel span { font-size:10px !important; }
:root .watch-page-shell .watch-panel.compact-order .channel-subscribe-btn:not(.is-subscribed) {
  min-height:34px !important;padding:0 16px !important;border:0 !important;border-radius:9999px !important;
  background:linear-gradient(135deg,#ffaa00 0%,#ff4400 50%,#ff1155 100%) !important;
  color:#101116 !important;font-size:11px !important;font-weight:800 !important;
  box-shadow:0 3px 12px rgba(255,68,0,.3) !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box {
  display:grid !important;grid-template-columns:1.15fr .85fr 1.12fr 1fr !important;gap:6px !important;
  width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action {
  display:flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;
  min-width:0 !important;min-height:31px !important;padding:0 9px !important;
  border:1px solid rgba(255,255,255,.07) !important;border-radius:9999px !important;
  background:#131620 !important;color:#f5f6fa !important;font-size:10px !important;font-weight:600 !important;
  line-height:1 !important;white-space:nowrap !important;text-decoration:none !important;box-shadow:none !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-emoji {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:auto !important;height:auto !important;flex:0 0 auto !important;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif !important;
  font-size:12px !important;line-height:1 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .like-count {
  display:inline !important;color:inherit !important;font-size:10px !important;font-weight:700 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .dislike-count { display:none !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-full {
  display:inline !important;font-size:10px !important;line-height:1 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.is-active,
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .watch-later-btn.is-active {
  border-color:rgba(255,153,0,.35) !important;background:rgba(255,153,0,.15) !important;color:#ffd27a !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-btn.alt.is-active {
  border-color:rgba(255,42,95,.4) !important;background:rgba(255,42,95,.14) !important;color:#ff8ca6 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box {
  display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;
  justify-content:flex-start !important;gap:6px !important;width:100% !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action {
  display:inline-flex !important;flex:0 0 auto !important;width:auto !important;min-width:0 !important;
  min-height:26px !important;height:26px !important;padding:0 9px !important;gap:5px !important;
  font-size:10px !important;border-radius:9999px !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box [data-reaction="like"] { min-width:50px !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box [data-reaction="dislike"] { min-width:46px !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .reaction-emoji { font-size:11px !important; }
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .like-count { font-size:9px !important; }
@media (min-width:901px) {
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box {
    width:auto !important;max-width:none !important;grid-template-columns:none !important;
  }
}
@media (max-width:420px) {
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box { gap:5px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action {
    min-height:25px !important;height:25px !important;padding:0 8px !important;
  }
}

/* Viral, personal library, and account dashboard pages. */
.discovery-page-shell { display:flex !important;flex-direction:column !important;gap:16px !important; }
.discovery-page-shell .top-links a.is-current { color:#ff684d !important; }
.viral-hero,.library-hero,.profile-dashboard-hero {
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;
  background:radial-gradient(ellipse at 92% 8%,rgba(255,48,91,.18),transparent 36%),linear-gradient(145deg,#151923,#0c0f15 78%);
  box-shadow:0 16px 34px rgba(0,0,0,.25);color:#f5f6fa;
}
.viral-hero { display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px; }
.viral-hero h1,.library-hero h1,.profile-dashboard-identity h1 { margin:0;color:#f8f9fc;font-size:clamp(24px,4vw,34px);font-weight:850;letter-spacing:-.035em; }
.viral-hero p,.library-hero p,.profile-dashboard-identity p { margin:0;color:#aeb6c5;font-size:13px;line-height:1.55; }
.viral-hero .eyebrow,.library-hero .eyebrow,.profile-dashboard-identity .eyebrow { color:#ff684d !important;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }
.viral-sort-tabs { display:flex;flex-wrap:wrap;gap:8px;margin-top:8px; }
.viral-sort-tabs a,.library-tab {
  display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;
  border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#131620;color:#c9cfda;
  font-size:12px;font-weight:700;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.viral-sort-tabs a:hover,.library-tab:hover { transform:translateY(-1px);border-color:rgba(255,91,73,.42); }
.viral-sort-tabs a.active,.library-tab.active {
  border-color:transparent;background:linear-gradient(135deg,#ffaa00 0%,#ff4400 50%,#ff1155 100%);color:#111;
  box-shadow:0 5px 18px rgba(255,57,65,.22);
}
.viral-list-heading,.library-section-heading { margin:0 !important; }
.viral-list-heading h2,.library-section-heading h2 { margin:0;color:#f6f7fa;font-size:18px;font-weight:800; }
.viral-list-heading p,.library-section-heading p { color:#9aa1b5;font-size:11px; }
.viral-rank {
  position:absolute;top:8px;left:8px;padding:3px 7px;border-radius:999px;
  background:linear-gradient(135deg,#ffaa00 0%,#ff4400 50%,#ff1155 100%);color:#111;
  font-size:10px;font-weight:900;box-shadow:0 3px 12px rgba(255,55,54,.25);
}
.viral-video-card .video-stats,.library-video-card .video-stats { flex-wrap:wrap;row-gap:4px; }
.library-hero { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px; }
.library-hero-copy { display:flex;flex-direction:column;gap:7px;max-width:620px; }
.library-hero-avatar { display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:2px solid rgba(255,104,77,.8);border-radius:50%;overflow:hidden;background:#131620;box-shadow:0 0 0 6px rgba(255,75,75,.08); }
.library-hero-avatar .profile-avatar { width:100%;height:100%;font-size:19px; }
.library-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.library-tab { justify-content:flex-start;min-height:60px;padding:0 16px;border-radius:14px;font-size:13px; }
.library-tab-icon { display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.06);font-size:17px; }
.library-tab strong { margin-left:auto;color:inherit;font-size:12px; }
.library-tab.active .library-tab-icon { background:rgba(0,0,0,.1); }
.library-empty-state { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:270px;padding:32px 18px;text-align:center;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,#131620,#0d1017); }
.library-empty-state .empty-state-icon { display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgba(255,75,75,.12);color:#ff684d;font-size:25px; }
.library-empty-state h2 { margin:4px 0 0;color:#f5f6fa;font-size:19px; }
.library-empty-state p { max-width:420px;margin:0 0 6px;color:#9aa1b5;font-size:12px;line-height:1.6; }
.profile-dashboard-hero { display:flex;flex-direction:column;gap:20px;padding:24px; }
.profile-dashboard-identity { display:flex;align-items:center;gap:15px; }
.profile-dashboard-avatar { width:64px;height:64px;flex:0 0 64px;border:2px solid #ff684d;border-radius:50%;overflow:hidden;box-shadow:0 0 0 5px rgba(255,75,75,.09); }
.profile-dashboard-avatar img { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.profile-dashboard-identity>div { display:flex;flex-direction:column;gap:4px; }
.profile-dashboard-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.profile-dashboard-stats>div { display:flex;flex-direction:column;gap:4px;padding:13px 15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(8,10,15,.42); }
.profile-dashboard-stats strong { color:#f6f7fa;font-size:19px;font-weight:850; }
.profile-dashboard-stats span { color:#929bad;font-size:10px;font-weight:650; }
.profile-hub-actions { display:flex;flex-wrap:wrap;gap:9px; }
.profile-edit-card { margin-top:16px; }
@media (max-width:700px) {
  .discovery-page-shell { gap:12px !important; }
  .viral-hero { padding:18px; }
  .library-hero { padding:17px; }
  .library-tabs { grid-template-columns:1fr;gap:7px; }
  .library-tab { min-height:52px; }
  .profile-dashboard-hero { padding:17px;gap:16px; }
  .profile-dashboard-avatar { width:52px;height:52px;flex-basis:52px; }
  .profile-dashboard-stats { grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
  .profile-dashboard-stats>div { padding:10px 12px; }
  .profile-hub-actions { display:grid;grid-template-columns:1fr 1fr; }
  .profile-hub-actions .btn:first-child { grid-column:1/-1; }
}
@media (prefers-reduced-motion:reduce) {
  .viral-sort-tabs a,.library-tab { transition:none; }
}

/* Keep the shared navigation bar visible on every screen and give the home header room. */
.topbar .top-links a[href*="viral.php"],
.topbar .top-links a[href*="library.php"] { display:none !important; }
.mobile-bottom-nav {
  display:flex !important;position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;
  z-index:1200 !important;width:100% !important;height:70px !important;box-sizing:border-box !important;
  justify-content:space-around !important;align-items:center !important;gap:8px !important;
  padding:5px 12px max(5px,env(safe-area-inset-bottom)) !important;
  border-top:1px solid rgba(255,255,255,.09) !important;border-radius:18px 18px 0 0 !important;
  background:rgba(8,10,15,.97) !important;backdrop-filter:blur(20px) !important;
  box-shadow:0 -8px 28px rgba(0,0,0,.38) !important;
}
.mobile-bottom-nav .bottom-nav-item {
  display:flex !important;flex:1 1 0 !important;min-width:0 !important;align-items:center !important;justify-content:center !important;
  gap:3px !important;padding:4px 3px !important;background:transparent !important;border:0 !important;
  color:#8e97a8 !important;font-size:10px !important;font-weight:650 !important;text-decoration:none !important;
}
.mobile-bottom-nav .bottom-nav-item svg { display:block !important;width:20px !important;height:20px !important; }
.mobile-bottom-nav .bottom-nav-item.active,.mobile-bottom-nav .bottom-nav-item:hover { color:#ff684d !important; }
.mobile-bottom-nav .bottom-nav-upload {
  position:relative !important;top:-11px !important;display:flex !important;flex:0 0 52px !important;
  width:52px !important;height:52px !important;align-items:center !important;justify-content:center !important;
  border:3px solid #0b0e14 !important;border-radius:50% !important;
  background:linear-gradient(135deg,#ffaa00 0%,#ff4400 50%,#ff1155 100%) !important;
  color:#111 !important;box-shadow:0 5px 18px rgba(255,55,54,.28) !important;
}
.mobile-bottom-nav .bottom-nav-upload svg { width:24px !important;height:24px !important;stroke:#111 !important; }
body { padding-bottom:calc(84px + env(safe-area-inset-bottom)) !important; }
@media (min-width:769px) {
  .mobile-bottom-nav {
    transition:transform .28s ease,opacity .28s ease !important;
    will-change:transform,opacity !important;
  }
  .mobile-bottom-nav.is-auto-hidden {
    transform:translate(-50%,calc(100% + 18px)) !important;
    opacity:0 !important;pointer-events:none !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .mobile-bottom-nav { transition:none !important; }
}
.viral-video-card .video-copy { min-height:78px !important; }
.viral-video-card .video-copy h3 {
  display:-webkit-box !important;overflow:hidden !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;
  min-height:2.5em !important;color:#f5f6fa !important;
}
.viral-card-stats { display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:4px !important;min-width:0 !important;width:100% !important; }
.viral-card-primary { display:block !important;max-width:100% !important;color:#ffcf8a !important;font-size:10px !important;font-weight:800 !important;line-height:1.25 !important;white-space:nowrap !important; }
.viral-card-channel { display:block !important;max-width:100% !important;overflow:hidden !important;color:#a8b0bf !important;font-size:9px !important;font-weight:600 !important;line-height:1.2 !important;text-overflow:ellipsis !important;white-space:nowrap !important; }
@media (min-width:769px) {
  .mobile-bottom-nav {
    left:50% !important;right:auto !important;width:min(760px,calc(100vw - 32px)) !important;
    transform:translateX(-50%) !important;border-right:1px solid rgba(255,255,255,.09) !important;
    border-left:1px solid rgba(255,255,255,.09) !important;
  }
}
@media (max-width:768px) {
  .home-page-shell > .topbar,.watch-page-shell > .topbar {
    display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;
    grid-template-areas:"brand search nav" !important;align-items:center !important;gap:8px !important;
    min-width:0 !important;padding:7px 9px !important;
  }
  .home-page-shell .brand,.watch-page-shell .brand { min-width:0 !important;gap:4px !important; }
  .home-page-shell .brand-logo,.watch-page-shell .brand-logo { font-size:17px !important;letter-spacing:-.4px !important; }
  .home-page-shell .top-search,.watch-page-shell .top-search {
    grid-area:search !important;justify-self:stretch !important;width:100% !important;max-width:none !important;min-width:0 !important;
    margin:0 !important;padding:4px 7px !important;gap:4px !important;
  }
  .home-page-shell .top-search input,.watch-page-shell .top-search input { width:100% !important;min-width:0 !important;padding-left:34px !important;font-size:11px !important; }
  /* Keep the compact search affordance icon-only so it cannot collide with the logo. */
  .home-page-shell .search-icon-label,.watch-page-shell .search-icon-label { display:none !important; }
  .home-page-shell .top-search .search-icon-btn,.watch-page-shell .top-search .search-icon-btn {
    position:absolute !important;left:3px !important;top:50% !important;transform:translateY(-50%) !important;
    width:28px !important;height:28px !important;display:grid !important;place-items:center !important;
    padding:0 !important;gap:0 !important;font-size:0 !important;
  }
  .home-page-shell .top-search .search-icon-btn svg,.watch-page-shell .top-search .search-icon-btn svg { width:17px !important;height:17px !important; }
  .home-page-shell .top-links,.watch-page-shell .top-links { grid-area:nav !important;justify-self:end !important;gap:0 !important; }
  .home-page-shell .top-links>a,.watch-page-shell .top-links>a { display:none !important; }
  .home-page-shell .top-links .theme-toggle,.watch-page-shell .top-links .theme-toggle { width:34px !important;height:34px !important;padding:0 !important; }
  .home-page-shell .top-links .profile-menu-trigger,.watch-page-shell .top-links .profile-menu-trigger { width:34px !important;height:34px !important; }
  .viral-card-primary { font-size:9px !important; }
  .viral-card-channel { font-size:8px !important; }
  .viral-video-card .video-copy { min-height:78px !important;padding:6px !important; }
}
@media (max-width:360px) {
  .home-page-shell .brand-logo,.watch-page-shell .brand-logo { font-size:15px !important; }
  .home-page-shell .brand-highlight,.watch-page-shell .brand-highlight { padding:1px 4px !important; }
  .home-page-shell .top-search input,.watch-page-shell .top-search input { font-size:10px !important; }
  .mobile-bottom-nav { gap:3px !important;padding-right:6px !important;padding-left:6px !important; }
}
@media (min-width:901px) {
  :root .watch-page-shell .watch-panel.compact-order .watch-head-row {
    flex-direction:row !important;align-items:center !important;justify-content:space-between !important;
  }
  :root .watch-page-shell .watch-panel.compact-order .watch-channel-group { width:auto !important;min-width:240px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box {
    width:min(520px,58%) !important;grid-template-columns:1.15fr .85fr 1.12fr 1fr !important;
  }
}
@media (max-width:420px) {
  :root .watch-page-shell .watch-panel.compact-order { padding:12px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-title-panel h1 { font-size:14.5px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box { gap:5px !important; }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .icon-action {
    min-height:30px !important;padding:0 6px !important;gap:4px !important;font-size:9px !important;
  }
  :root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .action-label-full { font-size:9px !important; }
}
:root .profile-menu-trigger,
:root .profile-avatar,
:root .profile-avatar img,
:root .watch-channel-mark,
:root .watch-channel-mark img {
  border-radius:50% !important;
}

/* One polished, consistent search treatment across every page header. */
:root .top-search {
  position:relative !important;isolation:isolate !important;min-height:44px !important;
  padding:3px !important;border:1px solid rgba(255,173,34,.22) !important;border-radius:999px !important;
  background:linear-gradient(135deg,rgba(255,153,0,.09),rgba(255,255,255,.035) 42%,rgba(255,55,75,.07)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 5px 18px rgba(0,0,0,.12) !important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease !important;
}
:root .top-search:focus-within {
  border-color:rgba(255,153,0,.65) !important;
  background:linear-gradient(135deg,rgba(255,153,0,.13),rgba(255,255,255,.05) 48%,rgba(255,55,75,.1)) !important;
  box-shadow:0 0 0 3px rgba(255,132,0,.12),0 10px 26px rgba(0,0,0,.18) !important;
}
:root .top-search input {
  height:38px !important;min-width:0 !important;border:1px solid transparent !important;border-radius:999px !important;
  background:rgba(8,10,15,.52) !important;color:#f5f6fa !important;
  font-family:Inter,"Segoe UI",system-ui,sans-serif !important;font-size:12px !important;font-weight:500 !important;
  letter-spacing:.005em !important;padding-right:16px !important;outline:none !important;box-shadow:none !important;
  transition:background .2s ease,color .2s ease !important;
}
:root .top-search input:focus { border-color:transparent !important;background:rgba(8,10,15,.72) !important;box-shadow:none !important; }
:root .top-search input::placeholder { color:#8992a3 !important;font-weight:450 !important;opacity:1 !important; }
:root .top-search .search-icon-btn {
  z-index:1 !important;display:grid !important;place-items:center !important;flex:0 0 34px !important;
  width:34px !important;height:34px !important;padding:0 !important;border:1px solid rgba(255,185,75,.24) !important;
  border-radius:50% !important;background:linear-gradient(145deg,#ffb21a,#ff7b00 62%,#ff4d32) !important;
  color:#211207 !important;box-shadow:0 3px 10px rgba(255,110,0,.2),inset 0 1px 0 rgba(255,255,255,.35) !important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease !important;
}
:root .top-search .search-icon-btn:hover { transform:scale(1.05) !important;filter:saturate(1.12) brightness(1.04) !important;box-shadow:0 5px 15px rgba(255,94,0,.3) !important; }
:root .top-search .search-icon-btn svg { display:block !important;width:17px !important;height:17px !important;stroke:currentColor !important; }
:root[data-theme="light"] .top-search {
  border-color:rgba(180,96,0,.19) !important;background:linear-gradient(135deg,#fff8ed,#fff 48%,#fff5f3) !important;
  box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(36,49,68,.08) !important;
}
:root[data-theme="light"] .top-search:focus-within {
  border-color:rgba(222,119,0,.55) !important;background:linear-gradient(135deg,#fff4dd,#fff 50%,#fff0ed) !important;
  box-shadow:0 0 0 3px rgba(255,153,0,.12),0 8px 20px rgba(36,49,68,.1) !important;
}
:root[data-theme="light"] .top-search input,:root[data-theme="light"] .top-search input:focus {
  background:rgba(255,255,255,.82) !important;color:#202a39 !important;
}
:root[data-theme="light"] .top-search input::placeholder { color:#778194 !important; }
@media (prefers-reduced-motion:reduce) {
  :root .top-search,:root .top-search input,:root .top-search .search-icon-btn { transition:none !important; }
}
.profile-page-shell .profile-dashboard-stats { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
.profile-page-shell .profile-dashboard-stats>.profile-stat-link {
  display:flex !important;flex-direction:column !important;justify-content:center !important;gap:4px !important;min-width:0 !important;
  min-height:68px !important;padding:11px 12px !important;border:1px solid rgba(255,255,255,.075) !important;border-radius:12px !important;
  background:rgba(7,10,15,.42) !important;color:inherit !important;text-decoration:none !important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease !important;
}
.profile-page-shell .profile-dashboard-stats>.profile-stat-link:hover { transform:translateY(-2px) !important;border-color:rgba(255,153,0,.38) !important;box-shadow:0 7px 18px rgba(255,116,0,.1) !important; }
.profile-page-shell .profile-dashboard-stats>.profile-stat-link strong { color:#fff !important;font-size:19px !important;font-weight:850 !important;line-height:1.1 !important; }
.profile-page-shell .profile-dashboard-stats>.profile-stat-link span { display:flex !important;justify-content:space-between !important;gap:4px !important;color:#aeb7c6 !important;font-size:10px !important; }
.profile-page-shell .profile-dashboard-stats>.profile-stat-link i { color:#ffad22 !important;font-size:11px !important;font-style:normal !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats>.profile-stat-link { border-color:rgba(36,49,68,.09) !important;background:#f7f8fa !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats>.profile-stat-link strong { color:#202a39 !important; }
:root[data-theme="light"] .profile-page-shell .profile-dashboard-stats>.profile-stat-link span { color:#637085 !important; }
@media (max-width:900px) {
  .profile-page-shell .profile-dashboard-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

/* Keep an incomplete final row visually balanced on compact video feeds. */
.public-video-grid.feed-tail--one > .video-card:last-child,
.public-video-grid.feed-tail--two > .video-card:nth-last-child(2),
.below-video-list.feed-tail--one > .below-video-card:last-child,
.below-video-list.feed-tail--two > .below-video-card:nth-last-child(2) {
  grid-column-start:var(--feed-tail-start, 2) !important;
}

/* Keep titles and channel metadata readable without breaking card widths. */
.public-site-shell .video-card,
.watch-page-shell .below-video-card { min-width:0 !important;overflow:hidden !important; }
.public-site-shell .video-copy,
.public-site-shell .video-meta-row,
.public-site-shell .video-stats,
.public-site-shell .viral-card-stats,
.watch-page-shell .below-video-copy,
.watch-page-shell .below-video-copy .video-meta-row,
.watch-page-shell .below-video-copy .video-stats { min-width:0 !important; }
.public-site-shell .video-copy h3,
.watch-page-shell .below-video-copy h3 {
  display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;
  overflow:hidden !important;overflow-wrap:anywhere !important;word-break:normal !important;
}
.public-site-shell .video-stats span,
.public-site-shell .viral-card-stats span,
.watch-page-shell .below-video-copy .video-stats span {
  min-width:0 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;
}
.my-video-card .my-managed-copy { min-width:0 !important; }
.my-video-card .my-managed-copy > strong,
.my-video-card .my-managed-channel,
.my-video-card .my-managed-meta {
  display:block !important;min-width:0 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;
}

/* A stable 1px sentinel controls the float threshold; the spacer only reserves room while floating. */
.player-float-sentinel { display:block;width:100%;height:1px;min-height:1px;pointer-events:none;visibility:hidden; }
.player-float-placeholder { display:block;width:100%;height:0;min-height:0;pointer-events:none;visibility:hidden; }
.watch-page-shell .player-frame.is-floating-player {
  position:fixed !important;z-index:1400 !important;right:var(--float-right,12px) !important;top:var(--float-top,72px) !important;bottom:var(--float-bottom,auto) !important;left:var(--float-left,auto) !important;
  width:min(380px,calc(100vw - 32px)) !important;max-width:380px !important;margin:0 !important;
  border:1px solid rgba(255,255,255,.16) !important;border-radius:16px !important;background:#080a0f !important;
  box-shadow:0 18px 55px rgba(0,0,0,.55),0 0 0 1px rgba(255,151,0,.12) !important;overflow:hidden !important;
}
.watch-page-shell .player-frame.is-floating-player .player-surface { border-radius:15px !important;aspect-ratio:16/9 !important; }
.watch-page-shell .player-frame.is-floating-player .player-surface video { border-radius:15px !important; }
.watch-page-shell .player-float-close {
  display:none;position:absolute;z-index:20;top:8px;right:8px;width:30px;height:30px;padding:6px;
  border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(5,7,10,.78);color:#fff;cursor:pointer;
}
.watch-page-shell .player-float-close svg { display:block;width:100%;height:100%; }
.watch-page-shell .player-frame.is-floating-player .player-float-close { display:grid;place-items:center; }
@media (max-width:900px) {
  .watch-page-shell .player-frame.is-floating-player {
    right:var(--float-right,10px) !important;top:var(--float-top,calc(64px + env(safe-area-inset-top, 0px))) !important;bottom:var(--float-bottom,auto) !important;left:var(--float-left,auto) !important;
    width:min(300px,calc(100vw - 20px)) !important;max-width:300px !important;border-radius:13px !important;
  }
  .watch-page-shell .player-frame.is-floating-player .player-surface,
  .watch-page-shell .player-frame.is-floating-player .player-surface video { border-radius:12px !important; }
}

.watch-page-shell .player-float-drag-handle {
  display:none;position:absolute;z-index:21;top:8px;left:8px;align-items:center;gap:4px;
  min-height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.26);border-radius:999px;
  background:rgba(5,7,10,.8);color:#fff;font:700 11px/1.1 system-ui,sans-serif;cursor:grab;touch-action:none;user-select:none;
}
.watch-page-shell .player-float-drag-handle:active { cursor:grabbing; }
.watch-page-shell .player-float-drag-handle svg { width:14px;height:14px; }
.watch-page-shell .player-frame.is-floating-player .player-float-drag-handle { display:flex; }

/* Put the compact banner immediately above playback; keep the square placement after details. */
.watch-page-shell .watch-player-top-banner { margin:0 auto 4px !important; }
.watch-page-shell .watch-player-top-banner .responsive-ad-placement { margin:0 auto !important; }
.watch-page-shell .watch-layout { margin-top:2px !important; }
.watch-page-shell .public-watch-square-stage--after-actions { margin:8px auto 10px !important; }
@media (max-width:900px) {
  .watch-page-shell .watch-player-top-banner { margin:0 auto 3px !important; }
  .watch-page-shell .watch-player-top-banner,
  .watch-page-shell .watch-player-top-banner .responsive-ad-placement { min-height:0 !important; }
  .watch-page-shell .watch-player-top-banner .responsive-ad-host {
    width:min(300px,calc(100vw - 32px)) !important;height:100px !important;min-height:100px !important;max-height:100px !important;
  }
  .watch-page-shell .watch-layout { margin-top:0 !important;gap:8px !important; }
  .watch-page-shell .public-watch-square-stage--after-actions { margin:6px auto 8px !important; }
}

/* Match the home-card metadata layout and override the older dark-only watch rules. */
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy h3,
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy h3 a {
  overflow-wrap:normal !important;word-break:normal !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-meta-row { min-width:0 !important;width:100% !important; }
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats {
  display:flex !important;flex:1 1 auto !important;flex-direction:column !important;align-items:flex-start !important;
  min-width:0 !important;width:100% !important;gap:4px !important;overflow:hidden !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats span {
  display:block !important;min-width:0 !important;width:100% !important;max-width:100% !important;
  overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;word-break:keep-all !important;
}
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card,
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card .below-video-copy {
  color:#273244 !important;background:#fff !important;border-color:rgba(31,43,62,.13) !important;
}
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card .below-video-copy h3,
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card .below-video-copy h3 a {
  color:#202a39 !important;text-shadow:none !important;
}
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats,
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats span {
  color:#526176 !important;text-shadow:none !important;
}
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats span:first-child { color:#ffd27d !important;font-weight:800 !important; }
:root .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats span:nth-child(2) { color:#b8c0ce !important;font-weight:600 !important; }
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats span:first-child { color:#8b4b00 !important; }
:root[data-theme="light"] .watch-page-shell .below-video-list>.below-video-card .below-video-copy .video-stats span:nth-child(2) { color:#596679 !important; }

/* The dislike total stays visible alongside the live like total. */
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .dislike-count {
  display:inline !important;color:inherit !important;font-size:10px !important;font-weight:700 !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .watch-download-btn {
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;
  color:inherit !important;text-decoration:none !important;
}
:root .watch-page-shell .watch-panel.compact-order .watch-actions.reaction-box .download-action-icon {
  display:block !important;width:14px !important;height:14px !important;flex:0 0 14px !important;
}

/* Tighten the Home header stack so the category row sits close to the topbar. */
.home-page-shell.public-site-shell { padding-top:6px !important;overflow-anchor:none !important; }
.home-page-shell.public-site-shell > .topbar { margin:0 0 2px !important; }
.home-page-shell.public-site-shell > .category-strip {
  margin:0 0 8px !important;
  transform:none !important;
}
.home-page-shell.public-site-shell > .responsive-ad-placement.ad-placement-shell--hero { margin:0 auto 8px !important; }
@media (max-width:900px) {
  .home-page-shell.public-site-shell { padding-top:112px !important;overflow-anchor:none !important; }
  .home-page-shell.public-site-shell > .topbar { top:0 !important;margin-bottom:2px !important; }
  .home-page-shell.public-site-shell > .category-strip {
    position:fixed !important;
    top:56px !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-width:none !important;
    z-index:80 !important;
    margin:0 !important;
    transform:none !important;
    transition:transform .24s ease,opacity .24s ease !important;
  }
  .home-page-shell.public-site-shell > .category-strip.category-hidden {
    transform:translateY(calc(-100% - 58px)) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  .home-page-shell.public-site-shell > .responsive-ad-placement.ad-placement-shell--hero { margin-bottom:6px !important; }
}

/* Multi-upload review rail and a horizontally browsable draft library. */
.draft-selection-preview { margin:18px 0 8px; }
.draft-selection-preview-head { display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px; }
.draft-selection-preview-head h3 { margin:4px 0 0;color:#f5f6fa;font-size:16px;font-weight:850; }
.draft-selection-preview-head h3 span { display:inline-grid;min-width:23px;height:23px;place-items:center;margin-left:5px;border:1px solid rgba(255,153,0,.28);border-radius:999px;background:rgba(255,153,0,.1);color:#ffbd45;font-size:11px; }
.draft-preview-tools { display:flex;align-items:center;gap:7px; }
.draft-preview-tools p { margin:0 8px 0 0;color:#aeb7c6;font-size:11px; }
.draft-preview-tools button { display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:#181d27;color:#f3f5f8;font-size:22px;line-height:1;cursor:pointer; }
.draft-preview-tools button:hover { border-color:rgba(255,174,0,.48);color:#ffc04d; }
.draft-selection-rail,.recent-drafts-grid { display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,174,0,.55) rgba(255,255,255,.06);scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch; }
.draft-selection-rail:focus-visible { outline:2px solid rgba(255,174,0,.6);outline-offset:2px;border-radius:12px; }
.draft-preview-card { position:relative;flex:0 0 clamp(156px,20vw,192px);min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0b0e14;scroll-snap-align:start; }
.draft-preview-video { display:block;width:100%;aspect-ratio:16/9;background:#030407;object-fit:contain; }
.draft-preview-copy { display:flex;flex-direction:column;gap:4px;padding:9px 10px 10px; }
.draft-preview-copy strong { overflow:hidden;color:#f3f5f8;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.draft-preview-copy span,.draft-preview-copy small { color:#9da7b7;font-size:10px; }
.draft-preview-copy small { color:#ffbd45; }
.draft-preview-remove,.recent-draft-remove { position:absolute;z-index:3;top:7px;right:7px;display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(8,10,14,.88);color:#fff;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.35); }
.draft-preview-remove:hover,.recent-draft-remove:hover { border-color:#ff7b54;background:#e44631;color:#fff; }
.draft-preview-remove:disabled { opacity:.55;cursor:wait; }
.recent-drafts-grid { gap:12px; }
.recent-draft-card { position:relative;flex:0 0 clamp(190px,23vw,232px);scroll-snap-align:start; }
.recent-draft-remove-form { position:absolute;z-index:4;top:0;right:0;margin:0; }
.recent-draft-remove { top:8px;right:8px;width:31px;height:31px; }
.recent-drafts-grid::-webkit-scrollbar,.draft-selection-rail::-webkit-scrollbar { height:8px; }
.recent-drafts-grid::-webkit-scrollbar-track,.draft-selection-rail::-webkit-scrollbar-track { border-radius:99px;background:rgba(255,255,255,.06); }
.recent-drafts-grid::-webkit-scrollbar-thumb,.draft-selection-rail::-webkit-scrollbar-thumb { border-radius:99px;background:rgba(255,174,0,.48); }
:root[data-theme="light"] .draft-selection-preview-head h3,:root[data-theme="light"] .draft-preview-copy strong { color:#253144; }
:root[data-theme="light"] .draft-preview-tools p,:root[data-theme="light"] .draft-preview-copy span { color:#637087; }
:root[data-theme="light"] .draft-preview-tools button { border-color:rgba(36,49,68,.14);background:#fff;color:#354258; }
:root[data-theme="light"] .draft-preview-card,:root[data-theme="light"] .recent-draft-card { border-color:rgba(36,49,68,.12);background:#fff; }
@media (max-width:768px) {
  .draft-selection-preview-head { align-items:flex-start;flex-direction:column;gap:8px; }
  .draft-preview-tools { width:100%; }
  .draft-preview-tools p { flex:1; }
  .draft-preview-card { flex-basis:min(68vw,190px); }
  .recent-draft-card { flex-basis:min(72vw,224px); }
  .recent-drafts-grid,.draft-selection-rail { gap:9px; }
}

/* Auto-generated frame choices on the draft publish editor. */
.draft-auto-thumbnail { display:flex;flex-direction:column;gap:10px;padding:13px;border:1px solid rgba(255,153,0,.16);border-radius:13px;background:rgba(255,153,0,.035); }
.draft-auto-thumbnail-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.draft-auto-thumbnail-head strong { color:#f3f5f8;font-size:13px;font-weight:800; }
.draft-auto-thumbnail-head p { margin:4px 0 0;color:#9da7b7;font-size:11px;line-height:1.45; }
.draft-auto-thumbnail-head .btn { min-height:34px;padding:0 12px;font-size:11px;white-space:nowrap; }
.draft-auto-thumbnail-status { min-height:16px;margin:0;color:#c1c9d5;font-size:11px;line-height:1.45; }
.draft-auto-thumbnail-source { position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none; }
.draft-thumbnail-preview-video { display:block;width:100%;max-height:280px;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#05070a;object-fit:contain; }
.draft-thumbnail-scrubber { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px; }
.draft-thumbnail-scrubber-label { display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;color:#c1c9d5;font-size:11px; }
.draft-thumbnail-scrubber-label strong { color:#ffbd45;font-variant-numeric:tabular-nums; }
.draft-thumbnail-scrubber input[type="range"] { width:100%;accent-color:#ff9d00; }
.draft-thumbnail-scrubber .btn { min-height:34px;padding:0 12px;font-size:11px;white-space:nowrap; }
.draft-thumbnail-scrubber .btn:disabled { opacity:.55;cursor:wait; }
.draft-auto-thumbnail-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
.draft-auto-thumbnail-grid .draft-thumbnail-frame-option { min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#090c12; }
.draft-auto-thumbnail-grid .draft-thumbnail-frame-option img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover; }
.draft-auto-thumbnail-grid .draft-thumbnail-frame-option span { display:block;padding:5px 7px;color:#cad0da;font-size:10px;text-align:center; }
.draft-auto-thumbnail-grid .draft-thumbnail-frame-option.is-selected { border-color:#ffab21;box-shadow:0 0 0 2px rgba(255,153,0,.18); }
.draft-auto-thumbnail-grid .draft-thumbnail-frame-option.is-selected span { color:#ffd37b; }
:root[data-theme="light"] .draft-auto-thumbnail { border-color:rgba(36,49,68,.12);background:#f7f8fa; }
:root[data-theme="light"] .draft-auto-thumbnail-head strong { color:#263244; }
:root[data-theme="light"] .draft-auto-thumbnail-head p,:root[data-theme="light"] .draft-auto-thumbnail-status { color:#637087; }
:root[data-theme="light"] .draft-thumbnail-preview-video { border-color:rgba(36,49,68,.14);background:#e9edf3; }
:root[data-theme="light"] .draft-thumbnail-scrubber-label { color:#526078; }
@media (max-width:560px) {
  .draft-auto-thumbnail-head { align-items:flex-start;flex-direction:column; }
  .draft-auto-thumbnail-head .btn { align-self:flex-start; }
  .draft-thumbnail-preview-video { max-height:220px; }
  .draft-thumbnail-scrubber { grid-template-columns:minmax(0,1fr); }
  .draft-thumbnail-scrubber .btn { justify-self:start; }
  .draft-auto-thumbnail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Compact one-click copy link on every public video card; stays off the metadata row. */
.video-card > .card-share-btn,
.below-video-card > .card-share-btn {
  position:absolute !important;z-index:9 !important;top:9px !important;right:9px !important;
  display:inline-grid !important;place-items:center !important;flex:none !important;
  width:31px !important;height:31px !important;min-width:31px !important;min-height:31px !important;
  padding:0 !important;border:1px solid rgba(255,255,255,.32) !important;border-radius:50% !important;
  background:rgba(10,13,19,.72) !important;color:#fff !important;cursor:pointer !important;
  box-shadow:0 3px 12px rgba(0,0,0,.32) !important;backdrop-filter:blur(8px) !important;
  opacity:.94 !important;transition:transform .16s ease,background .16s ease,border-color .16s ease !important;
}
.video-card > .card-share-btn svg,
.below-video-card > .card-share-btn svg {
  display:block !important;width:15px !important;height:15px !important;fill:none !important;
  stroke:currentColor !important;stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important;
}
.video-card > .card-share-btn:hover,
.below-video-card > .card-share-btn:hover { transform:scale(1.07) !important;background:rgba(10,13,19,.94) !important;border-color:rgba(255,255,255,.62) !important; }
.video-card > .card-share-btn.is-copied,
.below-video-card > .card-share-btn.is-copied { border-color:#65dfa0 !important;background:rgba(16,117,67,.94) !important; }
.video-card > .card-share-btn:focus-visible,
.below-video-card > .card-share-btn:focus-visible { outline:2px solid #ffb22a !important;outline-offset:2px !important; }
@media (max-width:600px) {
  .video-card > .card-share-btn,
  .below-video-card > .card-share-btn { top:7px !important;right:7px !important;width:29px !important;height:29px !important;min-width:29px !important;min-height:29px !important;opacity:1 !important; }
}
@media (prefers-reduced-motion:reduce) {
  .video-card > .card-share-btn,
  .below-video-card > .card-share-btn { transition:none !important; }
}

/* Admin control center refresh and explicit profile logout action */
body.admin-mode .super-admin-shell-v2 {
  --admin-accent: #ffb84d;
  --admin-accent-2: #b38cff;
  --admin-accent-3: #58dbc4;
  max-width: 1680px !important;
  margin-inline: auto !important;
  padding: 20px clamp(12px, 2vw, 30px) 44px !important;
}
body.admin-mode .admin-topbar-v2 {
  min-height: 74px !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(255, 184, 77, .2) !important;
  border-radius: 20px !important;
  background: linear-gradient(110deg, rgba(22, 22, 35, .96), rgba(32, 23, 47, .94) 58%, rgba(18, 36, 45, .94)) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .28), inset 0 1px rgba(255,255,255,.05) !important;
  backdrop-filter: blur(18px);
}
body.admin-mode .admin-topbar-v2 .brand-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #21170b;
  background: linear-gradient(145deg, #ffe0a1, #ffad35 65%, #ff8756);
  box-shadow: 0 8px 22px rgba(255, 167, 50, .24);
}
body.admin-mode .super-admin-layout-v2 {
  grid-template-columns: 264px minmax(0, 1fr) !important;
  gap: clamp(16px, 2vw, 28px) !important;
  margin-top: 20px !important;
}
body.admin-mode .super-admin-sidebar-v2 {
  top: 92px !important;
  padding: 18px !important;
  border: 1px solid rgba(179, 140, 255, .23) !important;
  border-radius: 24px !important;
  background: linear-gradient(160deg, rgba(34, 28, 53, .98), rgba(18, 28, 39, .98) 72%) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.06) !important;
}
body.admin-mode .super-admin-sidebar-head {
  padding: 2px 2px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.admin-mode .super-admin-sidebar-head h2 { color: #fff4df !important; }
body.admin-mode .super-admin-nav-v2 { gap: 7px !important; }
body.admin-mode .super-admin-nav-btn {
  min-height: 44px !important;
  padding: 10px 13px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.035) !important;
  color: #d9d7e7 !important;
  font-weight: 650 !important;
  text-align: left !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
body.admin-mode .super-admin-nav-btn:hover {
  transform: translateX(2px);
  border-color: rgba(255,184,77,.28) !important;
  background: rgba(255,184,77,.09) !important;
  color: #ffe2b1 !important;
}
body.admin-mode .super-admin-nav-btn.is-active {
  border-color: rgba(255,202,119,.52) !important;
  background: linear-gradient(105deg, rgba(255,184,77,.22), rgba(179,140,255,.14)) !important;
  color: #ffe4b5 !important;
  box-shadow: inset 3px 0 #ffb84d, 0 8px 22px rgba(0,0,0,.16);
}
body.admin-mode .super-admin-mini-stats-v2 article,
body.admin-mode .admin-metric-tile,
body.admin-mode .admin-surface,
body.admin-mode .admin-chart-detail-card,
body.admin-mode .admin-latest-card,
body.admin-mode .admin-brief-list article {
  border: 1px solid rgba(179,140,255,.17) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(35,32,51,.96), rgba(20,31,41,.96)) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.035) !important;
}
body.admin-mode .super-admin-mini-stats-v2 article { padding: 11px 13px !important; }
body.admin-mode .super-admin-mini-stats-v2 strong,
body.admin-mode .admin-metric-tile strong { color: #fff3dc !important; }
body.admin-mode .admin-quick-metrics { gap: 13px !important; }
body.admin-mode .admin-metric-tile {
  position: relative;
  min-height: 106px;
  overflow: hidden;
  padding: 17px !important;
}
body.admin-mode .admin-metric-tile::after {
  position: absolute;
  right: -20px;
  bottom: -42px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: var(--metric-glow, rgba(255,184,77,.14));
  content: "";
  filter: blur(2px);
}
body.admin-mode .admin-metric-tile:nth-child(4n+1) { --metric-glow: rgba(255,184,77,.19); border-top-color: rgba(255,184,77,.52) !important; }
body.admin-mode .admin-metric-tile:nth-child(4n+2) { --metric-glow: rgba(179,140,255,.19); border-top-color: rgba(179,140,255,.52) !important; }
body.admin-mode .admin-metric-tile:nth-child(4n+3) { --metric-glow: rgba(88,219,196,.16); border-top-color: rgba(88,219,196,.5) !important; }
body.admin-mode .admin-metric-tile:nth-child(4n) { --metric-glow: rgba(255,127,157,.15); border-top-color: rgba(255,127,157,.48) !important; }
body.admin-mode .admin-panel-section { gap: 18px !important; }
body.admin-mode .admin-panel-head { align-items: end; padding: 5px 2px 2px; }
body.admin-mode .admin-panel-head h1 { color: #fff1d8 !important; letter-spacing: -.035em; }
body.admin-mode .admin-panel-head .eyebrow { color: #ffc875 !important; }
body.admin-mode .admin-chart-grid { gap: 9px !important; min-height: 250px !important; }
body.admin-mode .admin-chart-day {
  min-height: 220px;
  border: 1px solid rgba(179,140,255,.14) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.035) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
body.admin-mode .admin-chart-day:hover { transform: translateY(-3px); border-color: rgba(255,184,77,.38) !important; }
body.admin-mode .admin-chart-day.is-active {
  border-color: rgba(255,184,77,.56) !important;
  background: linear-gradient(180deg, rgba(255,184,77,.1), rgba(179,140,255,.07)) !important;
}
body.admin-mode .chart-visitors { background: linear-gradient(180deg, #ffd888, #ffad35) !important; }
body.admin-mode .chart-views { background: linear-gradient(180deg, #d4baff, #9e71ef) !important; }
body.admin-mode .chart-uploads { background: linear-gradient(180deg, #8ef0dc, #39bca7) !important; }
body.admin-mode .chart-registrations { background: linear-gradient(180deg, #ffb7ca, #f27d9d) !important; }
body.admin-mode .admin-inline-filter input:not([type="checkbox"]),
body.admin-mode .admin-inline-filter select,
body.admin-mode .admin-panel-section input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.admin-mode .admin-panel-section textarea,
body.admin-mode .admin-panel-section select {
  border-color: rgba(179,140,255,.24) !important;
  border-radius: 12px !important;
  background: rgba(10,16,26,.72) !important;
  color: #f5f1ff !important;
}
body.admin-mode .admin-panel-section .btn-primary {
  border: 0 !important;
  background: linear-gradient(110deg, #ffc96f, #f79d45 55%, #d98df3) !important;
  color: #25160b !important;
  box-shadow: 0 8px 22px rgba(247,157,69,.18);
}
.profile-page-shell .profile-hub-actions .profile-logout-btn {
  border-color: rgba(244, 105, 122, .42) !important;
  background: linear-gradient(110deg, rgba(120,34,57,.18), rgba(83,39,85,.2)) !important;
  color: #ffb3bc !important;
}
.profile-page-shell .profile-hub-actions .profile-logout-btn:hover {
  border-color: rgba(255,130,146,.7) !important;
  background: rgba(176,51,77,.24) !important;
  color: #ffe2e5 !important;
}
@media (max-width: 900px) {
  body.admin-mode .super-admin-layout-v2 { grid-template-columns: minmax(0,1fr) !important; }
  body.admin-mode .super-admin-sidebar-v2 {
    top: 0 !important;
    border-radius: 0 22px 22px 0 !important;
    background: linear-gradient(160deg, #211b35, #14232d 75%) !important;
  }
  body.admin-mode .admin-topbar-v2 { flex-wrap: wrap; }
  body.admin-mode .admin-topbar-status { display: none !important; }
}
@media (max-width: 760px) {
  body.admin-mode .super-admin-shell-v2 { padding: 10px 10px 30px !important; }
  body.admin-mode .admin-topbar-v2 { gap: 8px !important; padding: 10px !important; border-radius: 16px !important; }
  body.admin-mode .super-admin-layout-v2 { margin-top: 12px !important; }
  body.admin-mode .admin-chart-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(64px, 1fr)) !important;
    min-height: 205px !important;
    overflow-x: auto;
    padding: 2px 2px 9px;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }
  body.admin-mode .admin-chart-day { min-height: 190px; padding: 10px 7px !important; }
  body.admin-mode .admin-quick-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; }
  body.admin-mode .admin-metric-tile { min-height: 92px; padding: 13px !important; }
  body.admin-mode .admin-panel-head { align-items: start; flex-direction: column; gap: 4px; }
  body.admin-mode .admin-panel-head h1 { font-size: clamp(1.8rem, 8vw, 2.4rem); }
  body.admin-mode .admin-latest-grid { grid-template-columns: 1fr !important; }
  .profile-page-shell .profile-hub-actions .profile-logout-btn { grid-column: 1 / -1 !important; }
}

/* Admin dashboard: polished data panels, readable chart legend, and safe narrow layouts. */
body.admin-mode .super-admin-shell-v2 {
  width: min(100%, 1760px) !important;
  color: #edf2fb;
}
body.admin-mode .admin-panel-head p { max-width: 48ch; color: #aab6c8 !important; line-height: 1.65; }
body.admin-mode .admin-quick-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
body.admin-mode .admin-metric-tile {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  border-top-width: 2px !important;
  background: linear-gradient(145deg, rgba(34,36,54,.98), rgba(18,28,40,.98)) !important;
}
body.admin-mode .admin-metric-tile span { position: relative; z-index: 1; color: #aebbd0 !important; font-size: 12px; font-weight: 650; }
body.admin-mode .admin-metric-tile strong { position: relative; z-index: 1; font-size: clamp(23px, 2.2vw, 31px); letter-spacing: -.04em; }
body.admin-mode .admin-dashboard-grid-chart { grid-template-columns: minmax(0, 1.7fr) minmax(270px, .8fr) !important; align-items: stretch; }
body.admin-mode .admin-dashboard-grid-v2 > .admin-surface { min-width: 0; }
body.admin-mode .admin-surface { padding: clamp(16px, 2vw, 23px) !important; }
body.admin-mode .admin-surface .section-header { margin-bottom: 17px; }
body.admin-mode .admin-surface .section-header h2 { color: #f4f5fa !important; font-size: 17px; letter-spacing: -.02em; }
body.admin-mode .admin-chart-grid { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
body.admin-mode .admin-chart-day { position: relative; min-width: 0; overflow: hidden; }
body.admin-mode .admin-chart-bars { align-items: end; gap: clamp(3px, .55vw, 8px); }
body.admin-mode .admin-chart-day strong { color: #dce3ef !important; }
body.admin-mode .admin-chart-day small { color: #8492a8 !important; }
body.admin-mode .admin-chart-legend { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.07); }
body.admin-mode .admin-chart-legend span { display: inline-flex; align-items: center; gap: 7px; color: #aebbd0; font-size: 11px; font-weight: 600; }
body.admin-mode .admin-chart-legend i { width: 9px; height: 9px; border-radius: 3px; box-shadow: 0 0 12px currentColor; }
body.admin-mode .admin-chart-legend .chart-visitors { background: #ffb84d; color: #ffb84d; }
body.admin-mode .admin-chart-legend .chart-views { background: #b38cff; color: #b38cff; }
body.admin-mode .admin-chart-legend .chart-uploads { background: #58dbc4; color: #58dbc4; }
body.admin-mode .admin-chart-legend .chart-registrations { background: #f27d9d; color: #f27d9d; }
body.admin-mode .admin-chart-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; }
body.admin-mode .admin-chart-detail-card { min-width: 0; padding: 13px !important; }
body.admin-mode .admin-chart-detail-card span { color: #aebbd0 !important; font-size: 11px; }
body.admin-mode .admin-chart-detail-card strong { overflow-wrap: anywhere; color: #fff3dc !important; font-size: clamp(17px, 1.8vw, 23px); }
body.admin-mode .admin-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.admin-mode .admin-latest-card { min-width: 0; }
body.admin-mode .admin-panel-section .table-card,
body.admin-mode .admin-panel-section .table-wrap,
body.admin-mode .admin-panel-section .admin-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
body.admin-mode .admin-panel-section table { min-width: 680px; }
body.admin-mode .super-admin-nav-btn:focus-visible,
body.admin-mode .admin-chart-day:focus-visible,
body.admin-mode .admin-panel-section .btn:focus-visible { outline: 2px solid #ffc875 !important; outline-offset: 3px; }
body.admin-mode .super-admin-nav-btn { display: flex !important; align-items: center; gap: 11px; }
body.admin-mode .admin-nav-icon { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(255,255,255,.045); color: #c7b7ed; font-size: 15px; }
body.admin-mode .super-admin-nav-btn.is-active .admin-nav-icon { border-color: rgba(255,200,117,.25); background: rgba(255,184,77,.14); color: #ffd889; }
body.admin-mode .admin-panel-section { min-width: 0; }
body.admin-mode .admin-panel-head { position: relative; padding-bottom: 15px !important; border-bottom: 1px solid rgba(255,255,255,.07); }
body.admin-mode .admin-panel-head h1 { font-size: clamp(25px, 3vw, 36px); }
body.admin-mode .admin-video-card,
body.admin-mode .admin-user-premium-card,
body.admin-mode .admin-slot-card,
body.admin-mode .admin-slot-summary-row,
body.admin-mode .admin-video-ad-editor,
body.admin-mode .category-admin-item { border-color: rgba(179,140,255,.18) !important; border-radius: 17px !important; background: linear-gradient(150deg, rgba(34,32,50,.94), rgba(18,29,40,.97)) !important; }
body.admin-mode .admin-video-card,
body.admin-mode .admin-user-premium-card,
body.admin-mode .admin-latest-card,
body.admin-mode .admin-slot-summary-row { transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
body.admin-mode .admin-video-card:hover,
body.admin-mode .admin-user-premium-card:hover,
body.admin-mode .admin-latest-card:hover,
body.admin-mode .admin-slot-summary-row:hover { transform: translateY(-2px); border-color: rgba(255,184,77,.42) !important; box-shadow: 0 14px 32px rgba(0,0,0,.23) !important; }
body.admin-mode .admin-video-open-link img { border-radius: 13px; }
body.admin-mode .admin-video-open-link:hover .admin-video-card-copy strong,
body.admin-mode .admin-user-upload-link:hover span,
body.admin-mode .table-video-link:hover strong { color: #ffd27f !important; }
body.admin-mode .admin-user-index { color: #ffc875 !important; }
body.admin-mode .admin-inline-filter { padding: 12px; border: 1px solid rgba(179,140,255,.13); border-radius: 15px; background: rgba(255,255,255,.025); }
body.admin-mode .admin-panel-section input[type="checkbox"],
body.admin-mode .admin-panel-section input[type="radio"] { accent-color: #e9ac55; }
body.admin-mode .admin-panel-section input[type="file"] { max-width: 100%; color: #c4ccda; }
body.admin-mode .admin-panel-section .form-card,
body.admin-mode .admin-panel-section .table-card { min-width: 0; }
body.admin-mode .admin-modal { padding: 16px; }
body.admin-mode .admin-modal-card { width: min(100%, 760px); max-height: min(88vh, 900px); overflow-y: auto; border: 1px solid rgba(255,184,77,.24) !important; border-radius: 22px !important; background: linear-gradient(145deg, #202035, #111b28 80%) !important; box-shadow: 0 28px 90px rgba(0,0,0,.58) !important; }
body.admin-mode .admin-modal-card h2 { color: #fff2d8 !important; }
body.admin-mode .admin-modal-backdrop { backdrop-filter: blur(7px); }
body.admin-mode .admin-sidebar-backdrop { z-index: 89; }
body.admin-mode .super-admin-sidebar-v2 { z-index: 90; }
body.admin-mode .admin-menu-toggle { border-color: rgba(255,184,77,.25) !important; background: rgba(255,184,77,.08) !important; color: #ffd27f !important; }
body.admin-mode .admin-menu-toggle:hover { background: rgba(255,184,77,.16) !important; }
@media (max-width: 1050px) {
  body.admin-mode .admin-dashboard-grid-chart { grid-template-columns: minmax(0, 1fr) !important; }
  body.admin-mode .admin-video-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  body.admin-mode .admin-quick-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.admin-mode .admin-chart-grid { grid-template-columns: repeat(7, minmax(64px, 1fr)) !important; }
  body.admin-mode .admin-chart-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.admin-mode .admin-latest-grid { grid-template-columns: minmax(0, 1fr) !important; }
  body.admin-mode .admin-video-card-grid,
  body.admin-mode .admin-user-premium-grid { grid-template-columns: minmax(0, 1fr) !important; }
  body.admin-mode .admin-user-upload-grid { grid-template-columns: minmax(0, 1fr) !important; }
  body.admin-mode .admin-topbar-left { flex: 1 1 auto; }
  body.admin-mode .admin-topbar-left .brand small { display: none; }
  body.admin-mode .admin-topbar-v2 .top-links { margin-left: auto; }
  body.admin-mode .admin-panel-head { margin-bottom: 2px; }
  body.admin-mode .admin-panel-section .admin-inline-filter { align-items: stretch; }
  body.admin-mode .admin-panel-section .admin-inline-filter > * { min-width: 0; }
  body.admin-mode .admin-panel-section .admin-inline-filter input:not([type="checkbox"]),
  body.admin-mode .admin-panel-section .admin-inline-filter select { flex: 1 1 100%; width: 100%; }
  body.admin-mode .admin-modal { align-items: end; padding: 8px; }
  body.admin-mode .admin-modal-card { width: 100%; max-height: 92dvh; border-radius: 20px 20px 12px 12px !important; }
  body.admin-mode .admin-chart-legend { gap: 9px 13px; }
  body.admin-mode .admin-chart-legend span { font-size: 10px; }
  body.admin-mode .admin-panel-section table { min-width: 620px; }
}
@media (max-width: 390px) {
  body.admin-mode .admin-metric-tile { min-height: 82px; padding: 11px !important; }
  body.admin-mode .admin-metric-tile span { font-size: 10px; }
  body.admin-mode .admin-metric-tile strong { font-size: 22px; }
  body.admin-mode .admin-chart-detail-card { padding: 10px !important; }
}