:root {
  --yhbg010-canvas: #071624;
  --yhbg010-canvas-deep: #04101b;
  --yhbg010-surface: #0b2134;
  --yhbg010-surface-soft: #102a40;
  --yhbg010-surface-raised: #142f45;
  --yhbg010-line: rgba(148, 197, 235, 0.18);
  --yhbg010-ink: #f4f8fc;
  --yhbg010-muted: #b8cad9;
  --yhbg010-soft: #8fa8bb;
  --yhbg010-blue: #2f7dff;
  --yhbg010-gold: #f6c75c;
  --yhbg010-green: #2bb673;
  --yhbg010-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
}

html,
body:not(.wp-admin) {
  background: var(--yhbg010-canvas-deep) !important;
}

body:not(.wp-admin) {
  color: var(--yhbg010-ink);
}

body:not(.wp-admin) #page,
body:not(.wp-admin) .site,
body:not(.wp-admin) .wp-site-blocks {
  min-height: 100vh;
  background:
    linear-gradient(180deg, #092035 0, var(--yhbg010-canvas) 34rem, var(--yhbg010-canvas-deep) 100%) !important;
}

body:not(.wp-admin) main,
body:not(.wp-admin) .site-main,
body:not(.wp-admin) .content-area,
body:not(.wp-admin) .page-content,
body:not(.wp-admin) .entry-content,
body:not(.wp-admin) .wp-block-post-content {
  background-color: transparent !important;
}

body:not(.wp-admin):not(.home) main,
body:not(.wp-admin):not(.home) .site-main,
body:not(.wp-admin):not(.home) .content-area {
  color: var(--yhbg010-ink);
}

body:not(.wp-admin):not(.home) :where(
  .entry-title,
  .page-title,
  .wp-block-post-title,
  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6,
  .page-content h1,
  .page-content h2,
  .page-content h3,
  .page-content h4,
  .page-content h5,
  .page-content h6
) {
  color: var(--yhbg010-ink);
}

body:not(.wp-admin):not(.home) :where(
  .entry-content p,
  .entry-content li,
  .entry-content figcaption,
  .entry-content blockquote,
  .page-content p,
  .page-content li,
  .page-content figcaption,
  .page-content blockquote,
  .wp-block-post-content p,
  .wp-block-post-content li
) {
  color: var(--yhbg010-muted);
}

body:not(.wp-admin):not(.home) :where(
  .entry-content a,
  .page-content a,
  .wp-block-post-content a,
  .site-main a
) {
  color: #86b8ff;
}

body:not(.wp-admin):not(.home) :where(
  .entry-content input,
  .entry-content textarea,
  .entry-content select,
  .page-content input,
  .page-content textarea,
  .page-content select,
  .site-main input[type="search"],
  .site-main input[type="text"],
  .site-main input[type="email"],
  .site-main input[type="password"],
  .site-main textarea
) {
  background: #ffffff;
  color: #102033;
}

body:not(.wp-admin):not(.home) :where(
  article,
  .post,
  .page,
  .wp-block-group,
  .wp-block-columns,
  .wp-block-column,
  .wp-block-query,
  .wp-block-post,
  .wp-block-latest-posts,
  .wp-block-search,
  .wp-block-media-text
) {
  border-color: var(--yhbg010-line);
}

body:not(.wp-admin):not(.home) :where(
  .wp-block-search,
  .comments-area,
  .comment-respond,
  .navigation,
  .post-navigation,
  .posts-navigation
) {
  background: var(--yhbg010-surface);
  border: 1px solid var(--yhbg010-line);
  border-radius: 8px;
  color: var(--yhbg010-ink);
}

body:not(.wp-admin):not(.home) :where(
  button,
  input[type="button"],
  input[type="submit"],
  .wp-block-button__link
) {
  border-color: rgba(47, 125, 255, 0.44);
}

body:not(.wp-admin).error404 main,
body:not(.wp-admin).search-no-results main {
  padding-bottom: 6rem;
}

body:not(.wp-admin).error404 :where(.page-content, .entry-content),
body:not(.wp-admin).search-no-results :where(.page-content, .entry-content) {
  width: min(920px, calc(100% - 32px));
  margin: 0 auto;
  padding: 3rem 0;
}

body:not(.wp-admin).error404 main :where(p, h2, h3, h4, label, span),
body:not(.wp-admin).search-no-results main :where(p, h2, h3, h4, label, span) {
  color: var(--yhbg010-muted) !important;
}

body:not(.wp-admin).error404 main :where(h1, .page-title),
body:not(.wp-admin).search-no-results main :where(h1, .page-title) {
  color: var(--yhbg010-blue) !important;
}

body:not(.wp-admin).yhwso11-watch-page main {
  background:
    linear-gradient(180deg, #092035 0, var(--yhbg010-canvas) 36rem, var(--yhbg010-canvas-deep) 100%) !important;
}

body.yhwso11-watch-page .yhwso11-watch {
  --yhwso11-ink: var(--yhbg010-ink);
  --yhwso11-muted: var(--yhbg010-muted);
  --yhwso11-line: var(--yhbg010-line);
  --yhwso11-blue: #3b82ff;
  --yhwso11-forest: #42d495;
  --yhwso11-copper: var(--yhbg010-gold);
  --yhwso11-surface: var(--yhbg010-surface);
  --yhwso11-soft: var(--yhbg010-surface-soft);
  padding-top: 32px;
}

body.yhwso11-watch-page .yhwso11-hero-panel,
body.yhwso11-watch-page .yhwso11-queue-item,
body.yhwso11-watch-page .yhwso11-card,
body.yhwso11-watch-page .yhwso11-submit {
  background: linear-gradient(180deg, var(--yhbg010-surface-raised), var(--yhbg010-surface)) !important;
  border: 1px solid var(--yhbg010-line);
  box-shadow: var(--yhbg010-shadow);
}

body.yhwso11-watch-page .yhwso11-feature {
  padding: 22px;
  background: linear-gradient(135deg, rgba(20, 47, 69, 0.92), rgba(7, 22, 36, 0.92));
  border: 1px solid var(--yhbg010-line);
  border-radius: 8px;
  box-shadow: var(--yhbg010-shadow);
}

body.yhwso11-watch-page .yhwso11-player-feature {
  box-shadow: 0 26px 64px rgba(0, 0, 0, 0.34);
}

body.yhwso11-watch-page .yhwso11-button,
body.yhwso11-watch-page .yhwso11-card-actions a:first-child {
  background: var(--yhbg010-blue);
  border-color: var(--yhbg010-blue);
  color: #ffffff !important;
}

body.yhwso11-watch-page .yhwso11-button-secondary,
body.yhwso11-watch-page .yhwso11-card-actions a:last-child,
body.yhwso11-watch-page .yhwso11-section-header-row > a {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--yhbg010-line) !important;
  color: #cfe2ff !important;
}

body.yhwso11-watch-page .yhwso11-queue-index {
  color: var(--yhbg010-gold);
}

body.yhwso11-watch-page .yhwso11-card-copy,
body.yhwso11-watch-page .yhwso11-queue-copy {
  color: var(--yhbg010-muted);
}

body.yhwso11-watch-page .yhwso11-meta-line,
body.yhwso11-watch-page .yhwso11-meta-line time {
  color: var(--yhbg010-soft);
}

body.yhwso11-watch-page .yhwso11-meta-line a,
body.yhwso11-watch-page .yhwso11-card-copy h3 a {
  color: var(--yhbg010-ink);
}

body.yhwso11-watch-page .yhwso11-submit {
  border-bottom: 3px solid var(--yhbg010-green);
}

@media (max-width: 760px) {
  body.yhwso11-watch-page .yhwso11-feature {
    padding: 14px;
  }
}