: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)); }
}

/* Navigation edition 3: light utility toolbar */
.home-page .site-header {
  background: #f2eee8;
  border-bottom: 1px solid #d7cec3;
  box-shadow: 0 5px 18px rgba(8, 12, 16, .18);
}
.home-page .top-line {
  padding-top: .72rem;
  padding-bottom: .72rem;
}
.home-page .brand-ai,
.home-page .brand-porn { color: #18252b; }
.home-page .brand-tube { color: #c46a2b; }
.home-page .brand-x { background: #c46a2b; }
.home-page .search-form {
  height: 40px;
  background: #fffdfa;
  border: 1px solid #cfc4b8;
  box-shadow: 0 2px 7px rgba(31, 22, 15, .08);
}
.home-page .search-form button {
  background: #c46a2b;
  color: #fffaf5;
}
.home-page .language-control { color: #26343a; }
.home-page .language-control select {
  min-height: 32px;
  background: #fffdfa;
  color: #26343a;
  border-color: #cfc4b8;
}
.home-page .category-nav {
  justify-content: center;
  padding: .55rem 15px .65rem;
  background: #e8e1d9;
  border-top: 1px solid #d7cec3;
  gap: .35rem;
}
.home-page .nav-chip {
  height: 32px;
  padding: 0 .85rem;
  border-radius: 4px;
  border: 1px solid #cfc4b8;
  background: #f8f5f0;
  color: #35454b;
  font-size: .82rem;
  letter-spacing: .01em;
}
.home-page .nav-chip.active,
.home-page .nav-chip:hover {
  background: #c46a2b;
  border-color: #c46a2b;
  color: #fffaf5;
}
@media (max-width: 700px) {
  .home-page .category-nav { justify-content: flex-start; }
}

/* Full page alternate visual system */
:root {
  --bg-primary: #e9e7e3;
  --bg-secondary: #dedbd5;
  --bg-navbar: #f2eee8;
  --bg-card: #fffdf9;
  --bg-hover: #f5efe8;
  --accent: #c46a2b;
  --accent-hover: #dc7e3b;
  --text-main: #1b292e;
  --text-muted: #667276;
  --border: #d4cec6;
  --shadow: 0 8px 20px rgba(35, 27, 20, .12);
}
body {
  color: #1b292e;
  background: #e9e7e3;
}
.notice-bar { background: #26383d; color: #f9f2e9; }
.home-page .page { padding-top: 1.35rem; }
.home-page .section-head {
  padding: 1rem 1.1rem;
  background: #f7f4ef;
  border: 1px solid #d4cec6;
  border-left: 4px solid #c46a2b;
}
.home-page .section-head h1 { color: #1b292e; }
.home-page .section-title-row {
  background: transparent;
  border-left: 0;
  border-bottom: 2px solid #cfc6bb;
  border-radius: 0;
  padding: .5rem 0;
}
.home-page .section-title-row h2 { color: #26383d; }
.home-page .video-grid { gap: 1rem; }
.home-page .video-card {
  border: 1px solid #d4cec6;
  border-radius: 3px;
  background: #fffdf9;
  box-shadow: 0 5px 14px rgba(35,27,20,.09);
}
.home-page .video-card:hover {
  border-color: #c46a2b;
  background: #fffdf9;
  transform: translateY(-3px);
}
.home-page .thumb-box { aspect-ratio: 16 / 10; background: #27383c; }
.home-page .card-play-button { width: 48px; height: 48px; background: rgba(196,106,43,.94); }
.home-page .card-body { min-height: 84px; padding: .72rem .8rem .78rem; }
.home-page .card-body h2 { color: #1b292e; font-weight: 700; }
.home-page .card-meta { color: #738084; }
.home-page .sort-pill { background: #f0e7dd; border-color: #dccbbb; color: #a95722; }
.home-page .pagination .page-button { background: #f7f4ef; color: #35454b; border-color: #d4cec6; }
.home-page .pagination .page-button.active,
.home-page .pagination .page-button:hover { background: #c46a2b; color: #fff; border-color: #c46a2b; }
.site-footer { background: #dedbd5; color: #667276; }

/* Complete visual reset: electric portal */
:root {
  --bg-primary: #070b1a;
  --bg-secondary: #101936;
  --bg-navbar: #0b1230;
  --bg-card: #111b3d;
  --bg-hover: #182858;
  --accent: #d7f34a;
  --accent-hover: #e7ff71;
  --text-main: #f5f7ff;
  --text-muted: #9aa7ca;
  --border: #263875;
  --shadow: 0 16px 34px rgba(0,0,0,.38);
}
body { background: #070b1a; color: #f5f7ff; }
.notice-bar { background: #d7f34a; color: #10172e; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.home-page .site-header { background: #0b1230; border-bottom: 2px solid #273b82; box-shadow: none; }
.home-page .top-line { padding: 1.05rem 15px .9rem; }
.home-page .brand-ai, .home-page .brand-porn { color: #f5f7ff; }
.home-page .brand-tube { color: #d7f34a; }
.home-page .brand-x { background: #d7f34a; color: #10172e; }
.home-page .search-form { height: 42px; background: #111b3d; border: 1px solid #38529b; box-shadow: none; }
.home-page .search-form input { color: #fff; }
.home-page .search-form button { background: #d7f34a; color: #10172e; }
.home-page .language-control { color: #d9e2ff; }
.home-page .language-control select { background: #111b3d; color: #f5f7ff; border-color: #38529b; }
.home-page .category-nav { justify-content: flex-start; padding: .7rem 15px; background: #101936; border-top: 0; border-bottom: 1px solid #263875; }
.home-page .nav-chip { height: 30px; border-radius: 2px; border: 1px solid #304889; background: transparent; color: #c7d2f5; text-transform: uppercase; font-size: .74rem; letter-spacing: .05em; }
.home-page .nav-chip.active, .home-page .nav-chip:hover { background: #d7f34a; border-color: #d7f34a; color: #10172e; }
.home-page .page { max-width: 1500px; padding-top: 1.8rem; }
.home-page .section-head { padding: 0 0 1rem; background: transparent; border: 0; border-bottom: 1px solid #263875; }
.home-page .section-head h1 { color: #f5f7ff; font-size: clamp(1.7rem, 3vw, 2.6rem); }
.home-page .section-title-row { border: 0; padding: .8rem 0; background: none; }
.home-page .section-title-row h2 { color: #d7f34a; text-transform: uppercase; letter-spacing: .08em; font-size: 1rem; }
.home-page .video-grid { grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap: 1.25rem; }
.home-page .video-card { border: 1px solid #263875; border-radius: 0; background: #111b3d; box-shadow: var(--shadow); }
.home-page .video-card:hover { border-color: #d7f34a; background: #182858; transform: translateY(-5px); }
.home-page .thumb-box { aspect-ratio: 16 / 9; }
.home-page .card-play-button { width: 52px; height: 52px; border-radius: 4px; background: #d7f34a; }
.home-page .card-play-button span { border-left-color: #10172e; }
.home-page .card-body { text-align: left; padding: .8rem; }
.home-page .card-body h2 { color: #f5f7ff; }
.home-page .card-meta { color: #9aa7ca; }
.home-page .sort-pill { border-radius: 2px; background: #d7f34a; border-color: #d7f34a; color: #10172e; }
.home-page .site-footer { background: #0b1230; border-top-color: #263875; color: #9aa7ca; }
@media (min-width: 1100px) {
  .home-page .video-grid .video-card:first-child { grid-column: span 2; grid-row: span 2; }
  .home-page .video-grid .video-card:first-child .thumb-box { aspect-ratio: 16 / 10; }
}