:root {
  --bg-primary: #08090b; --bg-secondary: #15171d; --bg-navbar: #0d0e12; --bg-card: #11131a; --bg-hover: #191c25;
  --accent: #f11919; --accent-hover: #ff4545; --text-main: #f7f7f7; --text-muted: #a9afba; --border: #2a2e38;
  --shadow: 0 14px 36px rgba(0,0,0,.42);
}
body { background: radial-gradient(circle at 18% 0%, rgba(241,25,25,.16), transparent 30rem), var(--bg-primary); }
.notice-bar { background: #17191f; color: #f7f7f7; }
.site-header { background: rgba(13,14,18,.96); box-shadow: 0 8px 28px rgba(0,0,0,.32); }
.search-form, .language-control select { background: #101219; color: var(--text-main); }
.nav-chip, .sort-pill, .page-button { background: #151821; color: var(--text-main); }
.video-card, .video-details, .sidebar { box-shadow: var(--shadow); }
.brand-ai, .brand-porn { color: #fff; }
.brand-tube { color: var(--accent); }
:root { --bg: #08090b; --panel: #11131a; --panel-2: #191c25; --text: #f7f7f7; --muted: #a9afba; --danger: #f11919; --success: #35d28a; }

/* Horizontal content-platform navigation and refreshed home composition */
.home-page .site-header { position: sticky; top: 0; overflow: visible; }
.home-page .top-line { padding-top: .9rem; padding-bottom: .75rem; flex-wrap: wrap; }
.home-page .category-nav {
  width: min(100%, 1440px);
  margin: 0 auto;
  padding: .65rem 15px .8rem;
  float: none;
  display: flex;
  flex-direction: row;
  gap: .55rem;
  overflow-x: auto;
  background: #101219;
  border-top: 1px solid rgba(255,255,255,.06);
}
.home-page .nav-chip { width: auto; text-align: center; border-radius: 999px; padding-inline: 1rem; }
.home-page .page { padding-left: 15px; }
.home-page .section-title-row { border-bottom: 0; background: linear-gradient(90deg, rgba(241,25,25,.2), transparent); padding: .7rem .9rem; border-radius: 8px; }
.home-page .video-card { border-radius: 8px; box-shadow: 0 10px 28px rgba(0,0,0,.28); }
.home-page .card-body { text-align: left; }
.home-page .section-head { padding: 1.2rem 0 .4rem; }
.home-page .section-head h1 { letter-spacing: .01em; }

@media (min-width: 980px) {
  .home-page .top-line { display: grid; grid-template-columns: auto minmax(280px, 1fr) auto; align-items: center; gap: 1.4rem; }
  .home-page .search-form { grid-column: 2; grid-row: 1; max-width: none; }
  .home-page .language-control { grid-column: 3; grid-row: 1; }
  .home-page .category-nav { justify-content: flex-start; }
}

@media (max-width: 700px) {
  .home-page .top-line { gap: .7rem; }
  .home-page .category-nav { padding-top: .55rem; }
}