:root {
  --bg-primary: #111316; --bg-secondary: #1d2025; --bg-navbar: #15171b; --bg-card: #1a1d22; --bg-hover: #242931;
  --accent: #b7ff2a; --accent-hover: #d0ff68; --text-main: #f4f6f0; --text-muted: #aab1a3; --border: #303640;
  --shadow: 0 14px 36px rgba(0,0,0,.34);
}
body { background: linear-gradient(180deg, #171a1f 0%, #0e1013 100%); }
.notice-bar { background: #b7ff2a; color: #111316; }
.site-header { background: rgba(21,23,27,.97); }
.search-form, .language-control select { background: #101216; color: var(--text-main); }
.nav-chip, .sort-pill, .page-button { background: #1d2025; color: var(--text-main); }
.nav-chip.active, .nav-chip:hover, .page-button.active, .page-button:hover { color: #111316; }
.brand-ai { color: #f4f6f0; }
.brand-x { background: var(--accent); color: #111316; }
.brand-tube { color: var(--accent); }
:root { --bg: #111316; --panel: #1a1d22; --panel-2: #242931; --text: #f4f6f0; --muted: #aab1a3; --danger: #f11919; --success: #b7ff2a; }

/* Home layout: calm yoga session library */
.home-page .notice-bar { text-align: left; justify-content: flex-start; padding-left: max(1rem, calc((100vw - 1440px) / 2 + 15px)); }
.home-page .top-line { padding-block: 1.35rem; border-bottom: 1px solid var(--border); }
.home-page .brand { font-size: clamp(1.65rem, 3vw, 2.55rem); }
.home-page .category-nav { padding-top: .9rem; padding-bottom: .9rem; background: #111316; }
.home-page .nav-chip { border-radius: 0; text-transform: uppercase; letter-spacing: .035em; }
.home-page .home-sections { gap: 1.25rem; }
.home-page .content-section { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 1rem; align-items: start; border-top: 2px solid var(--accent); padding-top: 1rem; }
.home-page .section-title-row { display: block; border-bottom: 0; min-height: 0; }
.home-page .section-title-row h2 { padding-left: 0; font-size: 1.45rem; line-height: 1.05; }
.home-page .section-title-row h2::before { display: none; }
.home-page .view-all-link { display: inline-flex; margin-top: .9rem; padding: .4rem .55rem; background: var(--accent); color: #111316; }
.home-page .section-grid { grid-column: 2; }
.home-page .video-card { border-radius: 0; }
.home-page .card-body { text-align: left; }
@media (max-width: 900px) { .home-page .content-section { grid-template-columns: 1fr; } .home-page .section-grid { grid-column: auto; } }