:root {
  --bg-primary: #08090b; --bg-secondary: #15171d; --bg-navbar: #0d0e12; --bg-card: #11131a; --bg-hover: #191c25;
  --accent: #9bcf7c; --accent-hover: #31aa2c; --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; }
}

/* Palette refinement */
:root {
  --bg-primary: #171216;
  --bg-secondary: #241b20;
  --bg-navbar: #21171d;
  --bg-card: #2a2025;
  --bg-hover: #36252c;
  --accent: #e5484d;
  --accent-hover: #ff6b70;
  --text-main: #fff5f2;
  --text-muted: #c2aeb0;
  --border: #49343b;
  --shadow: 0 14px 36px rgba(8, 3, 6, .46);
}
body {
  background: radial-gradient(circle at 12% 0%, rgba(229,72,77,.16), transparent 34rem), linear-gradient(145deg, #171216 0%, #120e11 100%);
}
.notice-bar { background: #302026; color: #ffe8e5; }
.site-header { background: rgba(33,23,29,.97); box-shadow: 0 8px 28px rgba(8,3,6,.38); }
.search-form, .language-control select { background: #1b1418; color: var(--text-main); }
.nav-chip, .sort-pill, .page-button { background: #2a1d24; color: var(--text-main); }
.home-page .category-nav { background: #261a21; border-top-color: rgba(255,220,220,.08); }
.home-page .section-title-row { background: linear-gradient(90deg, rgba(229,72,77,.22), transparent); }

/* Alternate slate and cyan edition */
:root {
  --bg-primary: #0b1118;
  --bg-secondary: #16212b;
  --bg-navbar: #101a24;
  --bg-card: #15222d;
  --bg-hover: #1c303d;
  --accent: #24c4b2;
  --accent-hover: #4de0ce;
  --text-main: #edf7f8;
  --text-muted: #9db3bc;
  --border: #29404d;
  --shadow: 0 12px 30px rgba(0, 8, 14, .42);
}
body {
  background: linear-gradient(180deg, #0b1118 0%, #0d1720 55%, #0a1117 100%);
}
.notice-bar {
  background: #142531;
  color: #b9f4eb;
  border-bottom: 1px solid #284653;
  font-size: .82rem;
  letter-spacing: .02em;
}
.site-header {
  background: rgba(16,26,36,.98);
  border-bottom-color: #29404d;
}
.brand-x, .search-form button { background: var(--accent); }
.brand-tube { color: var(--accent); }
.search-form, .language-control select { background: #0e1821; border-color: #2d4755; }
.search-form button { color: #06211f; }
.category-nav { background: #111f2a; }
.home-page .category-nav { background: #111f2a; border-top-color: #29404d; }
.nav-chip, .sort-pill, .page-button { background: #172733; border-color: #2e4754; }
.nav-chip.active, .nav-chip:hover, .page-button.active, .page-button:hover { background: var(--accent); border-color: var(--accent); color: #06211f; }
.home-page .section-title-row { background: linear-gradient(90deg, rgba(36,196,178,.2), transparent); border-left: 3px solid var(--accent); padding-left: .75rem; }
.section-title-row h2::before { display: none; }
.video-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.2rem; }
.home-page .video-card { border-radius: 5px; box-shadow: var(--shadow); }
.video-card:hover { border-color: rgba(36,196,178,.7); transform: translateY(-4px); }
.card-play-button, .detail-play-button { background: rgba(36,196,178,.95); }
.duration { background: rgba(7,18,25,.88); color: #b9f4eb; }
.card-body { padding: .78rem .85rem .82rem; }
.card-body h2 { font-size: .94rem; }
.meta-row span { background: #1b303c; }
.tag-list span { background: rgba(36,196,178,.12); color: var(--accent); }
.download-link { background: var(--accent); color: #06211f; }
.site-footer { border-top-color: #29404d; }

@media (min-width: 1100px) {
  .home-page .page { padding-top: 1.6rem; }
  .home-page .video-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}