/* ==== cb-public.css ==== */

:root,
html,
html[data-home-theme],
body,
body.light-mode,
body.page-browse {
  --bg: #fff !important;
  --card: #fff !important;
  --card-hover: #f2f2f2 !important;
  --text: #0f0f0f !important;
  --text-primary: #0f0f0f !important;
  --text-secondary: #606060 !important;
  --text-muted: #606060 !important;
  --sub: #606060 !important;
  --accent: #065fd4 !important;
  --accent-hover: #0556bf !important;
  --pri: #e8a317 !important;
  --border: #e5e5e5 !important;
  --brd: #e5e5e5 !important;
  --panel-soft: #f2f2f2 !important;
  --gradient: none !important;
  color-scheme: light !important;
}

html, body.page-browse {
  margin: 0;
  padding: 0;
  background: #fff !important;
  color: #0f0f0f !important;
  font-family: Roboto, Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

body.page-browse a { text-decoration: none; color: inherit; }
body.page-browse * { box-sizing: border-box; }

body.page-browse header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2020;
  background: #fff;
  border-bottom: none;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 0;
  box-sizing: border-box;
}
body.page-browse .header-inner {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0 16px;
  height: 56px;
  display: grid !important;
  grid-template-columns: 169px minmax(0, 1fr) 225px !important;
  justify-content: stretch;
  align-items: center;
  gap: 0 !important;
  box-sizing: border-box;
}
body.page-browse .header-start {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  grid-column: 1;
  justify-self: start;
}
body.page-browse .yt-menu-btn,
body.page-browse .yt-voice-btn,
body.page-browse .yt-create-btn,
body.page-browse .yt-notif-btn {
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f0f0f;
  flex: 0 0 40px;
}
body.page-browse .yt-avatar-link {
  width: 32px;
  height: 32px;
  border: 0;
  background: #f2f2f2;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #606060;
  flex: 0 0 32px;
  overflow: hidden;
  margin-left: 4px;
  text-decoration: none;
}
body.page-browse .yt-avatar-link img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  display: block;
}
body.page-browse .yt-avatar-chip {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #606060;
}
body.page-browse .yt-menu-btn:hover,
body.page-browse .yt-create-btn:hover,
body.page-browse .yt-notif-btn:hover { background: #f2f2f2; }
body.page-browse .logo {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.4px;
  color: #0f0f0f;
}
body.page-browse .logo .cb-logo-word { color: #0f0f0f; }
body.page-browse .logo .cb-logo-18 {
  font-size: 9px;
  font-weight: 700;
  margin-left: 1px;
  vertical-align: super;
}
body.page-browse .header-center {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 732px !important;
  width: 100%;
  margin: 0 auto;
  min-width: 0;
  grid-column: 2;
  justify-self: stretch;
}
body.page-browse .header-search {
  display: flex;
  align-items: stretch;
  flex: 1 1 732px;
  max-width: 732px !important;
  height: 40px;
  min-width: 0;
}
body.page-browse .header-search { position: relative; }
body.page-browse .yt-search-clear {
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f0f0f;
  padding: 0;
}
body.page-browse .yt-search-clear[hidden] { display: none; }
body.page-browse .yt-search-clear:hover { background: #f2f2f2; }
body.page-browse .header-search input.has-clear { padding-right: 48px; }
body.page-browse .header-search input {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-right: 0;
  border-radius: 40px 0 0 40px;
  color: #0f0f0f;
  font-size: 16px;
  outline: none;
  font-family: Roboto, Arial, sans-serif;
}
body.page-browse .header-search input:focus {
  border-color: #1c62b9;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
body.page-browse .header-search button[type="submit"] {
  background: #f8f8f8;
  color: #0f0f0f;
  border: 1px solid #ccc;
  width: 64px;
  height: 40px;
  border-radius: 0 40px 40px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 64px;
}
body.page-browse .header-search button[type="submit"] svg { width: 20px; height: 20px; fill: #0f0f0f; }
body.page-browse .yt-voice-btn { background: #f2f2f2; margin-left: 12px; }
body.page-browse .yt-voice-btn:hover { background: #e5e5e5; }
body.page-browse .header-nav-links {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
  grid-column: 3;
  justify-content: flex-end;
  justify-self: end;
}
body.page-browse .nav-btn {
  background: transparent;
  border: 1px solid rgba(0,0,0,.2);
  color: #065fd4;
  padding: 0 15px;
  height: 36px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-radius: 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: Roboto, Arial, sans-serif;
}
body.page-browse .nav-btn:hover { background: #def1ff; }
body.page-browse .nav-btn.primary { background: transparent; color: #065fd4; }
body.page-browse .nav-btn svg { width: 24px; height: 24px; }

body.page-browse .page-shell {
  display: flex;
  align-items: flex-start;
  min-height: calc(100vh - 56px);
}
body.page-browse .yt-mini-guide {
  width: 240px;
  flex: 0 0 240px;
  padding: 12px 12px 24px;
  position: sticky;
  top: 0;
  height: calc(100vh - 56px);
  overflow: auto;
}
body.page-browse .yt-mini-guide a {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 40px;
  width: 204px;
  max-width: 204px;
  box-sizing: border-box;
  padding: 0 12px;
  border-radius: 10px;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 400;
}
body.page-browse .yt-mini-guide a:hover { background: #f2f2f2; }
body.page-browse .yt-mini-guide a.is-on { background: #f2f2f2; font-weight: 500; }
body.page-browse .yt-mini-guide svg { width: 24px; height: 24px; flex: 0 0 24px; }
body.page-browse .yt-mini-guide .g-gap {
  height: 1px;
  background: #e5e5e5;
  margin: 12px 0;
}
body.page-browse .yt-mini-guide .yt-guide-heading {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 12px 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #0f0f0f;
  width: 204px;
  max-width: 204px;
  box-sizing: border-box;
}
body.page-browse .yt-mini-guide .yt-guide-heading .yt-guide-chevron {
  width: 20px;
  height: 20px;
  margin-left: 2px;
  flex: 0 0 20px;
  color: #0f0f0f;
}
body.page-browse:not(.is-logged-in) .yt-mini-guide .yt-guide-you-head {
  display: none !important;
}
body.page-browse:not(.is-logged-in) .yt-mini-guide .yt-guide-lib,
body.page-browse:not(.is-logged-in) header .yt-create-btn,
body.page-browse:not(.is-logged-in) header .yt-notif-btn {
  display: none !important;
}
body.page-browse .yt-guide-promo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 12px 8px;
  font-size: 14px;
  line-height: 20px;
  color: #0f0f0f;
}
body.page-browse .yt-guide-promo .nav-btn {
  display: inline-flex;
  width: auto;
  min-width: 84px;
  height: 36px;
  margin: 0;
  padding: 0 16px;
}
body.page-browse .page-wrap {
  flex: 1;
  min-width: 0;
  max-width: 1096px;
  margin: 0;
  padding: 24px 24px 80px;
}

body.page-browse .cb-page-h1 {
  margin: 0 0 8px;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  color: #0f0f0f;
  font-family: Roboto, Arial, sans-serif;
}
body.page-browse .cb-page-sub {
  margin: 0 0 20px;
  font-size: 14px;
  color: #606060;
}

body.page-browse .cb-chip-row {
  display: flex;
  gap: 12px;
  margin: 0 0 24px;
  overflow-x: auto;
}
body.page-browse .cb-chip {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  background: #f2f2f2;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
body.page-browse .cb-chip:hover { background: #e5e5e5; }
body.page-browse .cb-chip.is-on { background: #0f0f0f; color: #fff; }

body.page-browse .cb-trend-list,
body.page-trending .cb-trend-list { display: flex; flex-direction: column; gap: 16px; }
body.page-browse .cb-trend-row,
body.page-trending .cb-trend-row,
body.page-browse .cb-trend-row:link,
body.page-trending .cb-trend-row:link,
body.page-browse .cb-trend-row:visited,
body.page-trending .cb-trend-row:visited,
body.page-browse .cb-trend-row:hover,
body.page-trending .cb-trend-row:hover,
body.page-browse .cb-trend-row:active,
body.page-trending .cb-trend-row:active {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  color: inherit;
  text-decoration: none;
}
body.page-browse .cb-trend-row:hover .cb-trend-title,
body.page-trending .cb-trend-row:hover .cb-trend-title,
body.page-browse .cb-trend-row:visited .cb-trend-title,
body.page-trending .cb-trend-row:visited .cb-trend-title {
  color: #0f0f0f;
}
body.page-browse .cb-trend-num,
body.page-trending .cb-trend-num {
  width: 20px;
  flex: 0 0 20px;
  font-size: 16px;
  font-weight: 500;
  color: #606060;
  padding-top: 8px;
  text-align: right;
}
body.page-browse .cb-trend-thumb,
body.page-trending .cb-trend-thumb {
  width: 360px;
  height: 202px;
  flex: 0 0 360px;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
  position: relative;
}
body.page-browse .cb-trend-thumb::before,
body.page-trending .cb-trend-thumb::before,
body.page-browse .cb-trend-thumb::after,
body.page-trending .cb-trend-thumb::after { content: none !important; display: none !important; }
body.page-browse .cb-trend-thumb img,
body.page-trending .cb-trend-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none !important;
  opacity: 1 !important;
}
body.page-browse .cb-trend-thumb .no-thumb,
body.page-trending .cb-trend-thumb .no-thumb {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #909090;
}
body.page-browse .cb-dur,
body.page-trending .cb-dur {
  position: absolute;
  right: 6px;
  bottom: 6px;
  background: rgba(0,0,0,.8);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 4px;
  border-radius: 4px;
}
body.page-browse .cb-trend-meta,
body.page-trending .cb-trend-meta { flex: 1; min-width: 0; padding-top: 2px; }
body.page-browse .cb-trend-title,
body.page-trending .cb-trend-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #0f0f0f;
  margin: 0 0 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-browse .cb-trend-sub,
body.page-trending .cb-trend-sub {
  font-size: 12px;
  line-height: 18px;
  color: #606060;
}

body.page-browse .cb-cat-grid,
body.page-categories .cb-cat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
body.page-browse .cb-cat-card,
body.page-categories .cb-cat-card {
  display: block;
  color: inherit;
}
body.page-browse .cb-cat-thumb,
body.page-categories .cb-cat-thumb {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
}
body.page-browse .cb-cat-thumb::before,
body.page-browse .cb-cat-thumb::after,
body.page-categories .cb-cat-thumb::before,
body.page-categories .cb-cat-thumb::after { content: none !important; display: none !important; }
body.page-browse .cb-cat-thumb img,
body.page-categories .cb-cat-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none !important;
  opacity: 1 !important;
}
body.page-browse .cb-cat-thumb .no-thumb {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #909090;
}
body.page-browse .cb-cat-thumb .no-thumb i { display: none !important; }
body.page-browse .cb-cat-name,
body.page-categories .cb-cat-name {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #0f0f0f;
}
body.page-browse .cb-cat-count,
body.page-categories .cb-cat-count {
  font-size: 12px;
  color: #606060;
}

body.page-browse .cb-tag-search {
  position: relative;
  max-width: 480px;
  margin: 0 0 24px;
}
body.page-browse .cb-tag-search input {
  width: 100%;
  height: 40px;
  padding: 0 16px;
  border: 1px solid #ccc;
  border-radius: 40px;
  font-size: 16px;
  outline: none;
  font-family: Roboto, Arial, sans-serif;
}
body.page-browse .cb-tag-search input:focus { border-color: #1c62b9; }
body.page-browse .cb-sec {
  font-size: 16px;
  font-weight: 500;
  margin: 24px 0 12px;
  color: #0f0f0f;
}
body.page-browse .cb-chip-wrap,
body.page-browse .letter-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.page-browse .cb-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  background: #f2f2f2;
  color: #0f0f0f;
  font-size: 14px;
}
body.page-browse .cb-tag:hover { background: #e5e5e5; }
body.page-browse .cb-tag .tag-cnt { color: #606060; font-size: 12px; }
body.page-browse .cb-alpha {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 20px;
}
body.page-browse .cb-alpha a {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #0f0f0f;
}
body.page-browse .cb-alpha a:hover { background: #f2f2f2; }
body.page-browse .cb-alpha a.disabled { color: #ccc; pointer-events: none; }
body.page-browse .letter-header {
  font-size: 20px;
  font-weight: 500;
  margin: 20px 0 10px;
  color: #0f0f0f;
}

body.page-browse .cb-model-grid,
body.page-browse .channels-grid,
body.page-browse .stars-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
body.page-browse .cb-model-card,
body.page-browse .chan-card,
body.page-browse .star-card {
  display: block;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none !important;
}
body.page-browse .cb-model-av {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page-browse .cb-model-av-letter {
  color: #606060;
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
}
body.page-browse .cb-model-av::before,
body.page-browse .cb-model-av::after { content: none !important; display: none !important; }
body.page-browse .cb-model-av img,
body.page-browse .star-cover img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: none !important;
  opacity: 1 !important;
}
body.page-browse .cb-model-name,
body.page-browse .chan-card .name,
body.page-browse .star-info .name {
  font-size: 16px;
  font-weight: 500;
  color: #0f0f0f;
  text-align: center;
}
body.page-browse .cb-model-sub,
body.page-browse .chan-card .stats,
body.page-browse .star-info .stats {
  font-size: 12px;
  color: #606060;
  text-align: center;
}
body.page-browse .chan-card {
  padding: 16px 8px 8px;
  border-radius: 0;
  background: transparent;
  text-align: center;
}
body.page-browse .chan-av {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #f2f2f2;
  color: #606060;
  font-size: 44px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
body.page-browse .chan-card .badge { display: none; }
body.page-browse .chan-card .name,
body.page-browse .chan-card .stats { text-align: center; }
body.page-browse .star-cover {
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #909090;
}
body.page-browse .star-info { padding: 10px 0 0; }
body.page-browse .star-info .name,
body.page-browse .star-info .stats { text-align: left; }

body.page-browse .cb-empty,
body.page-browse .empty-state,
body.page-search .empty-state,
body.page-search .search-landing,
body.page-channel .empty-state,
body.page-channel .error-state,
body.page-profile .empty-state {
  max-width: 420px;
  margin: 0 auto;
  padding: 80px 20px;
  text-align: center;
  color: #606060;
  font-size: 14px;
  line-height: 20px;
  grid-column: 1 / -1;
}
body.page-browse .cb-empty h2,
body.page-browse .empty-state h2,
body.page-search .empty-state h2,
body.page-search .search-landing h2,
body.page-channel .empty-state h2,
body.page-channel .cb-later-empty h2,
body.page-profile .cb-later-empty h2 {
  margin: 16px 0 8px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #0f0f0f;
}
body.page-browse .cb-empty p,
body.page-browse .empty-state p,
body.page-search .empty-state p,
body.page-search .search-landing p,
body.page-channel .empty-state p,
body.page-channel .cb-later-empty p,
body.page-profile .cb-later-empty p {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
  color: #606060;
}
body.page-browse .empty-state i,
body.page-search .empty-state i,
body.page-channel .empty-state i {
  display: none;
}

body.page-browse .cb-later-empty {
  max-width: 420px;
  padding: 80px 0;
}
body.page-browse .cb-later-empty h2 {
  margin: 16px 0 8px;
  font-size: 24px;
  font-weight: 400;
  color: #0f0f0f;
}
body.page-browse .cb-later-empty p {
  margin: 0 0 20px;
  font-size: 14px;
  color: #606060;
}
body.page-browse .cb-later-browse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  background: #0f0f0f;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  font-family: Roboto, Arial, sans-serif;
}
body.page-browse .cb-later-browse:hover { background: #272727; }
body.page-browse .cb-later-item {
  display: flex;
  gap: 16px;
  padding: 8px 0;
  color: inherit;
}
body.page-browse .cb-later-item img,
body.page-browse .cb-later-item .ph {
  width: 246px;
  height: 138px;
  border-radius: 12px;
  object-fit: cover;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
  filter: none !important;
  opacity: 1 !important;
  flex: 0 0 246px;
}
body.page-browse .cb-later-item > a::before,
body.page-browse .cb-later-item > a::after,
body.page-browse .cb-later-item img::before,
body.page-browse .cb-later-item img::after { content: none !important; display: none !important; }
body.page-browse .cb-later-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #0f0f0f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-browse .cb-later-remove {
  border: 0;
  background: transparent;
  color: #606060;
  cursor: pointer;
  font-size: 20px;
  padding: 4px 8px;
}
body.page-browse .cb-later-list { display: flex; flex-direction: column; }
body.page-browse .cb-later-meta { flex: 1; min-width: 0; }
body.page-browse .cb-later-actions {
  display: flex;
  gap: 8px;
  margin: 0 0 20px;
}
body.page-browse .cb-later-actions[hidden],
body.page-browse .cb-later-list[hidden],
body.page-browse .cb-later-empty[hidden] { display: none !important; }
body.page-browse .cb-later-actions button,
body.page-browse .cb-later-more {
  height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.1);
  background: #f2f2f2;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  font-family: Roboto, Arial, sans-serif;
}
body.page-browse .cb-later-more { margin: 16px 0 40px; }
body.page-browse .cb-later-more[hidden] { display: none !important; }
body.page-browse .cb-later-item > a { position: relative; display: block; flex: 0 0 246px; }
body.page-browse .cb-later-dur {
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: rgba(0,0,0,.8);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 1px 4px;
  border-radius: 2px;
}
body.page-browse .cb-later-sub {
  margin-top: 4px;
  font-size: 12px;
  color: #606060;
}
body.page-browse .cb-pager {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
  font-size: 14px;
  color: #606060;
}
body.page-browse .cb-pager a { color: #065fd4; }
body.page-browse .cb-alpha a.is-on { background: #0f0f0f; color: #fff; }

@media (max-width: 1100px) {
  body.page-browse .yt-mini-guide { display: none; }
  body.page-browse.guide-open .yt-mini-guide {
    display: block;
    position: fixed;
    left: 0;
    top: 56px;
    z-index: 180;
    background: #fff;
    box-shadow: 0 4px 32px rgba(0,0,0,.12);
  }
  body.page-browse.guide-open::before {
    content: "";
    position: fixed;
    inset: 56px 0 0 0;
    background: rgba(0,0,0,.5);
    z-index: 170;
  }
  body.page-browse .cb-cat-grid,
  body.page-browse .cb-model-grid,
  body.page-browse .channels-grid,
  body.page-browse .stars-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px) {
  body.page-browse header { overflow: hidden; }
  body.page-browse .header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0;
    padding: 0 8px;
  }
  body.page-browse .header-start,
  body.page-browse .header-nav-links { min-width: 0; width: auto; }
  body.page-browse .header-nav-links { gap: 0; }
  body.page-browse .cb-page-h1 { font-size: 24px; line-height: 32px; }
  body.page-browse .cb-trend-thumb, body.page-trending .cb-trend-thumb { width: 160px; height: 90px; flex-basis: 160px; }
  body.page-browse .cb-trend-title, body.page-trending .cb-trend-title { font-size: 14px; line-height: 20px; }
  body.page-browse .cb-later-item img,
  body.page-browse .cb-later-item .ph { width: 168px; height: 94px; flex-basis: 168px; }
  body.page-browse .cb-later-item > a { flex-basis: 168px; }
  body.page-browse .cb-later-title { font-size: 14px; line-height: 20px; }
  body.page-browse .cb-cat-grid,
  body.page-browse .cb-model-grid,
  body.page-browse .channels-grid,
  body.page-browse .stars-grid { grid-template-columns: repeat(2, 1fr); }
  body.page-browse:not(.page-search) .header-center { display: none; }
  body.page-browse.page-search .header-start { min-width: 0; flex: 0 0 auto; }
  body.page-browse.page-search .cb-logo-word { display: none; }
  body.page-browse.page-search .yt-create-btn { display: none; }
  body.page-browse.page-search .header-center {
    min-width: 0;
    flex: 1 1 auto;
    max-width: none;
    margin: 0 4px;
  }
  body.page-browse.page-search .header-search { max-width: none; }
  body.page-browse.page-search .header-search button[type="submit"] {
    width: 40px;
    flex: 0 0 40px;
  }
  body.page-browse.page-search .yt-voice-btn { margin-left: 4px; }
  body.page-browse.page-search .header-nav-links { min-width: 0; flex: 0 0 auto; }
  body.page-browse .page-wrap { padding: 16px 12px 80px; }
}

body.page-browse .search-autocomplete-wrap { position: relative; }
body.page-browse .ac-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  z-index: 300;
  max-height: 420px;
  overflow-y: auto;
  display: none;
}
body.page-browse .ac-dropdown.show { display: block; }
body.page-browse .ac-section-label {
  font-size: 12px;
  font-weight: 500;
  color: #606060;
  padding: 10px 16px 4px;
}
body.page-browse .ac-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  cursor: pointer;
  font-size: 16px;
  color: #0f0f0f;
}
body.page-browse .ac-item:hover,
body.page-browse .ac-item.ac-active { background: #f2f2f2; }
body.page-browse .ac-item .ac-icon { width: 20px; text-align: center; color: #606060; flex-shrink: 0; }
body.page-browse .ac-item .ac-text { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.page-browse .ac-item .ac-text mark { background: transparent; color: #0f0f0f; font-weight: 500; }
body.page-browse .ac-item .trend-num { font-size: 11px; font-weight: 700; color: #606060; min-width: 18px; }

body.page-search .page-wrap {
  max-width: 1280px !important;
  margin: 0 !important;
  padding: 3px 24px 60px !important;
  box-sizing: border-box !important;
}
body.page-search .filter-sidebar,
body.page-search .filter-toggle-mobile,
body.page-search .search-history-bar { display: none !important; }
body.page-search .results-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 10px;
}
body.page-search .results-count { font-size: 14px; color: #606060; }
body.page-search .results-count strong { color: #0f0f0f; font-weight: 500; }
body.page-search .results-count .query-text { color: #0f0f0f; font-weight: 500; }
body.page-search .cb-search-channels { display: flex; flex-direction: column; gap: 12px; margin: 0 0 20px; }
body.page-search .cb-search-channel {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0 16px;
  border-bottom: 1px solid var(--brd, rgba(0,0,0,.08));
}
body.page-search .cb-search-channel-main {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex: 1;
  color: inherit;
  text-decoration: none;
}
body.page-search .cb-search-channel-av {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: #e5e5e5;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}
body.page-search .cb-search-channel-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 600;
  color: #606060;
}
body.page-search .cb-search-channel-meta { min-width: 0; }
body.page-search .cb-search-channel-name {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-primary, #0f0f0f);
  display: flex;
  align-items: center;
  gap: 4px;
}
body.page-search .cb-search-channel-sub {
  margin-top: 4px;
  font-size: 13px;
  color: var(--text-secondary, #606060);
}
body.page-search .cb-search-sub {
  flex-shrink: 0;
  border: 0;
  border-radius: 18px;
  padding: 8px 16px;
  min-height: 36px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  background: var(--text-primary, #0f0f0f);
  color: var(--bg, #fff);
}
body.page-search .cb-search-sub:hover { background: #272727; }
body.page-search .cb-search-sub.is-on {
  background: #f2f2f2;
  color: #0f0f0f;
}
body.page-search .cb-search-sub.is-on:hover { background: #e5e5e5; }
@media (max-width: 640px) {
  body.page-search .cb-search-channel-av { width: 64px; height: 64px; }
  body.page-search .cb-search-channel-letter { font-size: 24px; }
}
body.page-search .video-grid { display: flex; flex-direction: column; gap: 16px; }
body.page-search .video-card {
  display: flex;
  gap: 16px;
  min-height: 280.5px;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  align-items: flex-start;
}
body.page-search .video-card:hover { transform: none; box-shadow: none; }
body.page-search .card-thumb {
  width: 500px;
  max-width: 500px;
  flex: 0 0 500px;
  height: 280.5px;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
  position: relative;
  border-radius: 12px;
}
body.page-search .card-thumb::before,
body.page-search .card-thumb::after { content: none !important; display: none !important; }
body.page-search .card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none !important;
  opacity: 1 !important;
  position: relative;
  z-index: 1;
}
body.page-search .card-thumb .no-thumb {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
  font-size: 32px;
  color: #909090;
}
body.page-search .thumb-duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 2;
  background: rgba(0,0,0,.8);
  color: #fff;
  font-size: 12px;
  padding: 3px 4px;
  border-radius: 4px;
  font-weight: 500;
  line-height: 1;
}
body.page-search .thumb-vip {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #0f0f0f;
  color: #fff;
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 4px;
  font-weight: 500;
}
body.page-search .card-info { padding: 0; flex: 1; min-width: 0; }
body.page-search .card-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #0f0f0f;
}
body.page-search .card-author { display: flex; align-items: center; gap: 8px; margin: 12px 0 6px; }
body.page-search .card-avt {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-color: #f2f2f2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page-search .card-avt-letter {
  background-image: none !important;
  color: #606060;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}
body.page-search .card-author-name { font-size: 12px; color: #606060; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.page-search .card-author-name .official-badge { color: #065fd4; font-size: 12px; margin-left: 3px; }
body.page-search .card-meta { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 18px; height: 18px; color: #606060; }
body.page-search .card-stats i { display: none; }
body.page-search .card-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5;
  color: #606060;
  margin-top: 8px;
}
body.page-search .yt-shorts-rail { margin: 8px 0 24px; }
body.page-search .yt-shorts-rail-head { font-size: 20px; font-weight: 700; margin: 0 0 12px; color: #0f0f0f; }
body.page-search .yt-shorts-rail-row { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; }
body.page-search .yt-shorts-tile { flex: 0 0 210px; width: 210px; color: inherit; }
body.page-search .yt-shorts-thumb { width: 210px; height: 372px; border-radius: 12px; overflow: hidden; background: #f2f2f2; }
body.page-search .yt-shorts-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-search .yt-shorts-title {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-search .quick-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  height: 50px;
  margin: 0 0 3px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
body.page-search .quick-filters::-webkit-scrollbar { display: none; }
body.page-search .qf-chip {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  background: var(--panel-soft);
  border: 0;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  text-decoration: none;
  white-space: nowrap;
  flex: 0 0 auto;
  font-family: Roboto, Arial, sans-serif;
}
body.page-search .qf-chip:hover { background: var(--card-hover); }
body.page-search .qf-chip.active { background: var(--text-primary); color: var(--bg); }
body.page-search .qf-filters-wrap { position: relative; margin-left: auto; }
body.page-search .qf-filters-btn {
  gap: 6px;
  cursor: pointer;
  font: inherit;
}
body.page-search .qf-filters-btn svg { display: block; flex-shrink: 0; }
body.page-search .qf-filters-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: auto;
  right: 0;
  z-index: 40;
  min-width: 560px;
  padding: 16px 16px 12px;
  background: var(--card, #fff);
  border: 1px solid var(--brd, #e5e5e5);
  border-radius: 12px;
  box-shadow: var(--shadow-md, 0 4px 16px rgba(0,0,0,.12));
}
body.page-search .qf-filters-panel[hidden] { display: none !important; }
body.page-search .qf-filters-cols {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 16px 24px;
}
body.page-search .qf-filters-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary, #606060);
  margin: 0 0 8px;
}
body.page-search .qf-filters-opt {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-primary, #0f0f0f);
  text-decoration: none;
  line-height: 1.3;
}
body.page-search .qf-filters-opt:hover { background: #f2f2f2; }
body.page-search .qf-filters-opt.is-on {
  background: #f2f2f2;
  font-weight: 500;
}
body.page-search .qf-filters-clear {
  display: inline-block;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--accent, #065fd4);
  text-decoration: none;
}
@media (max-width: 1100px) {
  body.page-search .qf-filters-panel {
    position: fixed;
    top: 112px;
    left: 12px;
    right: 12px;
    width: auto;
    min-width: 0;
    max-height: calc(100vh - 128px);
    overflow: auto;
  }
}
@media (max-width: 700px) {
  body.page-search .qf-filters-cols {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
body.page-search .pagination { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 40px; flex-wrap: wrap; }
body.page-search .page-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #0f0f0f;
  text-decoration: none;
}
body.page-search .page-btn:hover { background: #f2f2f2; }
body.page-search .page-btn.active { background: #0f0f0f; color: #fff; border-color: #0f0f0f; }
body.page-search .page-btn.disabled { opacity: .3; pointer-events: none; }
body.page-search .empty-state,
body.page-search .search-landing { text-align: center; padding: 80px 20px; color: #606060; }
body.page-search .empty-state .empty-icon,
body.page-search .search-landing .landing-icon { width: 64px; height: 64px; margin: 0 auto 20px; color: #909090; display: block; }
body.page-search .empty-state i.empty-icon,
body.page-search .search-landing i.landing-icon,
body.page-search .suggestion-tag i,
body.page-search .trending-title i,
body.page-search .sh-label i,
body.page-search .sh-clear i,
body.page-search .filter-toggle-mobile i,
body.page-search .filter-label i,
body.page-search .opt-icon,
body.page-search .dym-banner i,
body.page-search .thumb-vip i,
body.page-search .page-btn i,
body.page-search .ac-icon,
body.page-search .ac-arrow,
body.page-search .qf-chip i,
body.page-search i.fas,
body.page-search i.far,
body.page-search i.fab { display: none !important; }
body.page-search .empty-state h2,
body.page-search .search-landing h2 { color: #0f0f0f; font-size: 24px; margin: 16px 0 8px; font-weight: 400; line-height: 32px; }
body.page-search .search-landing p { margin: 0 0 8px; }
body.page-search .trending-section {
  display: block;
  width: 100%;
  max-width: 720px;
  margin: 24px auto 0;
  position: static;
}
body.page-search .trending-title {
  display: block;
  position: static !important;
  width: 100%;
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #606060;
  text-align: center;
}
body.page-search .suggestion-tags,
body.page-search .trending-list { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; position: relative; }
body.page-search .suggestion-tag,
body.page-search .trending-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 16px;
  background: #f2f2f2;
  border: 0;
  border-radius: 20px;
  font-size: 13px;
  color: #0f0f0f;
  font-weight: 500;
}
body.page-search .suggestion-tag:hover,
body.page-search .trending-item:hover { background: #e5e5e5; }
body.page-search .did-you-mean,
body.page-search .dym-banner { margin: 16px 0; font-size: 14px; color: #606060; }
body.page-search .did-you-mean a,
body.page-search .dym-banner a { color: #065fd4; font-weight: 500; }
body.page-search .dym-banner {
  background: #f2f2f2;
  border: 0;
  border-radius: 10px;
  padding: 12px 18px;
}
@media (max-width: 900px) {
  body.page-search .card-thumb { width: 168px; flex: 0 0 168px; max-width: 44%; height: auto; }
  body.page-search .card-title { font-size: 14px; }
  body.page-search .video-card { gap: 10px; }
}

body.page-upload .page-wrap { max-width: 860px; }
body.page-upload .cb-up-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
}
body.page-upload .cb-up-head h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: #0f0f0f;
}
body.page-upload .cb-up-head .back-btn { color: #0f0f0f; font-size: 14px; }
body.page-upload .cb-up-official {
  font-size: 12px;
  color: #065fd4;
  border: 1px solid #065fd4;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 8px;
}
body.page-upload .upload-zone {
  border: 1px dashed #ccc;
  padding: 48px 24px;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
  background: #f8f8f8;
}
body.page-upload .upload-zone:hover { background: #f2f2f2; border-color: #909090; }
body.page-upload .zone-icon { color: #606060; margin-bottom: 12px; display: flex; justify-content: center; }
body.page-upload .zone-icon i { display: none !important; }
body.page-upload .upload-zone h3 { margin: 0 0 8px; font-size: 16px; font-weight: 500; color: #0f0f0f; }
body.page-upload .file-list { margin-top: 24px; }
body.page-upload .file-item {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 14px;
  border-radius: 12px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
}
body.page-upload .f-name { font-weight: 500; font-size: 14px; margin-bottom: 5px; color: #0f0f0f; }
body.page-upload .f-prog-bg { height: 4px; background: #e5e5e5; border-radius: 2px; overflow: hidden; }
body.page-upload .f-prog-fill { height: 100%; background: #065fd4; width: 0; }
body.page-upload .f-status { font-size: 12px; color: #606060; margin-top: 5px; display: flex; justify-content: space-between; }
body.page-upload .controls {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
}
body.page-upload .cb-up-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
body.page-upload .cb-up-field label {
  font-size: 13px;
  font-weight: 500;
  color: #0f0f0f;
  font-family: Roboto, Arial, sans-serif;
}
body.page-upload .cb-up-checks {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  min-height: 40px;
}
body.page-upload .cb-up-checks label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #0f0f0f;
  cursor: pointer;
  font-family: Roboto, Arial, sans-serif;
}
body.page-upload .cb-up-checks input {
  accent-color: #065fd4;
  width: 16px;
  height: 16px;
}
body.page-upload .cb-up-hint {
  grid-column: 1 / -1;
  font-size: 12px;
  color: #606060;
  line-height: 1.4;
}
body.page-upload .cb-up-actions { grid-column: 1 / -1; }
@media (max-width: 700px) {
  body.page-upload .controls { grid-template-columns: 1fr; }
}
body.page-upload .inp {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #ccc;
  color: #0f0f0f;
  border-radius: 8px;
  outline: none;
  font-family: Roboto, Arial, sans-serif;
}
body.page-upload .inp:focus { border-color: #1c62b9; }
body.page-upload .btn {
  padding: 0 20px;
  height: 40px;
  background: #0f0f0f;
  color: #fff;
  border: 0;
  border-radius: 20px;
  font-weight: 500;
  cursor: pointer;
  font-family: Roboto, Arial, sans-serif;
}
body.page-upload .btn:hover:not(:disabled) { background: #272727; }
body.page-upload .btn:disabled { background: #ccc; color: #fff; cursor: not-allowed; }
body.page-upload label { color: #0f0f0f; }
body.page-upload #gVisibilityHint { color: #606060; }

body.page-vip .page-wrap { max-width: 1120px; padding-top: 16px; }
body.page-vip .vip-nav,
body.page-vip .theme-toggle-btn,
body.page-vip .lang-toggle { display: none !important; }
body.page-vip .vip-hero {
  position: relative;
  padding: 32px 0 48px;
  text-align: center;
  overflow: visible;
}
body.page-vip .vip-hero::before { display: none; }
body.page-vip .vip-hero .crown-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #f2f2f2;
  border: 0;
  margin-bottom: 20px;
}
body.page-vip .vip-hero .crown-icon i { font-size: 28px; color: #0f0f0f; background: none; -webkit-text-fill-color: #0f0f0f; filter: none; }
body.page-vip .vip-hero h1 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.2;
  margin: 0 0 8px;
  color: #0f0f0f;
}
body.page-vip .vip-hero .subtitle { font-size: 16px; color: #606060; margin: 0 0 20px; }
body.page-vip .vip-container { max-width: 1120px; margin: 0 auto; padding: 0; }
body.page-vip .vip-footer { text-align: center; padding: 32px 0; border-top: 1px solid #e5e5e5; margin-top: 40px; color: #606060; }
body.page-vip .vip-footer .footer-links { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-bottom: 16px; }
body.page-vip .vip-footer .footer-links a { color: #606060; font-size: 14px; }
body.page-vip .vip-footer .footer-links a:hover { color: #0f0f0f; }
body.page-vip .benefit-card { background: #fff; border: 1px solid #e5e5e5; box-shadow: none; }
body.page-vip .benefit-card:hover { transform: none; }
body.page-vip .benefit-icon {
  background: #f2f2f2 !important;
  border: 0 !important;
  color: #0f0f0f;
}
body.page-vip .benefit-icon svg { display: block; }
body.page-vip i.fas,
body.page-vip i.far,
body.page-vip i.fab { display: none !important; }
body.page-vip .check-yes::before { content: "✓"; color: #0f0f0f; font-weight: 500; margin-right: 4px; }
body.page-vip .check-no::before { content: "–"; color: #909090; margin-right: 4px; }
body.page-vip .compare-item.free { background: #f2f2f2; border: 1px solid #e5e5e5; color: #606060; }
body.page-vip .compare-item.vip { background: #e8f0fe; border: 1px solid #d2e3fc; color: #065fd4; }
body.page-vip .hero-cta {
  background: linear-gradient(135deg, #f5c518, #e8a317) !important;
  color: #0f0f0f !important;
  box-shadow: none !important;
  border-radius: 24px !important;
  padding: 0 20px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  height: 48px;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.page-vip .hero-cta:hover { background: linear-gradient(135deg, #e8a317, #d49410) !important; color: #0f0f0f !important; transform: none !important; }
body.page-vip .vip-hero .crown-icon { animation: none !important; }
body.page-vip .price-card { background: #fff; border: 1px solid #e5e5e5; transform: none !important; border-radius: 16px; box-shadow: 0 1px 2px rgba(15,15,15,.04), 0 8px 24px rgba(15,15,15,.04); }
body.page-vip .price-card:hover,
body.page-vip .price-card.featured:hover { transform: none !important; box-shadow: 0 1px 2px rgba(15,15,15,.04), 0 8px 24px rgba(15,15,15,.06) !important; }
body.page-vip .price-card.featured { border-color: #e5e5e5 !important; transform: none !important; animation: none !important; }
body.page-vip .btn-buy.primary { background: #065fd4 !important; color: #f1f1f1 !important; box-shadow: none !important; transform: none !important; border-radius: 24px !important; height: 48px; font-size: 16px !important; font-weight: 500 !important; }
body.page-vip .btn-buy.primary:hover { background: #0556bf !important; box-shadow: none !important; transform: none !important; }
body.page-vip .btn-buy.secondary { background: #f2f2f2 !important; color: #0f0f0f !important; border-color: #e5e5e5 !important; }
body.page-vip .btn-buy.secondary:hover { background: #e5e5e5 !important; border-color: #d3d3d3 !important; }
body.page-vip .points-alt { background: #f2f2f2; border-color: #e5e5e5; }
body.page-vip .reveal,
body.page-vip .reveal.visible,
body.page-vip .reveal-stagger > *,
body.page-vip .reveal-stagger.visible > * {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}
body.page-vip .pay-modal .confirm-btn { background: #065fd4 !important; }
body.page-vip .pay-modal .confirm-btn:hover { background: #0556bf !important; }
body.page-vip .pay-modal .confirm-btn.is-close { background: #0f0f0f !important; color: #fff !important; }
body.page-vip .pay-modal .confirm-btn.is-close:hover { background: #272727 !important; }
body.page-vip .badge-popular { background: #0f0f0f !important; color: #fff !important; }
body.page-vip .price-amount { color: #0f0f0f !important; }
body.page-vip .points-alt strong,
body.page-vip .points-alt i { color: #0f0f0f !important; }
body.page-vip .user-points-bar strong { color: #0f0f0f !important; }
body.page-vip .price-card.featured { border-color: #e5e5e5 !important; box-shadow: 0 1px 2px rgba(15,15,15,.04), 0 8px 24px rgba(15,15,15,.04) !important; }
body.page-vip .section-title h2 span { color: #0f0f0f !important; }
body.page-vip .section-title {
  display: block !important;
  flex-direction: column;
  align-items: stretch;
  text-transform: none !important;
  margin-right: 0 !important;
  gap: 0;
}
body.page-vip .section-title h2 {
  display: block;
  white-space: normal;
}
body.page-vip .section-title p {
  display: block;
  margin: 0;
}

body.page-legal .page-wrap { max-width: 860px; }
body.page-legal .cb-legal h1 {
  margin: 0 0 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  color: #0f0f0f;
}
@media (max-width: 700px) {
  body.page-legal .cb-legal h1 {
    font-size: 24px;
    line-height: 32px;
  }
}
body.page-legal .cb-legal h2 {
  margin: 28px 0 10px;
  font-size: 20px;
  font-weight: 500;
  color: #0f0f0f;
}
body.page-legal .cb-legal p,
body.page-legal .cb-legal li { color: #0f0f0f; font-size: 14px; line-height: 1.7; }
body.page-legal .cb-legal .eyebrow { color: #606060; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; }
body.page-legal .cb-legal .meta { display: flex; flex-wrap: wrap; gap: 16px; margin: 16px 0 28px; color: #606060; font-size: 13px; }
body.page-legal .cb-legal .cta { margin-top: 28px; display: flex; gap: 12px; flex-wrap: wrap; }
body.page-legal .cb-legal .btn {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.1);
  background: #f2f2f2;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 500;
}
body.page-legal .cb-legal .btn.primary { background: #0f0f0f; color: #fff; border-color: #0f0f0f; }
body.page-legal .cb-legal a { color: #065fd4; }
body.page-legal .notice-box,
body.page-legal .contact-box {
  background: #f2f2f2;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 16px 18px;
  margin: 16px 0;
}
body.page-legal .warning-box {
  background: #fce8e6;
  border: 1px solid #f5c6c2;
  border-radius: 12px;
  padding: 16px 18px;
  margin: 16px 0;
}
body.page-legal .warning-box p { color: #c5221f; }

body.page-aisearch .page-wrap { max-width: 860px; }
body.page-aisearch .ais-wrap { max-width: 860px; margin: 8px auto 48px; padding: 0; }
body.page-aisearch .ais-hero { text-align: left; margin-bottom: 20px; }
body.page-aisearch .ais-hero h1 {
  font-size: 22px;
  font-weight: 500;
  color: #0f0f0f;
  margin: 0 0 6px;
}
body.page-aisearch .ais-hero p { color: #606060; font-size: 14px; margin: 0; }
body.page-aisearch .ais-box {
  display: flex;
  gap: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 40px;
  padding: 0 0 0 20px;
  overflow: hidden;
}
body.page-aisearch .ais-box:focus-within { border-color: #1c62b9; }
body.page-aisearch .ais-input {
  flex: 1;
  background: transparent;
  border: 0;
  outline: 0;
  color: #0f0f0f;
  font-size: 16px;
  min-height: 40px;
  font-family: Roboto, Arial, sans-serif;
}
body.page-aisearch .ais-input::placeholder { color: #909090; }
body.page-aisearch .ais-btn {
  background: #f8f8f8;
  color: #0f0f0f;
  border: 0;
  border-left: 1px solid #ccc;
  border-radius: 0;
  padding: 0 22px;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
  font-family: Roboto, Arial, sans-serif;
}
body.page-aisearch .ais-btn:hover { background: #f2f2f2; }
body.page-aisearch .ais-btn:disabled { opacity: .5; cursor: not-allowed; }
body.page-aisearch .ais-suggest {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
  justify-content: flex-start;
}
body.page-aisearch .ais-chip {
  background: #f2f2f2;
  border: 0;
  color: #0f0f0f;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 8px;
  cursor: pointer;
}
body.page-aisearch .ais-chip:hover { background: #e5e5e5; }
body.page-aisearch .ais-parsed {
  margin: 18px 0 8px;
  padding: 12px 16px;
  background: #f2f2f2;
  border-radius: 12px;
  font-size: 13px;
  color: #606060;
  display: none;
}
body.page-aisearch .ais-parsed.show { display: block; }
body.page-aisearch .ais-parsed strong { color: #0f0f0f; }
body.page-aisearch .ais-parsed .tag {
  display: inline-block;
  background: #e8f0fe;
  color: #065fd4;
  padding: 2px 8px;
  border-radius: 4px;
  margin: 0 4px 4px 0;
  font-size: 11px;
}
body.page-aisearch .ais-status { text-align: left; color: #606060; padding: 24px 0; font-size: 14px; }
body.page-aisearch .ais-status:empty,
body.page-aisearch .ais-status[data-idle="1"],
body.page-aisearch .ais-status[hidden] { display: none !important; }
body.page-aisearch .ais-results {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}
body.page-aisearch .ais-card.card,
body.page-aisearch .ais-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  overflow: hidden;
  min-height: 0;
  height: auto;
  width: 100%;
}
body.page-aisearch .ais-card:hover { transform: none; }
body.page-aisearch .ais-card .thumb {
  width: 360px;
  height: 202px;
  flex: 0 0 360px;
  background: #f2f2f2 center/cover no-repeat;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: auto;
}
body.page-aisearch .ais-card .thumb::before,
body.page-aisearch .ais-card .thumb::after {
  content: none !important;
  display: none !important;
}
body.page-aisearch .ais-card .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-aisearch .ais-card .info {
  padding: 0;
  flex: 1;
  min-width: 0;
  display: block;
  justify-content: flex-start;
}
body.page-aisearch .ais-card .info .desc {
  font-size: 18px;
  color: #0f0f0f;
  line-height: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-aisearch .ais-card .info .meta {
  margin-top: 4px;
  font-size: 12px;
  color: #606060;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
body.page-aisearch .duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0,0,0,.8);
  color: #fff;
  padding: 3px 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
body.page-aisearch .ais-tip { text-align: left; margin: 24px 0; color: #909090; font-size: 12px; }

body.page-star .page-wrap,
body.page-channel .page-wrap { max-width: 1280px; padding-top: 16px; }
body.page-star .channel-banner,
body.page-channel .channel-banner {
  height: 172px;
  border-radius: 16px;
  background: #f2f2f2 center/cover no-repeat;
  margin: 0 0 16px;
  overflow: hidden;
}
body.page-star .star-header {
  display: flex;
  gap: 24px;
  padding: 8px 0 16px;
  align-items: center;
  border-bottom: 0;
  margin-bottom: 0;
}
body.page-star .star-header .avatar {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: #f2f2f2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 56px;
  font-weight: 500;
  color: #606060;
  overflow: hidden;
}
body.page-star .star-header .avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
body.page-star .star-header .meta h1 { margin: 0 0 6px; font-size: 36px; line-height: 50px; font-weight: 700; color: #0f0f0f; }
body.page-star .star-header .meta .stats { color: #606060; font-size: 14px; }
body.page-star .star-header .meta .stats strong { color: #0f0f0f; font-weight: 500; }
body.page-star .star-header .meta .bio { color: #606060; font-size: 13px; margin-top: 8px; max-width: 600px; }
body.page-star .videos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 16px;
  padding: 16px 0 40px;
}
body.page-star .video-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  color: inherit;
  display: block;
  overflow: hidden;
}
body.page-star .video-card:hover { transform: none; }
body.page-star .video-card .thumb {
  aspect-ratio: 16/9;
  background: #f2f2f2 center/cover no-repeat;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
body.page-star .video-card .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.page-star .video-card .info { padding: 10px 0 0; }
body.page-star .video-card .info .desc {
  font-size: 16px;
  color: #0f0f0f;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-star .video-card .info .meta-row {
  margin-top: 4px;
  font-size: 12px;
  color: #606060;
  display: flex;
  justify-content: space-between;
}
body.page-star .duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0,0,0,.8);
  color: #fff;
  padding: 3px 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

body.page-channel .channel-hero {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 8px 0 16px;
  background: transparent;
  border-bottom: 0;
  margin-bottom: 0;
}
body.page-channel .channel-avatar {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: #f2f2f2;
  color: #606060;
  font-size: 56px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
body.page-channel .channel-meta { flex: 1; min-width: 0; }
body.page-channel .channel-hero h1 { margin: 0 0 6px; font-size: 36px; line-height: 50px; font-weight: 700; color: #0f0f0f; }
body.page-channel .channel-hero .chan-type { color: #606060; font-size: 14px; font-weight: 400; }
body.page-channel .channel-hero .meta { color: #606060; font-size: 14px; line-height: 22px; }
body.page-channel .channel-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.page-channel .btn-follow,
body.page-profile .btn-follow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px;
  border-radius: 20px;
  background: #0f0f0f;
  color: #f1f1f1;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border: 0;
  cursor: pointer;
}
body.page-channel .btn-follow:hover,
body.page-profile .btn-follow:hover { background: #272727; }
body.page-channel .btn-join,
body.page-profile .btn-join {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px;
  border-radius: 20px;
  background: #f2f2f2;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  font-family: Roboto, Arial, sans-serif;
}
body.page-channel .btn-join:hover,
body.page-profile .btn-join:hover { background: #e5e5e5; }
body.page-star .channel-tabs,
body.page-channel .channel-tabs,
body.page-profile .channel-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  height: 48px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin: 8px 0 16px;
  overflow-x: auto;
}
body.page-star .channel-tabs span,
body.page-star .channel-tabs button,
body.page-channel .channel-tabs span,
body.page-channel .channel-tabs button,
body.page-profile .channel-tabs button {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #606060;
  font: 500 16px/22px Roboto, Arial, sans-serif;
  padding: 0 0 12px;
  margin-right: 24px;
  cursor: pointer;
  white-space: nowrap;
}
body.page-star .channel-tabs .is-on,
body.page-channel .channel-tabs .is-on,
body.page-profile .channel-tabs .is-on {
  color: #0f0f0f;
  border-bottom-color: #0f0f0f;
}
body.page-channel .video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 16px;
  padding: 0 0 24px;
}
body.page-channel .video-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}
body.page-channel .video-card:hover { transform: none; }
body.page-channel .video-card .thumb {
  width: 100%;
  height: auto;
  padding-top: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  background: #f2f2f2 !important;
  animation: none !important;
}
body.page-channel .video-card .thumb::before,
body.page-channel .video-card .thumb::after { content: none !important; display: none !important; }
body.page-channel .video-card .thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 1;
  filter: none !important;
  opacity: 1 !important;
}
body.page-channel .video-card .duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0,0,0,.8);
  color: #fff;
  padding: 3px 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
body.page-channel .video-card .info { padding: 10px 0 0; }
body.page-channel .video-card .info .title {
  font-size: 16px;
  line-height: 22px;
  color: #0f0f0f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-channel .video-card .info .stat { margin-top: 4px; font-size: 12px; color: #606060; }
body.page-channel .pager {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  padding: 16px 0 40px;
  flex-wrap: wrap;
}
body.page-channel .pager a,
body.page-channel .pager span {
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  background: #f2f2f2;
  border: 0;
  border-radius: 18px;
  color: #0f0f0f;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
body.page-channel .pager .current { background: #0f0f0f; color: #fff; font-weight: 500; }
body.page-channel .pager a:hover { background: #e5e5e5; }

@media (max-width: 700px) {
  body.page-star .star-header { padding: 8px 0 18px; }
  body.page-star .star-header .avatar,
  body.page-channel .channel-avatar { width: 80px; height: 80px; font-size: 32px; }
  body.page-star .star-header .meta h1,
  body.page-channel .channel-hero h1 { font-size: 24px; line-height: 32px; }
  body.page-channel .channel-hero { gap: 16px; }
  body.page-channel .channel-hero .meta {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.page-star .videos-grid,
  body.page-channel .video-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  body.page-aisearch .ais-results { display: flex; flex-direction: column; gap: 16px; }
}

body.page-creator .page-wrap { max-width: 860px; }
body.page-creator .shell { max-width: 860px; margin: 0; padding: 0 0 48px; }
body.page-creator .hero-section {
  text-align: left;
  padding: 8px 0 24px;
  background: none;
  border: 0;
  border-radius: 0;
  margin-bottom: 16px;
}
body.page-creator .hero-section .hero-icon { display: none; }
body.page-creator .hero-section h1 {
  font-size: 22px;
  font-weight: 500;
  color: #0f0f0f;
  margin: 0 0 8px;
}
body.page-creator .hero-section .sub { font-size: 14px; color: #606060; max-width: none; margin: 0; }
body.page-creator .content-section {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 20px 22px;
  margin-bottom: 16px;
}
body.page-creator .content-section h2 {
  font-size: 16px;
  font-weight: 500;
  color: #0f0f0f;
  margin: 0 0 16px;
}
body.page-creator .content-section h2 i,
body.page-creator .guidelines-list li i,
body.page-creator .tip-card i,
body.page-creator .points-table i,
body.page-creator .points-note i,
body.page-creator .faq-q i,
body.page-creator .btn-primary i,
body.page-creator .hero-icon { display: none !important; }
body.page-creator .step-card,
body.page-creator .tip-card {
  background: #f2f2f2;
  border: 0;
  border-radius: 12px;
  transform: none !important;
}
body.page-creator .step-num {
  background: #0f0f0f;
  color: #fff;
}
body.page-creator .step-card h3,
body.page-creator .tip-card h4 { color: #0f0f0f; }
body.page-creator .step-card p,
body.page-creator .tip-card p,
body.page-creator .guidelines-list li,
body.page-creator .faq-a { color: #606060; }
body.page-creator .step-card a { color: #0f0f0f; font-weight: 500; }
body.page-creator .btn-primary,
body.page-creator a.btn-primary {
  background: #0f0f0f !important;
  color: #fff !important;
  border-radius: 18px;
  height: 36px;
  padding: 0 16px;
  box-shadow: none !important;
}
body.page-creator .btn-primary:hover { background: #272727 !important; }
body.page-notif #unreadBadge { background: #0f0f0f !important; color: #fff !important; }
body.page-notif .n-unread-dot,
body.page-notif .badge-follower,
body.page-notif .badge-comment { background: #0f0f0f !important; }

body.page-creator .points-table th,
body.page-creator .points-table td { border-bottom-color: #e5e5e5; color: #0f0f0f; }
body.page-creator .points-table .pts { color: #0f0f0f; }
body.page-creator .points-note,
body.page-creator .cta-bar {
  background: #f2f2f2;
  border: 0;
  color: #606060;
}
body.page-creator .guidelines-list li { border-bottom-color: #e5e5e5; }
body.page-creator .guidelines-list li i,
body.page-creator .tip-card i { color: #606060; }
body.page-creator .faq-item { border-bottom-color: #e5e5e5; }
body.page-creator .faq-q { color: #0f0f0f; }
body.page-creator .faq-q:hover { color: #065fd4; }
body.page-creator .btn-primary {
  background: #065fd4;
  color: #fff;
  border-radius: 18px;
  font-weight: 500;
}
body.page-creator .btn-primary:hover { background: #0556bf; }
body.page-creator i.fas,
body.page-creator i.far,
body.page-creator i.fab,
body.page-creator i.fa { display: none !important; }

body.page-notif i.fas,
body.page-notif i.far,
body.page-notif i.fab,
body.page-notif i.fa { display: none !important; }

body.page-shop .back-btn { display: none; }
body.page-shop .product { border-radius: 12px; border: 1px solid #e5e5e5; }
body.page-shop .product:hover { transform: none; border-color: #d3d3d3; }
body.page-shop h2 { font-size: 16px; font-weight: 500; color: #0f0f0f; font-family: Roboto, Arial, sans-serif; }
body.page-shop .info-row strong { color: #0f0f0f !important; }

body.page-checkin .user-meta .points-info b,
body.page-checkin .milestone-bonus,
body.page-checkin .task-reward .task-pts,
body.page-checkin .rule-pts { color: #0f0f0f !important; }
body.page-checkin .milestone-badge.current { border-color: #0f0f0f !important; box-shadow: none !important; }
body.page-checkin .cal-day.checked {
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  border-color: #e5e5e5 !important;
}
body.page-checkin .cal-day.today {
  border-color: #0f0f0f !important;
}
body.page-checkin .cal-day.today.checked {
  background: #e5e5e5 !important;
}
body.page-checkin .task-progress-fill {
  background: #0f0f0f !important;
}
body.page-checkin .rules-en-summary { display: none !important; }

body.page-settings .btn {
  background: #0f0f0f !important;
  color: #fff !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
body.page-settings .btn:hover { background: #272727 !important; transform: none !important; }
body.page-settings .btn.secondary { background: #f2f2f2 !important; color: #0f0f0f !important; }
body.page-settings .range-value { color: #0f0f0f !important; font-weight: 500 !important; }
body.page-settings .hero-kicker { background: #f2f2f2 !important; color: #0f0f0f !important; }
body.page-settings .backup-code { color: #0f0f0f !important; }
body.page-settings .form-group input:focus,
body.page-settings .form-group select:focus,
body.page-settings .form-group textarea:focus {
  border-color: #0f0f0f !important;
  box-shadow: none !important;
}
body.page-settings .toggle-switch input:checked + .toggle-slider {
  background: #0f0f0f !important;
  border-color: #0f0f0f !important;
}
body.page-settings .range-group input[type="range"] { accent-color: #0f0f0f !important; }
body.page-settings .range-group input[type="range"]::-webkit-slider-thumb,
body.page-settings .range-group input[type="range"]::-moz-range-thumb {
  background: #0f0f0f !important;
  box-shadow: none !important;
}
body.page-playlists .btn-action.btn-edit,
body.page-playlists .detail-actions .btn-action.btn-edit { color: #0f0f0f !important; }
body.page-playlists .spinner { border-top-color: #0f0f0f !important; }
body.page-settings .settings-toast {
  background: #0f0f0f !important;
  box-shadow: none !important;
}

body.page-profile .page-wrap { max-width: 1280px; padding-top: 16px; }
body.page-profile .banner {
  height: 172px;
  background-color: #f2f2f2;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  margin: 0 0 16px;
}
body.page-profile .banner::after { display: none; }
body.page-profile .profile-container { max-width: none; margin: 0; padding: 0 0 40px; }
body.page-profile .profile-header {
  display: flex;
  align-items: center;
  margin-top: 0;
  gap: 24px;
  padding-bottom: 8px;
  border-bottom: 0;
}
body.page-profile .avatar {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 0;
  background-color: #e5e5e5;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}
body.page-profile .nickname { font-size: 36px; line-height: 50px; font-weight: 700; color: #0f0f0f; }
body.page-profile .username { color: #606060; font-size: 14px; font-weight: 400; margin-top: 4px; }
body.page-profile .bio { margin-top: 10px; font-size: 14px; color: #606060; }
body.page-profile .btn {
  padding: 10px 16px;
  border-radius: 18px;
  font-weight: 500;
  font-size: 14px;
  text-transform: none;
  min-height: 36px;
}
body.page-profile .btn-follow { background: #0f0f0f; color: #fff; }
body.page-profile .btn-follow:hover { background: #272727; }
body.page-profile .btn-following { background: #f2f2f2; color: #0f0f0f; border: 0; }
body.page-profile .btn-following:hover { background: #e5e5e5; }
body.page-profile .btn-dm { background: #f2f2f2; color: #0f0f0f; border: 0; }
body.page-profile .btn-dm:hover { background: #e5e5e5; color: #0f0f0f; }
body.page-profile .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 16px;
  padding-bottom: 40px;
  max-width: none;
}
body.page-profile .card {
  background: transparent;
  border: 0;
  border-radius: 0;
  min-height: 0;
  height: auto;
}
body.page-profile .card:hover { transform: none; border-color: transparent; }
body.page-profile .thumb,
body.page-profile .cb-featured-thumb,
body.page-profile .cb-home-mini .thumb {
  width: 100%;
  height: auto;
  padding-top: 0;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
  position: relative;
}
body.page-profile .thumb::before,
body.page-profile .thumb::after,
body.page-profile .cb-featured-thumb::before,
body.page-profile .cb-featured-thumb::after,
body.page-profile .cb-home-mini .thumb::before,
body.page-profile .cb-home-mini .thumb::after {
  content: none !important;
  display: none !important;
}
body.page-profile .thumb img,
body.page-profile .thumb video,
body.page-profile .cb-featured-thumb img,
body.page-profile .cb-home-mini .thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 1;
  background: transparent;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}
body.page-profile .duration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(0,0,0,.8);
  color: #fff;
  padding: 3px 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  z-index: 2;
}
body.page-profile .desc {
  padding: 10px 0 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #0f0f0f;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-profile .card-meta,
body.page-profile .meta {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #606060;
}
body.page-profile .load-more-btn {
  border-radius: 18px;
  border-color: #ccc;
  color: #0f0f0f;
}
body.page-profile .load-more-btn:hover { border-color: #0f0f0f; color: #0f0f0f; }
body.page-profile .official-badge { color: #065fd4; font-size: 18px; }
body.page-profile #homeTab,
body.page-channel #homeTab { display: block; padding: 8px 0 40px; }
body.page-profile .cb-featured,
body.page-channel .cb-featured {
  display: grid;
  grid-template-columns: 424px minmax(240px, 1fr);
  gap: 24px;
  align-items: start;
  text-decoration: none;
  color: inherit;
  margin: 8px 0 28px;
  max-width: 848px;
}
body.page-profile .cb-featured-thumb,
body.page-channel .cb-featured-thumb {
  width: 424px;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
  position: relative;
}
body.page-channel .cb-featured-thumb::before,
body.page-channel .cb-featured-thumb::after {
  content: none !important;
  display: none !important;
}
body.page-channel .cb-featured-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none !important;
  opacity: 1 !important;
}
body.page-profile .cb-featured-copy h2,
body.page-channel .cb-featured-copy h2 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #0f0f0f;
}
body.page-profile .cb-featured-meta,
body.page-channel .cb-featured-meta {
  font-size: 12px;
  line-height: 18px;
  color: #606060;
  margin-bottom: 12px;
}
body.page-profile .cb-featured-desc,
body.page-channel .cb-featured-desc {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #0f0f0f;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-profile .cb-featured-more,
body.page-channel .cb-featured-more {
  font-size: 14px;
  font-weight: 500;
  color: #606060;
  letter-spacing: .2px;
  text-transform: uppercase;
}
body.page-profile .cb-home-shelf,
body.page-channel .cb-home-shelf { margin-top: 8px; padding-top: 16px; border-top: 1px solid #e5e5e5; }
body.page-profile .cb-home-shelf-head,
body.page-channel .cb-home-shelf-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 12px;
}
body.page-profile .cb-home-shelf-head h3,
body.page-channel .cb-home-shelf-head h3 {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #0f0f0f;
}
body.page-profile .cb-home-playall,
body.page-channel .cb-home-playall {
  font-size: 14px;
  font-weight: 500;
  color: #0f0f0f;
  text-decoration: none;
}
body.page-profile .cb-home-shelf-row,
body.page-channel .cb-home-shelf-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 12px;
}
body.page-profile .cb-home-mini,
body.page-channel .cb-home-mini { display: block; text-decoration: none; color: inherit; min-width: 0; }
body.page-channel .cb-home-mini .thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
  position: relative;
}
body.page-channel .cb-home-mini .thumb::before,
body.page-channel .cb-home-mini .thumb::after { content: none !important; display: none !important; }
body.page-channel .cb-home-mini .thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none !important;
  opacity: 1 !important;
}
body.page-channel .cb-home-mini .desc,
body.page-profile .cb-home-mini .desc {
  padding: 8px 0 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #0f0f0f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-channel .cb-home-mini .meta {
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  color: #606060;
}
body.page-profile .cb-later-empty,
body.page-channel .cb-later-empty {
  margin: 72px auto 0;
  text-align: center;
  padding: 40px 0;
  grid-column: 1 / -1;
}
body.page-profile .cb-later-empty svg,
body.page-channel .cb-later-empty svg { display: block; margin: 0 auto; }
body.page-profile #playlistsTab .profile-playlist-cover {
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
}
body.page-profile #playlistsTab .profile-playlist-cover::before,
body.page-profile #playlistsTab .profile-playlist-cover::after { content: none !important; display: none !important; }
body.page-profile #playlistsTab .profile-playlist-cover img {
  filter: none !important;
  opacity: 1 !important;
}
@media (max-width: 1100px) {
  body.page-profile .cb-featured,
  body.page-channel .cb-featured { grid-template-columns: 1fr; max-width: none; }
  body.page-profile .cb-featured-thumb,
  body.page-channel .cb-featured-thumb { width: 100%; }
  body.page-profile .cb-home-shelf-row,
  body.page-channel .cb-home-shelf-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  body.page-profile .cb-home-shelf-row,
  body.page-channel .cb-home-shelf-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  body.page-profile .banner { height: 96px; }
  body.page-profile .profile-header { flex-direction: column; align-items: flex-start; margin-top: 0; }
  body.page-profile .avatar { width: 80px; height: 80px; }
  body.page-profile .nickname { font-size: 24px; line-height: 32px; }
  body.page-profile .grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1100px) {
  body.page-profile .grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  body.page-profile .grid { grid-template-columns: 1fr; }
}

body.page-browse .cb-hist-day {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #0f0f0f;
  margin: 24px 0 12px;
}
body.page-browse .cb-hist-day:first-child { margin-top: 8px; }
body.page-browse .cb-sub-rail {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 4px 0 20px;
  margin: 0 0 8px;
}
body.page-browse .cb-sub-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 72px;
  flex: 0 0 72px;
  color: inherit;
  text-decoration: none;
}
body.page-browse .cb-sub-chip img,
body.page-browse .cb-sub-chip span {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
  filter: none !important;
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  color: #606060;
}
body.page-browse .cb-sub-chip img::before,
body.page-browse .cb-sub-chip img::after { content: none !important; display: none !important; }
body.page-browse .cb-sub-chip em {
  margin-top: 6px;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #0f0f0f;
  max-width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
body.page-browse .cb-feed-h2 {
  margin: 8px 0 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #0f0f0f;
}
body.page-browse .cb-feed-h2[hidden] { display: none !important; }
body.page-browse .cb-feed-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 16px;
  padding-bottom: 40px;
}
body.page-browse .cb-feed-grid[hidden] { display: none !important; }
body.page-browse .cb-feed-card {
  display: block;
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
body.page-browse .cb-feed-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
}
body.page-browse .cb-feed-thumb::before,
body.page-browse .cb-feed-thumb::after { content: none !important; display: none !important; }
body.page-browse .cb-feed-thumb img,
body.page-browse .cb-feed-thumb .ph {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none !important;
  opacity: 1 !important;
}
body.page-browse .cb-feed-dur {
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: rgba(0,0,0,.8);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding: 3px 4px;
  border-radius: 4px;
}
body.page-browse .cb-feed-info { padding: 10px 0 0; }
body.page-browse .cb-feed-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #0f0f0f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-browse .cb-feed-sub {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #606060;
}
@media (max-width: 1100px) {
  body.page-browse .cb-feed-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  body.page-browse .cb-feed-grid { grid-template-columns: 1fr; }
}

body.page-browse .yt-notif-btn { position: relative; }
body.page-browse .yt-notif-dot {
  position: absolute;
  top: 4px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #c00;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 8px;
  text-align: center;
  box-sizing: border-box;
  font-family: Roboto, Arial, sans-serif;
}

body.page-history .cb-hist-layout {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
body.page-history .cb-hist-main { flex: 1; min-width: 0; }
body.page-history .cb-hist-aside {
  flex: 0 0 280px;
  padding: 8px 0 0;
}
body.page-history .cb-later-empty {
  margin: 72px auto 0;
  text-align: center;
  padding: 40px 0;
}
body.page-history .cb-later-empty svg { display: block; margin: 0 auto; }
body.page-history .cb-later-empty h2 {
  margin: 24px 0 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #0f0f0f;
}
body.page-history .cb-later-empty p {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #0f0f0f;
}
body.page-history .cb-later-empty .nav-btn.primary {
  height: 40px;
  margin-top: 20px;
  padding: 0 16px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.2);
  background: transparent;
  color: #065fd4;
}
body.page-history .cb-hist-aside-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 48px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  border-radius: 10px;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  font-family: Roboto, Arial, sans-serif;
  text-align: left;
}
body.page-history .cb-hist-aside-btn:hover { background: #f2f2f2; }
body.page-history .cb-hist-aside-btn svg { flex: 0 0 24px; color: #0f0f0f; }

body.page-playlists .playlist-cover,
body.page-playlists .playlist-detail-art,
body.page-playlists .video-item .item-thumb {
  background: #f2f2f2 !important;
  background-image: none !important;
  animation: none !important;
}
body.page-playlists .playlist-cover::before,
body.page-playlists .playlist-cover::after,
body.page-playlists .playlist-detail-art::before,
body.page-playlists .playlist-detail-art::after,
body.page-playlists .video-item .item-thumb::before,
body.page-playlists .video-item .item-thumb::after {
  content: none !important;
  display: none !important;
}
body.page-playlists .playlist-cover img,
body.page-playlists .playlist-detail-art img,
body.page-playlists .video-item .item-thumb img {
  filter: none !important;
  opacity: 1 !important;
  display: block;
}
@media (max-width: 900px) {
  body.page-history .cb-hist-layout { flex-direction: column; }
  body.page-history .cb-hist-aside { flex-basis: auto; width: 100%; }
}

body.page-feed .cb-later-empty,
body.page-later .cb-later-empty,
body.page-liked .cb-later-empty,
body.page-stars .cb-later-empty,
body.page-notif .cb-later-empty {
  margin: 72px auto 0;
  text-align: center;
  padding: 40px 0;
}
body.page-feed .cb-later-empty svg,
body.page-later .cb-later-empty svg,
body.page-liked .cb-later-empty svg,
body.page-stars .cb-later-empty svg,
body.page-notif .cb-later-empty svg { display: block; margin: 0 auto; }
body.page-liked .cb-later-empty .nav-btn.primary {
  height: 40px;
  margin-top: 20px;
  padding: 0 16px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.2);
  background: transparent;
  color: #065fd4;
}
body.page-feed .cb-later-empty svg { width: 120px; height: 120px; }
body.page-feed .cb-later-empty h2 {
  margin: 24px 0 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #0f0f0f;
}
body.page-feed .cb-later-empty p {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #0f0f0f;
}
body.page-feed .cb-later-empty .nav-btn.primary,
body.page-feed .cb-later-empty .cb-later-browse {
  height: 40px;
  margin-top: 20px;
  padding: 0 16px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.2);
  background: transparent;
  color: #065fd4 !important;
  font-weight: 500;
}
body.page-feed .cb-later-empty .nav-btn.primary:hover,
body.page-feed .cb-later-empty .cb-later-browse:hover { background: #def1ff; }

@media (max-width: 767px) {
  body.page-browse #mobileBottomNav,
  body.page-browse .mobile-bottom-nav {
    display: block !important;
    visibility: visible !important;
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 960;
    height: calc(56px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: var(--header-bg, #fff);
    border-top: 1px solid var(--brd, rgba(0,0,0,.1));
    transform: translateY(0);
  }
  body.page-browse #mobileBottomNav.nav-hidden,
  body.page-browse .mobile-bottom-nav.nav-hidden {
    transform: translateY(0);
  }
  body.page-browse .mobile-bottom-nav-inner {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    height: 56px;
    max-width: 560px;
    margin: 0 auto;
  }
  body.page-browse .bottom-nav-item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px 2px;
    color: var(--text-primary, #0f0f0f);
    text-decoration: none;
    font-size: 10px;
    font-weight: 400;
    background: none;
    border: 0;
  }
  body.page-browse .bottom-nav-item span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.page-browse .bottom-nav-item i {
    font-size: 18px;
    line-height: 1;
  }
  body.page-browse .bottom-nav-item.active {
    font-weight: 500;
  }
  body.page-browse {
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
  }
}
@media (min-width: 768px) {
  body.page-browse #mobileBottomNav,
  body.page-browse .mobile-bottom-nav {
    display: none !important;
  }
}

body.page-browse .cb-lib-chip-rail,
body.page-later .cb-lib-chip-rail,
body.page-liked .cb-lib-chip-rail,
body.page-history .cb-lib-chip-rail,
body.page-playlists .cb-lib-chip-rail {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 0 0 16px;
  padding: 0 0 4px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
body.page-browse .cb-lib-chip-rail::-webkit-scrollbar,
body.page-later .cb-lib-chip-rail::-webkit-scrollbar,
body.page-liked .cb-lib-chip-rail::-webkit-scrollbar,
body.page-history .cb-lib-chip-rail::-webkit-scrollbar,
body.page-playlists .cb-lib-chip-rail::-webkit-scrollbar { display: none; }
body.page-browse .cb-lib-chip,
body.page-later .cb-lib-chip,
body.page-liked .cb-lib-chip,
body.page-history .cb-lib-chip,
body.page-playlists .cb-lib-chip {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  background: var(--panel-soft);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  flex: 0 0 auto;
}
body.page-browse .cb-lib-chip:hover,
body.page-later .cb-lib-chip:hover,
body.page-liked .cb-lib-chip:hover,
body.page-history .cb-lib-chip:hover,
body.page-playlists .cb-lib-chip:hover {
  background: var(--card-hover);
}
body.page-browse .cb-lib-chip.is-on,
body.page-later .cb-lib-chip.is-on,
body.page-liked .cb-lib-chip.is-on,
body.page-history .cb-lib-chip.is-on,
body.page-playlists .cb-lib-chip.is-on {
  background: var(--text-primary);
  color: var(--bg);
}
body.page-browse:not(.is-logged-in) .cb-lib-chip-rail,
body.page-later:not(.is-logged-in) .cb-lib-chip-rail,
body.page-liked:not(.is-logged-in) .cb-lib-chip-rail,
body.page-history:not(.is-logged-in) .cb-lib-chip-rail {
  display: none !important;
}

body.page-later .cb-page-h1,
body.page-liked .cb-page-h1,
body.page-history .cb-page-h1,
body.page-playlists .cb-page-h1 {
  margin: 0 0 8px;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
  color: var(--text-primary);
}

body.page-later .cb-later-item,
body.page-liked .cb-later-item,
body.page-history .cb-later-item {
  display: flex;
  gap: 16px;
  padding: 8px 0;
  color: inherit;
  position: relative;
}
body.page-liked .cb-later-item.is-selecting,
body.page-later .cb-later-item.is-selecting,
body.page-history .cb-later-item.is-selecting {
  cursor: pointer;
}
body.page-liked .cb-later-item.is-selecting::before,
body.page-later .cb-later-item.is-selecting::before,
body.page-history .cb-later-item.is-selecting::before {
  content: "";
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-top: 8px;
  border-radius: 50%;
  border: 2px solid var(--text-secondary, #606060);
  box-sizing: border-box;
}
body.page-liked .cb-later-item.is-selected::before,
body.page-later .cb-later-item.is-selected::before,
body.page-history .cb-later-item.is-selected::before {
  background: var(--accent, #065fd4);
  border-color: var(--accent, #065fd4);
  box-shadow: inset 0 0 0 3px var(--card, #fff);
}
body.page-liked #likedSelectCount,
body.page-later #laterSelectCount {
  align-self: center;
  font-size: 13px;
  color: var(--text-secondary);
}
body.page-later .cb-later-item img,
body.page-later .cb-later-item .ph,
body.page-liked .cb-later-item img,
body.page-liked .cb-later-item .ph,
body.page-history .cb-later-item img,
body.page-history .cb-later-item .ph {
  width: 246px;
  height: 138px;
  border-radius: 12px;
  object-fit: cover;
  background: var(--panel-soft);
  flex: 0 0 246px;
}
body.page-later .cb-later-item > a,
body.page-liked .cb-later-item > a,
body.page-history .cb-later-item > a {
  position: relative;
  display: block;
  flex: 0 0 246px;
}
body.page-later .cb-later-title,
body.page-liked .cb-later-title,
body.page-history .cb-later-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: var(--text-primary);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-later .cb-later-list,
body.page-liked .cb-later-list,
body.page-history .cb-later-list { display: flex; flex-direction: column; }
body.page-later .cb-later-meta,
body.page-liked .cb-later-meta,
body.page-history .cb-later-meta { flex: 1; min-width: 0; }
body.page-later .cb-later-actions,
body.page-liked .cb-later-actions {
  display: flex;
  gap: 8px;
  margin: 0 0 20px;
}
body.page-later .cb-later-actions[hidden],
body.page-later .cb-later-list[hidden],
body.page-later .cb-later-empty[hidden],
body.page-liked .cb-later-actions[hidden],
body.page-liked .cb-later-list[hidden],
body.page-history .cb-later-list[hidden],
body.page-history .cb-later-empty[hidden] { display: none !important; }
body.page-later .cb-later-actions button,
body.page-liked .cb-later-actions button,
body.page-later .cb-later-more,
body.page-history .cb-later-more {
  height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid var(--brd);
  background: var(--panel-soft);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
body.page-later .cb-later-more,
body.page-history .cb-later-more { margin: 16px 0 40px; }
body.page-later .cb-later-more[hidden],
body.page-history .cb-later-more[hidden] { display: none !important; }
body.page-later .cb-later-dur,
body.page-liked .cb-later-dur,
body.page-history .cb-later-dur {
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: rgba(0,0,0,.8);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 1px 4px;
  border-radius: 2px;
}
body.page-later .cb-later-sub,
body.page-liked .cb-later-sub,
body.page-history .cb-later-sub {
  margin-top: 4px;
  font-size: 12px;
  color: var(--text-secondary);
}
body.page-later .cb-later-morebtn,
body.page-liked .cb-later-morebtn,
body.page-history .cb-later-morebtn {
  flex: 0 0 auto;
  align-self: flex-start;
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  border-radius: 18px;
}
body.page-later .cb-later-morebtn:hover,
body.page-liked .cb-later-morebtn:hover,
body.page-history .cb-later-morebtn:hover {
  background: var(--panel-soft);
  color: var(--text-primary);
}
.cb-lib-menu {
  position: fixed;
  z-index: 80;
  min-width: 200px;
  padding: 8px 0;
  background: var(--card);
  border: 1px solid var(--brd);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
}
.cb-lib-menu button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: none;
  color: var(--text-primary);
  font-size: 14px;
  padding: 10px 16px;
  cursor: pointer;
}
.cb-lib-menu button:hover { background: var(--panel-soft); }
.cb-lib-menu button.is-danger { color: var(--text-primary); }
body.page-later .cb-later-browse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 18px;
  background: var(--text-primary);
  color: var(--bg) !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
body.page-later .cb-later-empty h2,
body.page-liked .cb-later-empty h2,
body.page-history .cb-later-empty h2 {
  margin: 16px 0 8px;
  font-size: 24px;
  font-weight: 400;
  color: var(--text-primary);
}
body.page-later .cb-later-empty p,
body.page-liked .cb-later-empty p,
body.page-history .cb-later-empty p {
  margin: 0 0 20px;
  font-size: 14px;
  color: var(--text-secondary);
}
@media (max-width: 767px) {
  body.page-later .cb-page-h1,
  body.page-liked .cb-page-h1,
  body.page-history .cb-page-h1,
  body.page-playlists .cb-page-h1 { font-size: 24px; line-height: 32px; }
  body.page-later .cb-later-item img,
  body.page-later .cb-later-item .ph,
  body.page-liked .cb-later-item img,
  body.page-liked .cb-later-item .ph,
  body.page-history .cb-later-item img,
  body.page-history .cb-later-item .ph { width: 168px; height: 94px; flex-basis: 168px; }
  body.page-later .cb-later-item > a,
  body.page-liked .cb-later-item > a,
  body.page-history .cb-later-item > a { flex-basis: 168px; }
  body.page-later .cb-later-title,
  body.page-liked .cb-later-title,
  body.page-history .cb-later-title { font-size: 14px; line-height: 20px; }
}

body.page-browse .video-card,
body.page-browse .card,
body.page-search .video-card,
body.page-channel .card {
  transform: none;
  box-shadow: none;
  border-color: transparent;
}
body.page-browse .video-card:hover,
body.page-browse .card:hover,
body.page-search .video-card:hover,
body.page-channel .card:hover {
  transform: none;
  box-shadow: none;
}

body.page-search .trending-title {
  font-size: 14px;
  font-weight: 500;
  color: #606060;
  margin: 24px 0 10px;
  text-align: center;
}
body.page-search .trending-title i { display: none; }
body.page-search .trending-item {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  background: #f2f2f2;
  color: #0f0f0f !important;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}
body.page-search .trending-item:hover { background: #e5e5e5; }
body.page-search .trend-rank { display: none; }

body.page-trending .cb-trend-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px 16px;
  padding: 12px 0 48px;
}
body.page-trending .cb-trend-card {
  display: block;
  color: inherit;
  text-decoration: none;
  background: transparent;
}
body.page-trending .cb-trend-card .cb-trend-thumb {
  width: 100%;
  height: auto;
  flex: none;
  aspect-ratio: 16/9;
  border-radius: 12px;
}
body.page-trending .cb-trend-card .cb-trend-meta { padding: 10px 0 0; }
body.page-trending .cb-trend-card .cb-trend-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #0f0f0f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-trending .cb-trend-card .cb-trend-sub { font-size: 12px; color: #606060; margin-top: 4px; }
@media (max-width: 1200px) {
  body.page-trending .cb-trend-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  body.page-trending .cb-trend-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
}

body.page-channel .channel-banner {
  height: 192px;
  border-radius: 0;
  margin: 0 0 20px;
}
body.page-channel .page-wrap { max-width: 1280px; padding-top: 0; }
@media (max-width: 900px) {
  body.page-channel .channel-banner { height: 120px; }
  body.page-channel .channel-avatar { width: 80px; height: 80px; font-size: 28px; }
  body.page-channel .channel-hero h1 { font-size: 24px; line-height: 32px; }
}

body.page-search .page-wrap {
  max-width: 1280px !important;
  margin: 0 !important;
  padding: 3px 24px 60px !important;
  box-sizing: border-box !important;
}
body.page-search .quick-filters { height: 50px; margin: 0 0 3px; }
body.page-search .card-author { margin: 12px 0 6px; }

html body.page-channel .page-wrap,
html body.page-profile .page-wrap {
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 71px 48px 55px !important;
  box-sizing: border-box !important;
}
html body.page-channel .profile-container,
html body.page-profile .profile-container {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 40px !important;
}
html body.page-channel .banner,
html body.page-profile .banner {
  width: 100% !important;
  max-width: none !important;
  height: 172px !important;
  margin: 12px 0 16px !important;
  border-radius: 16px !important;
  background-color: #f2f2f2 !important;
}
html body.page-channel .banner.banner-fallback,
html body.page-profile .banner.banner-fallback {
  background: #f2f2f2 !important;
  background-image: none !important;
}
html body.page-channel .avatar,
html body.page-profile .avatar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body.page-channel .avatar-letter,
html body.page-profile .avatar-letter {
  font-size: 64px !important;
  font-weight: 500 !important;
  color: #606060 !important;
  line-height: 1 !important;
}
html body.page-channel .grid,
html body.page-channel #videosTab,
html body.page-profile .grid,
html body.page-profile #videosTab {
  gap: 16px 16px !important;
  row-gap: 32px !important;
  padding: 16px 0 48px !important;
}
html body.page-channel .btn-follow,
html body.page-profile .btn-follow,
html body.page-channel #btnFollow,
html body.page-profile #btnFollow {
  width: 94.5px !important;
  min-width: 94.5px !important;
  max-width: 94.5px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

html body.page-trending .page-wrap,
html body.page-tags .page-wrap,
html body.page-categories .page-wrap,
html body.page-models .page-wrap,
html body.page-history .page-wrap {
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 24px 24px 48px !important;
  box-sizing: border-box !important;
}
html body.page-trending .cb-trend-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 40px 16px !important;
}
html body.page-categories .cb-cat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
html body.page-models .cb-model-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

html body.page-browse .yt-mini-guide a,
html body.page-search .yt-mini-guide a,
html body.page-trending .yt-mini-guide a,
html body.page-tags .yt-mini-guide a,
html body.page-categories .yt-mini-guide a,
html body.page-models .yt-mini-guide a,
html body.page-history .yt-mini-guide a,
html body.page-channel .yt-mini-guide a {
  width: 204px !important;
  max-width: 204px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}
body.page-history .cb-hist-type-chips {
  display: flex;
  gap: 8px;
  margin: 0 0 16px;
}
body.page-history .cb-hist-type {
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #f2f2f2;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
body.page-history .cb-hist-type:hover { background: #e5e5e5; }
body.page-history .cb-hist-type.is-on {
  background: #0f0f0f;
  color: #fff;
}

html body.page-search .quick-filters,
html body.page-search #quickFilters {
  width: 1050.8px !important;
  max-width: 1050.8px !important;
  height: 50px !important;
  margin: 0 0 3px !important;
  box-sizing: border-box !important;
}
html body.page-search .qf-filters-wrap {
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

html body.page-channel .channel-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html body.page-channel .btn-join {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 20px !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 40px !important;
  text-decoration: none !important;
  border: 0 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  font-family: Roboto, Arial, sans-serif !important;
}
html body.page-channel .btn-join:hover {
  background: #e5e5e5 !important;
  color: #0f0f0f !important;
}

html body.page-channel .video-card .info,
html body.page-channel .card .info {
  padding: 12px 0 0 !important;
  margin: 0 !important;
}
html body.page-channel .video-card .info .title,
html body.page-channel .card .info .title,
html body.page-channel .video-card .info .desc,
html body.page-channel .card .info .desc {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #0f0f0f !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
html body.page-channel .video-card .info .stat,
html body.page-channel .card .info .stat,
html body.page-channel .video-card .info .meta,
html body.page-channel .card .info .meta {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #606060 !important;
}
html body.page-star .video-card .info {
  padding: 12px 0 0 !important;
}
html body.page-star .video-card .info .desc {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  margin: 0 !important;
}
html body.page-star .video-card .info .meta-row {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #606060 !important;
}

/* a11y 修复 2026-10-24(WCAG 2.5.8 触控高度 + 1.4.3 对比度) */
body.page-home #catSideNav .yt-guide-footer a, .yt-guide-footer a { display: inline-block; min-height: 24px; line-height: 24px; }
body.page-home #catSideNav .yt-guide-copy, .yt-guide-copy { color: #6b6b6b !important; }
body.page-vip .compare-item { --danger: #b3341f; }
body.page-vip .compare-item .check-yes { color: #166534 !important; }

/* 2026-10-24 圆角补齐:这三类带边框/底色的组件此前四角为直角 */
.faq-item { border-radius: 12px; }
.vip-footer { border-radius: 12px; }
.yt-guide-signin { border-radius: 12px; }

/* craft 2026-10-24:浏览器原生面主题化(选中/焦点环/光标/滚动条) */
::selection { background: rgba(232,163,23,.3); }
:focus-visible { outline: 2px solid #065fd4; outline-offset: 2px; border-radius: 4px; }
html { caret-color: #065fd4; }
@media (hover: hover) and (pointer: fine) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.16); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
  ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.3); border: 2px solid transparent; background-clip: padding-box; }
}

html[lang="en"] .cb-i18n-zh{display:none!important}
html:not([lang="en"]) .cb-i18n-en{display:none!important}

/* ==== cb-tokens.css ==== */


:root {
    
    --header-height: 56px;
    --sidebar-width: 240px;
    --bottom-nav-height: 56px;
    --default-item-width: 218px;
    --default-max-item-width: 344px;
    --default-item-margin-right: 16px;
    --default-item-margin-bottom: 24px;
    --item-title-font-size: 14px;
    --item-title-line-height: 18px;
    --item-title-max-lines: 2;
    --logo-height: 18px;

    
    --body-bg: #ffffff;
    --bg: #ffffff;
    --header-bg: #ffffff;
    --sidebar-bg: #ffffff;
    --card: #ffffff;
    --card-hover: #f0f0f0;
    --panel: #ffffff;
    --panel-soft: #f5f5f5;
    --elevated: #ffffff;
    --input-bg: #ffffff;
    --chip-bg: #f0f0f0;
    --chip-hover: #e8e8e8;
    --item-bg: #fafafa;
    --item-thumb-bg: #f5f5f5;

    
    --text: #0f0f0f;
    --text-primary: #0f0f0f;
    --text-secondary: #606060;
    --text-muted: rgba(17, 17, 17, 0.6);
    --sub: #606060;
    --sub-text: #606060;
    --txt: var(--text);
    --item-title-text: #0f0f0f;
    --item-meta-text: rgba(17, 17, 17, 0.6);

    
    --border: #eeeeee;
    --brd: var(--border);
    --border-soft: #f0f0f0;
    --border-strong: #e1e1e1;
    --input-border: #cccccc;
    --hr-color: #e1e1e1;
    --sidebar-nav-border: #eeeeee;

    
    --accent: #065fd4;
    --accent-hover: #0556bf;
    --accent-strong: #065fd4;
    --accent-contrast: #ffffff;
    --accent-text: #ffffff;
    --accent-soft: rgba(6, 95, 212, 0.08);
    --pri: #e8a317;
    --on-accent: #ffffff;
    --ring: rgba(6, 95, 212, 0.18);
    --theme-color: var(--accent);
    --brand-color: var(--accent);
    --default-theme-color: var(--accent);
    --default-brand-color: var(--accent);
    --links-color: var(--accent);
    --gradient: none;
    --soft-gradient: none;

    
    --success: #00a28b;
    --success-color: #00a28b;
    --warning: #e09f1f;
    --danger: #de623b;
    --error: #de623b;
    --error-soft: rgba(222, 98, 59, 0.1);
    --info: #065fd4;

    
    --header-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.06);
    --header-control-bg: transparent;
    --header-control-hover: rgba(0, 0, 0, 0.04);
    --header-control-border: transparent;
    --header-control-text: #606060;
    --header-search-bg: #ffffff;
    --header-search-field-bg: #ffffff;
    --header-search-focus: rgba(28, 98, 185, 0.14);
    --header-circle-button-color: #606060;
    --search-btn-bg: #f8f8f8;
    --search-btn-border: #d3d3d3;
    --search-btn-hover-bg: #f0f0f0;
    --search-input-border: #cccccc;

    
    --sidebar-nav-item-text: rgb(13, 13, 13);
    --sidebar-nav-item-icon: rgb(144, 144, 144);
    --nav-active-bg: rgba(0, 0, 0, 0.1);
    --nav-hover-bg: rgba(0, 0, 0, 0.04);

    
    --item-title-size: 14px;
    --item-title-line: 18px;
    --item-title-lines: 2;
    --item-radius: 10px;
    --item-duration-bg: hsl(0, 0%, 6.7%);
    --item-duration-fg: #ffffff;

    
    --skeleton-base: #eeeeee;
    --skeleton-hl: #f5f5f5;
    --surface-soft: #f5f5f5;

    
    --hero-caption: #111111;
    --hero-caption-zh: #606060;
    --hero-domain-color: #111111;
    --hero-hot-label: #606060;
    --hero-wordmark-color: #111111;
    --hero-link: #111111;

    
    --glass-blur: 0px;
    --glass-saturate: 1;
    --glass-brightness: 1;
    --glass-contrast: 1;
    --glass-tint: #ffffff;
    --glass-tint-strong: #ffffff;
    --glass-specular: transparent;
    --glass-specular-soft: transparent;
    --glass-border: #eeeeee;
    --glass-border-inner: transparent;
    --glass-shadow-outer: 0 4px 8px rgba(17, 17, 17, 0.06);
    --glass-shadow-inner: none;
    --glass-accent-glow: transparent;
    --glass-highlight-angle: 135deg;
    --glass-highlight-x: 30%;
    --glass-highlight-y: 20%;

    
    --shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.04);
    --shadow-md: 0 4px 8px rgba(17, 17, 17, 0.06);
    --shadow-lg: 0 8px 16px rgba(17, 17, 17, 0.08);
    --shadow-xl: 0 12px 28px rgba(17, 17, 17, 0.1);

    
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-xl: 10px;
    --radius-2xl: 12px;
    --radius-3xl: 16px;
    --radius-full: 999px;

    
    --text-xs: 11px;
    --text-sm: 12px;
    --text-base: 14px;
    --text-lg: 16px;
    --text-xl: 18px;
    --text-2xl: 22px;
    --text-3xl: 28px;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extrabold: 800;
    --weight-black: 900;

    
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;

    
    --transition-fast: 0.15s;
    --transition-normal: 0.2s;
    --transition-slow: 0.35s;
    --sidebar-slide-ms: 200ms;

    
    --z-dropdown: 100;
    --z-fixed-header: 9000;
    --z-sticky: 500;
    --z-floating-btn: 900;
    --z-bottom-nav: 950;
    --z-sidebar: 9500;
    --z-sidebar-overlay: 9400;
    --z-modal-backdrop: 1900;
    --z-modal: 2000;
    --z-toast: 2100;
    --z-tooltip: 2200;
}

body.light-mode,
html[data-home-theme="light"],
html[data-home-theme="light"] body,
:root[data-theme="light"] {
    color-scheme: light;
}

html[data-home-theme="dark"],
:root[data-theme="dark"] {
    color-scheme: dark;

    --body-bg: #0f0f0f;
    --bg: #0f0f0f;
    --header-bg: #212121;
    --sidebar-bg: #212121;
    --card: #0f0f0f;
    --card-hover: #272727;
    --panel: #212121;
    --panel-soft: #2a2a2a;
    --elevated: #2a2a2a;
    --input-bg: #121212;
    --chip-bg: #272727;
    --chip-hover: #3f3f3f;
    --item-bg: #0f0f0f;
    --item-thumb-bg: #272727;

    --text: #f1f1f1;
    --text-primary: #f1f1f1;
    --text-secondary: #aaaaaa;
    --text-muted: rgba(255, 255, 255, 0.55);
    --sub: #aaaaaa;
    --sub-text: #aaaaaa;
    --txt: var(--text);
    --item-title-text: #f1f1f1;
    --item-meta-text: rgba(255, 255, 255, 0.55);

    --border: rgba(255, 255, 255, 0.1);
    --brd: var(--border);
    --border-soft: rgba(255, 255, 255, 0.06);
    --border-strong: rgba(255, 255, 255, 0.14);
    --input-border: #404040;
    --hr-color: rgba(255, 255, 255, 0.1);
    --sidebar-nav-border: rgba(255, 255, 255, 0.08);

    --accent: #3ea6ff;
    --accent-hover: #65b8ff;
    --accent-strong: #3ea6ff;
    --accent-contrast: #0f0f0f;
    --accent-text: #0f0f0f;
    --accent-soft: rgba(62, 166, 255, 0.16);
    --pri: #e8a317;
    --on-accent: #0f0f0f;
    --ring: rgba(62, 166, 255, 0.22);
    --theme-color: var(--accent);
    --brand-color: var(--accent);

    --header-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.06);
    --header-control-bg: transparent;
    --header-control-hover: rgba(255, 255, 255, 0.08);
    --header-control-border: transparent;
    --header-control-text: #cccccc;
    --header-search-bg: #121212;
    --header-search-field-bg: #121212;
    --header-search-focus: rgba(62, 166, 255, 0.22);
    --header-circle-button-color: #cccccc;
    --search-btn-bg: #303030;
    --search-btn-border: #404040;
    --search-btn-hover-bg: #3a3a3a;
    --search-input-border: #404040;

    --sidebar-nav-item-text: #f1f1f1;
    --sidebar-nav-item-icon: #aaaaaa;
    --nav-active-bg: rgba(255, 255, 255, 0.1);
    --nav-hover-bg: rgba(255, 255, 255, 0.06);

    --skeleton-base: #272727;
    --skeleton-hl: #3f3f3f;
    --surface-soft: #212121;

    --hero-caption: #f1f1f1;
    --hero-caption-zh: #aaaaaa;
    --hero-domain-color: #f1f1f1;
    --hero-hot-label: #aaaaaa;
    --hero-wordmark-color: #fff;
    --hero-link: #fff;

    --glass-tint: #212121;
    --glass-tint-strong: #212121;
    --glass-border: rgba(255, 255, 255, 0.08);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 12px 28px rgba(0, 0, 0, 0.55);

    --error: #ff6b5a;
    --danger: #ff6b5a;
    --info: #3ea6ff;
}

body.light-mode {
    color-scheme: light;
}

html[data-home-theme="dark"] body {
    background: var(--body-bg);
    color: var(--text-primary);
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

.strength-bar.strength-weak   { background: var(--error, #de623b); }
.strength-bar.strength-medium { background: var(--warning, #e09f1f); }
.strength-bar.strength-strong { background: var(--success, #00a28b); }
.strength-text.strength-weak   { color: var(--error, #de623b); }
.strength-text.strength-medium { color: var(--warning, #e09f1f); }
.strength-text.strength-strong { color: var(--success, #00a28b); }

/* ==== cb-shell.css ==== */

.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands,
i.fa, i.fas, i.far, i.fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased;
    speak: never;
}
.fas, .fa-solid, .fa { font-weight: 900 !important; }
.far, .fa-regular { font-weight: 400 !important; }
.fab, .fa-brands { font-family: "Font Awesome 6 Brands", "FontAwesome" !important; font-weight: 400 !important; }

html {
    background: var(--body-bg, #fafafa);
    color-scheme: light;
}

html[data-home-theme="dark"] {
    color-scheme: dark;
}

body {
    background: var(--body-bg, #fafafa);
    color: var(--text-primary, #111);
    font-family: Roboto, "SF Pro Text", "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    font-size: var(--text-base, 14px);
    line-height: 1.5;
    margin: 0;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}

body.page-home,
body.page-video,
body.cb-shell {
    padding-top: 0;
}

body.overflow-hidden {
    overflow: hidden;
}

body.page-home > header,
body.cb-shell > header,
header.cb-header,
body.page-home header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height, 56px);
    z-index: var(--z-fixed-header, 9000);
    background: var(--header-bg, #fff) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    display: block !important;
}

body.page-home > header::after,
body.page-home header::after,
header.cb-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 5px;
    pointer-events: none;
    box-shadow: inset 0 4px 8px -3px rgba(17, 17, 17, 0.06);
    opacity: 1;
}

html[data-home-theme="dark"] body.page-home header::after {
    box-shadow: inset 0 4px 8px -3px rgba(0, 0, 0, 0.45);
}

body.page-home header .header-inner,
header.cb-header .header-inner {
    height: var(--header-height, 56px);
    max-width: none;
    margin: 0;
    padding: 0 16px 0 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.page-home header .logo,
header.cb-header .logo {
    font-size: 1.25em;
    font-weight: 300;
    letter-spacing: 0;
    color: var(--text-primary);
    text-decoration: none;
    flex-shrink: 0;
    white-space: nowrap;
    background: none !important;
    -webkit-text-fill-color: var(--text-primary) !important;
}

body.page-home header .logo span,
header.cb-header .logo span {
    color: var(--accent);
    font-weight: 500;
    -webkit-text-fill-color: var(--accent) !important;
    background: none !important;
}

body.page-home .mobile-nav-btn,
body.page-home .cat-header-btn,
body.page-home .mobile-user-btn,
header.cb-header .mobile-nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 0;
    background: transparent;
    color: var(--header-circle-button-color, #606060);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
}

body.page-home .cat-header-btn span {
    display: none;
}

body.page-home .mobile-nav-btn:hover,
body.page-home .cat-header-btn:hover,
body.page-home .mobile-user-btn:hover {
    background: var(--nav-hover-bg);
}

body.page-home .search-box {
    flex: 1 1 auto;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: stretch;
    height: 40px;
}

body.page-home .search-input {
    width: 100%;
    height: 40px;
    border-radius: 2px 0 0 2px !important;
    border: 1px solid var(--search-input-border, #ccc) !important;
    border-right: 0 !important;
    background: var(--header-search-bg, #fff) !important;
    color: var(--text-primary) !important;
    padding: 0 12px !important;
    font-size: 16px;
    box-shadow: none !important;
}

body.page-home .search-input:focus {
    outline: none;
    border-color: #bbb !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06) !important;
    z-index: 1;
}

body.page-home .search-input::placeholder {
    color: var(--text-muted);
}

body.page-home .search-btn {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 64px !important;
    min-width: 64px;
    height: 40px !important;
    border: 1px solid var(--search-btn-border, #d3d3d3) !important;
    border-radius: 0 2px 2px 0 !important;
    background: var(--search-btn-bg, #f8f8f8) !important;
    color: #333 !important;
    cursor: pointer;
    flex-shrink: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
}

body.page-home .search-btn:hover {
    background: var(--search-btn-hover-bg, #f0f0f0) !important;
}

body.page-home .header-tool-btn,
body.page-home .ai-search-btn,
body.page-home .auth-btn {
    height: 36px;
    min-width: 36px;
    padding: 0 12px;
    border-radius: 2px;
    border: 0;
    background: transparent;
    color: var(--header-control-text, #606060);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
}

body.page-home .header-tool-btn:hover,
body.page-home .ai-search-btn:hover,
body.page-home .auth-btn:hover {
    background: var(--header-control-hover);
    color: var(--text-primary);
}

body.page-home .auth-btn.btn-primary,
body.page-home .btn-primary {
    background: transparent !important;
    border: 1px solid var(--accent) !important;
    color: var(--accent) !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border-radius: 2px !important;
    padding: 0 14px !important;
}

body.page-home .auth-btn.btn-primary:hover {
    background: var(--accent-soft) !important;
}

body.page-home .controls {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

body.page-home .header-auth-strip {
    display: flex;
    align-items: center;
    gap: 6px;
    border-left: 1px solid var(--border) !important;
    margin-left: 6px !important;
    padding-left: 10px !important;
}

body.page-home #mainContent,
body.page-home .page-main-wrap,
body.cb-shell .page-main-wrap {
    padding-top: calc(var(--header-height, 56px) + 8px);
    min-height: 50vh;
    transition: padding-left var(--sidebar-slide-ms, 200ms) ease;
    background: var(--body-bg);
}

@media (min-width: 768px) {
    body.page-home.visible-sidebar #mainContent,
    body.cb-shell.visible-sidebar:not(.page-video) .page-main-wrap,
    body.cb-shell.visible-sidebar:not(.page-video) #mainContent {
        padding-left: var(--sidebar-width, 240px);
    }
}

body.page-home #catSideNav,
body.cb-shell #catSideNav,
.cat-side-nav {
    position: fixed !important;
    top: var(--header-height, 56px) !important;
    left: 0 !important;
    width: var(--sidebar-width, 240px) !important;
    height: calc(100vh - var(--header-height, 56px)) !important;
    background: var(--sidebar-bg, #f5f5f5) !important;
    border-right: 0 !important;
    z-index: var(--z-sidebar, 9500) !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translateX(-100%);
    transition: transform var(--sidebar-slide-ms, 200ms) ease !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
    padding: 0 0 24px !important;
}

body.page-home #catSideNav.open,
body.page-home.visible-sidebar #catSideNav,
body.cb-shell.visible-sidebar #catSideNav,
.cat-side-nav.open {
    transform: translateX(0) !important;
}

body.sliding-sidebar #catSideNav,
body.sliding-sidebar .cat-side-nav {
    will-change: transform;
}

body.page-home #catDrawerBackdrop,
.cat-drawer-backdrop,
.page-sidebar-content-overlay {
    position: fixed !important;
    inset: 0;
    top: var(--header-height, 56px) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: var(--z-sidebar-overlay, 9400) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--sidebar-slide-ms, 200ms) ease, visibility var(--sidebar-slide-ms, 200ms) ease;
    backdrop-filter: none !important;
}

body.page-home #catDrawerBackdrop.open,
body.page-home.sidebar-overlay-visible #catDrawerBackdrop,
.cat-drawer-backdrop.open,
body.sidebar-overlay-visible .page-sidebar-content-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (min-width: 768px) {
    body.page-home:not(.page-video).visible-sidebar #catDrawerBackdrop,
    body.page-home:not(.page-video).visible-sidebar #catDrawerBackdrop.open {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

body.page-home #catSideNav .ph-side-header,
body.page-home #userSideNav .ph-side-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--sidebar-nav-border, #eee);
    margin-bottom: 0;
    background: transparent;
}

body.page-home #catSideNav .ph-side-logo,
body.page-home #userSideNav .ph-side-logo {
    font-weight: 400;
    font-size: 15px;
    color: var(--text-primary);
}

body.page-home #catSideNav .ph-side-logo span,
body.page-home #userSideNav .ph-side-logo span {
    color: var(--accent);
    font-weight: 500;
}

body.page-home #catSideNav .ph-close-btn,
body.page-home #userSideNav .ph-close-btn {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--sidebar-nav-item-icon, #909090);
    cursor: pointer;
}

body.page-home #catSideNav .ph-close-btn:hover,
body.page-home #userSideNav .ph-close-btn:hover {
    background: var(--nav-hover-bg);
}

body.page-home #catSideNav .ph-nav-item,
body.page-home #userSideNav .ph-nav-item,
body.page-home #catSideNav a.ph-nav-item {
    display: flex !important;
    align-items: center;
    gap: 24px;
    padding: 0 24px !important;
    margin: 0 !important;
    min-height: 40px;
    border-radius: 0 !important;
    color: var(--sidebar-nav-item-text, rgb(13, 13, 13)) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    border-left: 0 !important;
    border-top: 0 !important;
    transition: background 0.15s ease;
    position: relative;
    background: transparent !important;
}

body.page-home #catSideNav .ph-nav-item i,
body.page-home #userSideNav .ph-nav-item i {
    width: 24px;
    max-width: 24px;
    text-align: center;
    color: var(--sidebar-nav-item-icon, #909090) !important;
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
}

body.page-home #catSideNav .ph-nav-item:hover,
body.page-home #userSideNav .ph-nav-item:hover {
    background: var(--nav-hover-bg) !important;
}

body.page-home #catSideNav .ph-nav-item.active,
body.page-home #catSideNav .ph-nav-item[aria-current="page"] {
    background: var(--nav-active-bg) !important;
    font-weight: 500;
}

body.page-home #catSideNav .ph-nav-item.active i {
    color: var(--accent) !important;
}

body.page-home #catSideNav .ph-side-section {
    display: block;
    padding: 16px 24px 8px;
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--text-secondary);
    border-top: 1px solid var(--sidebar-nav-border, #eee);
    margin-top: 8px;
}

body.page-home #catSideNav .ph-side-section:first-of-type {
    border-top: 0;
    margin-top: 0;
}

body.page-home #catFab {
    background: var(--elevated) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-md) !important;
}

@media (min-width: 768px) {
    body.page-home.visible-sidebar #catFab {
        display: none !important;
    }
}

body.page-home #userSideNav,
.user-side-nav {
    position: fixed !important;
    top: var(--header-height, 56px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(320px, 88vw) !important;
    height: calc(100vh - var(--header-height, 56px)) !important;
    background: var(--sidebar-bg, #f5f5f5) !important;
    border-left: 1px solid var(--border) !important;
    z-index: var(--z-sidebar, 9500) !important;
    transform: translateX(100%);
    transition: transform var(--sidebar-slide-ms, 200ms) ease !important;
    overflow-y: auto;
    padding: 0 0 24px !important;
    border-radius: 0 !important;
    box-shadow: var(--shadow-lg) !important;
    backdrop-filter: none !important;
}

body.page-home #userSideNav.open,
.user-side-nav.open {
    transform: translateX(0) !important;
}

body.page-home #userDrawerBackdrop {
    position: fixed !important;
    inset: 0;
    top: var(--header-height, 56px) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: var(--z-sidebar-overlay, 9400) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--sidebar-slide-ms, 200ms) ease;
    backdrop-filter: none !important;
}

body.page-home #userDrawerBackdrop.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.page-home .ph-quick-row {
    display: flex;
    gap: 8px;
    padding: 12px 16px 16px;
    justify-content: space-around;
}

body.page-home .ph-quick-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-primary);
    border: 0;
}

body.page-home .ph-quick-label {
    font-size: 11px;
    color: var(--text-secondary);
    margin-top: 6px;
    display: block;
    text-align: center;
}

body.page-home .ph-quick-btn {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 72px;
}

body.page-home .feed-tabs {
    display: flex;
    gap: 8px;
    padding: 12px 16px 8px;
    max-width: none;
    margin: 0;
    overflow-x: auto;
    border-bottom: 0;
    scrollbar-width: none;
    background: transparent;
}

body.page-home .feed-tabs::-webkit-scrollbar {
    display: none;
}

body.page-home .feed-tab {
    flex: 0 0 auto;
    height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    border: 0;
    background: var(--chip-bg, #f0f0f0);
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    line-height: 32px;
    box-shadow: none !important;
}

body.page-home .feed-tab:hover {
    background: var(--chip-hover, #e8e8e8);
}

body.page-home .feed-tab.active {
    background: #0f0f0f !important;
    color: #fff !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    border-radius: 8px;
}

html[data-home-theme="dark"] body.page-home .feed-tab.active {
    background: #f1f1f1 !important;
    color: #0f0f0f !important;
}

body.page-home .cb-section-head,
body.page-home .cw-header,
body.page-home .media-list-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    max-width: none;
    margin: 0;
    border-top: 0;
}

@media (min-width: 710px) {
    body.page-home .cb-section-head,
    body.page-home .cw-header,
    body.page-home .feed-tabs,
    body.page-home #mainContent > .trending-tags-bar .trending-tags-inner {
        padding-left: 24px;
        padding-right: 24px;
    }
}

body.page-home .cb-section-head h2,
body.page-home .cw-title {
    margin: 12px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: var(--text-primary);
    letter-spacing: 0;
}

body.page-home .cb-section-head a,
body.page-home .cw-clear-btn {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted);
    text-decoration: none;
    background: none;
    border: 0;
    cursor: pointer;
}

body.page-home .cb-section-head a:hover,
body.page-home .cw-clear-btn:hover {
    color: var(--text-primary);
}

body.page-home #vipContent > div:first-child {
    background: var(--accent-soft) !important;
    border: 1px solid rgba(255, 106, 0, 0.22) !important;
    border-radius: 4px !important;
}

@media (max-width: 767px) {
#mobileBottomNav,
.mobile-bottom-nav {
    display: block !important;
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: var(--header-bg, #fff) !important;
    border-top: 1px solid var(--border) !important;
    z-index: var(--z-bottom-nav, 950) !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}
}

@media (min-width: 768px) {
#mobileBottomNav,
.mobile-bottom-nav {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
}

.mobile-bottom-nav-inner {
    height: var(--bottom-nav-height, 56px);
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    max-width: 560px;
    margin: 0 auto;
}

body.page-home .mobile-bottom-nav a, .mobile-bottom-nav a,
body.page-home .mobile-bottom-nav button, .mobile-bottom-nav button {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 10px;
    background: none;
    border: 0;
    cursor: pointer;
}

body.page-home .mobile-bottom-nav a span, .mobile-bottom-nav a span,
body.page-home .mobile-bottom-nav button, .mobile-bottom-nav button span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.page-home .mobile-bottom-nav a.active, .mobile-bottom-nav a.active,
body.page-home .mobile-bottom-nav a:hover, .mobile-bottom-nav a:hover {
    color: var(--accent);
}

@media (min-width: 900px) {
    body.page-home #mobileBottomNav,
    body.page-home .mobile-bottom-nav {
        display: none !important;
    }
}

@media (max-width: 899px) {
    body.page-home #mainContent {
        padding-bottom: calc(var(--bottom-nav-height, 56px) + 16px + env(safe-area-inset-bottom, 0px));
    }
}

body.page-home .auth-modal .auth-box {
    background: var(--elevated, #fff) !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 8px rgba(17, 17, 17, 0.06) !important;
}

body.page-home .btn-submit {
    background: var(--accent) !important;
    color: var(--accent-contrast, #fff) !important;
    border: 0 !important;
    border-radius: 2px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

body.page-home .btn-submit:hover {
    background: var(--accent-hover) !important;
}

body.page-home a.logo,
body.page-home a.ph-nav-item,
body.page-home .feed-tab,
body.page-home .mobile-bottom-nav a, .mobile-bottom-nav a,
body.page-home .desc,
body.page-home .u-name,
body.page-home .cb-title,
body.page-home .cb-title a {
    color: inherit;
}

body.page-home .skip-link:focus {
    top: 0 !important;
    background: var(--accent) !important;
    color: #fff !important;
}

body.page-home .glass,
body.page-home [class*="glass-"],
body.page-home .liquid-glass {
    background: var(--elevated) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border) !important;
}

body.page-home .hero-section--compact .hero-shell {
    background: #fff !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

body.page-home .hot-search-panel {
    background: #f5f5f5 !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px !important;
}

body.page-home .hot-search-tags button,
body.page-home #hotSearchTags button {
    background: #fff !important;
    border: 1px solid var(--border) !important;
    color: var(--text-primary) !important;
    border-radius: 2px !important;
}

body.page-home .hot-search-tags button:hover,
body.page-home #hotSearchTags button:hover {
    border-color: var(--accent) !important;
    color: var(--accent) !important;
    background: var(--accent-soft) !important;
}

body.page-home .hero-lead,
body.page-home .hero-status-pill {
    color: var(--text-secondary) !important;
}

body.page-home .hero-status-pill {
    background: #f5f5f5 !important;
    border: 1px solid var(--border) !important;
}

@media (prefers-reduced-motion: reduce) {
    body.page-home #catSideNav,
    body.page-home #userSideNav,
    body.page-home #mainContent,
    body.page-home #catDrawerBackdrop {
        transition: none !important;
    }
}

@media (max-width: 1023px) {
    body.page-home .cat-header-btn {
        display: none !important;
    }
}

@media (max-width: 709px) {
    body.page-home header .header-inner {
        padding: 0 8px;
    }
}

.mobile-bottom-nav a svg,
.mobile-bottom-nav button svg {
    display: block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

/* ==== cb-cards.css ==== */


body.page-home .grid,
.cb-grid,
.items-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 24px 16px;
    padding: 8px 16px 32px;
    max-width: none;
    margin: 0;
    background: transparent;
    word-break: break-word;
}

@media (min-width: 710px) {
    body.page-home .grid,
    .cb-grid {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 479px) {
    body.page-home .grid,
    .cb-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 16px 8px;
        padding: 8px 12px 24px;
    }
}

@media (min-width: 600px) and (max-width: 999px) {
    body.page-home .grid,
    .cb-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 24px 12px;
    }
}

@media (min-width: 1000px) {
    body.page-home .grid,
    .cb-grid {
        grid-template-columns: repeat(auto-fill, minmax(218px, 1fr));
        gap: 24px 16px;
    }
}

@media (min-width: 1400px) {
    body.page-home .grid,
    .cb-grid {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

body.page-home .grid .card,
body.page-home .cb-item,
.cb-item {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: none;
    position: relative;
    cursor: pointer;
    max-width: var(--default-max-item-width, 344px);
    width: 100%;
    margin-bottom: 0;
    vertical-align: top;
}

body.page-home .grid .card:hover,
.cb-item:hover {
    transform: none !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.page-home .grid .card .thumb,
body.page-home .grid .card a.thumb,
body.page-home .cb-thumb,
.cb-thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    padding-bottom: 0 !important;
    height: auto;
    border-radius: 0;
    overflow: hidden;
    background: var(--item-thumb-bg, #f5f5f5) center / cover no-repeat;
    text-decoration: none;
}

@media (min-width: 480px) {
    body.page-home .grid .card .thumb,
    body.page-home .grid .card a.thumb,
    body.page-home .cb-thumb,
    .cb-thumb {
        border-radius: 10px;
    }
}

body.page-home .grid .card .thumb img,
body.page-home .cb-thumb img,
.cb-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: inherit;
    transition: none;
    pointer-events: none;
}

body.page-home .grid .card:hover .thumb img,
.cb-item:hover .cb-thumb img {
    transform: none;
}

body.page-home .grid .card .duration,
body.page-home .grid .card .thumb .duration,
body.page-home .cb-duration,
.cb-duration {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    top: auto !important;
    margin: 4px !important;
    background: var(--item-duration-bg, hsl(0, 0%, 6.7%)) !important;
    color: var(--item-duration-fg, #fff) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 13.5px !important;
    letter-spacing: 0.5px !important;
    padding: 2px 4px !important;
    border-radius: 2px !important;
    border: 0 !important;
    opacity: 0.8;
    z-index: 2;
    pointer-events: none;
    font-variant-numeric: tabular-nums;
}

body.page-home .grid .card .badge,
body.page-home .grid .card .vip-badge,
body.page-home .grid .card .badge-top,
body.page-home .cb-badge {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 2px;
    background: var(--accent);
    color: #fff;
    letter-spacing: 0.02em;
}

body.page-home .grid .card .info,
body.page-home .grid .card .card-body,
body.page-home .cb-meta,
.cb-meta {
    padding: 0 !important;
    background: transparent !important;
    display: block !important;
    flex: none !important;
    justify-content: flex-start !important;
}

body.page-home .grid .card .title,
body.page-home .grid .card h3,
body.page-home .grid .card .desc,
body.page-home .cb-title,
.cb-title {
    margin: 12px 0 6px !important;
    font-size: var(--item-title-font-size, 14px) !important;
    line-height: var(--item-title-line-height, 18px) !important;
    font-weight: 500 !important;
    color: var(--item-title-text, #111) !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-decoration: none !important;
    min-height: 0 !important;
    max-height: calc(var(--item-title-max-lines, 2) * var(--item-title-line-height, 18px));
}

body.page-home .grid .card .title a,
body.page-home .grid .card .desc,
body.page-home .cb-title a {
    color: inherit !important;
    text-decoration: none !important;
}

body.page-home .grid .card .desc:hover {
    color: var(--text-primary) !important;
}

body.page-home .grid .card .meta-row,
body.page-home .grid .card .meta,
body.page-home .cb-sub {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0 4px;
    font-size: 13px !important;
    line-height: 18px !important;
    color: var(--item-meta-text, rgba(17, 17, 17, 0.6)) !important;
    border-top: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    font-family: Arial, sans-serif;
}

body.page-home .grid .card .u-tag {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px !important;
    color: var(--item-meta-text) !important;
    overflow: hidden;
    min-width: 0;
    flex: 1 1 auto;
}

body.page-home .grid .card .u-avt-small {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, 0.07);
}

body.page-home .grid .card .u-name {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--item-meta-text) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.page-home .grid .card .u-name:hover {
    color: rgba(17, 17, 17, 0.85) !important;
}

body.page-home .grid .card .stats-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px !important;
    color: var(--item-meta-text) !important;
    flex: 0 0 auto;
    margin-left: auto;
}

body.page-home .grid .card .stats-tag span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    color: inherit;
}

body.page-home .grid .card .stats-tag span:hover {
    color: var(--text-primary);
}

body.page-home .grid .card .stats-tag .like-btn.active,
body.page-home .grid .card .stats-tag .fav-btn.active {
    color: var(--accent) !important;
}

body.page-home .grid .card .card-menu-wrap {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 10;
}

body.page-home .grid .card .card-menu-btn {
    background: rgba(0, 0, 0, 0.65) !important;
    border: 0 !important;
    color: #fff !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    opacity: 0;
    transition: opacity 0.15s ease;
}

body.page-home .grid .card:hover .card-menu-btn,
body.page-home .grid .card .card-menu-btn:focus {
    opacity: 1;
}

@media (hover: none) {
    body.page-home .grid .card .card-menu-btn {
        opacity: 1;
    }
}

body.page-home .cw-scroll,
body.page-home #cwScroll {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 4px 16px 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
}

@media (min-width: 710px) {
    body.page-home .cw-scroll,
    body.page-home #cwScroll {
        padding-left: 24px;
        padding-right: 24px;
    }
}

body.page-home .cw-scroll .card,
body.page-home .cw-scroll .cb-item {
    flex: 0 0 218px;
    max-width: 218px;
    scroll-snap-align: start;
}

body.page-home .tab-empty-state {
    text-align: center;
    padding: 80px 16px 32px;
    color: var(--text-secondary);
}

body.page-home .tab-empty-btn,
body.page-home .tab-empty-btn.primary {
    background: #0f0f0f !important;
    color: #fff !important;
    border-radius: 18px !important;
    border: 0 !important;
    height: 36px;
    padding: 0 16px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    box-shadow: none !important;
}
body.page-home .tab-empty-btn:hover,
body.page-home .tab-empty-btn.primary:hover {
    background: #272727 !important;
    color: #fff !important;
    transform: none !important;
}

body.page-home .scroll-sentinel,
body.page-home .scroll-end-msg {
    text-align: center;
    padding: 24px;
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 500;
}

body.page-home .skeleton,
body.page-home .card.skeleton .thumb {
    background: linear-gradient(
        90deg,
        var(--skeleton-base) 25%,
        var(--skeleton-hl) 50%,
        var(--skeleton-base) 75%
    ) !important;
    background-size: 200% 100% !important;
    animation: cb-skel 1.2s ease-in-out infinite;
}

@keyframes cb-skel {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    body.page-home .skeleton,
    body.page-home .card.skeleton .thumb {
        animation: none !important;
    }
}

body.page-home .grid .card [style*="f5c518"],
body.page-home .grid .card [style*="F5C518"] {
    color: var(--accent) !important;
}

/* ==== cb-watch.css ==== */


body.page-video,
html[data-home-theme] body.page-video {
  --bg: #ffffff !important;
  --body-bg: #ffffff !important;
  --card: #ffffff !important;
  --header-bg: #ffffff !important;
  --text: #0f0f0f !important;
  --text-primary: #0f0f0f !important;
  --text-secondary: #606060 !important;
  --sub: #606060 !important;
  --sub-text: #606060 !important;
  --border: rgba(0, 0, 0, 0.1) !important;
  --brd: rgba(0, 0, 0, 0.1) !important;
  --accent: #065fd4 !important;
  --accent-hover: #0556bf !important;
  --pri: #e8a317 !important;
  --chip-bg: #f2f2f2 !important;
  --chip-hover: #e5e5e5 !important;
  --panel-soft: #f2f2f2 !important;
  background: #ffffff !important;
  color: #0f0f0f !important;
  font-family: Roboto, Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

body.page-video > header,
body.page-video header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 56px !important;
  z-index: 2020 !important;
  background: #fff !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 0 16px !important;
  display: block !important;
  box-sizing: border-box !important;
}
body.page-video header .header-inner {
  height: 56px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  
  grid-template-columns: 169px minmax(0, 1fr) 225px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.page-video header .header-start {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  justify-self: start !important;
  grid-column: 1 !important;
}
body.page-video header .header-end {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
  justify-self: end !important;
  grid-column: 3 !important;
}

body.page-video header .header-search {
  grid-column: 2 !important;
  justify-self: stretch !important;
}
body.page-video header .logo,
body.page-video header .mast-logo {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f0f0f !important;
  text-decoration: none !important;
  letter-spacing: -0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #0f0f0f !important;
}
body.page-video header .logo .cb-logo-mark,
body.page-video header .mast-logo .cb-logo-mark {
  display: inline-flex !important;
  width: 28px !important;
  height: 20px !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
}
body.page-video header .logo .cb-logo-mark svg,
body.page-video header .mast-logo .cb-logo-mark svg {
  width: 28px !important;
  height: 20px !important;
  display: block !important;
}
body.page-video header .logo .cb-logo-word,
body.page-video header .mast-logo .cb-logo-word {
  color: #0f0f0f !important;
  -webkit-text-fill-color: #0f0f0f !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.4px !important;
  font-size: 20px !important;
  line-height: 20px !important;
  display: inline-flex !important;
  align-items: baseline !important;
  height: 20px !important;
}
body.page-video header .logo .cb-logo-bi,
body.page-video header .mast-logo .cb-logo-bi {
  color: #e8a317 !important;
  -webkit-text-fill-color: #e8a317 !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 20px !important;
  display: inline !important;
  position: relative !important;
  vertical-align: baseline !important;
}
body.page-video header .logo .cb-logo-18,
body.page-video header .mast-logo .cb-logo-18 {
  position: absolute !important;
  top: -7px !important;
  left: 100% !important;
  margin-left: 1px !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  color: #e8a317 !important;
  -webkit-text-fill-color: #e8a317 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-style: normal !important;
}

body.page-video header .cb-mast-burger,
body.page-video #cbMastBurger {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  margin: 0 4px 0 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #0f0f0f !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
}
body.page-video header .cb-mast-burger:hover,
body.page-video #cbMastBurger:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}
body.page-video header .cb-mast-burger i,
body.page-video #cbMastBurger i {
  font-size: 18px !important;
  line-height: 1 !important;
  color: inherit !important;
}
body.page-video header .header-search {
  display: flex !important;
  height: 40px !important;
  max-width: 732px !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #ccc !important;
  
  border-radius: 40px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.05) !important;
}
body.page-video header .header-search input {
  flex: 1 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0f0f0f !important;
  font-size: 16px !important;
  padding: 0 16px !important;
  outline: none !important;
  min-width: 0 !important;
}
body.page-video header .header-search button {
  width: 64px !important;
  border: 0 !important;
  border-left: 1px solid #ccc !important;
  border-radius: 0 40px 40px 0 !important;
  background: #f8f8f8 !important;
  color: #0f0f0f !important;
  cursor: pointer !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.page-video header .header-search button:hover { background: #f0f0f0 !important; }
body.page-video header .ai-search-btn { display: none !important; }

body.page-video header .cb-search-wrap {
  grid-column: 2 !important;
  justify-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  max-width: 732px !important;
  width: 100% !important;
  margin: 0 auto !important;
  min-width: 0 !important;
}
body.page-video header .cb-search-wrap .header-search {
  grid-column: auto !important;
  flex: 1 1 732px !important;
  max-width: 732px !important;
  width: auto !important;
  justify-self: stretch !important;
}
body.page-video header .yt-voice-btn,
body.page-video header #voiceSearchBtn {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  line-height: 1 !important;
  font-size: 16px !important;
}
body.page-video header .yt-voice-btn:hover,
body.page-video header #voiceSearchBtn:hover {
  background: #e5e5e5 !important;
}
body.page-video header .yt-voice-btn.is-listening,
body.page-video header #voiceSearchBtn.is-listening {
  background: #ffe6e6 !important;
  color: #ff0000 !important;
}
body.page-video header .yt-voice-btn svg,
body.page-video header #voiceSearchBtn svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
}

body.page-video header #headerBtns {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
}

body.page-video header #headerBtns > a.nav-btn:not(.primary) {
  display: none !important;
}
body.page-video header .nav-btn {
  height: 36px !important;
  padding: 0 12px !important;
  border-radius: 18px !important;
  border: 0 !important;
  background: transparent !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: none !important;
}
body.page-video header .nav-btn:hover { background: rgba(0,0,0,.05) !important; }

body.page-video header .nav-btn.primary {
  height: 40px !important;
  min-width: 0 !important;
  padding: 0 15px 0 12px !important;
  border-radius: 20px !important;
  border: 1px solid #065fd4 !important;
  gap: 8px !important;
  background: transparent !important;
  color: #065fd4 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  gap: 6px !important;
}
body.page-video header .nav-btn.primary i,
body.page-video header .mast-signin i,
body.page-video header #authBtns .auth-btn i {
  display: none !important;
}
body.page-video header .nav-btn.primary .yt-signin-label,
body.page-video header .nav-btn.primary span {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #065fd4 !important;
}
body.page-video header .nav-btn.primary:hover {
  background: rgba(6, 95, 212, 0.08) !important;
  border-color: #065fd4 !important;
  color: #065fd4 !important;
}
body.page-video header .nav-btn.primary svg,
body.page-video header .mast-signin svg,
body.page-video header #authBtns .auth-btn svg {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: block !important;
}
body.page-video header .nav-btn.primary i,
body.page-video header .mast-signin i,
body.page-video header #authBtns .auth-btn i {
  font-size: 22px !important;
  line-height: 1 !important;
}
body.page-video header .yt-kebab-btn,
body.page-video header #moreMenuBtn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #0f0f0f !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.page-video header .yt-kebab-btn:hover { background: rgba(0,0,0,.05) !important; }
body.page-video header .yt-kebab-btn svg { display: block; width: 24px; height: 24px; }

body.page-video #breadcrumbNav { display: none !important; }

body.page-video {
  --cb-head: 56px;
  --cb-top: 12px;
  --cb-below-player: 48px;
  --cb-gap: 16px;
  --cb-pad-x: 16px;
  --cb-side: 412px;
  --cb-rel-w: 247.5px;
  --cb-rel-h: 139.2px;
  --cb-max-player-h: calc(100vh - var(--cb-head) - var(--cb-top) - var(--cb-below-player));
  --cb-max-player-w: calc(var(--cb-max-player-h) * 16 / 9);
  
  --cb-page-max: calc(var(--cb-max-player-w) + var(--cb-side) + var(--cb-gap) + var(--cb-pad-x));
  --accent: #065fd4 !important;
  --accent-hover: #0556bf !important;
}
body.page-video .page-wrap {
  max-width: min(100%, var(--cb-page-max)) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: calc(var(--cb-head) + var(--cb-top)) 0 48px var(--cb-pad-x) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--cb-side) !important;
  gap: var(--cb-gap) !important;
  align-items: start !important;
  box-sizing: border-box !important;
  background: #fff !important;
  justify-content: center !important;
}
body.page-video .main-col {
  min-width: 0 !important;
  width: 100% !important;
  max-width: var(--cb-max-player-w) !important;
  justify-self: stretch !important;
}
body.page-video .side-col {
  min-width: 0 !important;
  width: var(--cb-side) !important;
  max-width: 100% !important;
  position: relative !important;
  top: 0 !important;
}

@media (max-width: 1100px) {
  body.page-video {
    --cb-pad-x: 12px;
    --cb-gap: 16px;
  }
  body.page-video .page-wrap {
    grid-template-columns: 1fr !important;
    padding: calc(var(--cb-head) + 8px) var(--cb-pad-x) 32px !important;
  }
  body.page-video .side-col { width: 100% !important; }
  body.page-video .main-col { max-width: none !important; }
}

body.page-video #playerContainer {
  position: relative !important;
  width: 100% !important;
  max-width: var(--cb-max-player-w) !important;
}
body.page-video .player-wrap,
body.page-video #playerWrap {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  max-height: var(--cb-max-player-h) !important;
  min-height: 0 !important;
  background: #000 !important;
  border-radius: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  box-shadow: none !important;
}

@supports (height: 1cqh) {
  body.page-video #playerContainer { container-type: inline-size; }
}
body.page-video .player-wrap video,
body.page-video .player-wrap img,
body.page-video #playerWrap video,
body.page-video #playerWrap img,
body.page-video .player-wrap .video-js,
body.page-video .player-wrap .plyr,
body.page-video #playerWrap canvas,
body.page-video #playerWrap iframe {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block !important;
  background: #000 !important;
  position: absolute !important;
  inset: 0 !important;
}

body.page-video #playerWrap.is-portrait video,
body.page-video .player-wrap.is-portrait video,
body.page-video #playerWrap.is-portrait img,
body.page-video .player-wrap.is-portrait img {
  object-fit: contain !important;
  object-position: center center !important;
}

body.page-video .video-info {
  padding: 12px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.page-video .video-title,
body.page-video #vTitle,
body.page-video h1.video-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  color: #0f0f0f !important;
  margin: 0 0 4px !important;
  letter-spacing: 0 !important;
}

body.page-video .main-col > .video-meta,
body.page-video .video-info > .video-meta,
body.page-video #videoContent > .video-meta,
body.page-video .video-meta {
  display: none !important;
}
body.page-video .video-meta .meta-item {
  color: #606060 !important;
  font-size: 14px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
body.page-video .video-meta .meta-item i { display: none !important; }

body.page-video #vCat,
body.page-video .video-meta #vCat,
body.page-video .meta-item:has(#vCat) {
  display: none !important;
}

body.page-video .yt-below {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 4px 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
body.page-video .yt-owner {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 280px) !important;
}
body.page-video .yt-actions,
body.page-video .bili-stack-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  margin: 0 0 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
body.page-video .yt-actions > *,
body.page-video .bili-stack-bar > * {
  flex: 0 0 auto !important;
}
body.page-video .yt-action-group {
  display: inline-flex !important;
  align-items: stretch !important;
  background: #f2f2f2 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}
body.page-video .yt-action-group .bili-stack-btn {
  border-radius: 0 !important;
  background: transparent !important;
}
body.page-video .yt-action-group .bili-stack-btn:first-child {
  border-radius: 20px 0 0 20px !important;
}
body.page-video .yt-action-group .bili-stack-btn:last-child {
  border-radius: 0 20px 20px 0 !important;
}
body.page-video .yt-action-group .bili-stack-btn + .bili-stack-btn {
  border-left: 1px solid rgba(0,0,0,.1) !important;
}
body.page-video .bili-stack-btn,
body.page-video .bili-stack-more,
body.page-video .yt-pill {
  height: 40px !important;
  min-height: 40px !important;
  min-width: 40px !important;
  padding: 0 16px !important;
  border-radius: 20px !important;
  border: 0 !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  line-height: 40px !important;
  transform: none !important;
}
body.page-video .bili-stack-btn i,
body.page-video .bili-stack-more i,
body.page-video .yt-pill i {
  font-size: 16px !important;
  line-height: 1 !important;
  color: inherit !important;
}
body.page-video .bili-stack-btn:hover,
body.page-video .bili-stack-more:hover,
body.page-video .yt-pill:hover { background: #e5e5e5 !important; color: #0f0f0f !important; }
body.page-video .bili-stack-btn.active,
body.page-video .bili-stack-btn.is-active {
  background: #0f0f0f !important;
  color: #fff !important;
}
body.page-video .bili-stack-btn.active i,
body.page-video .bili-stack-btn.is-active i,
body.page-video .bili-stack-btn.active .bili-stack-num,
body.page-video .bili-stack-btn.is-active .bili-stack-num { color: #fff !important; }
body.page-video .bili-stack-num {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: inherit !important;
  letter-spacing: 0 !important;
}
body.page-video .bili-stack-spacer { display: none !important; }
body.page-video .bili-stack-more { width: 40px !important; height: 40px !important; padding: 0 !important; border-radius: 20px !important; }
body.page-video .share-bar { display: none !important; }

body.page-video .yt-owner .author-card,
body.page-video .yt-owner .side-author-card,
body.page-video .yt-owner-card,
body.page-video #ytOwnerSlot .author-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 1 auto !important;
}

body.page-video .yt-owner .author-info,
body.page-video #ytOwnerSlot .author-info {
  display: flex !important;
  flex-direction: row; flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 200px !important;
}
body.page-video .yt-owner .author-info-top,
body.page-video #ytOwnerSlot .author-info-top {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  min-width: 0 !important;
  max-width: 220px !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body.page-video .yt-owner .author-avt,
body.page-video #ytOwnerSlot #authorAvt,
body.page-video #authorAvt {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background-color: #f2f2f2 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.page-video .author-avt-letter {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #606060;
  font-family: Roboto, Arial, sans-serif;
  pointer-events: none;
}
body.page-video .author-avt.has-photo .author-avt-letter {
  display: none !important;
}
body.page-video .yt-owner .author-name,
body.page-video #ytOwnerSlot #authorNick,
body.page-video #authorNick {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #0f0f0f !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.page-video .yt-owner .author-fans,
body.page-video .yt-owner .author-subs,
body.page-video #ytOwnerSlot .author-fans,
body.page-video #ytOwnerSlot .author-subs,
body.page-video .yt-owner .author-info > .author-fans,
body.page-video .yt-owner .author-info > .author-subs,
body.page-video #authorCard .author-fans,
body.page-video #authorCard .author-subs {
  display: block !important;
  visibility: visible !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #606060 !important;
  margin: 0 !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.page-video .yt-owner .author-bio,
body.page-video #ytOwnerSlot .author-bio { display: none !important; }
body.page-video .yt-owner .author-msg-btn { display: none !important; }
body.page-video .yt-owner .author-card-actions,
body.page-video #ytOwnerSlot .author-card-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
  flex: 0 0 auto !important;
  align-self: center !important;
}
body.page-video .yt-owner .follow-btn,
body.page-video #ytOwnerSlot #btnFollow,
body.page-video #btnFollow {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 20px !important;
  border: 0 !important;
  background: #0f0f0f !important;
  color: #f1f1f1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  line-height: 40px !important;
}
body.page-video .yt-owner .follow-btn:hover,
body.page-video #btnFollow:hover { background: #272727 !important; }
body.page-video .yt-owner .follow-btn.is-following,
body.page-video .yt-owner .follow-btn.following {
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
}
body.page-video .yt-owner .reward-btn,
body.page-video #ytOwnerSlot .reward-btn {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border-radius: 20px !important;
  border: 0 !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  line-height: 40px !important;
}

body.page-video .side-col > .author-card,
body.page-video .side-col .side-author-card:not(.yt-moved) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 0 12px !important;
  margin: 0 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.page-video .desc-wrap,
html body.page-video.light-mode .desc-wrap,
html body.page-video #descWrap {
  display: block !important;
  background: #f2f2f2 !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px !important;
  
  margin: 12px 12px 0 !important;
  color: #0f0f0f !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}
html body.page-video .desc-wrap:hover,
html body.page-video.light-mode .desc-wrap:hover,
html body.page-video #descWrap:hover {
  background: #e5e5e5 !important;
}
html body.page-video #descWrap .desc-toggle,
html body.page-video .desc-wrap .desc-toggle {
  display: none;
}
body.page-video .desc-wrap .label {
  display: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0f0f0f !important;
  margin-bottom: 4px !important;
}
body.page-video .desc-text {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #0f0f0f !important;
  max-height: 72px !important;
  overflow: hidden !important;
}
body.page-video .desc-text.expanded {
  max-height: none !important;
  overflow: visible !important;
}
body.page-video .desc-text .desc-meta-line {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #0f0f0f !important;
  margin: 0 0 4px !important;
}
body.page-video .desc-text .desc-body-line {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #0f0f0f !important;
  white-space: pre-wrap !important;
}
body.page-video .desc-toggle {
  color: #0f0f0f !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  margin-top: 8px !important;
  cursor: pointer !important;
}

body.page-video .tags-wrap .tag-item,
body.page-video .tags-list a,
body.page-video .tags-list span {
  display: inline-flex !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: #f2f2f2 !important;
  color: #065fd4 !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  align-items: center !important;
  margin: 0 8px 8px 0 !important;
}

body.page-video .player-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 8px 0 12px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
body.page-video .player-actions .ux-btn,
body.page-video .ux-toolbar .ux-btn {
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 20px !important;
  border: 0 !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
body.page-video .player-actions .ux-btn:hover { background: #e5e5e5 !important; }

body.page-video .danmaku-controls,
body.page-video #danmakuControls,
body.page-video #danmakuToggleBtn,
body.page-video .danmaku-toggle,
body.page-video .danmaku-input-box,
body.page-video .danmaku-layer,
body.page-video #danmakuLayer {
  display: none !important;
}

body.page-video .player-actions,
body.page-video .player-tools,
body.page-video .video-toolbar,
body.page-video .ux-toolbar {
  display: none !important;
}

body.page-video #authorLvBadge,
body.page-video .yt-owner .uploader-badge.vip,
body.page-video #vipIcon,
body.page-video .yt-owner .level-badge,
body.page-video .yt-owner span[id="authorLvBadge"] {
  display: none !important;
}

body.page-video .yt-owner .follow-btn:disabled,
body.page-video .yt-owner .follow-btn.is-official,
body.page-video .yt-owner .follow-btn.following,
body.page-video .yt-owner .follow-btn.is-following,
body.page-video #btnFollow:disabled,
body.page-video #btnFollow.is-official,
body.page-video #btnFollow.following,
body.page-video #btnFollow.is-following,
body.page-video #ytOwnerSlot #btnFollow:disabled,
body.page-video #ytOwnerSlot #btnFollow.is-official,
body.page-video #ytOwnerSlot #btnFollow.following,
body.page-video #ytOwnerSlot #btnFollow.is-following,
body.page-video #ytOwnerSlot .follow-btn.following,
body.page-video #ytOwnerSlot .follow-btn.is-official,
body.page-video #ytOwnerSlot .follow-btn:disabled {
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  cursor: default !important;
  border: 0 !important;
  opacity: 1 !important;
}

body.page-video #biliStackLater,
body.page-video .bili-stack-later,
body.page-video .bili-stack-bar #biliStackLater,
body.page-video #biliStackBar > #biliStackLater {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.page-video #authorAvt,
body.page-video .yt-owner #authorAvt,
body.page-video .author-avt {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 50% !important;
  background-color: #f2f2f2 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.page-video #authorMoreList,
body.page-video #authorMoreTitle,
body.page-video #similarList,
body.page-video #similarTitle,
body.page-video .side-col .side-section:has(#authorMoreList),
body.page-video .side-col .side-section:has(#similarList) {
  display: none !important;
}

body.page-video .desc-wrap .label {
  display: none !important;
}

body.page-video .comments-wrap {
  background: transparent !important;
  border: 0 !important;
  padding: 24px 0 0 !important;
  margin: 16px 0 0 !important;
  box-shadow: none !important;
}
body.page-video .comments-wrap .section-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f0f0f !important;
  background: none !important;
  -webkit-text-fill-color: #0f0f0f !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}
body.page-video .comments-wrap .section-title .cb-comment-label {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f0f0f !important;
}
body.page-video .comments-wrap .section-title .c-sort-tabs {
  margin: 0 !important;
}
body.page-video .comments-wrap .section-title i,
body.page-video .comments-wrap .section-title .fa,
body.page-video .comments-wrap .section-title .fas {
  display: none !important;
}
body.page-video .comment-toolbar #commentSearch,
body.page-video .comment-helper {
  display: none !important;
}
body.page-video .comment-toolbar {
  display: none !important;
}
body.page-video .c-sort-tabs {
  display: inline-flex !important;
  align-items: center !important;
}
body.page-video .cb-sort-by {
  height: 36px !important;
  padding: 0 12px 0 4px !important;
  border: 0 !important;
  background: transparent !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}
body.page-video .c-sort-tab {
  display: none !important;
}

body.page-video header .logo .cb-logo-word {
  color: #0f0f0f !important;
  -webkit-text-fill-color: #0f0f0f !important;
}
body.page-video .comment-input-box,
body.page-video .ci-inner {
  background: transparent !important;
  border: 0 !important;
}
body.page-video .ci-textarea {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.1) !important;
  border-radius: 0 !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  min-height: 24px !important;
  padding: 4px 0 !important;
}
body.page-video .ci-submit {
  height: 36px !important;
  padding: 0 16px !important;
  border-radius: 18px !important;
  border: 0 !important;
  background: #065fd4 !important;
  color: #fff !important;
  font-weight: 500 !important;
}
body.page-video .ci-submit:disabled {
  background: #f2f2f2 !important;
  color: #909090 !important;
}
body.page-video .comment-item,
body.page-video .c-item {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  padding: 12px 0 !important;
}
body.page-video .c-text { color: #0f0f0f !important; font-size: 14px !important; }

body.page-video .side-col .side-section {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 16px !important;
  margin: 0 0 8px !important;
  box-shadow: none !important;
}
body.page-video .side-col .side-title,
body.page-video .side-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0f0f0f !important;
  margin: 0 0 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-left: 0 !important;
  padding-left: 0 !important;
  background: none !important;
  -webkit-text-fill-color: #0f0f0f !important;
}
body.page-video .side-col .side-title i,
body.page-video .side-title i { color: #0f0f0f !important; }

body.page-video .side-title span[style*="letter-spacing"] {
  color: #606060 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.page-video .next-up-head {
  
  display: none !important;
}
body.page-video .next-up-queue,
body.page-video #nextUpQueue {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.page-video .next-up-queue-title {
  display: none !important;
}
body.page-video #nextUpCard,
body.page-video #nextUpCard .next-up-card,
body.page-video .next-up-list-item {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.page-video .next-up-wrap,
body.page-video .side-next-up {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.page-video .next-up-head > div {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0f0f0f !important;
}
body.page-video .next-up-head > div i { display: none !important; }
body.page-video .next-up-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.page-video .next-up-card,
body.page-video #nextUpCard > .next-up-card,
body.page-video .next-up-list-item,
body.page-video .side-list-item,
body.page-video .rel-card,
body.page-video #authorMoreList > *,
body.page-video #similarList > a,
body.page-video #similarList > div {
  display: grid !important;
  grid-template-columns: var(--cb-rel-w, 247.5px) minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
  align-items: start !important;
  flex-direction: unset !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

body.page-video .next-up-card > img,
body.page-video .next-up-list-item > img,
body.page-video .side-list-item > img,
body.page-video .rel-card > img {
  width: var(--cb-rel-w, 247.5px) !important;
  height: var(--cb-rel-h, 139.2px) !important;
  max-width: var(--cb-rel-w, 247.5px) !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body.page-video .next-up-card:hover,
body.page-video .next-up-list-item:hover,
body.page-video .side-list-item:hover {
  transform: none !important;
  background: transparent !important;
}
body.page-video .next-up-card .rel-thumb,
body.page-video .next-up-list-item .rel-thumb,
body.page-video .next-up-thumb,
body.page-video .rel-thumb {
  position: relative !important;
  width: var(--cb-rel-w, 247.5px) !important;
  max-width: var(--cb-rel-w, 247.5px) !important;
  height: var(--cb-rel-h, 139.2px) !important;
  max-height: var(--cb-rel-h, 139.2px) !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 8px !important;
  background: #e5e5e5 !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  grid-column: 1 !important;
}
body.page-video .next-up-card img,
body.page-video #nextUpCard img,
body.page-video #nextUpQueue img,
body.page-video .next-up-list-item img,
body.page-video .side-list-item .thumb,
body.page-video .side-list-item .thumb img,
body.page-video .rel-thumb img,
body.page-video #authorMoreList img,
body.page-video #similarList img {
  width: var(--cb-rel-w, 247.5px) !important;
  max-width: var(--cb-rel-w, 247.5px) !important;
  min-width: 0 !important;
  height: var(--cb-rel-h, 139.2px) !important;
  max-height: var(--cb-rel-h, 139.2px) !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 8px !important;
  background: #e5e5e5 !important;
  flex-shrink: 0 !important;
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
}

body.page-video .next-up-card > div:not(.rel-thumb):not(.next-up-thumb),
body.page-video .next-up-list-item > div:not(.rel-thumb):not(.next-up-thumb),
body.page-video .next-up-text {
  grid-column: 2 !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: block !important;
}

body.page-video .next-up-actions,
body.page-video #nextUpCountdownText {
  display: none !important;
}

body.page-video .rel-duration,
body.page-video .next-up-thumb .rel-duration,
body.page-video .rel-thumb .rel-duration {
  position: absolute !important;
  right: 4px !important;
  bottom: 4px !important;
  z-index: 2 !important;
  background: rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  padding: 3px 4px !important;
  border-radius: 4px !important;
  letter-spacing: 0 !important;
}
body.page-video .next-up-title,
body.page-video .side-list-item .info .t,
body.page-video .rel-card .title,
body.page-video .rel-title,
body.page-video .next-up-list-item div[style*="font-size"] {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: #0f0f0f !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 4px !important;
  white-space: normal !important;
  text-overflow: unset !important;
}
body.page-video .next-up-channel,
body.page-video .rel-channel {
  display: block !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #606060 !important;
  font-weight: 400 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
body.page-video .next-up-meta,
body.page-video .side-list-item .info .m,
body.page-video .rel-meta {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  color: #606060 !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  min-height: 18px !important;
  margin: 0 !important;
}

body.page-video .next-up-actions,
body.page-video #nextUpCountdownText { display: none !important; }
body.page-video .next-up-queue-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #606060 !important;
  margin: 4px 0 8px !important;
}
body.page-video #nextUpToggleBtn,
body.page-video .yt-autoplay-btn {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  border: 0 !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.page-video #voteBarWrap:empty,
body.page-video #voteSystemWrap:empty { display: none !important; }
body.page-video #voteBarWrap:not(:has(*)),
body.page-video .video-meta:has(#voteSystemWrap:empty) {
  
}
body.page-video .video-meta {
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

body.page-video .video-info > div:empty { display: none !important; }
body.page-video .uploader-badge.official {
  font-size: 14px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #606060 !important;
  border: 0 !important;
}
body.page-video .uploader-badge:not(.official) {
  display: none !important;
}

body.page-video .discover-wrap,
body.page-video .also-viewed-wrap {
  display: none !important; 
}
body.page-video .player-actions {
  
}
body.page-video .player-actions #watchLaterBtn,
body.page-video .player-actions #favVideoBtn,
body.page-video .player-actions button[onclick="copyVideoLink()"] {
  display: none !important;
}
body.page-video .reward-btn,
body.page-video #btnReward,
body.page-video #rewardModal,
body.page-video .reward-modal,
body.page-video .reward-history-wrap,
body.page-video #rewardHistoryWrap {
  display: none !important;
}
body.page-video .yt-autoplay-btn {
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 12px !important;
  border: 0 !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
body.page-video .side-col .author-card.yt-moved-away,
body.page-video #authorCardSideMount { display: none !important; }

body.page-video #vipOverlay {
  background: rgba(0, 0, 0, 0.78) !important;
}
body.page-video #vipOverlay a,
body.page-video #vipOverlay .btn {
  background: #065fd4 !important;
  color: #fff !important;
  border-radius: 18px !important;
  border: 0 !important;
}

body.page-video #notifPanel2 {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.1) !important;
  box-shadow: 0 4px 32px rgba(0,0,0,.12) !important;
  color: #0f0f0f !important;
}

body.page-video .reward-confirm-btn,
body.page-video .reward-tab-btn.active {
  background: #065fd4 !important;
  color: #fff !important;
}

@media (max-width: 768px) {
  body.page-video header .header-inner {
    grid-template-columns: auto 1fr auto !important;
    gap: 8px !important;
  }
  
  body.page-video header .header-search {
    width: 40px !important;
    min-width: 40px !important;
    border-radius: 50% !important;
    height: 36px !important;
    justify-content: center !important;
  }
  body.page-video header .header-search input {
    display: none !important;
  }
  body.page-video header .header-search button {
    width: 40px !important;
    height: 36px !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  body.page-video header .header-search button svg {
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 20px !important;
  }
  body.page-video header .nav-btn span { display: none !important; }
  body.page-video .player-wrap,
  body.page-video #playerWrap { border-radius: 0 !important; }
  body.page-video .page-wrap { padding: 56px 0 24px !important; }
  body.page-video .main-col { padding: 0 12px !important; }
  body.page-video .side-col { padding: 0 12px !important; }
  
  body.page-video .player-wrap,
  body.page-video #playerWrap {
    margin: 0 -12px !important;
    width: calc(100% + 24px) !important;
  }
  body.page-video .video-title,
  body.page-video #vTitle { font-size: 18px !important; line-height: 24px !important; }
  
  body.page-video .main-col > .video-meta,
  body.page-video .video-info > .video-meta,
  body.page-video #videoContent > .video-meta,
  body.page-video .video-meta {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px 12px;
    padding: 4px 0 0 !important;
    margin: 0 0 4px !important;
    border-bottom: 0 !important;
  }
  body.page-video .next-up-card,
  body.page-video .next-up-list-item,
  body.page-video .side-list-item,
  body.page-video .rel-card {
    grid-template-columns: minmax(0, 168px) minmax(0, 1fr) !important;
  }
  
  body.page-video .yt-actions,
  body.page-video .bili-stack-bar {
    width: 100% !important;
    margin: 2px 0 0 !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px !important;
  }
  body.page-video .yt-actions::-webkit-scrollbar,
  body.page-video .bili-stack-bar::-webkit-scrollbar { display: none; }
  
  html body.page-video .yt-action-group .bili-stack-btn,
  html body.page-video .bili-stack-btn,
  html body.page-video .bili-stack-more {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    min-width: 36px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    padding: 0 14px !important;
  }
  body.page-video .yt-action-group { border-radius: 18px !important; }
  body.page-video .yt-action-group .bili-stack-btn:first-child { border-radius: 18px 0 0 18px !important; }
  body.page-video .yt-action-group .bili-stack-btn:last-child { border-radius: 0 18px 18px 0 !important; }
  
  html body.page-video #btnFollow,
  html body.page-video #ytOwnerSlot #btnFollow,
  html body.page-video .yt-owner .follow-btn,
  html body.page-video .follow-btn {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    padding: 0 16px !important;
  }
  body.page-video .author-info-top {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  body.page-video .author-fans {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    min-width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }
  body.page-video .author-name { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  
  html body.page-video .video-title,
  html body.page-video #vTitle {
    font-size: 16px !important;
    line-height: 22px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  body.page-video .yt-owner { width: 100% !important; max-width: none !important; }
  body.page-video header .yt-kebab-btn,
  body.page-video header .yt-voice-btn { width: 40px !important; height: 40px !important; margin: 0 !important; }
  body.page-video header .nav-btn.primary { height: 36px !important; padding: 0 12px !important; }
  body.page-video #descWrap { margin-top: 10px !important; }

  body.page-video .next-up-card .rel-thumb,
  body.page-video .next-up-list-item .rel-thumb,
  body.page-video .next-up-thumb,
  body.page-video .rel-thumb {
    width: min(100%, 168px) !important;
    max-width: 168px !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  body.page-video .next-up-card img,
  body.page-video .next-up-list-item img,
  body.page-video .side-list-item .thumb,
  body.page-video .rel-thumb img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9 !important;
  }
}

body.page-video:has(#cbPlayerChrome) #mainVideo::-webkit-media-controls,
body.page-video:has(#cbPlayerChrome) #mainVideo::-webkit-media-controls-enclosure,
body.page-video:has(#cbPlayerChrome) video::-webkit-media-controls {
  display: none !important;
}
body.page-video #cbPlayerChrome {
  position: absolute !important;
  inset: 0 !important;
  z-index: 6 !important;
  pointer-events: none !important;
  font-family: Roboto, Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}
body.page-video #cbPlayerChrome .cb-pc-hit {
  position: absolute !important;
  inset: 0 0 56px 0 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
body.page-video #cbPlayerChrome .cb-pc-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .15s ease !important;
}
body.page-video #cbPlayerChrome.is-paused .cb-pc-center,
body.page-video #cbPlayerChrome.is-idle-off.is-paused .cb-pc-center {
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.page-video #cbPlayerChrome .cb-pc-bigplay {
  width: 68px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #e8a317 !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35) !important;
}
body.page-video #cbPlayerChrome .cb-pc-bigplay:hover {
  background: #cc1814 !important;
}
body.page-video #cbPlayerChrome .cb-pc-bigplay svg { width: 28px; height: 28px; display: block; }
body.page-video #cbPlayerChrome .cb-pc-bottom {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 0 12px 8px !important;
  
  background: linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 45%, rgba(0,0,0,0) 100%) !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  transition: opacity .18s ease !important;
}
body.page-video #cbPlayerChrome.is-playing.is-idle .cb-pc-bottom {
  opacity: 0 !important;
  pointer-events: none !important;
}
body.page-video #cbPlayerChrome .cb-pc-progress {
  position: relative !important;
  height: 16px !important;
  margin: 0 0 2px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
}
body.page-video #cbPlayerChrome .cb-pc-track {
  position: relative !important;
  width: 100% !important;
  height: 3px !important;
  background: rgba(255,255,255,.3) !important;
  border-radius: 2px !important;
  overflow: visible !important;
}
body.page-video #cbPlayerChrome .cb-pc-progress:hover .cb-pc-track { height: 5px !important; }
body.page-video #cbPlayerChrome .cb-pc-buffered,
body.page-video #cbPlayerChrome .cb-pc-played {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  border-radius: 2px !important;
}
body.page-video #cbPlayerChrome .cb-pc-buffered { background: rgba(255,255,255,.45) !important; width: 0; }
body.page-video #cbPlayerChrome .cb-pc-played { background: #e8a317 !important; width: 0; }
body.page-video #cbPlayerChrome .cb-pc-knob {
  position: absolute !important;
  top: 50% !important;
  width: 12px !important;
  height: 12px !important;
  margin-top: -6px !important;
  margin-left: -6px !important;
  border-radius: 50% !important;
  background: #e8a317 !important;
  left: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.page-video #cbPlayerChrome .cb-pc-progress:hover .cb-pc-knob { opacity: 1 !important; }
body.page-video #cbPlayerChrome .cb-pc-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 40px !important;
  color: #fff !important;
}
body.page-video #cbPlayerChrome .cb-pc-left,
body.page-video #cbPlayerChrome .cb-pc-right {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}
body.page-video #cbPlayerChrome .cb-pc-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.page-video #cbPlayerChrome .cb-pc-btn:hover { background: transparent !important; color: #fff !important; }
body.page-video #cbPlayerChrome .cb-pc-btn svg { width: 24px; height: 24px; display: block; fill: currentColor; }
body.page-video #cbPlayerChrome .cb-pc-btn.is-on { color: #fff !important; }
body.page-video #cbPlayerChrome .cb-pc-time {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 40px !important;
  color: #fff !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
  user-select: none !important;
}
body.page-video #cbPlayerChrome .cb-pc-volwrap {
  display: inline-flex !important;
  align-items: center !important;
  height: 40px !important;
}
body.page-video #cbPlayerChrome .cb-pc-vol {
  width: 0 !important;
  overflow: hidden !important;
  transition: width .12s ease !important;
  display: flex !important;
  align-items: center !important;
}
body.page-video #cbPlayerChrome .cb-pc-volwrap:hover .cb-pc-vol,
body.page-video #cbPlayerChrome .cb-pc-volwrap.is-open .cb-pc-vol {
  width: 56px !important;
  padding-right: 6px !important;
}
body.page-video #cbPlayerChrome .cb-pc-vol input[type="range"] {
  width: 52px !important;
  height: 3px !important;
  accent-color: #fff !important;
  cursor: pointer !important;
}
body.page-video #cbPlayerChrome .cb-pc-menu {
  position: absolute !important;
  right: 12px !important;
  bottom: 56px !important;
  min-width: 180px !important;
  background: rgba(28,28,28,.96) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  display: none !important;
  pointer-events: auto !important;
  color: #fff !important;
}
body.page-video #cbPlayerChrome .cb-pc-menu.is-open { display: block !important; }
body.page-video #cbPlayerChrome .cb-pc-menu button {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
}
body.page-video #cbPlayerChrome .cb-pc-menu button:hover { background: rgba(255,255,255,.1) !important; }
body.page-video #cbPlayerChrome .cb-pc-menu button.is-cur { font-weight: 700 !important; }
body.page-video.is-theater .page-wrap {
  display: block !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-video.is-theater #playerContainer,
body.page-video.is-theater .main-col {
  max-width: none !important;
  width: 100% !important;
}
body.page-video.is-theater .player-wrap,
body.page-video.is-theater #playerWrap {
  max-height: 80vh !important;
  border-radius: 0 !important;
}
body.page-video.is-theater .side-col {
  width: min(1280px, 100%) !important;
  max-width: 1280px !important;
  margin: 24px auto 0 !important;
  padding: 0 24px !important;
}
body.page-video.is-theater .video-info,
body.page-video.is-theater .yt-below,
body.page-video.is-theater #descWrap,
body.page-video.is-theater #commentBox {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

body.page-video #catSideNav,
body.page-video .cat-side-nav,
body.page-video .ph-side,
body.page-video .yt-mini-guide,
body.page-video #catDrawerBackdrop {
  display: none !important;
}
body.page-video,
body.page-video.cb-shell,
body.page-video.visible-sidebar,
body.page-video.cb-guide-open {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
body.page-video #mainContent,
body.page-video .page-main-wrap,
body.page-video .watch-page,
body.page-video .columns,
body.page-video .watch-wrap {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
body.page-video .cb-watch-guide {
  display: none;
  position: fixed;
  top: 56px;
  left: 0;
  bottom: 0;
  width: 240px;
  background: #fff;
  padding: 12px;
  overflow-y: auto;
  z-index: 2030;
  box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.06);
}
body.page-video.cb-guide-open .cb-watch-guide {
  display: block;
}
body.page-video .cb-watch-guide a {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 40px;
  padding: 0 12px;
  border-radius: 10px;
  color: #0f0f0f;
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
}
body.page-video .cb-watch-guide a:hover {
  background: #f2f2f2;
}
body.page-video .cb-watch-guide .g-sep {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 12px 0;
}
body.page-video .cb-watch-scrim {
  display: none;
  position: fixed;
  inset: 56px 0 0 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2025;
}
body.page-video.cb-guide-open .cb-watch-scrim {
  display: block;
}

html body.page-video .player-wrap,
html body.page-video #playerWrap,
html body.page-video.light-mode .player-wrap,
html body.page-video.cb-shell .player-wrap {
  border-radius: 0 !important;
}

@media (min-width: 1101px) {
  html body.page-video:not(.is-theater) {
    --cb-side: 412px;
    --cb-gap: 16px;
    --cb-pad-x: 16px;
    --cb-rel-w: 247.5px;
    --cb-rel-h: 139.2px;
  }
  html body.page-video:not(.is-theater) .page-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--cb-side) !important;
    gap: var(--cb-gap) !important;
    padding-top: calc(var(--cb-head) + var(--cb-top)) !important;
    padding-left: var(--cb-pad-x) !important;
    padding-right: 0 !important;
  }
  html body.page-video:not(.is-theater) .side-col {
    width: var(--cb-side) !important;
    max-width: var(--cb-side) !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
}

html body.page-video .player-wrap,
html body.page-video #playerWrap {
  margin-bottom: 0 !important;
}
html body.page-video .video-info {
  padding: 12px 0 0 !important;
  margin: 0 !important;
}
html body.page-video .video-title,
html body.page-video #vTitle,
html body.page-video h1.video-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  margin: 0 0 4px !important;
  letter-spacing: 0 !important;
}
html body.page-video .yt-owner {
  margin: 12px 32px 0 0 !important;
}

body.page-video .cb-watch-guide { padding: 8px 0; }
body.page-video .cb-watch-guide .g-user {
  display: flex; align-items: center; gap: 12px; padding: 8px 16px 18px;
}
body.page-video .cb-watch-guide .g-login {
  display: inline-flex; align-items: center; justify-content: center;
  width: 100%; height: 40px; padding: 0 18px; border: 1px solid rgba(0,0,0,.16);
  border-radius: 20px; color: #065fd4; font-size: 15px; font-weight: 500;
  text-decoration: none; background: #fff;
}
body.page-video .cb-watch-guide .g-avatar {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--pri, #e8a317); color: #111;
  display: grid; place-items: center; font-weight: 700; text-decoration: none;
}
body.page-video .cb-watch-guide .g-profile {
  display: flex; flex-direction: column; text-decoration: none; color: inherit; gap: 1px;
}
body.page-video .cb-watch-guide .g-profile b { font-size: 14px; font-weight: 600; }
body.page-video .cb-watch-guide .g-profile small { font-size: 12px; color: #606060; }
body.page-video .cb-watch-guide .g-item {
  display: flex; align-items: center; gap: 24px;
  height: 40px; margin: 0 8px; padding: 0 12px;
  border-radius: 8px; color: #0f0f0f; font-size: 14px; font-weight: 400;
  text-decoration: none; gap: 24px;
}
body.page-video .cb-watch-guide .g-item:hover { background: #f2f2f2; }
body.page-video .cb-watch-guide .g-item svg { width: 24px; height: 24px; flex: 0 0 24px; fill: currentColor; }
body.page-video .cb-watch-guide .g-item span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.page-video .cb-watch-guide .g-sep { height: 1px; background: rgba(0,0,0,.1); margin: 12px 0; }
body.page-video .cb-watch-guide .g-item.active { background: #f2f2f2; font-weight: 500; }
body.page-video .cb-watch-guide .g-foot { padding: 16px; font-size: 11px; color: #909090; }

@media (max-width: 900px) {
  body.page-video #cbPlayerChrome .cb-pc-volwrap { display: none !important; }
  body.page-video #cbPlayerChrome .cb-pc-btn[data-act="theater"] { display: none !important; }
  body.page-video #cbPlayerChrome .cb-ia-ap-btn { display: none !important; }
  
  body.page-video #cbPlayerChrome .cb-pc-row { gap: 2px !important; }
  body.page-video #cbPlayerChrome .cb-pc-time { margin-left: 6px !important; }
}

body.page-video #cbPlayerChrome.is-playing .cb-pc-center,
body.page-video #cbPlayerChrome.is-playing .cb-ia-bigplay { display: none !important; }

body.page-video header .header-user img,
body.page-video header .u-avt,
body.page-video header .avatar { border: 0 !important; box-shadow: none !important; outline: 0 !important; }

body.page-video .sp-item .sp-dur { font-size: 12px !important; }

body.page-video .sp-nav a { min-height: 36px; display: inline-flex; align-items: center; }

@media (max-width: 900px) {
  body.page-video .sp-list { max-height: none !important; overflow: visible !important; }
}

@media (max-width: 900px) {
  body.page-video .side-col .side-sticky-top { display: block !important; padding: 0 12px 16px !important; }
  body.page-video .side-col .side-title { font-size: 16px !important; font-weight: 500 !important; margin: 0 0 12px !important; }
  body.page-video .next-up-list-item,
  body.page-video .rel-card { padding: 0 0 12px !important; margin: 0 !important; }
}

:root {
  --yt-ease-decel: cubic-bezier(0, 0, 0.2, 1);
  --yt-ease-accel: cubic-bezier(0.4, 0, 1, 1);
  --yt-ease-std: cubic-bezier(0.2, 0, 0, 1);
  --yt-ease-emph: cubic-bezier(0.05, 0, 0, 1);
}

@media (max-width: 900px) {
  body.page-home #catSideNav,
  body.page-home .user-side-nav,
  body.page-video .cb-watch-guide {
    transition: transform 0.3s var(--yt-ease-decel) !important;
  }
}

body.page-home .card.yt-card,
body.page-home #catSideNav .ph-nav-item,
body.page-video #cbPlayerChrome .cb-pc-btn,
body.page-video .like-btn-main {
  transition: background-color 0.2s var(--yt-ease-emph), opacity 0.2s var(--yt-ease-emph) !important;
}

@media (max-width: 900px) {
  body.page-home .card.yt-card:active { transform: scale(0.97) !important; transition: transform 0.1s var(--yt-ease-accel) !important; }
  body.page-home #catSideNav .ph-nav-item:active,
  body.page-video #cbPlayerChrome .cb-pc-btn:active { background: rgba(0,0,0,.1) !important; }
}

@media (max-width: 900px) {
  body.page-video .cb-action-pill,
  body.page-video .action-pill,
  body.page-video .video-actions button,
  body.page-video .cb-pill {
    min-height: 40px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    background: rgba(0, 0, 0, 0.05) !important;
    border: 0 !important;
  }
}

#continueFromBtn.continue-from-btn {
  position: fixed !important;
  left: 50% !important;
  bottom: calc(30% + 20px) !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  padding: 10px 18px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: rgba(0, 0, 0, 0.75) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  z-index: 900 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  transition: opacity 0.25s var(--yt-ease-decel, cubic-bezier(0, 0, 0.2, 1)), transform 0.25s var(--yt-ease-decel, cubic-bezier(0, 0, 0.2, 1)) !important;
}
#continueFromBtn .cfrm-dismiss {
  margin-left: 8px !important;
  font-size: 16px !important;
  opacity: 0.7 !important;
  padding: 0 4px !important;
}

#spAutoplayCard {
  position: absolute;
  left: 12px;
  bottom: 64px;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px 10px 10px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(8px);
  animation: spAcIn 0.25s var(--yt-ease-decel, cubic-bezier(0, 0, 0.2, 1));
}
@keyframes spAcIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
#spAutoplayCard .sp-ac-ring {
  width: 36px; height: 36px; border-radius: 50%;
  background: conic-gradient(var(--pri, #e8a317) 0deg, rgba(255, 255, 255, .25) 0);
  display: grid; place-items: center; flex: 0 0 36px;
}
#spAutoplayCard .sp-ac-ring::after {
  content: ''; width: 28px; height: 28px; border-radius: 50%;
  background: rgba(0, 0, 0, 0.82);
}
#spAutoplayCard .sp-ac-kicker { font-size: 11px; color: rgba(255, 255, 255, .7); }
#spAutoplayCard .sp-ac-ep { font-size: 14px; font-weight: 600; color: #fff; margin-top: 2px; }
#spAutoplayCard .sp-ac-cancel {
  margin-left: 6px; padding: 8px 14px; border: 0; border-radius: 18px;
  background: rgba(255, 255, 255, 0.14); color: #fff; font-size: 13px; cursor: pointer;
  transition: background-color 0.2s var(--yt-ease-emph, cubic-bezier(0.05, 0, 0, 1));
}
#spAutoplayCard .sp-ac-cancel:active { background: rgba(255, 255, 255, 0.28); }

body.page-video .yt-action-group {
  display: inline-flex !important;
  align-items: stretch !important;
}
body.page-video .yt-action-group .yt-pill:first-child {
  border-radius: 20px 0 0 20px !important;
}
body.page-video .yt-action-group .yt-pill:last-child {
  border-radius: 0 20px 20px 0 !important;
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}
body.page-video .yt-action-group .yt-pill {
  height: 40px !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border: 0 !important;
}
@media (min-width: 901px) {
  body.page-video #cbPlayerChrome .cb-ia-ap-btn { display: none !important; }
}

@media (max-width: 900px) {
  body.page-video .side-sticky-top .next-up-card,
  body.page-video .side-sticky-top .next-up-list-item,
  body.page-video .side-sticky-top .rel-card,
  body.page-video .side-sticky-top .side-list-item {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
    padding-bottom: 16px !important;
  }
  body.page-video .side-sticky-top .rel-thumb,
  body.page-video .side-sticky-top .next-up-thumb {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  body.page-video .side-sticky-top .rel-thumb img,
  body.page-video .side-sticky-top .next-up-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  body.page-video .side-sticky-top .next-up-title,
  body.page-video .side-sticky-top .rel-title {
    font-size: 15px !important;
    line-height: 21px !important;
  }
}

/* a11y 2026-10-24: 桌面 watch 页脚/作者按钮触控高度(2.5.8) */
body.page-video footer a, .cb-watch-footer a, .footer-links a { display: inline-block; min-height: 24px; line-height: 24px; }
body.page-video .author-name { min-height: 24px; }

/* craft 2026-10-24:浏览器原生面主题化(选中/焦点环/光标/滚动条) */
::selection { background: rgba(232,163,23,.3); }
:focus-visible { outline: 2px solid #065fd4; outline-offset: 2px; border-radius: 4px; }
html { caret-color: #065fd4; }
@media (hover: hover) and (pointer: fine) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.16); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
  ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.3); border: 2px solid transparent; background-clip: padding-box; }
}

/* ==== cb-yt.css ==== */


:root,
html,
html[data-home-theme],
html[data-home-theme="light"],
html[data-home-theme="dark"],
body,
body.light-mode,
body.page-home {
  --bg: #fff !important;
  --body-bg: #fff !important;
  --card: #fff !important;
  --card-hover: #f2f2f2 !important;
  --text: #0f0f0f !important;
  --text-primary: #0f0f0f !important;
  --text-secondary: #606060 !important;
  --text-muted: #606060 !important;
  --sub: #606060 !important;
  --sub-text: #606060 !important;
  --txt: #0f0f0f !important;
  --accent: #065fd4 !important;          
  --accent-hover: #0556bf !important;
  --accent-contrast: #fff !important;
  --accent-soft: rgba(6, 95, 212, .08) !important;
  --pri: #e8a317 !important;             
  --on-accent: #fff !important;
  --border: rgba(0, 0, 0, .1) !important;
  --brd: rgba(0, 0, 0, .1) !important;
  --border-soft: rgba(0, 0, 0, .08) !important;
  --border-strong: rgba(0, 0, 0, .12) !important;
  --header-bg: #fff !important;
  --header-shadow: none !important;
  --header-control-bg: transparent !important;
  --header-control-hover: rgba(0, 0, 0, .05) !important;
  --header-control-border: transparent !important;
  --header-control-text: #0f0f0f !important;
  --header-search-bg: #fff !important;
  --header-search-focus: #1c62b9 !important;
  --input-bg: #fff !important;
  --input-border: #ccc !important;
  --panel-soft: #f2f2f2 !important;
  --surface-soft: #f2f2f2 !important;
  --skeleton-base: #e5e5e5 !important;
  --skeleton-hl: #f2f2f2 !important;
  --gradient: none !important;
  --shadow-md: none !important;
  --shadow-sm: none !important;
  --shadow-lg: 0 4px 32px rgba(0, 0, 0, .12) !important;
  --header-height: 56px;
  --sidebar-width: 240px;
  --chip-h: 32px;
  --guide-item-h: 40px;
  --yt-item-radius: 12px;
  --yt-gap-x: 16px;
  --yt-gap-y: 40px;
  color-scheme: light !important;
}

html, body, body.page-home {
  background: #fff !important;
  color: #0f0f0f !important;
  font-family: "Roboto", Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#themeBtn,
body.page-home #themeBtn,
.ph-nav-item[onclick*="toggleTheme"] { display: none !important; }

body.page-home > header,
body.page-home header {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  z-index: 2020 !important;
  background: #fff !important;
  border-bottom: none !important;          
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.page-home header .header-inner {
  height: 56px !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: grid !important;
  
  grid-template-columns: 169px minmax(0, 1fr) 225px !important;
  justify-content: space-between !important;
  align-items: center !important;
  column-gap: 0 !important;
  box-sizing: border-box !important;
}

body.page-home header .header-start {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  justify-self: start !important;
}

body.page-home header .mobile-nav-btn {
  flex: 0 0 40px !important;
  width: 40px !important; height: 40px !important;
  border: 0 !important; border-radius: 0 !important;
  background: transparent !important; color: #0f0f0f !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  box-shadow: none !important; padding: 0 !important; margin: 0 !important;
  cursor: pointer !important;
  font-size: 18px !important;
  transition: none !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 3 !important;
}
body.page-home header .mobile-nav-btn:hover,
body.page-home header .mobile-nav-btn:active {
  background: rgba(0, 0, 0, .2) !important;
  border-radius: 24px !important;
}

body.page-home header .logo {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.3px !important;
  color: #0f0f0f !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #0f0f0f !important;
  text-decoration: none !important;
  padding: 0 22px 0 8px !important;
  white-space: nowrap !important;
  line-height: 20px !important;
  height: 40px !important;
}
body.page-home header .logo .cb-logo-mark {
  display: inline-flex !important;
  width: 32px !important;
  height: 22px !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
}
body.page-home header .logo .cb-logo-mark svg {
  width: 32px !important;
  height: 22px !important;
  display: block !important;
  overflow: visible !important;
}
body.page-home header .logo .cb-logo-word {
  color: #0f0f0f !important;
  -webkit-text-fill-color: #0f0f0f !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.4px !important;
  font-size: 20px !important;
  line-height: 20px !important;
  display: inline-flex !important;
  align-items: baseline !important;
  height: 20px !important;
}
body.page-home header .logo .cb-logo-bi {
  color: #e8a317 !important;
  -webkit-text-fill-color: #e8a317 !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 20px !important;
  display: inline !important;
  position: relative !important;
  vertical-align: baseline !important;
}
body.page-home header .logo .cb-logo-18 {
  position: absolute !important;
  top: -7px !important;
  left: 100% !important;
  margin-left: 1px !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  color: #e8a317 !important;
  -webkit-text-fill-color: #e8a317 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-style: normal !important;
}
body.page-home header .logo span:not(.cb-logo-word):not(.cb-logo-mark):not(.cb-logo-bi):not(.cb-logo-18) {
  color: #0f0f0f !important;
  -webkit-text-fill-color: #0f0f0f !important;
  background: none !important;
  font-weight: 700 !important;
}

body.page-home header .logo .logo-tld {
  display: none !important;
}

body.page-home header .search-box {
  justify-self: center !important;
  width: 100% !important;
  max-width: 732px !important;
  min-width: 0 !important;
  height: 40px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  position: relative !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
  gap: 0 !important;
}
body.page-home header .search-box > label.sr-only {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0);
}
body.page-home header .search-input,
body.page-home header #searchInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 4px 0 16px !important;
  border: 1px solid #ccc !important;
  border-right: none !important;
  border-radius: 40px 0 0 40px !important;
  background: #fff !important;
  color: #0f0f0f !important;
  font-size: 16px !important;
  font-family: inherit !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05) !important;
  outline: none !important;
  line-height: 40px !important;
}
body.page-home header .search-input::placeholder { color: #888 !important; }
body.page-home header .search-input:focus {
  border-color: #1c62b9 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05) !important;
  z-index: 1 !important;
}
body.page-home header .search-btn {
  flex: 0 0 64px !important;
  width: 64px !important; min-width: 64px !important;
  height: 40px !important;
  margin: 0 !important; padding: 0 !important;
  border: 1px solid #ccc !important;
  border-radius: 0 40px 40px 0 !important;
  background: #f8f8f8 !important;
  color: #0f0f0f !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  position: static !important;
  top: auto !important; right: auto !important;
  cursor: pointer !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  line-height: 0 !important;
  text-indent: 0 !important;
  overflow: hidden !important;
}
body.page-home header .search-btn::before,
body.page-home header .search-btn::after {
  content: none !important;
  display: none !important;
}
body.page-home header .search-btn:hover { background: #f0f0f0 !important; }
body.page-home header .search-btn i,
body.page-home header .search-btn svg {
  pointer-events: none !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  color: #0f0f0f !important;
  fill: #0f0f0f !important;
  font-size: 20px !important;
}

body.page-home header .yt-voice-btn,
body.page-home header #voiceSearchBtn {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  margin: 0 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, .05) !important;
  color: #0f0f0f !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 16px !important;
  line-height: 1 !important;
}
body.page-home header .yt-voice-btn:hover,
body.page-home header #voiceSearchBtn:hover,
body.page-home header .yt-voice-btn:active,
body.page-home header #voiceSearchBtn:active {
  background: rgba(0, 0, 0, .2) !important;
}
body.page-home header .yt-voice-btn i { pointer-events: none !important; }

body.page-home header .search-box {
  max-width: 732px !important;
}
body.page-home header #searchHistoryPanel,
body.page-home header #searchAutocompletePanel {
  position: absolute !important;
  top: 44px !important; left: 0 !important; right: 116px !important; 
  z-index: 3000 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.1) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 32px rgba(0,0,0,.12) !important;
}

body.page-home header .controls {
  justify-self: end !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.page-home header .yt-create-btn,
body.page-home header .yt-icon-btn,
body.page-home header #createBtn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #0f0f0f !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
body.page-home header .yt-create-btn:hover,
body.page-home header .yt-icon-btn:hover,
body.page-home header #createBtn:hover {
  background: rgba(0, 0, 0, .05) !important;
}
body.page-home header .yt-icon-btn[hidden] { display: none !important; }

body.page-home:not(.is-logged-in) header #createBtn,
body.page-home:not(.is-logged-in) header .yt-create-btn {
  display: none !important;
}

body.page-home.is-logged-in header .yt-kebab-btn,
body.page-home.is-logged-in header #moreMenuBtn {
  display: none !important;
}

body.page-home header .yt-kebab-btn,
body.page-home header #moreMenuBtn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0f0f0f !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: none !important;
}
body.page-home header .yt-kebab-btn:hover,
body.page-home header #moreMenuBtn:hover,
body.page-home header .yt-kebab-btn:active,
body.page-home header #moreMenuBtn:active {
  background: rgba(0, 0, 0, .2) !important;
  border-radius: 24px !important;
}
body.page-home header .yt-kebab-btn svg { display: block; width: 24px; height: 24px; }

body.page-home header .ai-search-btn,
body.page-home header .cat-header-btn,
body.page-home header #langBtn,
body.page-home header #authBtns > a,
body.page-home header #authBtns > a.auth-btn,
body.page-home header #authBtns a[href="/trending/"],
body.page-home header #userPanel > a[href="/trending/"],
body.page-home header #userPanel > a[href="/checkin/"],
body.page-home header #userPanel > a[href="/dashboard/"],
body.page-home header #userPanel > a.auth-btn {
  display: none !important;
}

body.page-home header #bellBtn {
  width: 40px !important; height: 40px !important;
  min-width: 40px !important; min-height: 40px !important;
  padding: 0 !important; margin: 0 !important;
  border: 0 !important; border-radius: 50% !important;
  background: transparent !important; color: #0f0f0f !important;
  box-shadow: none !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  text-transform: none !important; font-weight: 500 !important; font-size: 16px !important;
  cursor: pointer !important;
}
body.page-home header #bellBtn:hover { background: rgba(0, 0, 0, .05) !important; }

body.page-home header .header-auth-strip {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.page-home header #userPanel[style*="display: none"],
body.page-home header #userPanel[style*="display:none"] { display: none !important; }
body.page-home header #authBtns[style*="display: none"],
body.page-home header #authBtns[style*="display:none"] { display: none !important; }
body.page-home header #userPanel[style*="display: flex"],
body.page-home header #userPanel[style*="display:flex"] { display: inline-flex !important; }

body.page-home header #authBtns .auth-btn[onclick*="login"],
body.page-home header #authBtns .auth-btn:not(.btn-primary) {
  height: 40px !important;
  min-height: 40px !important;
  min-width: 0 !important;
  padding: 0 15px !important;
  margin: 0 !important;
  border-radius: 20px !important;
  border: 1px solid rgba(0, 0, 0, .2) !important;
  background: #fff !important;
  color: #065fd4 !important;
  transform: none !important;
  transition: background-color .15s ease, border-color .15s ease !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
body.page-home header #authBtns .auth-btn[onclick*="login"] i,
body.page-home header #authBtns .auth-btn:not(.btn-primary) i {
  font-size: 22px !important;
  color: #065fd4 !important;
  line-height: 1 !important;
}
body.page-home header #authBtns .auth-btn[onclick*="login"]:hover,
body.page-home header #authBtns .auth-btn:not(.btn-primary):hover {
  background: rgb(222, 241, 255) !important;
  border-color: rgba(0, 0, 0, 0) !important;
  transform: none !important;
}

body.page-home header #authBtns .auth-btn.btn-primary,
body.page-home header #authBtns .auth-btn[onclick*="register"] {
  display: none !important;
}

body.page-home header #userPanel .auth-btn {
  height: 40px !important; width: 40px !important;
  min-width: 40px !important; padding: 0 !important;
  border-radius: 50% !important; border: 0 !important;
  background: transparent !important; color: #0f0f0f !important;
  box-shadow: none !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
body.page-home header #userPanel .auth-btn:hover { background: rgba(0,0,0,.05) !important; }
body.page-home header #userPanel .auth-btn.btn-primary { display: none !important; }
body.page-home header #uName {
  color: #0f0f0f !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  max-width: 96px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 4px 0 0 !important;
}

body.page-home header #langBtn,
body.page-home header #themeBtn,
body.page-home header .header-tool-btn,
body.page-home header .mobile-user-btn,
body.page-home header #mobileUserBtn,
body.page-home header [onclick*="toggleTheme"],
body.page-home header [onclick*="toggleLang"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.page-home #mainContent,
body.page-home main {
  padding-top: 56px !important;
  background: #fff !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
}

body.page-home #catSideNav,
body.page-home #userSideNav {
  top: 56px !important;
  width: 240px !important;
  max-width: 240px !important;
  background: #fff !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 12px 12px 24px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: calc(100vh - 56px) !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body.page-home #catSideNav::-webkit-scrollbar,
body.page-home #userSideNav::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
body.page-home #catSideNav .ph-side-header,
body.page-home #userSideNav .ph-side-header { display: none !important; }

body.page-home #catSideNav .ph-nav-item,
body.page-home #userSideNav .ph-nav-item,
body.page-home #catSideNav .cat-side-list a,
body.page-home #catSideNav .cat-side-list button {
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  width: 204px !important;
  max-width: 204px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.page-home #catSideNav .ph-nav-item:hover,
body.page-home #userSideNav .ph-nav-item:hover,
body.page-home #catSideNav .cat-side-list a:hover {
  background: rgba(0, 0, 0, .05) !important;
}
body.page-home #catSideNav .ph-nav-item.active,
body.page-home #catSideNav .yt-guide-entry.active,
body.page-home #catSideNav #tab-rec.active {
  background: rgba(0, 0, 0, .05) !important;
  font-weight: 500 !important;
}

body.page-home #catSideList,
body.page-home #catSideNav .yt-guide-heading:has(+ #catSideList) {
  display: none !important;
}
body.page-home #catSideNav .ph-nav-item i,
body.page-home #userSideNav .ph-nav-item i,
body.page-home #catSideNav .cat-side-list i,
body.page-home #catSideNav .ph-nav-item svg.feed-tab-icon,
body.page-home #catSideNav a.ph-nav-item svg,
body.page-home.light-mode #catSideNav .ph-nav-item svg.feed-tab-icon {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  font-size: 18px !important;
  color: #0f0f0f !important;
  fill: #0f0f0f !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  text-align: center !important;
  flex: 0 0 24px !important;
  display: block !important;
}
body.page-home #catSideNav .ph-side-section,
body.page-home #userSideNav .ph-side-section {
  padding: 12px 12px 4px !important;
  margin: 12px 0 0 !important;
  border-top: 1px solid rgba(0, 0, 0, .1) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #0f0f0f !important;
  text-transform: none !important;
  background: transparent !important;
  letter-spacing: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body.page-home #catSideNav .ph-side-section i { display: none !important; }
body.page-home #catFab { display: none !important; }

@media (min-width: 792px) {
  body.page-home #catSideNav {
    position: fixed !important;
    left: 0 !important;
    top: 56px !important;
    transform: none !important;
    visibility: visible !important;
    display: block !important;
    z-index: 1200 !important;
    pointer-events: auto !important;
    overflow-x: hidden !important;
  }
  body.page-home #catSideNav:not(.open) {
    width: 72px !important;
    max-width: 72px !important;
    padding: 12px 4px 24px !important;
    box-shadow: none !important;
  }
  body.page-home #catSideNav:not(.open) .yt-guide-heading,
  body.page-home #catSideNav:not(.open) .ph-side-section,
  body.page-home #catSideNav:not(.open) .cat-side-list,
  body.page-home #catSideNav:not(.open) .yt-guide-footer,
  body.page-home #catSideNav:not(.open) .yt-guide-signin,
  body.page-home #catSideNav:not(.open) .ph-side-header,
  body.page-home #catSideNav:not(.open) a.ph-nav-item:not(#tab-rec):not(#tab-random):not(#tab-follow):not(#tab-you),
  body.page-home #catSideNav:not(.open) button.ph-nav-item:not(#tab-rec):not(#tab-random):not(#tab-follow):not(#tab-you),
  body.page-home #catSideNav:not(.open) #tab-queue,
  body.page-home #catSideNav:not(.open) #tab-history,
  body.page-home #catSideNav:not(.open) #tab-later,
  body.page-home #catSideNav:not(.open) #tab-liked,
  body.page-home #catSideNav:not(.open) #tab-vip {
    display: none !important;
  }
  body.page-home #catSideNav:not(.open) .yt-guide-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
  }
  body.page-home #catSideNav:not(.open) #tab-rec,
  body.page-home #catSideNav:not(.open) #tab-random,
  body.page-home #catSideNav:not(.open) #tab-follow,
  body.page-home #catSideNav:not(.open) #tab-you {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 76px !important;
    min-height: 76px !important;
    width: 64px !important;
    margin: 0 auto !important;
    padding: 16px 0 14px !important;
    gap: 6px !important;
    border-radius: 10px !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
  }
  body.page-home #catSideNav:not(.open) #tab-rec .feed-tab-label,
  body.page-home #catSideNav:not(.open) #tab-random .feed-tab-label,
  body.page-home #catSideNav:not(.open) #tab-follow .feed-tab-label,
  body.page-home #catSideNav:not(.open) #tab-you .feed-tab-label {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    max-width: 64px !important;
    overflow: hidden !important;
    text-align: center !important;
  }
  body.page-home #catSideNav:not(.open) #tab-rec .feed-tab-icon,
  body.page-home #catSideNav:not(.open) #tab-random .feed-tab-icon,
  body.page-home #catSideNav:not(.open) #tab-follow .feed-tab-icon,
  body.page-home #catSideNav:not(.open) #tab-you .feed-tab-icon {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
  }
  body.page-home #catSideNav.open {
    width: 240px !important;
    max-width: 240px !important;
    padding: 12px 12px 24px !important;
  }
  
  body.page-home.is-logged-in #catSideNav.open #tab-you { display: none !important; }
}

html { --guide-push: 240px; }
@media (max-width: 1311px) { html { --guide-push: 72px; } }
@media (max-width: 791px) { html { --guide-push: 0px; } }

@media (min-width: 792px) {
  body.page-home #mainContent,
  body.page-home main,
  body.page-home footer {
    margin-left: var(--guide-push, 72px) !important;
    width: calc(100% - var(--guide-push, 72px)) !important;
  }
}

@media (min-width: 1312px) {
  body.page-home #catDrawerBackdrop { display: none !important; pointer-events: none !important; }
}

@media (min-width: 792px) and (max-width: 1311px) {
  body.page-home #catSideNav.open {
    z-index: 2030 !important;
    box-shadow: none !important;
  }
  body.page-home #catDrawerBackdrop.open {
    display: block !important;
    pointer-events: auto !important;
    background: rgba(0, 0, 0, .5) !important;
    opacity: 1 !important;
  }
}

@media (max-width: 791px) {
  body.page-home #mainContent,
  body.page-home main,
  body.page-home footer {
    margin-left: 0 !important;
    width: 100% !important;
  }
  body.page-home #catSideNav {
    position: fixed !important;
    left: 0 !important;
    top: 56px !important;
    width: 240px !important;
    max-width: 240px !important;
    padding: 0 12px 24px !important;
    z-index: 1300 !important;
    transition: transform 200ms cubic-bezier(0.05, 0, 0, 1),
                visibility 200ms cubic-bezier(0.05, 0, 0, 1) !important;
  }
  body.page-home #catSideNav:not(.open) {
    transform: translateX(-100%) !important;
    pointer-events: none !important;
    box-shadow: none !important;
  }
  body.page-home #catSideNav.open {
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: none !important;
    z-index: 2030 !important;
  }
  body.page-home.is-logged-in #catSideNav.open #tab-you { display: none !important; }
  body.page-home #catSideNav .ph-side-header {
    display: flex !important;
  }
  body.page-home #catDrawerBackdrop.open {
    display: block !important;
    pointer-events: auto !important;
    background: rgba(0, 0, 0, .5) !important;
    opacity: 1 !important;
  }
}

body.page-home .feed-tabs,
body.page-home .feed-tabs-moved {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

body.page-home #catSideNav .yt-guide-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
}
body.page-home #catSideNav button.ph-nav-item.feed-tab,
body.page-home #catSideNav button.yt-guide-entry {
  font-family: Roboto, Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  text-align: left !important;
}

body.page-home #catSideNav .feed-tab .feed-tab-icon,
body.page-home.light-mode #catSideNav .feed-tab-icon,
body.page-home.light-mode #catSideNav .feed-tab.active .feed-tab-icon,
html[data-home-theme="light"] body.page-home #catSideNav .feed-tab-icon {
  display: block !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  font-size: 18px !important;
  text-align: center !important;
  color: #0f0f0f !important;
  fill: #0f0f0f !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  filter: none !important;
  opacity: 1 !important;
}
body.page-home #catSideNav .feed-tab#tab-vip,
body.page-home.light-mode #catSideNav .feed-tab#tab-vip:not(.active) {
  color: #0f0f0f !important;
}
body.page-home #catSideNav .feed-tab .feed-tab-label {
  font-size: 14px !important;
  font-weight: inherit !important;
  color: inherit !important;
}

body.page-home #catSideNav .ph-nav-item.active,
body.page-home #catSideNav button.feed-tab.active,
body.page-home #catSideNav .yt-guide-entry.active {
  background: rgba(0, 0, 0, .05) !important;
  color: #0f0f0f !important;
  font-weight: 500 !important;
}

body.page-home #catSideNav a.ph-nav-item[href="/"]:not(.active),
body.page-home #catSideNav a.ph-nav-item[href="/index.html"]:not(.active) {
  background: transparent !important;
  font-weight: 400 !important;
}

body.page-home #catSideNav .yt-guide-signin {
  margin: 8px 0 0 !important;
  padding: 16px 12px 16px !important;
  border-top: 1px solid rgba(0, 0, 0, .1) !important;
  border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}
body.page-home.is-logged-in #catSideNav .yt-guide-signin { display: none !important; }

body.page-home:not(.is-logged-in) #catSideNav .yt-guide-you-head,
body.page-home:not(.is-logged-in) #catSideNav .yt-guide-lib,
body.page-home:not(.is-logged-in) #catSideNav #tab-later,
body.page-home:not(.is-logged-in) #catSideNav #tab-liked,
body.page-home:not(.is-logged-in) #catSideNav #tab-vip,
body.page-home:not(.is-logged-in) #catSideNav #tab-queue,
body.page-home:not(.is-logged-in) #catSideNav a.yt-guide-entry[href="/playlists/"],
body.page-home:not(.is-logged-in) #catSideNav a.yt-guide-entry[href="/vip/"],
body.page-home:not(.is-logged-in) #catSideNav a.ph-nav-item[href="/vip/"],
body.page-home:not(.is-logged-in) #catSideNav a.ph-nav-item[href="/later/"],
body.page-home:not(.is-logged-in) #catSideNav a.ph-nav-item[href="/liked/"],
body.page-home:not(.is-logged-in) #catSideNav a.ph-nav-item[href="/playlists/"],
body.page-home:not(.is-logged-in) #catSideNav #catSideList,
body.page-home:not(.is-logged-in) #catSideNav .yt-guide-heading:not(:has([data-i18n="exploreSection"])) {
  display: none !important;
}
body.page-home #catSideNav .yt-guide-signin p {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  color: #0f0f0f !important;
}
body.page-home #catSideNav .yt-guide-signin-btn {
  height: 40px !important;
  padding: 0 15px !important;
  border-radius: 20px !important;
  border: 1px solid #065fd4 !important;
  background: #fff !important;
  color: #065fd4 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
body.page-home #catSideNav .yt-guide-signin-btn i { font-size: 20px !important; color: #065fd4 !important; }
body.page-home #catSideNav .yt-guide-signin-btn:hover { background: rgb(222, 241, 255) !important; transform: none !important; }

body.page-home #catSideNav .yt-guide-footer {
  margin-top: 16px !important;
  padding: 12px 12px 24px !important;
  border-top: 1px solid rgba(0,0,0,.1) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #606060 !important;
}
body.page-home #catSideNav .yt-guide-footer a {
  color: #606060 !important;
  text-decoration: none !important;
  margin-right: 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
body.page-home #catSideNav .yt-guide-footer a:hover { color: #0f0f0f !important; }
body.page-home #catSideNav .yt-guide-copy {
  margin-top: 8px !important;
  font-size: 11px !important;
  color: #909090 !important;
}

body.page-home .filter-bar {
  padding: 0 24px 4px !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}
body.page-home .filter-bar button,
body.page-home .filter-chip,
body.page-home .sort-btn {
  border-radius: 8px !important;
  border: 0 !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  height: 32px !important;
  padding: 0 12px !important;
  cursor: pointer !important;
}
body.page-home .filter-bar button.active,
body.page-home .filter-chip.active {
  background: #0f0f0f !important;
  color: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}
body.page-home .filter-bar button:focus,
body.page-home .filter-chip:focus { outline: none !important; }

body.page-home .hero-section,
body.page-home #heroSection,
body.page-home .hero-shell,
body.page-home .hero-wordmark,
body.page-home .intro-section,
body.page-home .biz-section,
body.page-home .trust-badges,
body.page-home .warning-block,
body.page-home #smartFeedWrap,
body.page-home #continueWrap,
body.page-home #announcementWrap,
body.page-home #memberCollectionsWrap,
body.page-home .promo-stack,
body.page-home #topSection,
body.page-home #hotSection {
  display: none !important;
}

body.page-home #hotSearchBar,
body.page-home .hot-search-panel {
  display: none !important;
}

body.page-home .section-container {
  padding: 12px 24px 0 !important;
  margin: 0 !important;
}
body.page-home .section-header {
  border: 0 !important;
  margin: 0 0 16px !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body.page-home .section-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f0f0f !important;
  text-transform: none !important;
  background: none !important;
  -webkit-text-fill-color: #0f0f0f !important;
  letter-spacing: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body.page-home .section-title i {
  color: #0f0f0f !important;
  font-size: 18px !important;
}
body.page-home .section-line { display: none !important; }

body.page-home #hotSection,
body.page-home #topSection,
body.page-home #hotSection.section-container,
body.page-home #topSection.section-container {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

body.page-home #contentArea {
  display: block !important;
  min-height: 120px !important;
  padding: 0 0 48px !important;
  margin: 0 !important;
  background: transparent !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

body.page-home #contentArea > .category-block,
body.page-home #contentArea > .yt-shelf,
body.page-home .category-block {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  grid-column: auto !important;
}
body.page-home #contentArea > .category-block > .section-header,
body.page-home .category-block > .section-header {
  padding: 12px 24px 0 !important;
  margin: 0 0 12px !important;
}

body.page-home .grid,
body.page-home #contentArea .grid,
body.page-home #contentArea > .grid,
body.page-home .category-block > .grid,
body.page-home #hotGrid,
body.page-home #topGrid,
body.page-home #vipGrid,
body.page-home #followGrid,
body.page-home #videoResults,
body.page-home #catFocusGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 16px !important;
  row-gap: 40px !important;
  padding: 12px 24px 24px !important;
  background: transparent !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

body.page-home #contentArea,
body.page-home #contentArea.yt-card-grid,
body.page-home #contentArea.is-cat-focus,
body.page-home #contentArea.is-yt-home-flat {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 16px !important;
  row-gap: 40px !important;
  padding: 0 24px 48px !important;
}
body.page-home #contentArea.yt-card-grid > .section-header,
body.page-home #contentArea.is-cat-focus > .section-header,
body.page-home #contentArea.is-yt-home-flat > .section-header,
body.page-home #contentArea.yt-card-grid > .category-block,
body.page-home #contentArea.is-cat-focus > .category-block,
body.page-home #contentArea.is-yt-home-flat > .category-block,
body.page-home #contentArea.yt-card-grid > .skeleton-grid,
body.page-home #contentArea.is-yt-home-flat > .skeleton-grid,
body.page-home #contentArea.yt-card-grid > .cb-home-shorts,
body.page-home #contentArea.is-yt-home-flat > .cb-home-shorts,
body.page-home #contentArea > #homeShortsRail,
body.page-home #contentArea > .cb-home-shorts {
  grid-column: 1 / -1 !important;
}

@media (min-width: 1750px) {
  body.page-home .grid,
  body.page-home #contentArea .grid,
  body.page-home .category-block > .grid,
  body.page-home #hotGrid,
  body.page-home #topGrid,
  body.page-home #vipGrid,
  body.page-home #followGrid,
  body.page-home #catFocusGrid,
  body.page-home #contentArea.yt-card-grid,
  body.page-home #contentArea.is-cat-focus,
  body.page-home #contentArea.is-yt-home-flat {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1199px) and (min-width: 792px) {
  body.page-home .grid,
  body.page-home #contentArea .grid,
  body.page-home .category-block > .grid,
  body.page-home #hotGrid,
  body.page-home #topGrid,
  body.page-home #vipGrid,
  body.page-home #followGrid,
  body.page-home #catFocusGrid,
  body.page-home #contentArea.yt-card-grid,
  body.page-home #contentArea.is-cat-focus,
  body.page-home #contentArea.is-yt-home-flat {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 12px 16px 48px !important;
    row-gap: 32px !important;
  }
}
@media (max-width: 791px) and (min-width: 600px) {
  body.page-home .grid,
  body.page-home #contentArea .grid,
  body.page-home .category-block > .grid,
  body.page-home #hotGrid,
  body.page-home #topGrid,
  body.page-home #vipGrid,
  body.page-home #followGrid,
  body.page-home #catFocusGrid,
  body.page-home #contentArea.yt-card-grid,
  body.page-home #contentArea.is-cat-focus,
  body.page-home #contentArea.is-yt-home-flat {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 12px 16px 48px !important;
    row-gap: 32px !important;
  }
}
@media (max-width: 599px) {
  body.page-home .grid,
  body.page-home #contentArea .grid,
  body.page-home .category-block > .grid,
  body.page-home #hotGrid,
  body.page-home #topGrid,
  body.page-home #vipGrid,
  body.page-home #followGrid,
  body.page-home #catFocusGrid,
  body.page-home #contentArea.yt-card-grid,
  body.page-home #contentArea.is-cat-focus,
  body.page-home #contentArea.is-yt-home-flat {
    grid-template-columns: 1fr 1fr !important;
    column-gap: 8px !important;
    row-gap: 24px !important;
    padding: 8px 12px 80px !important;
  }
}

body.page-home #catFocusBar {
  display: none;
  align-items: center;
  gap: 12px;
  padding: 8px 24px 0;
  margin: 0;
}
body.page-home.is-cat-focus #catFocusBar { display: flex !important; }
body.page-home.is-cat-focus #hotSection,
body.page-home.is-cat-focus #topSection,
body.page-home.is-cat-focus #cwSection,
body.page-home.is-cat-focus #smartFeedSection,
body.page-home.is-cat-focus #memberCollectionsSection,
body.page-home.is-cat-focus #filterContainer,
body.page-home.is-cat-focus #trendingTagsBar,
body.page-home.is-cat-focus .filter-container { display: none !important; }

body.page-home.is-cat-focus #catFocusBar { display: none !important; }

body.page-home #contentArea.is-cat-focus > .skeleton-grid,
body.page-home #contentArea.is-yt-home-flat > .skeleton-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 16px !important;
  row-gap: 40px !important;
  padding: 12px 0 !important;
  width: 100% !important;
}
@media (min-width: 1750px) {
  body.page-home #contentArea.is-cat-focus > .skeleton-grid,
  body.page-home #contentArea.is-yt-home-flat > .skeleton-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
body.page-home #contentArea.is-cat-focus > .card,
body.page-home #contentArea.is-cat-focus > article,
body.page-home #contentArea.is-cat-focus > a.card,
body.page-home #contentArea.is-cat-focus > [data-media-id] {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

body.page-home .category-block > .section-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
body.page-home .category-block > .section-header .section-title {
  flex: 0 1 auto !important;
}
body.page-home .category-block > .section-header .cat-focus-back {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}
body.page-home #catFocusBar .cat-focus-title {
  font-size: 20px;
  font-weight: 700;
  color: #0f0f0f;
  margin: 0;
  flex: 1;
  min-width: 0;
}
body.page-home #catFocusBar .cat-focus-back {
  height: 36px;
  padding: 0 14px;
  border-radius: 18px;
  border: 0;
  background: rgba(0,0,0,.05);
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
body.page-home #catFocusBar .cat-focus-back:hover { background: rgba(0,0,0,.1); }
body.page-home .cat-side-item {
  cursor: pointer;
}
body.page-home .cat-side-item.active {
  background: rgba(0,0,0,.05) !important;
  font-weight: 500;
}

body.page-home .card,
body.page-home .grid .card,
body.page-home .cb-item,
body.page-home #contentArea > .card,
body.page-home #contentArea .card,
body.page-home #hotGrid .card,
body.page-home #topGrid .card,
body.page-home #vipGrid .card,
body.page-home #followGrid .card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}
body.page-home .grid .card:hover,
body.page-home #contentArea .card:hover {
  transform: none !important;
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

body.page-home .grid .card .thumb,
body.page-home #contentArea .card .thumb,
body.page-home .cb-thumb {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #e5e5e5 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  animation: none !important;
  flex: 0 0 auto !important;
}

body.page-home .card .thumb::before,
body.page-home .cb-thumb::before,
body.page-home .grid .card .thumb::before,
body.page-home .card .thumb::after,
body.page-home .cb-thumb::after,
body.page-home .grid .card .thumb::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  animation: none !important;
  font-size: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
body.page-home .card .thumb img,
body.page-home .grid .card .thumb img,
body.page-home #contentArea .card .thumb img,
body.page-home .cb-thumb img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
  z-index: 2 !important;
  opacity: 1 !important;
  background: #e5e5e5 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.page-home .grid .card .duration,
body.page-home #contentArea .card .duration,
body.page-home .card .thumb .duration {
  position: absolute !important;
  right: 4px !important;
  bottom: 4px !important;
  left: auto !important;
  top: auto !important;
  background: rgba(0, 0, 0, .8) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.2 !important;
  padding: 3px 4px !important;
  border-radius: 4px !important;
  border: 0 !important;
  opacity: 1 !important;
  z-index: 3 !important;
  letter-spacing: 0 !important;
}

body.page-home .card .card-menu-wrap {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  z-index: 4 !important;
}
body.page-home .card .card-menu-btn {
  background: rgba(0, 0, 0, .6) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  opacity: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 16px !important;
  line-height: 1 !important;
  padding: 0 !important;
}
body.page-home .card:hover .card-menu-btn { opacity: 1 !important; }

body.page-home .card .badge-top,
body.page-home .card .thumb > span[style*="VIP"],
body.page-home .card .thumb > span[style*="linear-gradient"] {
  border-radius: 4px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  z-index: 5 !important;
}

body.page-home .grid .card .info,
body.page-home #contentArea .card .info,
body.page-home .card .video-info-grid,
body.page-home .grid .card .card-body {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 24px !important;
  column-gap: 12px !important;
  align-items: start !important;
  padding: 12px 0 0 !important;
  margin: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.page-home .card .info .channel-picture {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  flex: none !important;
}
body.page-home .card .info .u-avt-small,
body.page-home .card .info .profile-pic {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #e5e5e5 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.page-home .card .info .channel-picture { grid-column: 1 !important; grid-row: 1 !important; }
body.page-home .card .info .video-info {
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
}
body.page-home .card .info .card-menu-wrap { grid-column: 3 !important; grid-row: 1 !important; }

body.page-home .card .info > a.desc,
body.page-home .card .info .video-title,
body.page-home .grid .card .desc,
body.page-home .grid .card .title,
body.page-home .grid .card h3,
body.page-home #contentArea .card .desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 4px 0 !important;
  padding: 0 0 0 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  color: #0f0f0f !important;
  max-height: 40px !important;
  min-height: 0 !important;
  text-decoration: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

body.page-home .card .info .u-name,
body.page-home .card .info .video-author {
  display: block !important;
  color: #606060 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-home .card .info .video-stats {
  display: block !important;
  color: #606060 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.page-home .card .info .card-menu-wrap {
  position: static !important;
  top: auto !important;
  right: auto !important;
  justify-self: end !important;
  align-self: start !important;
  z-index: 4 !important;
}
body.page-home .card .info .card-menu-btn {
  background: transparent !important;
  color: #0f0f0f !important;
  border: 0 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  opacity: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
  padding: 0 !important;
}
body.page-home .card:hover .info .card-menu-btn,
body.page-home .card .info .card-menu-btn:focus {
  opacity: 1 !important;
  background: rgba(0,0,0,.05) !important;
}

body.page-home .card .thumb .card-menu-wrap { display: none !important; }

body.page-home .card .info .stats-tag,
body.page-home .card .info .vote-system,
body.page-home .card .info .vote-btn,
body.page-home .card .info .vote-bar-wrap,
body.page-home .card .info .vote-count,
body.page-home .card .info .like-btn,
body.page-home .card .info .fav-btn,
body.page-home .card .info .comment-count,
body.page-home .card .vote-widget,
body.page-home .card [class*="vote-"] {
  display: none !important;
}

body.page-home .card .vip-badge {
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  background: #0f0f0f !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  z-index: 5 !important;
  border-radius: 4px !important;
  letter-spacing: 0 !important;
}
body.page-home .card .thumb-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e5e5e5 !important;
  color: #909090 !important;
  font-size: 28px !important;
}

body.page-home #cwSection,
body.page-home .cw-section {
  padding: 8px 24px 0 !important;
  background: transparent !important;
}
body.page-home .cw-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f0f0f !important;
}

body.page-home .tab-empty-state,
body.page-home .cb-ia-subs-empty {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #606060 !important;
  padding: 120px 24px 80px !important;
  text-align: center !important;
  min-height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

body.page-home:has(#homeEmptyState[style*="block"]) #contentArea,
body.page-home:has(#homeEmptyState[style*="block"]) #homeShortsPark,
body.page-home:has(#homeEmptyState[style*="block"]) #homeShortsRail,
body.page-home:has(#homeEmptyState[style*="block"]) #catFocusBar,
body.page-home:has(#homeEmptyState[style*="block"]) #sortFilterBar,
body.page-home:has(#homeEmptyState[style*="block"]) #recSentinel,
body.page-home:has(#homeEmptyState[style*="block"]) #recEndMsg,
body.page-home:has(#homeEmptyState[style*="block"]) #heroSection,
body.page-home:has(#homeEmptyState[style*="block"]) .hero-section,
body.page-home:has(#homeEmptyState[style*="block"]) .promo-stack,
body.page-home:has(#homeEmptyState[style*="block"]) #filterContainer,
body.page-home:has(#homeEmptyState[style*="block"]) #hotSection,
body.page-home:has(#homeEmptyState[style*="block"]) #topSection,
body.page-home:has(#homeEmptyState[style*="block"]) .section-container {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

body.page-home #homeEmptyState.tab-empty-state,
body.page-home #homeEmptyState.yt-feed-nudge {
  margin: 24px auto 0 !important;
  max-width: 700px !important;
  width: min(700px, calc(100% - 48px)) !important;
  min-height: 100px !important;
  height: auto !important;
  padding: 16px 42px 12px !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: rgba(0, 0, 0, .2) 0 8px 23px 0 !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
body.page-home #homeEmptyState[style*="block"] {
  display: flex !important;
}
body.page-home #homeEmptyState[style*="none"] {
  display: none !important;
}
body.page-home #homeEmptyState .tab-empty-icon,
body.page-home #homeEmptyState .tab-empty-actions {
  display: none !important;
}
body.page-home .tab-empty-icon {
  width: 120px;
  height: 120px;
  margin: 0 0 24px !important;
  color: #0f0f0f !important;
  font-size: 72px !important;
  line-height: 120px !important;
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.page-home .tab-empty-icon svg {
  width: 96px;
  height: 96px;
  display: block;
}
body.page-home .tab-empty-title {
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  color: #0f0f0f !important;
  margin: 0 0 8px !important;
  font-family: Roboto, Arial, sans-serif !important;
}
body.page-home #homeEmptyState .tab-empty-title {
  font-weight: 900 !important;
  margin: 0 0 4px !important;
  text-align: center !important;
}
body.page-home .tab-empty-desc {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #606060 !important;
  margin: 0 0 24px !important;
  max-width: 400px;
}
body.page-home #homeEmptyState .tab-empty-desc {
  margin: 0 !important;
  max-width: 520px !important;
  color: #0f0f0f !important;
  text-align: center !important;
}
body.page-home .tab-empty-btn.primary,
body.page-home .tab-empty-btn.signin {
  background: #fff !important;
  color: #065fd4 !important;
  border: 1px solid #065fd4 !important;
  border-radius: 20px !important;
  text-transform: none !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  height: 40px !important;
  padding: 0 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer;
}
body.page-home .tab-empty-btn.signin:hover,
body.page-home .tab-empty-btn.primary:hover {
  background: #def1ff !important;
  border-color: #def1ff !important;
}
body.page-home:not(.is-feed-rec) #sortFilterBar,
body.page-home:not(.is-feed-rec) .sort-filter-bar,
body.page-home:not(.is-feed-rec) #hotSection,
body.page-home:not(.is-feed-rec) #contentArea,
body.page-home:not(.is-feed-rec) #topSection {
  display: none !important;
}

body.page-home footer {
  background: #fff !important;
  border-top: 1px solid rgba(0, 0, 0, .08) !important;
  color: #606060 !important;
  padding: 24px !important;
}
body.page-home footer a { color: #606060 !important; }
body.page-home footer a:hover { color: #0f0f0f !important; }

body.page-home #mobileBottomNav,
body.page-home .mobile-bottom-nav {
  background: rgba(255, 255, 255, .9) !important;
  border-top: 1px solid rgba(0, 0, 0, .1) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  box-shadow: none !important;
}
body.page-home .bottom-nav-item { color: #0f0f0f !important; }
body.page-home .bottom-nav-item.active { color: #0f0f0f !important; font-weight: 500 !important; }

body.page-home .fa,
body.page-home .fas,
body.page-home .far,
body.page-home .fab,
body.page-home i.fa,
body.page-home i.fas {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
  font-style: normal !important;
}
body.page-home .fas, body.page-home .fa { font-weight: 900 !important; }
body.page-home .fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }

body.page-home header,
body.page-home #catSideNav,
body.page-home #userSideNav,
body.page-home .feed-tabs,
body.page-home .card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-home .auth-modal { background: #f0f4f9 !important; z-index: 5000 !important; }
body.page-home .auth-box {
  background: #fff !important;
  color: #1f1f1f !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 28px !important;
}
body.page-home .auth-box .btn-submit {
  background: #0b57d0 !important;
  color: #fff !important;
  border-radius: 20px !important;
  text-transform: none !important;
  font-weight: 500 !important;
  border: 0 !important;
}

body.page-home .skeleton-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 16px !important;
  row-gap: 40px !important;
  padding: 12px 24px !important;
}
body.page-home .skeleton-card { background: transparent !important; }
body.page-home .skeleton-thumb {
  aspect-ratio: 16/9 !important;
  border-radius: 12px !important;
  background: var(--skeleton-base) !important;
}

body.page-home #trendingTagsBar,
body.page-home .trending-tags-bar {
  background: #fff !important;
  border: 0 !important;
  padding: 0 24px 8px !important;
}
body.page-home .trending-tags-label { color: #606060 !important; font-weight: 500 !important; }

body.page-home #vipContent > div[style*="linear-gradient"] {
  background: #f2f2f2 !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #0f0f0f !important;
}

body.page-home .scroll-sentinel,
body.page-home .scroll-end-msg {
  color: #606060 !important;
  padding: 24px !important;
  text-align: center !important;
  grid-column: 1 / -1 !important;
}

body.page-home .filter-btn,
body.page-home button.filter-btn {
  height: 32px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}
body.page-home .filter-btn:hover { background: #e5e5e5 !important; }
body.page-home .filter-btn.active,
body.page-home button.filter-btn.active {
  background: #0f0f0f !important;
  color: #fff !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

body.page-home #sortFilterBar,
body.page-home .sort-filter-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 24px 12px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  position: sticky !important;
  top: 56px !important;
  z-index: 3 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body.page-home #sortFilterBar::-webkit-scrollbar,
body.page-home .sort-filter-bar::-webkit-scrollbar { display: none !important; height: 0 !important; }

body.page-home #sortFilterBar .sf-sort-wrap,
body.page-home .sort-filter-bar .sf-sort-wrap,
body.page-home #sortFilterBar .sf-divider,
body.page-home .sort-filter-bar .sf-divider {
  display: none !important;
}

body.page-home #sfDurationPills,
body.page-home .sf-duration-pills {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  align-items: center !important;
  min-width: max-content !important;
}

body.page-home #filterContainer,
body.page-home .filter-bar {
  display: none !important;
}

body.page-home #sortFilterBar button,
body.page-home .sort-filter-bar button,
body.page-home #sfDurationPills button,
body.page-home .sf-duration-pills button,
body.page-home #sortFilterBar .sf-pill,
body.page-home .sf-pill {
  height: 32px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: rgba(0, 0, 0, .05) !important;
  color: #09090a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Roboto", "Arial", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  line-height: 32px !important;
  transition: none !important;
}
body.page-home #sortFilterBar button:hover,
body.page-home .sf-pill:hover,
body.page-home #sfDurationPills button:hover {
  background: rgba(0, 0, 0, .05) !important;
  color: #09090a !important;
}
body.page-home #sortFilterBar button.active,
body.page-home .sf-pill.active,
body.page-home #sfDurationPills button.active,
body.page-home #sortFilterBar button[aria-pressed="true"] {
  background: #09090a !important;
  color: #f2f2f5 !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
body.page-home #sortFilterBar button.active:hover,
body.page-home .sf-pill.active:hover,
body.page-home #sfDurationPills button.active:hover,
body.page-home #sortFilterBar button[aria-pressed="true"]:hover {
  background: #09090a !important;
  color: #f2f2f5 !important;
}

body.page-home #hotSection,
body.page-home #topSection {
  display: none !important;
}
body.page-home #catSideNav .ph-nav-item svg.feed-tab-icon .ico-filled { display: none; }
body.page-home #catSideNav .ph-nav-item svg.feed-tab-icon .ico-outline { display: block; }
body.page-home #catSideNav .ph-nav-item.active svg.feed-tab-icon .ico-filled { display: block; }
body.page-home #catSideNav .ph-nav-item.active svg.feed-tab-icon .ico-outline { display: none; }
body.page-home #catSideNav .yt-guide-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
}
body.page-home #catSideNav .yt-guide-heading .yt-guide-chevron {
  width: 20px !important;
  height: 20px !important;
  margin-left: 2px !important;
  fill: currentColor !important;
  color: #0f0f0f !important;
}
body.page-home #pwa-install-banner,
#pwa-install-banner {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.page-home #recSentinel {
  min-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  overflow: hidden !important;
}
body.page-home #recSentinel .rec-busy {
  display: none !important;
}
body.page-home #recSentinel.is-busy {
  min-height: 48px !important;
  padding: 16px 0 !important;
  color: var(--text-secondary) !important;
  justify-content: center !important;
}
body.page-home #recSentinel.is-busy .rec-busy {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
}
body.page-home #sortFilterBar select,
body.page-home .filter-bar select,
body.page-home #filterContainer select {
  height: 32px !important;
  border-radius: 8px !important;
  border: 0 !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
  padding: 0 28px 0 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.page-home .filter-bar button,
body.page-home .filter-chip,
body.page-home .filter-bar button:focus,
body.page-home .filter-chip:focus,
body.page-home .filter-bar button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.page-home .home-vip-strip,
body.page-home .vip-upsell,
body.page-home .vip-upsell-row,
body.page-home .vip-upsell-card,
body.page-home .vip-banner,
body.page-home [class*="vip-upsell"],
body.page-home [id*="vipUpsell"],
body.page-home [id*="VipStrip"],
body.page-home .cb-vip-strip,
body.page-home .member-upsell,
body.page-home .vip-upsell-row > div[style*="radial-gradient"],
body.page-home [style*="rgba(245,197,24"] {
  display: none !important;
}
body.page-home .ai-search-btn {
  display: none !important;
}
body.page-home .hero-shell {
  display: none !important;
}

body.page-home .section-title {
  font-size: 20px !important;
  margin: 0 !important;
}
body.page-home #hotSection {
  padding-top: 8px !important;
}

body.page-home .card,
body.page-home .grid .card,
body.page-home #contentArea .card {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.page-home header #authBtns .auth-btn[onclick*="login"],
body.page-home header #authBtns button.auth-btn:not(.btn-primary) {
  height: 40px !important;
  min-height: 40px !important;
  min-width: 0 !important;
  padding: 0 15px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(0, 0, 0, .2) !important;
  border-color: rgba(0, 0, 0, .2) !important;
  background: #fff !important;
  color: #065fd4 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  gap: 6px !important;
  box-shadow: none !important;
}
body.page-home header #authBtns .auth-btn[onclick*="login"] i,
body.page-home header #authBtns button.auth-btn:not(.btn-primary) i {
  font-size: 18px !important;
  color: #065fd4 !important;
}
body.page-home header #authBtns .auth-btn[onclick*="login"]:hover,
body.page-home header #authBtns button.auth-btn:not(.btn-primary):hover {
  background: rgb(222, 241, 255) !important;
  border-color: rgba(0, 0, 0, 0) !important;
  transform: none !important;
}

@media (max-width: 800px) {
  body.page-home > header,
  body.page-home header {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.page-home header .header-inner,
  body.page-home .header-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    grid-template-rows: none !important;
    height: 56px !important;
    max-height: 56px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 6px !important;
    gap: 2px !important;
    column-gap: 2px !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
  }

  body.page-home header .header-start {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
    grid-area: auto !important;
    order: 0 !important;
  }

  body.page-home header .mobile-nav-btn {
    display: inline-flex !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    grid-area: auto !important;
    order: 0 !important;
  }

  body.page-home header .logo {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 18px !important;
    padding: 0 4px 0 0 !important;
    height: 40px !important;
    grid-area: auto !important;
    order: 0 !important;
  }

  body.page-home header .search-box {
    display: flex !important;
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 36px !important;
    margin: 0 4px !important;
    padding: 0 !important;
    order: 0 !important;
    grid-area: auto !important;
    justify-self: auto !important;
    position: relative !important;
  }

  body.page-home header .search-input,
  body.page-home header #searchInput {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 14px !important;
    padding: 0 4px 0 12px !important;
  }

  body.page-home header .search-btn {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 36px !important;
  }

  body.page-home header .controls {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 0 !important;
    grid-area: auto !important;
    overflow: visible !important;
  }

  body.page-home header #authBtns,
  body.page-home header #userPanel {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  body.page-home header .mobile-user-btn,
  body.page-home header #mobileUserBtn {
    display: inline-flex !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 0 !important;
    grid-area: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.page-home .feed-tabs {
    padding: 8px 12px !important;
    gap: 8px !important;
  }
  body.page-home .section-container {
    padding: 8px 12px 0 !important;
  }
  body.page-home #sortFilterBar,
  body.page-home .sort-filter-bar,
  body.page-home .filter-bar {
    padding: 0 12px 8px !important;
    gap: 8px !important;
  }

  body.page-home .grid .card .info,
  body.page-home #contentArea .card .info {
    padding: 10px 0 0 0 !important;
  }
  body.page-home .card .info .u-avt-small {
    display: none !important;
  }
  body.page-home .card .info > a.desc,
  body.page-home .card .info .desc {
    font-size: 14px !important;
    line-height: 20px !important;
    max-height: 40px !important;
  }
  body.page-home .card .info .u-name {
    font-size: 12px !important;
    line-height: 16px !important;
  }
}

@media (max-width: 480px) {
  body.page-home header .logo {
    font-size: 16px !important;
  }
  body.page-home header .search-btn {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-home *,
  body.page-home *::before,
  body.page-home *::after {
    animation: none !important;
    transition: none !important;
  }
}

body.page-home #hotSection .section-header,
body.page-home #topSection .section-header {
  display: none !important;
}
body.page-home #vipContent > div[style*="linear-gradient"] {
  display: none !important; 
}
body.page-home #vipContent {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-home #catSideNav button.ph-nav-item {
  background: transparent !important;
  border: 0 !important;
  width: 100% !important;
}
body.page-home #catSideNav button.ph-nav-item.active,
body.page-home #catSideNav button.ph-nav-item.feed-tab.active,
body.page-home #catSideNav .ph-nav-item.active {
  background: rgba(0, 0, 0, .05) !important;
  border-radius: 10px !important;
}

body.page-home.light-mode header #authBtns .auth-btn,
body.page-home.light-mode header #authBtns button.auth-btn,
html[data-home-theme="light"] body.page-home header #authBtns .auth-btn,
body.page-home header #authBtns .auth-btn,
body.page-home header #authBtns button.auth-btn {
  border: 1px solid rgba(0, 0, 0, .2) !important;
  border-color: rgba(0, 0, 0, .2) !important;
  color: #065fd4 !important;
  background: #fff !important;
  border-radius: 20px !important;
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
}
body.page-home header #authBtns .auth-btn.btn-primary,
body.page-home header #authBtns .auth-btn[onclick*="register"] { display: none !important; }

body.page-home .card .info .channel-picture,
body.page-home .card .video-info-grid .channel-picture {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  display: block !important;
  flex-shrink: 0 !important;
}
body.page-home .card .info .channel-picture,
body.page-home .card .video-info-grid .channel-picture {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
body.page-home .card .info .u-avt-small,
body.page-home .card .info .profile-pic,
body.page-home .card .video-info-grid .u-avt-small,
body.page-home .card .video-info-grid .profile-pic {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #e5e5e5 !important;
  display: block !important;
}

body.page-home .card .info .u-name,
body.page-home .card .info .video-info .channel-name,
body.page-home .card .info .meta,
body.page-home .card .info .video-stats,
body.page-home .card .info .cb-sub {
  font-size: 12px !important;
  line-height: 18px !important;
  color: #606060 !important;
  font-weight: 400 !important;
}
body.page-home .card .info .u-name { display: inline !important; }
body.page-home .card .card-menu-btn.meta-menu {
  opacity: 0 !important;
  background: transparent !important;
  color: #0f0f0f !important;
  width: 24px !important;
  height: 24px !important;
}
body.page-home .card:hover .card-menu-btn.meta-menu { opacity: 1 !important; }

body.page-home #contentArea.is-yt-home-flat,
body.page-home #contentArea.yt-card-grid,
body.page-home.is-cat-focus #contentArea {
  gap: 40px 16px !important;
  row-gap: 40px !important;
  column-gap: 16px !important;
  padding: 0 24px 48px !important;
}

body.page-home .card .video-title,
body.page-home .card .info .desc {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  color: #0f0f0f !important;
  max-height: 40px !important;
  -webkit-line-clamp: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 4px !important;
}

body.page-home .card .info .card-menu-wrap {
  position: static !important;
  top: auto !important;
  right: auto !important;
  justify-self: end !important;
  align-self: start !important;
  margin: 0 !important;
}
body.page-home .card .info .card-menu-btn,
body.page-home .card .info .card-menu-btn.meta-menu {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #0f0f0f !important;
  opacity: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
body.page-home .card:hover .info .card-menu-btn,
body.page-home .card:hover .info .card-menu-btn.meta-menu,
body.page-home .card .info .card-menu-btn:focus {
  opacity: 1 !important;
  background: rgba(0,0,0,.05) !important;
}

@media (max-width: 700px) {
  body.page-home header .yt-voice-btn,
  body.page-home header #voiceSearchBtn,
  body.page-home header .yt-create-btn,
  body.page-home header #createBtn {
    display: none !important;
  }
  body.page-home header .search-box { max-width: none !important; }
}

body.page-home header #userPanel .yt-uname {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #0f0f0f !important;
  margin: 0 4px 0 0 !important;
  max-width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.page-home header #userPanel .yt-bell-wrap {
  position: relative !important;
  display: inline-flex !important;
  margin: 0 !important;
}
body.page-home header #userPanel .yt-legacy-account-link {
  display: none !important;
}
body.page-home header #userPanel .yt-avatar-btn,
body.page-home header #userPanel #desktopAccountBtn,
body.page-home header #userPanel .yt-logout-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #0f0f0f !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
body.page-home header #userPanel .yt-avatar-btn:hover,
body.page-home header #userPanel #desktopAccountBtn:hover,
body.page-home header #userPanel .yt-logout-btn:hover {
  background: rgba(0,0,0,.05) !important;
}
body.page-home header #userPanel #bellBtn {
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.page-home header #voiceSearchBtn.is-listening {
  background: rgba(6, 95, 212, .12) !important;
  color: #065fd4 !important;
  animation: cbVoicePulse 1.2s ease-in-out infinite;
}
@keyframes cbVoicePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(6, 95, 212, .35); }
  50% { box-shadow: 0 0 0 8px rgba(6, 95, 212, 0); }
}

body.page-home header #appsBtn,
body.page-home header .ai-search-btn {
  display: none !important;
}

@media (max-width: 767px) {
  body.page-home #mobileBottomNav,
  body.page-home .mobile-bottom-nav,
  body.page-home.light-mode #mobileBottomNav,
  body.page-home.light-mode .mobile-bottom-nav,
  html[data-home-theme="light"] body.page-home #mobileBottomNav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 960 !important;
    height: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    background: rgba(255, 255, 255, .9) !important;
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    box-shadow: none !important;
    transform: translateY(0) !important;
  }
  body.page-home #mobileBottomNav.nav-hidden,
  body.page-home .mobile-bottom-nav.nav-hidden {
    transform: translateY(0) !important;
  }
  body.page-home #mobileBottomNav .mobile-bottom-nav-inner,
  body.page-home .mobile-bottom-nav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    height: 56px !important;
    padding: 0 4px !important;
  }
  body.page-home #mobileBottomNav .bottom-nav-item,
  body.page-home .bottom-nav-item {
    flex: 1 1 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 6px 2px !important;
    color: #0f0f0f !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  body.page-home #mobileBottomNav .bottom-nav-item span,
  body.page-home .bottom-nav-item span {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body.page-home #mobileBottomNav .bottom-nav-item i,
  body.page-home .bottom-nav-item i,
  body.page-home #mobileBottomNav .bottom-nav-item svg.bottom-nav-icon,
  body.page-home .bottom-nav-item svg.bottom-nav-icon {
    font-size: 18px !important;
    line-height: 1 !important;
    color: inherit !important;
    fill: currentColor !important;
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    margin: 0 auto !important;
    flex: 0 0 22px !important;
    overflow: visible !important;
  }
  body.page-home #mobileBottomNav .bottom-nav-item.active,
  body.page-home .bottom-nav-item.active {
    color: #0f0f0f !important;
    font-weight: 500 !important;
  }
  body.page-home #mobileBottomNav .bottom-nav-item:active {
    opacity: .7 !important;
  }
  body.page-home {
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
@media (min-width: 768px) {
  body.page-home #mobileBottomNav,
  body.page-home .mobile-bottom-nav {
    display: none !important;
  }
}

body.page-home,
body.page-home.light-mode,
html[data-home-theme="light"] body.page-home {
  animation: none !important;
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}
body.page-home #mobileBottomNav,
body.page-home .mobile-bottom-nav {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  transform: translateY(0) !important;
}
@media (max-width: 767px) {
  body.page-home #mobileBottomNav.nav-hidden,
  body.page-home .mobile-bottom-nav.nav-hidden,
  body.page-home #mobileBottomNav.nav-visible,
  body.page-home .mobile-bottom-nav.nav-visible {
    transform: translateY(0) !important;
  }
}

body.page-home #scrollTopBtn,
body.page-home #back-to-top-btn,
body.page-home #backToTop,
body.page-home .back-to-top,
#scrollTopBtn,
#back-to-top-btn,
#backToTop,
.back-to-top {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

body.page-home .cb-ia-thumb-ov,
body.page-home .cb-ia-ov-btn,
body.page-home .card .duration::before,
body.page-home .card .duration::after,
body.page-home .card .cb-duration::before,
body.page-home .card .video-time::before,
body.page-home #seWlHeaderBtn,
body.page-home .se-wl-card-btn,
#seWlHeaderBtn,
.se-wl-card-btn {
  display: none !important;
  content: none !important;
}

body.page-home .bottom-nav-item.active,
body.page-home.light-mode .bottom-nav-item.active,
body.page-home.light-mode #mobileBottomNav .bottom-nav-item.active,
html[data-home-theme="light"] body.page-home .bottom-nav-item.active {
  color: #0f0f0f !important;
  font-weight: 500 !important;
}
body.page-home .bottom-nav-item.active i,
body.page-home.light-mode .bottom-nav-item.active i,
body.page-home.light-mode #mobileBottomNav .bottom-nav-item.active i {
  color: #0f0f0f !important;
  filter: none !important;
  transform: none !important;
  text-shadow: none !important;
}
body.page-home .bottom-nav-item.active::before,
body.page-home.light-mode .bottom-nav-item.active::before,
body.page-home.light-mode #mobileBottomNav .bottom-nav-item.active::before,
html[data-home-theme="light"] body.page-home .bottom-nav-item.active::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 0 !important;
  height: 0 !important;
}

body.page-home .comment-input:focus,
body.page-home .comment-input:focus-visible,
body.page-home.light-mode .comment-input:focus,
body.page-home.light-mode .comment-input:focus-visible,
html[data-home-theme="light"] body.page-home .comment-input:focus-visible {
  border-color: #065fd4 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(6, 95, 212, .25) !important;
}

body.page-home .auth-box::before,
body.page-home.light-mode .auth-box::before,
html[data-home-theme="light"] body.page-home .auth-box::before {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
body.page-home .auth-box .btn-submit,
body.page-home.light-mode .auth-box .btn-submit {
  background: #0b57d0 !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}
body.page-home .auth-box .btn-submit:hover,
body.page-home.light-mode .auth-box .btn-submit:hover,
html[data-home-theme="light"] body.page-home .auth-box .btn-submit:hover {
  background: #0842a0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}

body.page-home footer,
body.page-home.light-mode footer {
  display: none !important;
}

body.page-home header #uName,
body.page-home header #userPanel #uName,
body.page-home header #userPanel .yt-uname,
body.page-home.is-logged-in header #uName,
body.page-home.is-logged-in header #userPanel .yt-uname {
  display: none !important;
}
body.page-home header #userPanel .yt-logout-btn,
body.page-home.is-logged-in header #userPanel .yt-logout-btn,
body.page-home header #userPanel button.yt-logout-btn {
  display: none !important;
}

body.page-home.light-mode .feed-tab-icon,
body.page-home.light-mode .feed-tab.active .feed-tab-icon,
body.page-home.light-mode #catSideNav .feed-tab-icon,
body.page-home.light-mode #catSideNav .feed-tab.active .feed-tab-icon,
body.page-home.light-mode #catSideNav .ph-nav-item svg.feed-tab-icon,
html[data-home-theme="light"] body.page-home .feed-tab-icon,
html[data-home-theme="light"] body.page-home .feed-tab.active .feed-tab-icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #0f0f0f !important;
  fill: #0f0f0f !important;
  box-shadow: none !important;
  filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.page-home header .logo,
body.page-home.light-mode header .logo,
html[data-home-theme="light"] body.page-home header .logo {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #0f0f0f !important;
  color: #0f0f0f !important;
}
body.page-home header .logo .cb-logo-word {
  -webkit-text-fill-color: #0f0f0f !important;
  color: #0f0f0f !important;
  background: none !important;
}
body.page-home header .logo .cb-logo-bi,
body.page-home header .logo .cb-logo-18 {
  color: #e8a317 !important;
  -webkit-text-fill-color: #e8a317 !important;
  background: none !important;
}

body.page-home header .yt-m-search-btn,
body.page-home header .yt-m-search-back,
body.page-home header #mobileSearchBtn,
body.page-home header #mobileSearchBack {
  display: none !important;
}

body.page-home #catDrawerBackdrop,
body.page-home .cat-drawer-backdrop {
  background: rgba(0, 0, 0, .5) !important;
}

@media (max-width: 791px) {
  body.page-home > header,
  body.page-home header {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    overflow: visible !important;
  }
  body.page-home header .header-inner,
  body.page-home .header-inner {
    height: 48px !important;
    max-height: 48px !important;
    padding: 0 4px 0 12px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
  }
  body.page-home header .header-start {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  
  body.page-home header .mobile-nav-btn,
  body.page-home header #mobileNavBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    overflow: visible !important;
    pointer-events: auto !important;
    margin-right: 2px !important;
  }
  body.page-home header .logo {
    padding: 0 !important;
    height: 48px !important;
    font-size: 18px !important;
  }
  body.page-home header .yt-search-cluster,
  body.page-home header .search-box,
  body.page-home header .yt-voice-btn,
  body.page-home header #voiceSearchBtn,
  body.page-home header .yt-create-btn,
  body.page-home header #createBtn,
  body.page-home header .yt-kebab-btn,
  body.page-home header #moreMenuBtn,
  body.page-home header #authBtns,
  body.page-home header #userPanel,
  body.page-home header .mobile-user-btn,
  body.page-home header #mobileUserBtn {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }
  body.page-home header .controls {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
  body.page-home header .yt-m-search-btn,
  body.page-home header #mobileSearchBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0f0f0f !important;
    box-shadow: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }
  body.page-home header .yt-m-search-back,
  body.page-home header #mobileSearchBack {
    display: none !important;
  }
  body.page-home #mainContent,
  body.page-home main {
    padding-top: 48px !important;
  }
  body.page-home #catSideNav {
    top: 48px !important;
  }

  
  body.page-home.yt-m-searching header .logo,
  body.page-home.yt-m-searching header #mobileNavBtn,
  body.page-home.yt-m-searching header .mobile-nav-btn,
  body.page-home.yt-m-searching header #mobileSearchBtn,
  body.page-home.yt-m-searching header .yt-m-search-btn {
    display: none !important;
  }
  body.page-home.yt-m-searching header .header-start {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    pointer-events: auto !important;
  }
  body.page-home.yt-m-searching header .yt-m-search-back,
  body.page-home.yt-m-searching header #mobileSearchBack {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f0f0f !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }
  body.page-home.yt-m-searching header .yt-search-cluster {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    pointer-events: auto !important;
  }
  body.page-home.yt-m-searching header .search-box {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }
  body.page-home.yt-m-searching header .search-input,
  body.page-home.yt-m-searching header #searchInput {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    pointer-events: auto !important;
  }
  body.page-home.yt-m-searching header .search-btn {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    pointer-events: none !important;
  }
  body.page-home.yt-m-searching header .yt-voice-btn,
  body.page-home.yt-m-searching header #voiceSearchBtn {
    display: inline-flex !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }
  body.page-home.yt-m-searching header .search-box {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
}

@media (max-width: 767px) {
  body.page-home #mobileBottomNav .bottom-nav-item[data-nav="subs"],
  body.page-home #mobileBottomNav .bottom-nav-item[data-nav="library"] {
    display: none !important;
  }
  body.page-home #mobileBottomNav .bottom-nav-item {
    flex: 1 1 0 !important;
    font-size: 11px !important;
  }
  body.page-home #mobileBottomNav .bottom-nav-item i {
    font-size: 22px !important;
  }
}

body.page-home header .yt-search-cluster {
  justify-self: center !important;
  width: 100% !important;
  max-width: 732px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body.page-home header .yt-search-cluster .search-box {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}
body.page-home header .yt-search-cluster .yt-voice-btn,
body.page-home header .yt-search-cluster #voiceSearchBtn {
  margin: 0 !important;
  flex: 0 0 40px !important;
}
body.page-home header .search-btn {
  background: #f8f8f8 !important;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  padding: 0 !important;
  min-width: 64px !important;
  width: 64px !important;
  transform: none !important;
  box-shadow: none !important;
}
body.page-home header .search-btn svg {
  color: #0f0f0f !important;
  fill: #0f0f0f !important;
  display: block !important;
}
body.page-home #catSideNav #tab-rec.active {
  background: rgba(0, 0, 0, .05) !important;
  font-weight: 500 !important;
}

#cookie-consent-banner {
  padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
}
body:has(#cookie-consent-banner:not([hidden])) {
  padding-bottom: 72px !important;
}
body.page-home:has(#cookie-consent-banner:not([hidden])) #mobileBottomNav {
  bottom: 72px !important;
}

html body.page-home #catSideNav .ph-nav-item,
html body.page-home #userSideNav .ph-nav-item,
html body.page-home #catSideNav .cat-side-list a,
html body.page-home #catSideNav .cat-side-list button,
html body.page-home #catSideNav button.ph-nav-item,
html body.page-home #catSideNav a.ph-nav-item,
html body.page-home #catSideNav .yt-guide-entry {
  width: 204px !important;
  max-width: 204px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}

#ytMSearchDim { display: none; }
body.page-home.yt-m-searching #ytMSearchDim {
  display: block !important;
  position: fixed !important;
  top: 48px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1900 !important;
  background: rgba(0, 0, 0, .5) !important;
  pointer-events: auto !important;
}

body.page-home:not(.is-logged-in) #catSideNav .yt-guide-lib,
body.page-home:not(.is-logged-in) #catSideNav .yt-guide-you-head,
body.page-home:not(.is-logged-in) #catSideNav #tab-later,
body.page-home:not(.is-logged-in) #catSideNav #tab-liked,
body.page-home:not(.is-logged-in) #catSideNav #tab-vip,
body.page-home:not(.is-logged-in) #catSideNav #tab-queue,
body.page-home:not(.is-logged-in) #catSideNav a[href="/vip/"],
body.page-home:not(.is-logged-in) #catSideNav a[href="/later/"],
body.page-home:not(.is-logged-in) #catSideNav a[href="/liked/"],
body.page-home:not(.is-logged-in) #catSideNav a[href="/playlists/"],
body.page-home:not(.is-logged-in) #catSideNav #catSideList,
body.page-home:not(.is-logged-in) #catSideNav .yt-guide-heading:not(:has([data-i18n="exploreSection"])) {
  display: none !important;
}

@media (max-width: 791px) {
  body.page-home .cat-side-nav {
    top: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    width: 256px !important;
    z-index: 2100 !important;
  }
  body.page-home .cat-side-nav .ph-side-logo { display: none !important; }
  body.page-home .cat-side-nav .ph-side-header {
    justify-content: flex-end !important;
    padding: 10px 12px !important;
    min-height: 0 !important;
  }
  body.page-home .cat-side-nav .ph-close-btn {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
  }
}

/* ==== cb-interactions.css ==== */


:root {
  --cb-ia-ease: cubic-bezier(.05, 0, 0, 1);
  --cb-ia-fast: .12s;
  --cb-ia-med: .2s;
  --cb-ia-tooltip-bg: #616161;
  --cb-ia-toast-bg: #212121;
}

.yt-ia-tooltip {
  position: fixed;
  z-index: 2147483000;
  pointer-events: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity var(--cb-ia-fast) ease, transform var(--cb-ia-fast) ease;
  background: var(--cb-ia-tooltip-bg);
  color: #fff;
  font-size: 12px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  padding: 9px 10px 10px;
  border-radius: 4px;
  white-space: nowrap;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yt-ia-tooltip.is-showing { opacity: 1; transform: translateY(0); }
.yt-ia-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: var(--cb-ia-tooltip-bg);
}
.yt-ia-tooltip.is-below::after {
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: var(--cb-ia-tooltip-bg);
}

.yt-ia-ripple-host { position: relative; overflow: hidden; }
.yt-ia-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, .16);
  transform: scale(0);
  animation: yt-ia-ripple .55s ease-out forwards;
  pointer-events: none;
}
@keyframes yt-ia-ripple { to { transform: scale(3); opacity: 0; } }

.yt-ia-toast {
  position: fixed;
  left: 24px;
  bottom: 24px;
  transform: translateY(16px);
  z-index: 2147483100;
  background: #030303;
  color: #fff;
  font-size: 14px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  padding: 0 16px;
  height: 48px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
  opacity: 0;
  transition: opacity var(--cb-ia-med) ease, transform var(--cb-ia-med) ease;
  pointer-events: none;
  max-width: min(560px, 80vw);
  display: flex;
  align-items: center;
  gap: 16px;
}
.yt-ia-toast.is-showing { opacity: 1; transform: translateY(0); }
.yt-ia-toast.has-action { pointer-events: auto; }
.yt-ia-toast-msg { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yt-ia-toast-act {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #3ea6ff;
  font: 500 14px/20px Roboto, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .2px;
  cursor: pointer;
  padding: 0;
}

.yt-ia-chip-rail { position: relative; }
.yt-ia-chip-rail::before,
.yt-ia-chip-rail::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 56px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .15s;
  z-index: 1;
}
.yt-ia-chip-rail::before { left: 0; background: linear-gradient(90deg, var(--bg) 20%, transparent); }
.yt-ia-chip-rail::after { right: 0; background: linear-gradient(270deg, var(--bg) 20%, transparent); }
.yt-ia-chip-rail.can-left::before { opacity: 1; }
.yt-ia-chip-rail.can-right::after { opacity: 1; }

.yt-ia-chip {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  background: var(--chip-bg);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color var(--cb-ia-fast);
  font-family: Roboto, Arial, sans-serif;
}
.yt-ia-chip:hover { background: var(--chip-hover); }
.yt-ia-chip.yt-ia-chip-active { background: var(--text-primary); color: var(--bg); }

.cb-ia-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 16px;
  padding: 24px 0;
}
@media (min-width: 1750px) { .cb-ia-skeleton-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1099px) { .cb-ia-skeleton-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .cb-ia-skeleton-grid { grid-template-columns: 1fr; } }
.cb-ia-skeleton-card { min-height: 0; animation: cb-ia-shimmer 1.2s ease-in-out infinite; }
.cb-ia-skeleton-card::before {
  content: "";
  display: block;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  background: var(--skeleton-base);
}
.cb-ia-skeleton-card::after {
  content: "";
  display: block;
  height: 12px;
  margin-top: 12px;
  border-radius: 6px;
  background: var(--skeleton-base);
}
@keyframes cb-ia-shimmer { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.cb-ia-menu {
  position: fixed;
  z-index: 2147482500;
  min-width: 186px;
  max-width: 320px;
  padding: 8px 0;
  background: var(--card);
  color: var(--text-primary);
  border: 0;
  border-radius: 12px;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .1);
  display: none;
  font-family: Roboto, Arial, sans-serif;
  transform: none;
  transition: none;
}
.cb-ia-menu.open { display: block; }
.cb-ia-menu-item {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  background: transparent;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}
.cb-ia-menu-item:hover { background: rgba(0, 0, 0, .05); }
.cb-ia-menu-item svg {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  fill: currentColor;
  display: block;
}
.cb-ia-menu-sep {
  height: 1px;
  margin: 8px 0;
  background: rgba(0, 0, 0, .1);
  border: 0;
}

.cb-ia-ks-back {
  position: fixed;
  inset: 0;
  z-index: 2147482600;
  background: rgba(0, 0, 0, .4);
  display: none;
  align-items: center;
  justify-content: center;
}
.cb-ia-ks-back.open { display: flex; }
.cb-ia-ks {
  width: min(560px, calc(100vw - 32px));
  max-height: min(640px, calc(100vh - 48px));
  overflow: auto;
  background: var(--card);
  color: var(--text-primary);
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .24);
  padding: 8px 0 16px;
  font-family: Roboto, Arial, sans-serif;
}
.cb-ia-ks-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 12px 24px;
  font-size: 20px;
  font-weight: 500;
}
.cb-ia-ks-close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}
.cb-ia-ks-close:hover { background: rgba(0, 0, 0, .05); }
.cb-ia-ks-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 40px;
  padding: 0 24px;
  font-size: 14px;
}
.cb-ia-ks-row kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  margin-left: 4px;
  border-radius: 4px;
  background: var(--chip-bg);
  color: var(--text-primary);
  font: 500 12px/24px Roboto, Arial, sans-serif;
}

.card.cb-ia-previewing .duration,
.video-card.cb-ia-previewing .duration,
.card.cb-ia-previewing .cb-duration,
.video-card.cb-ia-previewing .video-time {
  opacity: 0 !important;
}
.card .thumb,
.video-card .card-thumb {
  position: relative;
  overflow: hidden;
}
.cb-ia-preview-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: rgba(255, 255, 255, .35);
  z-index: 4;
  opacity: 0;
  pointer-events: none;
}
.cb-ia-preview-bar > i {
  display: block;
  height: 100%;
  width: 0;
  background: #f00;
}
.card.cb-ia-previewing .cb-ia-preview-bar,
.video-card.cb-ia-previewing .cb-ia-preview-bar {
  opacity: 1;
}
.card.cb-ia-previewing .cb-ia-preview-bar > i,
.video-card.cb-ia-previewing .cb-ia-preview-bar > i,
.next-up-card.cb-ia-previewing .cb-ia-preview-bar > i {
  animation: none;
  width: 0;
}
.card[data-has-sprite="1"].cb-ia-previewing .cb-ia-preview-bar > i,
.video-card[data-has-sprite="1"].cb-ia-previewing .cb-ia-preview-bar > i,
.next-up-card[data-has-sprite="1"].cb-ia-previewing .cb-ia-preview-bar > i {
  animation: none;
}
.cb-ia-sprite {
  position: absolute;
  inset: 0;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: 1000% 100%;
  background-position: 0 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.cb-ia-sprite.is-on { opacity: 1; }
.cb-ia-intro {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.cb-ia-intro.is-on { opacity: 1; }
.card.cb-ia-preview-zoom .thumb img,
.card.cb-ia-preview-zoom .cb-thumb img,
.video-card.cb-ia-preview-zoom img {
  transform: none !important;
}
.card.cb-ia-previewing .duration,
.card.cb-ia-previewing .cb-duration,
.card.cb-ia-previewing .video-time { opacity: 0 !important; }
@keyframes cb-ia-preview-scrub {
  from { width: 0; }
  to { width: 100%; }
}
.cb-ia-prog {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: rgba(255, 255, 255, .35);
  z-index: 5;
  pointer-events: none;
}
.cb-ia-prog > i {
  display: block;
  height: 100%;
  width: 0;
  background: #f00;
}

.card-dropdown {
  background: var(--card) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .16) !important;
  min-width: 248px !important;
  padding: 8px 0 !important;
  overflow: hidden !important;
}
.card-dropdown.open { display: block !important; }
.card-dropdown [data-action],
.card-dropdown > div {
  min-height: 40px !important;
  padding: 0 16px !important;
  gap: 16px !important;
  color: var(--text-primary) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.card-dropdown [data-action]:hover,
.card-dropdown > div:hover {
  background: rgba(0, 0, 0, .05) !important;
}
.card-dropdown i { color: var(--text-primary) !important; width: 24px; text-align: center; }

.cb-ia-share-back {
  position: fixed;
  inset: 0;
  z-index: 2147482700;
  background: rgba(0, 0, 0, .4);
  display: none;
  align-items: center;
  justify-content: center;
}
.cb-ia-share-back.open { display: flex; }
.cb-ia-share {
  width: min(518px, calc(100vw - 32px));
  background: var(--card);
  color: var(--text-primary);
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .24);
  padding: 8px 0 20px;
  font-family: Roboto, Arial, sans-serif;
}
.cb-ia-share-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 12px 24px;
  font-size: 20px;
  font-weight: 500;
}
.cb-ia-share-x {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
  font-size: 22px;
}
.cb-ia-share-x:hover { background: rgba(0, 0, 0, .05); }
.cb-ia-share-row {
  display: flex;
  gap: 8px;
  padding: 8px 24px 16px;
}
.cb-ia-share-url {
  flex: 1;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  color: var(--text-primary);
  background: var(--chip-bg);
}
.cb-ia-share-copy {
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 18px;
  background: var(--accent);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.cb-ia-share-copy:hover { background: #0556bf; }
.cb-ia-share-at {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 0 24px 12px;
  font-size: 14px;
  color: var(--text-primary);
  cursor: pointer;
}
.cb-ia-share-at-t { color: var(--text-secondary); }
.cb-ia-share-clip-toggle {
  display: block;
  margin: 0 24px 10px;
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 18px;
  background: var(--chip-bg, #f2f2f2);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.cb-ia-share-clip {
  padding: 0 24px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cb-ia-share-clip[hidden] { display: none; }
.cb-ia-share-clip-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--text-secondary);
}
.cb-ia-share-clip-row input {
  width: 72px;
  height: 32px;
  border: 1px solid var(--brd, #e5e5e5);
  border-radius: 8px;
  background: var(--card, #fff);
  color: var(--text-primary);
  padding: 0 8px;
  font-size: 14px;
}
.cb-ia-share-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 24px;
}
.cb-ia-save { width: min(360px, calc(100vw - 32px)); }
.cb-ia-save-list { max-height: 320px; overflow-y: auto; padding: 4px 8px 8px; }
.cb-ia-save-row {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--text-primary);
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.cb-ia-save-row:hover { background: rgba(0,0,0,.05); }
.cb-ia-save-empty {
  padding: 24px 16px;
  text-align: center;
  color: #606060;
  font-size: 14px;
}
.cb-ia-save-new {
  display: block;
  width: calc(100% - 16px);
  margin: 4px 8px 8px;
  height: 40px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--accent);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  padding: 0 16px;
}
.cb-ia-save-new:hover { background: rgba(6,95,212,.08); }
.cb-ia-share-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 18px;
  background: var(--chip-bg);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  border: 0;
  text-decoration: none;
  cursor: pointer;
}
.cb-ia-share-pill:hover { background: #e5e5e5; }

.cb-ia-q-dock {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 2147482600;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 20px;
  background: #0f0f0f;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .24);
  display: none;
  align-items: center;
  font-family: Roboto, Arial, sans-serif;
}
.cb-ia-q-dock.is-on { display: inline-flex; }
.cb-ia-q-dock:hover { background: #272727; }
.cb-ia-q { width: min(400px, calc(100vw - 32px)); }
.cb-ia-q-list { max-height: 360px; overflow-y: auto; padding: 4px 0 8px; }
.cb-ia-q-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 8px 16px;
  border: 0;
  background: transparent;
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
}
.cb-ia-q-row:hover { background: rgba(0, 0, 0, .05); }
.cb-ia-q-thumb {
  flex: 0 0 120px;
  width: 120px;
  height: 68px;
  border-radius: 8px;
  background: var(--chip-bg) center / cover no-repeat;
}
.cb-ia-q-meta { flex: 1; min-width: 0; }
.cb-ia-q-title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
}
.cb-ia-q-chan {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-secondary, var(--text-muted, #888));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
}
.cb-ia-q-x {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-primary);
  font-size: 20px;
  cursor: pointer;
}
.cb-ia-q-x:hover { background: rgba(0, 0, 0, .08); }
.cb-ia-q-clear {
  display: block;
  width: calc(100% - 16px);
  margin: 4px 8px 8px;
  height: 40px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--accent);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  padding: 0 16px;
}
.cb-ia-q-clear:hover { background: rgba(6, 95, 212, .08); }

@media (prefers-reduced-motion: reduce) {
  .yt-ia-ripple, .yt-ia-tooltip, .yt-ia-toast,
  .cb-ia-skeleton-card, .cb-ia-anim,
  .cb-ia-preview-bar > i {
    animation: none !important;
    transition: none !important;
  }
}

/* ==== cb-ia-watch.css ==== */


body.page-video #cbPlayerChrome .cb-ia-feedback {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  margin: -44px 0 0 -44px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(.7);
  pointer-events: none;
  z-index: 4;
  transition: transform var(--cb-ia-fast) ease, opacity var(--cb-ia-fast) ease;
}
body.page-video #cbPlayerChrome .cb-ia-feedback.is-on {
  opacity: 1;
  transform: scale(1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s ease;
}
body.page-video #cbPlayerChrome .cb-ia-feedback svg {
  width: 40px;
  height: 40px;
  display: block;
  fill: currentColor;
}

body.page-video #cbPlayerChrome .cb-ia-bigplay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 48px;
  border: 0;
  border-radius: 12px;
  background: #e8a317;
  color: #fff;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
  transition: opacity .15s ease, transform .15s ease, background .15s ease;
}
body.page-video #cbPlayerChrome .cb-ia-bigplay svg {
  width: 28px;
  height: 28px;
  fill: #fff;
  margin-left: 3px;
}
body.page-video #cbPlayerChrome .cb-ia-bigplay .cb-ia-bp-label {
  display: none !important;
}
body.page-video #cbPlayerChrome.cb-ia-show-big .cb-ia-bigplay {
  opacity: 1;
}
body.page-video #cbPlayerChrome.cb-ia-show-big .cb-ia-bigplay:hover {
  background: #cc1814;
}
body.page-video #cbPlayerChrome.cb-ia-show-big .cb-pc-center {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.page-video #cbPlayerChrome .cb-ia-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
  border: 4px solid rgba(0, 0, 0, .22);
  border-top-color: #fff;
  border-radius: 50%;
  animation: cb-ia-spin .85s linear infinite;
  opacity: 0;
  pointer-events: none;
  z-index: 4;
}
body.page-video #cbPlayerChrome.cb-ia-buffering .cb-ia-spinner { opacity: 1; }
@keyframes cb-ia-spin { to { transform: rotate(360deg); } }

body.page-video #cbPlayerChrome .cb-pc-bottom,
body.page-video #cbPlayerChrome.is-playing.is-idle .cb-pc-bottom {
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity .25s cubic-bezier(0, 0, .2, 1) !important;
}
body.page-video #cbPlayerChrome.cb-ia-bars-hidden .cb-pc-bottom,
body.page-video #cbPlayerChrome.is-playing.is-idle.cb-ia-bars-hidden .cb-pc-bottom {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .25s cubic-bezier(0, 0, .2, 1) !important;
}
body.page-video #cbPlayerChrome.is-playing.cb-ia-bars-hidden:not(.cb-ia-bars-pinned):not(.cb-ia-dragging) {
  cursor: none;
}
body.page-video #cbPlayerChrome.cb-ia-bars-pinned .cb-pc-bottom,
body.page-video #cbPlayerChrome.cb-ia-bars-hidden.cb-ia-dragging .cb-pc-bottom,
body.page-video #cbPlayerChrome.is-paused .cb-pc-bottom,
body.page-video #cbPlayerChrome.cb-ia-dragging.cb-ia-bars-hidden .cb-pc-bottom {
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity .25s cubic-bezier(0, 0, .2, 1) !important;
}
body.page-video #cbPlayerChrome.cb-ia-dragging.cb-ia-bars-hidden .cb-pc-bottom {
  transition: none !important;
}

body.page-video #cbPlayerChrome .cb-ia-bubble {
  position: absolute;
  bottom: 26px;
  left: 0;
  transform: translateX(-50%);
  background: #212121;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  padding: 6px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  z-index: 6;
  transition: opacity .2s cubic-bezier(.05, 0, 0, 1), transform .2s cubic-bezier(.05, 0, 0, 1);
}
body.page-video #cbPlayerChrome .cb-ia-bubble.is-on { opacity: 1; }
body.page-video #cbPlayerChrome .cb-ia-bubble::after { display: none; }
body.page-video #cbPlayerChrome .cb-ia-sprite-tip {
  display: none;
  position: absolute;
  bottom: 72px;
  width: 160px;
  height: 90px;
  border-radius: 8px;
  background: #111 center / auto 100% no-repeat;
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
  z-index: 9;
  pointer-events: none;
}
body.page-video #cbPlayerChrome .cb-ia-sprite-tip.is-on { display: block; }
body.page-video #cbPlayerChrome:not(.cb-ia-bars-hidden) .cb-ia-sprite-tip,
body.page-video #cbPlayerChrome.cb-ia-bars-pinned .cb-ia-sprite-tip {
  bottom: 96px;
}

body.page-video #cbPlayerChrome .cb-pc-track,
body.page-video #cbPlayerChrome .cb-pc-progress:hover .cb-pc-track,
body.page-video #cbPlayerChrome.cb-ia-dragging .cb-pc-track {
  height: 6px !important;
  transition: height .1s ease !important;
}
body.page-video #cbPlayerChrome .cb-pc-hover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: rgba(255, 255, 255, .5);
  border-radius: 2px;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
}
body.page-video #cbPlayerChrome .cb-pc-progress:hover .cb-pc-hover,
body.page-video #cbPlayerChrome.cb-ia-dragging .cb-pc-hover {
  opacity: 1;
}
body.page-video #cbPlayerChrome .cb-pc-knob {
  width: 12px !important;
  height: 12px !important;
  margin-top: -6px !important;
  margin-left: -6px !important;
  opacity: 1 !important;
  transition: transform .2s cubic-bezier(.05, 0, 0, 1),
              -webkit-transform .2s cubic-bezier(.05, 0, 0, 1),
              opacity .15s ease !important;
  transform-origin: center center;
}
body.page-video #cbPlayerChrome.cb-ia-bars-hidden .cb-pc-knob {
  opacity: 0 !important;
}
body.page-video #cbPlayerChrome .cb-pc-progress:hover .cb-pc-knob,
body.page-video #cbPlayerChrome.cb-ia-dragging .cb-pc-knob {
  opacity: 1 !important;
  transform: scale(1.67) !important;
}

body.page-video #cbPlayerChrome .cb-pc-vol {
  height: 30px;
  background: rgba(0, 0, 0, .7);
  border-radius: 14px;
  padding-left: 8px;
}
body.page-video #cbPlayerChrome .cb-pc-vol input[type="range"] {
  width: 52px !important;
  margin: 0;
}
body.page-video #cbPlayerChrome .cb-pc-vol input[type="range"]::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 2px;
  background: #fff;
}

body.page-video #cbPlayerChrome .cb-pc-menu {
  position: absolute !important;
  right: 14px !important;
  bottom: 64px !important;
  min-width: 196px !important;
  background: #fff !important;
  color: #0f0f0f !important;
  border: 1px solid rgba(0, 0, 0, .1) !important;
  border-radius: 8px !important;
  padding: 8px 0 !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .18) !important;
  display: none !important;
  pointer-events: auto !important;
}
body.page-video #cbPlayerChrome .cb-pc-menu.is-open { display: block !important; }
body.page-video #cbPlayerChrome .cb-pc-menu button {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  color: #0f0f0f !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
body.page-video #cbPlayerChrome .cb-pc-menu button:hover { background: rgba(0, 0, 0, .06) !important; }
body.page-video #cbPlayerChrome .cb-pc-menu button.is-cur { font-weight: 700 !important; }
body.page-video #cbPlayerChrome .cb-pc-menu .cb-ia-menu-sep {
  margin: 6px 0 2px;
  padding: 6px 16px 2px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
  color: #606060;
  border-top: 1px solid rgba(0, 0, 0, .08);
}

body.page-video .next-up-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body.page-video .side-col .cb-ia-autoplay {
  display: none !important;
}

body.page-video #cbPlayerChrome .cb-ia-ap-btn {
  width: 48px !important;
  min-width: 48px !important;
  height: 40px !important;
}
body.page-video #cbPlayerChrome .cb-ia-ap-switch {
  position: relative;
  display: block;
  width: 36px;
  height: 14px;
  border-radius: 7px;
  background: rgba(255, 255, 255, .35);
  pointer-events: none;
}
body.page-video #cbPlayerChrome .cb-ia-ap-switch::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f9f9f9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
body.page-video #cbPlayerChrome .cb-ia-ap-btn.is-on .cb-ia-ap-switch,
body.page-video #cbPlayerChrome .cb-ia-ap-btn.is-on .cb-ia-ap-switch::before {
  background: #3ea6ff !important;
}
body.page-video #cbPlayerChrome .cb-ia-ap-btn.is-on .cb-ia-ap-switch::after {
  left: 17px;
  background: #fff !important;
}
body.page-video #cbPlayerChrome .cb-pc-btn[data-act="cc"] {
  display: none !important;
}

body.page-video .yt-action-group {
  background: #f2f2f2 !important;
}
body.page-video .bili-stack-btn,
body.page-video .bili-stack-more,
body.page-video .yt-pill,
body.page-video .ux-btn,
body.page-video .yt-action-group .bili-stack-btn {
  height: 40px !important;
  min-height: 40px !important;
  background: #f2f2f2 !important;
  transition: all !important;
}
body.page-video .bili-stack-btn:hover,
body.page-video .bili-stack-more:hover,
body.page-video .yt-pill:hover,
body.page-video .ux-btn:hover,
body.page-video .yt-action-group .bili-stack-btn:hover {
  background: #e5e5e5 !important;
  color: #0f0f0f !important;
}
body.page-video .yt-pill.cb-ia-active,
body.page-video .bili-stack-btn.cb-ia-active {
  background: #0f0f0f !important;
  color: #fff !important;
}
body.page-video .yt-pill.cb-ia-active i,
body.page-video .yt-pill.cb-ia-active .bili-stack-num,
body.page-video .bili-stack-btn.cb-ia-active i,
body.page-video .bili-stack-btn.cb-ia-active .bili-stack-num { color: #fff !important; }
body.page-video .yt-pill.cb-ia-pop,
body.page-video .bili-stack-btn.cb-ia-pop {
  animation: cbIaPillPop .32s cubic-bezier(.2,1.4,.3,1);
}
@keyframes cbIaPillPop {
  0% { transform: scale(1); }
  40% { transform: scale(1.16); }
  100% { transform: scale(1); }
}
body.page-video #cbNotifyBell {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 0;
  border-radius: 20px;
  background: var(--card);
  color: var(--text-primary);
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
body.page-video #cbNotifyBell.is-on { display: inline-flex; }
body.page-video #cbNotifyBell svg { width: 18px; height: 18px; }
body.page-video #cbNotifyMenu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 160px;
  padding: 8px 0;
  border-radius: 12px;
  background: var(--card);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--brd);
  z-index: 40;
  display: none;
}
body.page-video #cbNotifyMenu.is-open { display: block; }
body.page-video #cbNotifyMenu button {
  display: block;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  padding: 10px 16px;
  font-size: 14px;
  color: var(--text-primary);
  cursor: pointer;
}
body.page-video #cbNotifyMenu button:hover { background: var(--panel-soft); }
body.page-video #cbNotifyMenu button.is-cur { font-weight: 600; }

body.page-video .yt-owner .follow-btn,
body.page-video #ytOwnerSlot #btnFollow,
body.page-video #btnFollow {
  width: 94.5px !important;
  min-width: 94.5px !important;
  height: 40px !important;
  min-height: 40px !important;
  background: #0f0f0f !important;
  color: #f1f1f1 !important;
  transition: all !important;
}
body.page-video .yt-owner .follow-btn:hover,
body.page-video #btnFollow:hover {
  background: #272727 !important;
}
body.page-video #btnFollow.following,
body.page-video #btnFollow.is-following {
  width: 94.5px !important;
  background: #f2f2f2 !important;
  color: #0f0f0f !important;
}

body.page-video .yt-desc-more {
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

body.page-video .next-up-card,
body.page-video .next-up-list-item,
body.page-video .rel-card,
body.page-video .side-list-item { position: relative; }
body.page-video .cb-ia-next-badge {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 2;
  height: 18px;
  padding: 0 6px;
  border-radius: 3px;
  background: var(--accent, #3ea6ff);
  color: #fff;
  font: 700 10px/18px Roboto, Arial, sans-serif;
  font-style: normal;
  letter-spacing: .02em;
  pointer-events: none;
}
body.page-video .next-up-thumb {
  position: relative;
}
body.page-video .rel-thumb .cb-ia-dim,
body.page-video .next-up-thumb .cb-ia-dim,
body.page-video .also-viewed-card-thumb .cb-ia-dim,
body.page-video .side-list-item .thumb .cb-ia-dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .35);
  opacity: 0;
  transition: opacity .15s ease;
  pointer-events: none;
  z-index: 3;
  border-radius: 8px;
}
body.page-video .next-up-card:hover .cb-ia-dim,
body.page-video .next-up-list-item:hover .cb-ia-dim,
body.page-video .rel-card:hover .cb-ia-dim,
body.page-video .side-list-item:hover .cb-ia-dim,
body.page-video .also-viewed-card:hover .cb-ia-dim { opacity: 1; }
body.page-video .also-viewed-card-info { position: relative; padding-right: 28px; }
body.page-video .also-viewed-card .cb-ia-kebab {
  top: auto;
  right: 6px;
  bottom: 8px;
}

body.page-video .cb-ia-kebab {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #606060;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .15s ease;
}
body.page-video .next-up-card:hover .cb-ia-kebab,
body.page-video .next-up-list-item:hover .cb-ia-kebab,
body.page-video .rel-card:hover .cb-ia-kebab,
body.page-video .side-list-item:hover .cb-ia-kebab,
body.page-video .also-viewed-card:hover .cb-ia-kebab { opacity: 1; }
body.page-video .cb-ia-kebab:hover { background: rgba(0, 0, 0, .08); color: #0f0f0f; }
body.page-video .cb-ia-kebab svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

body.page-video .cb-ia-wl {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 5;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 2px;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .15s ease;
  padding: 0;
}
body.page-video .cb-ia-wl.cb-ia-qadd { top: 36px; }
body.page-video .next-up-card:hover .cb-ia-wl,
body.page-video .next-up-list-item:hover .cb-ia-wl,
body.page-video .rel-card:hover .cb-ia-wl,
body.page-video .side-list-item:hover .cb-ia-wl,
body.page-video .also-viewed-card:hover .cb-ia-wl { opacity: 1; }
body.page-video .cb-ia-wl:hover { background: #000; }
body.page-video .cb-ia-wl svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

body.page-video .cb-ia-endscreen {
  position: absolute;
  inset: 0;
  z-index: 20;
  background: rgba(0, 0, 0, .78);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
}
body.page-video .cb-ia-end-acts {
  display: flex;
  gap: 10px;
}
body.page-video .cb-ia-end-replay {
  height: 40px;
  padding: 0 20px;
  border: 0;
  border-radius: 20px;
  background: #fff;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
body.page-video .cb-ia-end-replay:hover { background: #e5e5e5; }
body.page-video .cb-ia-end-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 168px));
  gap: 12px;
  max-width: 100%;
}
body.page-video .cb-ia-end-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #fff;
  text-decoration: none;
}
body.page-video .cb-ia-end-thumb {
  display: block;
  width: 168px;
  height: 94px;
  border-radius: 8px;
  background: #272727 center/cover no-repeat;
}
body.page-video .cb-ia-end-title {
  font-size: 13px;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden;
}
body.page-video .cb-ia-ts {
  color: #065fd4;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
body.page-video .cb-ia-ts:hover { text-decoration: underline; }
body.page-video .cb-ia-share-start {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
}
body.page-video .cb-ia-share-start input {
  accent-color: var(--accent);
}
body.page-video .cb-ia-ap-label {
  font-size: 13px;
  color: rgba(255,255,255,.7);
}
body.page-video .cb-ia-ap-title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  max-width: 72%;
  text-align: center;
}
body.page-video .cb-ia-ap-ring {
  position: relative;
  width: 72px;
  height: 72px;
}
body.page-video .cb-ia-ap-ring svg {
  width: 72px;
  height: 72px;
  transform: rotate(-90deg);
  display: block;
}
body.page-video .cb-ia-ap-track {
  fill: none;
  stroke: rgba(255,255,255,.18);
  stroke-width: 4;
}
body.page-video .cb-ia-ap-fill {
  fill: none;
  stroke: #fff;
  stroke-width: 4;
  stroke-linecap: round;
}
body.page-video .cb-ia-ap-sec {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
}
body.page-video .cb-ia-ap-acts { display: flex; gap: 12px; }
body.page-video .cb-ia-end-cancel {
  height: 40px;
  padding: 0 20px;
  border: 0;
  border-radius: 20px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
body.page-video .cb-ia-end-cancel:hover { background: rgba(255,255,255,.2); }

body.page-video #cbPlayerChrome .cb-ia-cue {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  max-width: 80%;
  padding: 5px 10px;
  background: rgba(0,0,0,.62);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  border-radius: 4px;
  pointer-events: none;
  z-index: 8;
  white-space: pre-line;
  display: none;
  transition: bottom .18s ease-out;
}
body.page-video #cbPlayerChrome .cb-ia-cue.is-on { display: block; }
body.page-video #cbPlayerChrome:not(.cb-ia-bars-hidden) .cb-ia-cue,
body.page-video #cbPlayerChrome.cb-ia-bars-pinned .cb-ia-cue {
  bottom: 88px;
}

body.page-video #cbPlayerChrome .cb-ia-seekflash {
  position: absolute;
  top: 50%;
  width: 96px;
  height: 96px;
  margin-top: -48px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  opacity: 0;
  transform: scale(.82);
  pointer-events: none;
  z-index: 6;
}
body.page-video #cbPlayerChrome .cb-ia-seekflash.is-left { left: 10%; }
body.page-video #cbPlayerChrome .cb-ia-seekflash.is-right { right: 10%; }
body.page-video #cbPlayerChrome .cb-ia-seekflash.is-on {
  opacity: 1;
  transform: scale(1);
  transition: transform .18s cubic-bezier(.05, 0, 0, 1), opacity .18s ease;
}
body.page-video #cbPlayerChrome .cb-ia-seekflash svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}
body.page-video #cbPlayerChrome .cb-ia-seekflash span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
body.page-video #cbPlayerChrome .cb-ia-hold2x {
  position: absolute;
  left: 50%;
  top: 18%;
  transform: translateX(-50%);
  height: 28px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 28px;
  opacity: 0;
  pointer-events: none;
  z-index: 6;
}
body.page-video #cbPlayerChrome .cb-ia-hold2x.is-on { opacity: 1; }
body.page-video #cbPlayerChrome .cb-ia-resume,
.cb-ia-resume {
  position: absolute;
  left: 50%;
  bottom: 72px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 8px 0 14px;
  border-radius: 18px;
  background: rgba(0, 0, 0, .72);
  color: #fff;
  font: 600 13px/36px Roboto, Arial, sans-serif;
  z-index: 8;
  white-space: nowrap;
}
.cb-ia-resume button {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .16);
  color: #fff;
  font: 600 12px/28px Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-resume button[data-ia-resume="ok"] {
  width: 28px;
  padding: 0;
  background: transparent;
  font-size: 16px;
}
body.page-video #cbPlayerChrome .cb-ia-adjbadge {
  position: absolute;
  left: 50%;
  top: 22%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  z-index: 7;
}
body.page-video #cbPlayerChrome .cb-ia-adjbadge.is-on { opacity: 1; }
body.page-video #cbPlayerChrome .cb-ia-adjbadge-ico {
  font-size: 18px;
  line-height: 1;
}
body.page-video #cbPlayerChrome .cb-ia-adjbadge i {
  display: block;
  width: 6px;
  height: 72px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .22);
  position: relative;
  overflow: hidden;
}
body.page-video #cbPlayerChrome .cb-ia-adjbadge i b {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4%;
  border-radius: 3px;
  background: #fff;
}

body.page-video #cbPlayerChrome .cb-ia-ch-ticks {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}
body.page-video #cbPlayerChrome .cb-ia-ch-tick {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background: rgba(0, 0, 0, .55);
}
body.page-video #cbPlayerChrome .cb-ia-sleepbadge {
  position: absolute;
  top: 14px;
  right: 14px;
  height: 28px;
  padding: 0 10px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 28px;
  opacity: 0;
  pointer-events: none;
  z-index: 7;
}
body.page-video #cbPlayerChrome .cb-ia-sleepbadge.is-on { opacity: 1; }
body.page-video #cbPlayerChrome .cb-ia-likeburst {
  position: absolute;
  left: 50%;
  top: 46%;
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
  color: #fff;
  opacity: 0;
  transform: scale(.4);
  pointer-events: none;
  z-index: 8;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .4));
}
body.page-video #cbPlayerChrome .cb-ia-likeburst.is-on {
  opacity: 1;
  transform: scale(1.15);
  transition: transform .28s cubic-bezier(.05, .7, .1, 1), opacity .18s ease;
}
body.page-video #cbPlayerChrome .cb-ia-likeburst svg {
  width: 72px;
  height: 72px;
  fill: currentColor;
}

body.page-video.is-minidock #playerWrap,
body.page-video.is-minidock .player-wrap {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  left: auto !important;
  top: auto !important;
  width: 400px !important;
  max-width: calc(100vw - 32px) !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  max-height: 226px !important;
  z-index: 2147482400 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .32) !important;
  overflow: hidden !important;
  animation: cbIaDockIn .28s cubic-bezier(.05, .7, .1, 1);
}
@keyframes cbIaDockIn {
  from { transform: translate(28px, 28px) scale(.92); opacity: 0; }
  to { transform: none; opacity: 1; }
}
body.page-video #playerWrap,
body.page-video .player-wrap {
  transition: max-height .28s cubic-bezier(.05, .7, .1, 1), border-radius .28s ease;
}
body.page-video.is-minidock #playerWrap,
body.page-video.is-minidock .player-wrap {
  transition: none;
}
.next-up-card.is-next .next-up-thumb,
.next-up-list-item.is-next .next-up-thumb,
.rel-card.is-next .rel-thumb,
.side-list-item.is-next .rel-thumb,
.side-list-item.is-next .thumb {
  outline: 2px solid var(--accent, #3ea6ff);
  outline-offset: 1px;
}
.cb-ia-rel-next {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 2;
  height: 18px;
  padding: 0 6px;
  border-radius: 3px;
  background: var(--accent, #3ea6ff);
  color: #fff;
  font: 700 10px/18px Roboto, Arial, sans-serif;
  font-style: normal;
  letter-spacing: .02em;
  pointer-events: none;
}
body.page-video #cbPlayerChrome .cb-pc-btn[data-act="pip"].is-on,
body.page-video #cbPlayerChrome .cb-pc-btn[data-act="theater"].is-on {
  color: var(--accent, #065fd4) !important;
}
body.page-video.is-minidock #playerContainer {
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
}
body.page-video.is-minidock #cbPlayerChrome .cb-pc-center,
body.page-video.is-minidock #cbPlayerChrome .cb-ia-bigplay,
body.page-video.is-minidock #cbPlayerChrome .cb-pc-right,
body.page-video.is-minidock #cbPlayerChrome .cb-ia-ap-btn,
body.page-video.is-minidock #cbPlayerChrome [data-act="cc"],
body.page-video.is-minidock #cbPlayerChrome [data-act="settings"],
body.page-video.is-minidock #cbPlayerChrome [data-act="theater"],
body.page-video.is-minidock #cbPlayerChrome [data-act="fs"] {
  display: none !important;
}
body.page-video.is-minidock .cb-ia-dock-x {
  display: flex;
}
body.page-video .cb-ia-dock-x {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 8;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
body.page-video .cb-ia-dock-x:hover { background: #000; }

body.page-video .cb-vip-gate {
  display: flex;
  position: absolute;
  inset: 0;
  z-index: 100;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: color-mix(in srgb, var(--bg) 15%, transparent);
  background: rgba(0, 0, 0, .85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity 200ms ease, transform 200ms ease, visibility 200ms ease;
}
body.page-video .cb-vip-gate.is-on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
body.page-video .cb-vip-gate .cb-vip-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 28px;
  background: var(--accent);
  color: var(--accent-contrast, #fff);
  font-weight: 700;
  border-radius: 22px;
  text-decoration: none;
  font-size: 15px;
}
body.page-video .cb-vip-gate .cb-vip-cta:active {
  transform: scale(0.97);
}
body.page-video .ci-textarea {
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
body.page-video .ci-textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 2px 0 0 var(--accent);
  outline: none;
}
body.page-video .ci-submit {
  min-height: 44px;
  min-width: 44px;
  padding: 0 20px;
  transition: transform 160ms ease, opacity 160ms ease, background 160ms ease;
}
body.page-video .ci-submit:active:not(:disabled) {
  transform: scale(0.97);
}
body.page-video .ci-submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
body.page-video .related-rail .card:hover,
body.page-video .next-up-card:hover {
  background: var(--panel-soft);
}
body.page-video button:active:not(:disabled),
body.page-video .nav-btn:active {
  transform: scale(0.97);
}
@media (max-width: 375px) {
  body.page-video { overflow-x: hidden; }
}
body.page-video .cb-ia-chapters {
  margin: 10px 0 4px;
}
body.page-video .cb-ia-ch-head {
  display: flex;
  align-items: center;
  padding: 0 0 8px;
}
body.page-video .cb-ia-ch-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
body.page-video .cb-ia-ch-all {
  margin-left: auto;
  background: none;
  border: 0;
  color: var(--accent);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  padding: 4px 0;
}
body.page-video .cb-ia-ch-rail {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
body.page-video .cb-ia-ch-rail::-webkit-scrollbar {
  display: none;
}
body.page-video .cb-ia-chapters.is-open .cb-ia-ch-rail {
  flex-wrap: wrap;
  overflow: visible;
}
body.page-video .cb-ia-ch-chip {
  flex: 0 0 auto;
  max-width: 180px;
  text-align: left;
  border: 0;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--panel-soft);
  color: var(--text-primary);
}
body.page-video .cb-ia-ch-chip.is-on {
  background: var(--text-primary);
  color: var(--bg);
}
body.page-video .cb-ia-ch-time {
  display: block;
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--accent);
}
body.page-video .cb-ia-ch-chip.is-on .cb-ia-ch-time {
  color: inherit;
}
body.page-video .cb-ia-ch-title {
  display: block;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (prefers-reduced-motion: reduce) {
  body.page-video .cb-vip-gate,
  body.page-video .ci-textarea,
  body.page-video .ci-submit,
  body.page-video button {
    transition: none !important;
  }
  body.page-video .cb-vip-gate { transform: none; }
  body.page-video button:active:not(:disabled),
  body.page-video .ci-submit:active:not(:disabled) {
    transform: none;
  }
}

html body.page-video #playerWrap,
html body.page-video .player-wrap,
html body.page-video.light-mode #playerWrap,
html body.page-video.cb-shell #playerWrap {
  border-radius: 0 !important;
}

html body.page-video {
  --cb-side: 412px;
  --cb-gap: 16px;
  --cb-pad-x: 16px;
  --cb-rel-w: 247.5px;
  --cb-rel-h: 139.2px;
  --accent: #065fd4;
  --accent-hover: #0556bf;
}
@media (min-width: 1101px) {
  html body.page-video:not(.is-theater) .page-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 412px !important;
    gap: 16px !important;
    padding-top: calc(var(--cb-head, 56px) + var(--cb-top, 12px)) !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  html body.page-video:not(.is-theater) .side-col {
    width: 412px !important;
    max-width: 412px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
  html body.page-video:not(.is-theater) .main-col {
    min-width: 0 !important;
    width: 100% !important;
  }
}
html body.page-video .next-up-card,
html body.page-video .next-up-list-item,
html body.page-video .side-list-item,
html body.page-video .rel-card,
html body.page-video .side-next-up .next-up-card,
html body.page-video .side-next-up #nextUpCard > * {
  grid-template-columns: 247.5px minmax(0, 1fr) !important;
}
html body.page-video .next-up-card .rel-thumb,
html body.page-video .next-up-list-item .rel-thumb,
html body.page-video .next-up-thumb,
html body.page-video .rel-thumb,
html body.page-video .side-list-item .thumb,
html body.page-video .side-next-up .next-up-card img,
html body.page-video .side-next-up #nextUpCard img,
html body.page-video .next-up-card > img,
html body.page-video .next-up-list-item > img,
html body.page-video .rel-thumb img,
html body.page-video #authorMoreList img,
html body.page-video #similarList img {
  width: 247.5px !important;
  max-width: 247.5px !important;
  height: 139.2px !important;
  max-height: 139.2px !important;
}
html body.page-video a.rel-card,
html body.page-video a.next-up-card,
html body.page-video a.next-up-list-item,
html body.page-video .rel-card,
html body.page-video .next-up-title,
html body.page-video .next-up-list-item {
  color: #0f0f0f !important;
  text-decoration: none !important;
}
html body.page-video .video-title,
html body.page-video #vTitle,
html body.page-video h1.video-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  margin: 0 0 4px !important;
}
html body.page-video .yt-owner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
  max-width: none !important;
}
html body.page-video .yt-owner .author-info,
html body.page-video #ytOwnerSlot .author-info {
  display: flex !important;
  flex-direction: row; flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 200px !important;
}
html body.page-video .yt-owner .author-name,
html body.page-video #ytOwnerSlot #authorNick,
html body.page-video #authorNick {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  color: #0f0f0f !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.page-video .yt-owner .author-subs,
html body.page-video .yt-owner .author-fans,
html body.page-video #ytOwnerSlot .author-subs,
html body.page-video #ytOwnerSlot .author-fans {
  display: block !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #606060 !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body.page-video .yt-owner .author-card-actions,
html body.page-video #ytOwnerSlot .author-card-actions {
  display: flex !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
html body.page-video .video-info {
  padding: 12px 0 0 !important;
}
html body.page-video .desc-text {
  max-height: 72px !important;
  overflow: hidden !important;
}
html body.page-video .desc-text.expanded {
  max-height: none !important;
  overflow: visible !important;
}
html body.page-video #descWrap.is-clamped #descToggle,
html body.page-video #descWrap.is-clamped .desc-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 8px !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: #0f0f0f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}
html body.page-video #cbSharePanel {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 4000;
  align-items: center;
  justify-content: center;
}
html body.page-video #cbSharePanel.is-on {
  display: flex !important;
}
html body.page-video #cbSharePanel .cb-share-scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .4);
}
html body.page-video #cbSharePanel .cb-share-card {
  position: relative;
  width: 400px;
  max-width: calc(100vw - 32px);
  background: #fff;
  color: #0f0f0f;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .28);
  padding: 20px 24px 16px;
  z-index: 1;
}
html body.page-video #cbSharePanel .cb-share-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
html body.page-video #cbSharePanel .cb-share-x {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 20px;
  background: transparent;
  color: #0f0f0f;
  cursor: pointer;
  font-size: 20px;
}
html body.page-video #cbSharePanel .cb-share-x:hover {
  background: #f2f2f2;
}
html body.page-video #cbSharePanel .cb-share-row {
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
}
html body.page-video #cbSharePanel .cb-share-url {
  flex: 1;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  color: #0f0f0f;
  background: #fff;
  min-width: 0;
}
html body.page-video #cbSharePanel .cb-share-copy {
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 20px;
  background: #0f0f0f;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
html body.page-video #cbSharePanel .cb-share-copy:hover {
  background: #272727;
}
html body.page-video #cbSharePanel .cb-share-start {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #0f0f0f;
  margin: 0 0 16px;
}
html body.page-video #cbSharePanel .cb-share-acts {
  display: flex;
  gap: 8px;
}
html body.page-video #cbSharePanel .cb-share-acts button {
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 18px;
  background: #f2f2f2;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
html body.page-video #cbSharePanel .cb-share-acts button:hover {
  background: #e5e5e5;
}
html body.page-video .bili-stack-more-wrap {
  position: relative;
  display: inline-flex;
}
html body.page-video #cbMoreMenu,
html body.page-video .cb-more-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  background: #fff;
  color: #0f0f0f;
  border-radius: 12px;
  box-shadow: 0 4px 32px rgba(0,0,0,.28);
  padding: 8px 0;
  z-index: 50;
}
html body.page-video #cbMoreMenu[hidden] { display: none !important; }
html body.page-video #cbMoreMenu button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  color: #0f0f0f;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 16px;
  cursor: pointer;
}
html body.page-video #cbMoreMenu button:hover { background: #f2f2f2; }
html body.page-video #cbSaveMenu,
html body.page-video .cb-save-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 48px;
  min-width: 260px;
  background: #fff;
  color: #0f0f0f;
  border-radius: 12px;
  box-shadow: 0 4px 32px rgba(0,0,0,.28);
  padding: 8px 0;
  z-index: 50;
}
html body.page-video .yt-actions { position: relative; }
html body.page-video #cbSaveMenu[hidden] { display: none !important; }
html body.page-video #cbSaveMenu .cb-save-head {
  font-size: 16px;
  font-weight: 500;
  padding: 8px 16px 12px;
}
html body.page-video #cbSaveMenu .cb-save-item,
html body.page-video #cbSaveMenu button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  color: #0f0f0f;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 16px;
  cursor: pointer;
}
html body.page-video #cbSaveMenu .cb-save-item:hover { background: #f2f2f2; }
html body.page-video #cbSaveMenu .cb-save-item span { color: #606060; }

html body.page-video .player-wrap,
html body.page-video #playerWrap {
  margin-bottom: 0 !important;
}
html body.page-video .video-info {
  padding: 12px 0 0 !important;
  margin: 0 !important;
}
html body.page-video .yt-owner {
  margin: 12px 32px 0 0 !important;
}

/* ==== cb-ia-comments.css ==== */


body.page-video .desc-wrap {
  position: relative !important;
}
body.page-video .desc-text.yt-c-clamp {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  
  max-height: 42px !important; 
}
body.page-video .desc-text.yt-c-clamp .desc-meta-line + .desc-body-line,
body.page-video .desc-text.yt-c-clamp .desc-body-line {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}
body.page-video .desc-text {
  transition: max-height 0.2s ease !important;
}
body.page-video .yt-desc-more {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin: 4px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #606060;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
}
body.page-video .yt-desc-more:hover {
  color: #0f0f0f;
}
body.page-video .yt-desc-more svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

[data-theme="dark"] body.page-video .yt-desc-more,
html[data-home-theme="dark"] body.page-video .yt-desc-more {
  color: #aaa;
}
[data-theme="dark"] body.page-video .yt-desc-more:hover,
html[data-home-theme="dark"] body.page-video .yt-desc-more:hover {
  color: #f1f1f1;
}

body.page-video .c-sort-tabs {
  position: relative !important;
  flex-shrink: 0 !important;
}
body.page-video .cb-sort-by {
  font-size: 13px !important;
  color: #606060 !important;
}
body.page-video .cb-sort-by:hover {
  background: #f2f2f2 !important;
  border-radius: 18px !important;
}
[data-theme="dark"] body.page-video .cb-sort-by,
html[data-home-theme="dark"] body.page-video .cb-sort-by {
  color: #aaa !important;
}
[data-theme="dark"] body.page-video .cb-sort-by:hover,
html[data-home-theme="dark"] body.page-video .cb-sort-by:hover {
  background: #272727 !important;
}
.yt-c-sort-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 90;
  min-width: 148px;
  padding: 8px 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
[data-theme="dark"] .yt-c-sort-menu,
html[data-home-theme="dark"] .yt-c-sort-menu {
  background: #212121;
}
.yt-c-sort-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  border: 0;
  background: transparent;
  color: #0f0f0f;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
[data-theme="dark"] .yt-c-sort-item,
html[data-home-theme="dark"] .yt-c-sort-item {
  color: #f1f1f1;
}
.yt-c-sort-item:hover {
  background: rgba(0, 0, 0, 0.06);
}
[data-theme="dark"] .yt-c-sort-item:hover,
html[data-home-theme="dark"] .yt-c-sort-item:hover {
  background: rgba(255, 255, 255, 0.08);
}
.yt-c-sort-item.is-selected {
  font-weight: 600;
}
.yt-c-sort-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #606060;
}
[data-theme="dark"] .yt-c-sort-item svg,
html[data-home-theme="dark"] .yt-c-sort-item svg {
  color: #aaa;
}
.yt-c-sort-item.is-selected svg {
  color: #0f0f0f;
}
[data-theme="dark"] .yt-c-sort-item.is-selected svg,
html[data-home-theme="dark"] .yt-c-sort-item.is-selected svg {
  color: #f1f1f1;
}

.yt-c-composer {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  align-items: flex-start;
}
.yt-c-composer-avt {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #ccc center / cover no-repeat;
}
.yt-c-composer-main {
  flex: 1;
  min-width: 0;
}
.yt-c-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  outline: none;
  color: #0f0f0f;
  font-size: 14px;
  font-family: inherit;
  line-height: 24px;
}
[data-theme="dark"] .yt-c-input,
html[data-home-theme="dark"] .yt-c-input {
  border-bottom-color: rgba(255, 255, 255, 0.4);
  color: #f1f1f1;
}
.yt-c-input::placeholder {
  color: #909090;
}
.yt-c-input:focus {
  border-bottom-width: 2px;
  border-bottom-color: #0f0f0f;
}
[data-theme="dark"] .yt-c-input:focus,
html[data-home-theme="dark"] .yt-c-input:focus {
  border-bottom-color: #f1f1f1;
}
.yt-c-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}
.yt-c-btn {
  height: 36px;
  min-width: 88px;
  padding: 0 16px;
  border: 0;
  border-radius: 18px;
  background: #f2f2f2;
  color: #606060;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.yt-c-btn:hover {
  background: #e5e5e5;
}
.yt-c-btn.is-cancel {
  background: transparent;
  color: #606060;
}
.yt-c-btn.is-cancel:hover {
  background: #f2f2f2;
  color: #0f0f0f;
}
.yt-c-btn.is-primary {
  background: #065fd4;
  color: #fff;
}
.yt-c-btn.is-primary:hover {
  background: #0b6be2;
}
[data-theme="dark"] .yt-c-btn,
html[data-home-theme="dark"] .yt-c-btn {
  background: #303030;
  color: #aaa;
}
[data-theme="dark"] .yt-c-btn:hover,
html[data-home-theme="dark"] .yt-c-btn:hover {
  background: #3a3a3a;
}
[data-theme="dark"] .yt-c-btn.is-cancel,
html[data-home-theme="dark"] .yt-c-btn.is-cancel {
  background: transparent;
  color: #aaa;
}
[data-theme="dark"] .yt-c-btn.is-cancel:hover,
html[data-home-theme="dark"] .yt-c-btn.is-cancel:hover {
  background: #303030;
  color: #f1f1f1;
}

.yt-c-empty {
  padding: 24px 0;
  text-align: center;
  color: #606060;
  font-size: 14px;
}
[data-theme="dark"] .yt-c-empty,
html[data-home-theme="dark"] .yt-c-empty {
  color: #aaa;
}

.yt-c-item {
  display: flex;
  gap: 16px;
  padding: 8px 0;
}
.yt-c-item-avt {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #ccc center / cover no-repeat;
}
.yt-c-item-main {
  flex: 1;
  min-width: 0;
}
.yt-c-item-head {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 2px;
}
.yt-c-item-name {
  font-size: 13px;
  font-weight: 500;
  color: #0f0f0f;
}
[data-theme="dark"] .yt-c-item-name,
html[data-home-theme="dark"] .yt-c-item-name {
  color: #f1f1f1;
}
.yt-c-item-time {
  font-size: 12px;
  color: #606060;
}
[data-theme="dark"] .yt-c-item-time,
html[data-home-theme="dark"] .yt-c-item-time {
  color: #aaa;
}
.yt-c-item-text {
  font-size: 14px;
  line-height: 20px;
  color: #0f0f0f;
  white-space: pre-wrap;
  word-break: break-word;
}
[data-theme="dark"] .yt-c-item-text,
html[data-home-theme="dark"] .yt-c-item-text {
  color: #f1f1f1;
}
.yt-c-item-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.yt-c-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border: 0;
  background: transparent;
  border-radius: 50%;
  color: #606060;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.yt-c-action:hover {
  background: #f2f2f2;
}
[data-theme="dark"] .yt-c-action,
html[data-home-theme="dark"] .yt-c-action {
  color: #aaa;
}
[data-theme="dark"] .yt-c-action:hover,
html[data-home-theme="dark"] .yt-c-action:hover {
  background: #303030;
}
.yt-c-action svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.yt-c-action.is-active {
  color: #065fd4;
}
.yt-c-action.is-active:hover {
  background: rgba(6, 95, 212, 0.08);
}

.yt-c-replies {
  margin-top: 8px;
}
.yt-c-reply-item {
  display: flex;
  gap: 12px;
  padding: 6px 0 6px 4px;
}
.yt-c-reply-item .yt-c-item-avt {
  width: 24px;
  height: 24px;
}
.yt-c-reply-item .yt-c-item-name {
  font-size: 13px;
}
.yt-c-reply-item .yt-c-item-text {
  font-size: 14px;
}
.yt-c-reply-composer {
  display: flex;
  gap: 12px;
  margin-top: 4px;
  align-items: flex-start;
}
.yt-c-reply-composer .yt-c-input {
  font-size: 14px;
}
.yt-c-reply-composer .yt-c-btn {
  height: 32px;
  min-width: 72px;
  font-size: 13px;
}

.yt-c-action.yt-c-action-text {
  border-radius: 16px;
  padding: 4px 8px;
}

html body.page-video {
  --accent: #065fd4;
  --accent-hover: #0556bf;
}
html body.page-video .comments-wrap,
html body.page-video #commentBox,
html body.page-video .desc-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

html body.page-video .desc-wrap {
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}

html body.page-video .ci-submit,
html body.page-video .yt-desc-more {
  --accent: #065fd4;
}

/* ==== vote-system.css ==== */
.vote-system{display:flex;align-items:center;gap:0;width:100%}.vote-btn{display:inline-flex;align-items:center;gap:4px;background:0 0;border:none;cursor:pointer;font-size:12px;color:var(--sub-text,#888);padding:0;transition:color .2s,transform .15s;white-space:nowrap;line-height:1;-webkit-tap-highlight-color:transparent;user-select:none}.vote-btn:hover{transform:scale(1.1)}.vote-btn i{font-size:13px;transition:color .2s,transform .2s}.vote-btn-up.active,.vote-btn-up:hover{color:var(--success,#1db954)}.vote-btn-up.active i{color:var(--success,#1db954);transform:scale(1.15)}.vote-btn-down.active,.vote-btn-down:hover{color:var(--error,#f44)}.vote-btn-down.active i{color:var(--error,#f44);transform:scale(1.15)}.vote-count{font-size:11px;font-weight:600;min-width:12px}.vote-bar-wrap{flex:1;height:4px;background:var(--border,#333);border-radius:2px;margin:0 6px;overflow:hidden;min-width:30px;position:relative}.vote-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--success,#1db954) 0,var(--success,#1db954) 100%);transition:width .4s cubic-bezier(.25, .8, .25, 1);width:50%;position:relative}.vote-bar-wrap{background:var(--error,#f44)}.vote-bar-wrap.no-votes{background:var(--border,#333)}.vote-bar-wrap.no-votes .vote-bar-fill{width:50%!important;background:var(--sub-text,#555)}.vote-pct{font-size:10px;color:var(--sub-text,#999);white-space:nowrap;font-weight:700;min-width:28px;text-align:center;display:none}.stats-tag .vote-system{display:inline-flex;gap:0;align-items:center;width:auto;flex:1;min-width:0}.stats-tag .vote-btn{font-size:11px;padding:0}.stats-tag .vote-btn i{font-size:11px}.stats-tag .vote-bar-wrap{min-width:20px;height:3px;margin:0 4px}.stats-tag .vote-count{font-size:10px}.vote-system-detail{display:flex;align-items:center;gap:0;margin-left:auto;min-width:200px}.vote-system-detail .vote-btn{font-size:13px;padding:8px 12px;border:1px solid var(--border,#2a2a2a);border-radius:50px;background:0 0;color:var(--text,#f0f0f0);font-weight:700;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.vote-system-detail .vote-btn i{font-size:14px}.vote-system-detail .vote-btn-up{border-radius:50px 0 0 50px;border-right:none;padding-right:10px}.vote-system-detail .vote-btn-down{border-radius:0 50px 50px 0;border-left:none;padding-left:10px}.vote-system-detail .vote-btn-up.active,.vote-system-detail .vote-btn-up:hover{background:rgba(29,185,84,.15);border-color:var(--success,#1db954);color:var(--success,#1db954)}.vote-system-detail .vote-btn-down.active,.vote-system-detail .vote-btn-down:hover{background:rgba(255,68,68,.15);border-color:var(--error,#f44);color:var(--error,#f44)}.vote-system-detail .vote-bar-wrap{display:none}.vote-system-detail .vote-count{font-size:13px;font-weight:700;min-width:16px}.vote-system-detail .vote-pct{display:inline-block;font-size:11px;color:var(--success,#1db954);font-weight:800;margin-left:4px}.vote-bar-detail{width:100%;height:4px;border-radius:2px;overflow:hidden;background:var(--error,#f44);margin-top:6px}.vote-bar-detail.no-votes{background:var(--border,#333)}.vote-bar-detail .vote-bar-fill{height:100%;border-radius:2px;background:var(--success,#1db954);transition:width .4s cubic-bezier(.25, .8, .25, 1);width:50%}.vote-bar-detail.no-votes .vote-bar-fill{width:50%!important;background:var(--sub-text,#555)}@keyframes vote-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.vote-btn.pulse i{animation:vote-pulse .3s ease}body.light-mode .vote-btn{color:var(--sub-text,#666)}body.light-mode .vote-btn-up.active,body.light-mode .vote-btn-up:hover{color:var(--success,#1db954)}body.light-mode .vote-btn-down.active,body.light-mode .vote-btn-down:hover{color:var(--error,#f44)}body.light-mode .vote-bar-wrap{background:var(--error,#f44)}body.light-mode .vote-bar-wrap.no-votes{background:var(--border-soft,#ddd)}body.light-mode .vote-bar-wrap.no-votes .vote-bar-fill{background:var(--sub-text,#bbb)}body.light-mode .vote-bar-detail{background:var(--error,#f44)}body.light-mode .vote-bar-detail.no-votes{background:var(--border-soft,#ddd)}body.light-mode .vote-bar-detail.no-votes .vote-bar-fill{background:var(--sub-text,#bbb)}body.light-mode .vote-system-detail .vote-btn{color:var(--text);border-color:var(--border)}@media (max-width:768px){.vote-system-detail{min-width:160px}.vote-system-detail .vote-btn{font-size:12px;padding:6px 10px}.vote-system-detail .vote-btn i{font-size:13px}.vote-system-detail .vote-count{font-size:12px}}@media (max-width:480px){.vote-system-detail{min-width:140px}.vote-system-detail .vote-btn{font-size:11px;padding:5px 8px}.vote-system-detail .vote-pct{display:none}.stats-tag .vote-bar-wrap{min-width:14px}}
/* ==== fontawesome-subset.css ==== */
/*!
 * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}


@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2?v=20260717) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-weight:400;src:url(/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:900;src:url(/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2?v=20260717) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:400;src:url(/assets/vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-solid-900.woff2?v=20260717) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:swap;src:url(/assets/vendor/fontawesome/webfonts/fa-v4compatibility.woff2) format("woff2"),url(/assets/vendor/fontawesome/webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-alipay:before{content:"\f642"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-award:before{content:"\f559"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-book:before{content:"\f02d"}.fa-book-open:before{content:"\f518"}.fa-border-all:before{content:"\f84c"}.fa-briefcase:before{content:"\f0b1"}.fa-broom:before{content:"\f51a"}.fa-bug:before{content:"\f188"}.fa-bullhorn:before{content:"\f0a1"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-week:before{content:"\f784"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-cc-stripe:before{content:"\f1f5"}.fa-certificate:before{content:"\f0a3"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-circle:before{content:"\f111"}.fa-clipboard-check:before{content:"\f46c"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-coins:before{content:"\f51e"}.fa-comment:before{content:"\f075"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-comments:before{content:"\f086"}.fa-compass:before{content:"\f14e"}.fa-copy:before{content:"\f0c5"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-crown:before{content:"\f521"}.fa-dice:before{content:"\f522"}.fa-download:before{content:"\f019"}.fa-dragon:before{content:"\f6d5"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-envelope:before{content:"\f0e0"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-eye:before{content:"\f06e"}.fa-file-contract:before{content:"\f56c"}.fa-file-video:before{content:"\f1c8"}.fa-film:before{content:"\f008"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-flag:before{content:"\f024"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-forward:before{content:"\f04e"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-globe:before{content:"\f0ac"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-google:before{content:"\f1a0"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-hashtag:before{content:"\23"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-inbox:before{content:"\f01c"}.fa-infinity:before{content:"\f534"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-key:before{content:"\f084"}.fa-language:before{content:"\f1ab"}.fa-laptop-code:before{content:"\f5fc"}.fa-layer-group:before{content:"\f5fd"}.fa-lightbulb:before{content:"\f0eb"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-lock:before{content:"\f023"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-medal:before{content:"\f5a2"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-money-bill-wave:before{content:"\f53a"}.fa-moon:before{content:"\f186"}.fa-music:before{content:"\f001"}.fa-network-wired:before{content:"\f6ff"}.fa-palette:before{content:"\f53f"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-plane:before{content:"\f072"}.fa-play:before{content:"\f04b"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-plug:before{content:"\f1e6"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-power-off:before{content:"\f011"}.fa-qq:before{content:"\f1d6"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-recycle:before{content:"\f1b8"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-shield-blank:before,.fa-shield:before{content:"\f132"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-shield-heart:before{content:"\e574"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-star:before{content:"\f005"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-stripe-s:before{content:"\f42a"}.fa-sun:before{content:"\f185"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-toggle-on:before{content:"\f205"}.fa-torii-gate:before{content:"\f6a1"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-trophy:before{content:"\f091"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-unlock:before{content:"\f09c"}.fa-upload:before{content:"\f093"}.fa-user:before{content:"\f007"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-user-plus:before{content:"\f234"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-vial:before{content:"\f492"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-vr-cardboard:before{content:"\f729"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}
/* v20261001a additions: bookmark/ruler/share/shoe-prints/user-tie/users-viewfinder/whatsapp/reddit-alien/twitter/wand-magic-sparkles */
.fa-bookmark:before{content:"\f02e"}.fa-reddit-alien:before{content:"\f281"}.fa-ruler-horizontal:before{content:"\f547"}.fa-share:before{content:"\f064"}.fa-shoe-prints:before{content:"\f54b"}.fa-user-tie:before{content:"\f508"}.fa-users-viewfinder:before{content:"\e595"}.fa-whatsapp:before{content:"\f232"}.fa-twitter:before{content:"\f099"}.fa-wand-magic-sparkles:before{content:"\e2ca"}

/* ==== cb-ia-overlay.css ==== */

.cb-ia-wo { display: none; }
body.is-watch-overlay .cb-ia-wo.is-page {
  display: block;
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147482300;
  background: #fff;
  overflow: auto;
}
body.is-watch-overlay #mainContent,
body.is-watch-overlay .home-grid,
body.is-watch-overlay #homeContent { visibility: hidden; }
body.is-watch-overlay #catSideNav,
body.is-watch-overlay .cat-side-nav,
body.is-watch-overlay .ph-side,
body.is-watch-overlay .yt-mini-guide,
body.is-watch-overlay #catDrawerBackdrop {
  display: none !important;
}
.cb-ia-wo-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 402px;
  gap: 24px;
  padding: 24px 24px 48px;
  max-width: 1754px;
}
@media (max-width: 999px) {
  .cb-ia-wo-stage { grid-template-columns: 1fr; }
}
.cb-ia-wo-player {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
.cb-ia-wo-sleepbadge {
  position: absolute;
  top: 14px;
  left: 14px;
  height: 28px;
  padding: 0 10px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 28px;
  opacity: 0;
  pointer-events: none;
  z-index: 7;
}
.cb-ia-wo-sleepbadge.is-on { opacity: 1; }
.cb-ia-wo-resume {
  position: absolute;
  left: 50%;
  bottom: 72px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 8px 0 14px;
  border-radius: 18px;
  background: rgba(0, 0, 0, .72);
  color: #fff;
  font: 600 13px/36px Roboto, Arial, sans-serif;
  z-index: 8;
  white-space: nowrap;
}
.cb-ia-wo-resume button {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .16);
  color: #fff;
  font: 600 12px/28px Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-resume button[data-wo-resume="ok"] {
  width: 28px;
  padding: 0;
  background: transparent;
  font-size: 16px;
}
.cb-ia-wo-adjbadge {
  position: absolute;
  left: 50%;
  top: 22%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  z-index: 7;
}
.cb-ia-wo-adjbadge.is-on { opacity: 1; }
.cb-ia-wo-adjbadge-ico { font-size: 18px; line-height: 1; }
.cb-ia-wo-adjbadge i {
  display: block;
  width: 6px;
  height: 72px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .22);
  position: relative;
  overflow: hidden;
}
.cb-ia-wo-adjbadge i b {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4%;
  border-radius: 3px;
  background: #fff;
}
.cb-ia-wo-player video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
  display: block;
}
.cb-ia-wo-x,
.cb-ia-wo-min,
.cb-ia-wo-dock-x {
  position: absolute;
  top: 8px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(0,0,0,.72);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
}
.cb-ia-wo-x { right: 8px; }
.cb-ia-wo-min { right: 52px; font-size: 20px; }
.cb-ia-wo-x:hover,
.cb-ia-wo-min:hover,
.cb-ia-wo-dock-x:hover { background: #000; }
.cb-ia-wo-title {
  margin: 12px 0 4px;
  font: 700 20px/28px Roboto, Arial, sans-serif;
  color: #0f0f0f;
}
.cb-ia-wo-owner {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 500 14px/20px Roboto, Arial, sans-serif;
  color: #0f0f0f;
}
.cb-ia-wo-av {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f2f2f2 center / cover no-repeat;
  flex-shrink: 0;
}
.cb-ia-wo-ownerlink {
  display: flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}
.cb-ia-wo-ownertext {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.cb-ia-wo-fans {
  font: 400 12px/16px Roboto, Arial, sans-serif;
  color: var(--text-secondary, #606060);
}
.cb-ia-wo-side { display: flex; flex-direction: column; gap: 8px; }
.cb-ia-wo-upnext {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 0 10px;
  font: 600 16px/22px Roboto, Arial, sans-serif;
  color: var(--text-primary, #0f0f0f);
}
.cb-ia-wo-upnext-ap {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 14px;
  background: var(--chip, #f2f2f2);
  color: var(--text-secondary, #606060);
  font: 500 12px/28px Roboto, Arial, sans-serif;
  cursor: pointer;
  white-space: nowrap;
}
.cb-ia-wo-upnext-ap.is-on {
  background: #3ea6ff;
  color: #fff;
}
.cb-ia-wo-relwrap.is-next .cb-ia-wo-rel-thumb {
  outline: 2px solid var(--accent, #3ea6ff);
  outline-offset: 1px;
}
.cb-ia-wo-rel-next {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 2;
  height: 18px;
  padding: 0 6px;
  border-radius: 3px;
  background: var(--accent, #3ea6ff);
  color: #fff;
  font: 700 10px/18px Roboto, Arial, sans-serif;
  font-style: normal;
  letter-spacing: .02em;
  pointer-events: none;
}
.cb-ia-wo-relwrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  gap: 4px;
  align-items: start;
  position: relative;
}
.cb-ia-wo-rel {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 8px;
  color: #0f0f0f;
  text-decoration: none;
}
.cb-ia-wo-kebab {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: var(--text-secondary, #606060);
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.cb-ia-wo-kebab svg {
  width: 18px;
  height: 18px;
  display: block;
}
.cb-ia-wo-kebab:hover { background: var(--chip, #f2f2f2); }
.cb-ia-wo-rel-thumb {
  display: block;
  position: relative;
  width: 168px;
  height: 94px;
  border-radius: 8px;
  background: #f2f2f2 center / cover no-repeat;
}
.cb-ia-wo-wl {
  position: absolute;
  top: 4px;
  left: 136px;
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  align-self: start;
  z-index: 2;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 2px;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .15s ease;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.cb-ia-wo-wl svg {
  width: 18px;
  height: 18px;
  display: block;
}
.cb-ia-wo-wl.cb-ia-wo-qadd { top: 36px; }
.cb-ia-wo-relwrap:hover .cb-ia-wo-wl { opacity: 1; }
.cb-ia-wo-wl:hover { background: #000; }
.cb-ia-wo-kebab {
  grid-column: 2;
  grid-row: 1;
}
.cb-ia-wo-rel-dur {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 1px 4px;
  border-radius: 4px;
  background: rgba(0,0,0,.85);
  color: #fff;
  font: 500 11px/14px Roboto, Arial, sans-serif;
}
.cb-ia-wo-rel-prog {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background: var(--accent, #f00);
  border-radius: 0 2px 0 0;
}
.cb-ia-wo-rel-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.cb-ia-wo-rel-title {
  font: 500 14px/20px Roboto, Arial, sans-serif;
  max-height: 40px;
  overflow: hidden;
}
.cb-ia-wo-rel-chan,
.cb-ia-wo-rel-views {
  font: 400 12px/16px Roboto, Arial, sans-serif;
  color: var(--text-secondary, #606060);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cb-ia-wo-seekflash {
  position: absolute;
  top: 50%;
  width: 96px;
  height: 96px;
  margin-top: -48px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  opacity: 0;
  transform: scale(.82);
  pointer-events: none;
  z-index: 6;
}
.cb-ia-wo-seekflash.is-left { left: 10%; }
.cb-ia-wo-seekflash.is-right { right: 10%; }
.cb-ia-wo-seekflash.is-on {
  opacity: 1;
  transform: scale(1);
  transition: transform .18s cubic-bezier(.05, 0, 0, 1), opacity .18s ease;
}
.cb-ia-wo-seekflash svg { width: 28px; height: 28px; fill: currentColor; }
.cb-ia-wo-seekflash span { font-size: 12px; font-weight: 500; line-height: 1; }
.cb-ia-wo-feedback {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  margin: -44px 0 0 -44px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(.7);
  pointer-events: none;
  z-index: 6;
}
.cb-ia-wo-feedback.is-on {
  opacity: 1;
  transform: scale(1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s ease;
}
.cb-ia-wo-feedback svg { width: 40px; height: 40px; fill: currentColor; }
.cb-ia-wo-hold2x {
  position: absolute;
  left: 50%;
  top: 18%;
  transform: translateX(-50%);
  height: 28px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 28px;
  opacity: 0;
  pointer-events: none;
  z-index: 6;
}
.cb-ia-wo-hold2x.is-on { opacity: 1; }
body.is-watch-overlay.is-theater .cb-ia-wo-stage {
  grid-template-columns: 1fr;
  max-width: none;
  padding: 0 0 48px;
}
body.is-watch-overlay.is-theater .cb-ia-wo-player {
  border-radius: 0;
  max-height: 80vh;
}
body.is-watch-overlay.is-theater .cb-ia-wo-side,
body.is-watch-overlay.is-theater .cb-ia-wo-title,
body.is-watch-overlay.is-theater .cb-ia-wo-meta,
body.is-watch-overlay.is-theater .cb-ia-wo-comments,
body.is-watch-overlay.is-theater .cb-ia-wo-chapters {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.cb-ia-wo-comments #cbWoCmtList { max-height: 92px; overflow: hidden; }
.cb-ia-wo-comments.is-open #cbWoCmtList { max-height: none; }
.cb-ia-wo-dock {
  display: none;
}
body.is-watch-minidock .cb-ia-wo.is-dock,
body.is-watch-minidock .cb-ia-wo-dock {
  display: block;
}
body.is-watch-minidock .cb-ia-wo-dock {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 320px;
  animation: cbIaWoDockIn .28s cubic-bezier(.05, .7, .1, 1);
  height: auto;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  aspect-ratio: auto;
  z-index: 1600;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-md, 0 8px 28px rgba(0,0,0,.32)), 0 8px 28px rgba(0,0,0,.32);
  background: #000;
  cursor: grab;
  touch-action: none;
  user-select: none;
  color: var(--text-primary, #fff);
}
body.is-watch-minidock .cb-ia-wo-dock.is-dragging {
  cursor: grabbing;
}
body.is-watch-minidock .cb-ia-wo-dock .cb-ia-wo-player {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  aspect-ratio: auto;
}
body.is-watch-minidock .cb-ia-wo-x,
body.is-watch-minidock .cb-ia-wo-min { display: none; }
body.is-watch-minidock .cb-ia-wo-dock .cb-ia-wo-btn:not(#cbWoPlay):not(#cbWoNext):not(#cbWoMute),
body.is-watch-minidock .cb-ia-wo-dock .cb-ia-wo-apbtn,
body.is-watch-minidock .cb-ia-wo-dock #cbWoCc,
body.is-watch-minidock .cb-ia-wo-dock #cbWoSleep,
body.is-watch-minidock .cb-ia-wo-dock #cbWoLoop,
body.is-watch-minidock .cb-ia-wo-dock #cbWoRate,
body.is-watch-minidock .cb-ia-wo-dock #cbWoQ,
body.is-watch-minidock .cb-ia-wo-dock #cbWoTheater,
body.is-watch-minidock .cb-ia-wo-dock #cbWoPip,
body.is-watch-minidock .cb-ia-wo-dock [data-wo="fs"] {
  display: none;
}
@keyframes cbIaWoDockIn {
  from { transform: translate(28px, 28px) scale(.92); opacity: 0; }
  to { transform: none; opacity: 1; }
}
.cb-ia-wo-dock-x { right: 8px; display: flex; align-items: center; justify-content: center; }
.cb-ia-wo-dock-meta {
  display: none;
}
body.is-watch-minidock .cb-ia-wo-dock-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 10px;
  background: #111;
}
.cb-ia-wo-dock-title {
  flex: 1;
  min-width: 0;
  font: 500 13px/18px Roboto, Arial, sans-serif;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cb-ia-wo-dock-acts {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}
.cb-ia-wo-btn.is-on {
  color: var(--accent, #065fd4);
}
.cb-ia-wo-end-acts {
  display: flex;
  gap: 10px;
}
.cb-ia-wo-end-replay {
  height: 40px;
  padding: 0 20px;
  border: 0;
  border-radius: 20px;
  background: #fff;
  color: #0f0f0f;
  font: 500 14px/1 Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-end-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 140px));
  gap: 10px;
  max-width: 100%;
}
.cb-ia-wo-end-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: none;
  border: 0;
  color: #fff;
  text-align: left;
  cursor: pointer;
  padding: 0;
}
.cb-ia-wo-end-thumb {
  display: block;
  width: 140px;
  height: 78px;
  border-radius: 8px;
  background: #272727 center/cover no-repeat;
}
.cb-ia-wo-end-title {
  font-size: 12px;
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
}
body.is-watch-overlay .cb-ia-wo-stage .cb-ia-wo-min,
body.is-watch-overlay .cb-ia-wo-stage .cb-ia-wo-x { display: flex; align-items: center; justify-content: center; }
.cb-ia-wo-chrome {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 28px 12px 10px;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.72));
  opacity: 1;
  transition: opacity .18s ease;
  z-index: 4;
  pointer-events: auto;
}
.cb-ia-wo-player.is-playing:not(.is-chrome) .cb-ia-wo-chrome {
  opacity: 0;
  pointer-events: none;
}
.cb-ia-wo-player.is-playing:not(.is-chrome) {
  cursor: none;
}
.cb-ia-wo-bar {
  height: 4px;
  background: rgba(255,255,255,.28);
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 8px;
  position: relative;
  transform-origin: center bottom;
  transition: height .12s ease, transform .12s ease;
}
.cb-ia-wo-bar:hover,
.cb-ia-wo-player.is-chrome .cb-ia-wo-bar {
  height: 6px;
}
.cb-ia-wo-bar > b,
.cb-ia-wo-bar > i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  border-radius: 2px;
}
.cb-ia-wo-bar > b {
  background: rgba(255,255,255,.38);
}
.cb-ia-wo-bar > i {
  background: #f00;
  z-index: 2;
}
.cb-ia-wo-chmark {
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background: rgba(255,255,255,.85);
  pointer-events: none;
  z-index: 3;
}
.cb-ia-wo-row {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font: 400 12px/16px Roboto, Arial, sans-serif;
}
.cb-ia-wo-btn {
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  border-radius: 50%;
}
.cb-ia-wo-btn:hover { background: rgba(255,255,255,.12); }
.cb-ia-wo-spacer { flex: 1; }
.cb-ia-wo-volwrap {
  display: inline-flex;
  align-items: center;
  height: 36px;
}
.cb-ia-wo-vol {
  width: 0;
  overflow: hidden;
  transition: width .12s ease;
  display: flex;
  align-items: center;
}
.cb-ia-wo-volwrap:hover .cb-ia-wo-vol,
.cb-ia-wo-volwrap:focus-within .cb-ia-wo-vol,
.cb-ia-wo-volwrap.is-open .cb-ia-wo-vol {
  width: 56px;
  padding-right: 6px;
}
.cb-ia-wo-vol input[type="range"] {
  width: 52px;
  height: 3px;
  accent-color: #fff;
  cursor: pointer;
}
.cb-ia-wo-apbtn {
  width: 48px;
  min-width: 48px;
  height: 36px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cb-ia-wo-ap-switch {
  position: relative;
  display: block;
  width: 36px;
  height: 14px;
  border-radius: 7px;
  background: rgba(255, 255, 255, .35);
  pointer-events: none;
}
.cb-ia-wo-ap-switch::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -1px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f9f9f9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
  transition: left .15s ease;
}
.cb-ia-wo-apbtn.is-on .cb-ia-wo-ap-switch {
  background: #3ea6ff;
}
.cb-ia-wo-apbtn.is-on .cb-ia-wo-ap-switch::after {
  left: 17px;
  background: #fff;
}
.cb-ia-wo-time { opacity: .92; }
.cb-ia-wo-likeburst {
  position: absolute;
  left: 50%;
  top: 46%;
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
  color: #fff;
  opacity: 0;
  transform: scale(.4);
  pointer-events: none;
  z-index: 8;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .4));
}
.cb-ia-wo-likeburst.is-on {
  opacity: 1;
  transform: scale(1.15);
  transition: transform .28s cubic-bezier(.05, .7, .1, 1), opacity .18s ease;
}
.cb-ia-wo-likeburst svg {
  width: 72px;
  height: 72px;
  fill: currentColor;
}
.cb-ia-wo-ap {
  position: absolute;
  inset: 0;
  z-index: 12;
  background: rgba(0, 0, 0, .78);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  color: #fff;
}
.cb-ia-wo-ap-label {
  font-size: 13px;
  color: rgba(255,255,255,.7);
}
.cb-ia-wo-ap-title {
  font: 500 16px/22px Roboto, Arial, sans-serif;
  max-width: 80%;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cb-ia-wo-ap-ring {
  position: relative;
  width: 72px;
  height: 72px;
}
.cb-ia-wo-ap-ring svg {
  width: 72px;
  height: 72px;
  transform: rotate(-90deg);
}
.cb-ia-wo-ap-track {
  fill: none;
  stroke: rgba(255,255,255,.22);
  stroke-width: 4;
}
.cb-ia-wo-ap-fill {
  fill: none;
  stroke: #fff;
  stroke-width: 4;
  stroke-linecap: round;
}
.cb-ia-wo-ap-sec {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 500 18px/1 Roboto, Arial, sans-serif;
}
.cb-ia-wo-ap-acts {
  display: flex;
  gap: 12px;
}
.cb-ia-wo-ap-acts button {
  height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 18px;
  font: 500 13px/1 Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-ap-acts [data-wo-ap="go"] {
  background: #fff;
  color: #0f0f0f;
}
.cb-ia-wo-ap-acts [data-wo-ap="cancel"] {
  background: rgba(255,255,255,.16);
  color: #fff;
}
.cb-ia-wo-cue {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  max-width: 80%;
  padding: 5px 10px;
  background: rgba(0,0,0,.62);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  border-radius: 4px;
  pointer-events: none;
  z-index: 8;
  white-space: pre-line;
  display: none;
  transition: bottom .18s ease-out;
}
.cb-ia-wo-cue.is-on { display: block; }
.cb-ia-wo-player.is-chrome .cb-ia-wo-cue,
.cb-ia-wo-player:not(.is-playing) .cb-ia-wo-cue,
.cb-ia-wo-player:hover .cb-ia-wo-cue {
  bottom: 88px;
}
.cb-ia-wo-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.cb-ia-wo-acts {
  display: flex;
  gap: 8px;
  margin-left: auto;
  flex-wrap: wrap;
}
.cb-ia-wo-pill {
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 18px;
  background: var(--chip, #f2f2f2);
  color: var(--text-primary, #0f0f0f);
  font: 500 14px/1 Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-pill.is-on {
  background: var(--accent, #0f0f0f);
  color: #fff;
}
.cb-ia-wo-sprite {
  display: none;
  position: absolute;
  bottom: 56px;
  width: 160px;
  height: 90px;
  border-radius: 8px;
  background: #111 center / auto 100% no-repeat;
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
  z-index: 14;
  pointer-events: none;
  overflow: hidden;
}
.cb-ia-wo-sprite.is-on { display: block; }
.cb-ia-wo-sprite b {
  position: absolute;
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%);
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(0,0,0,.72);
  color: #fff;
  font: 500 11px/1 Roboto, Arial, sans-serif;
}
.cb-ia-wo-bell {
  position: relative;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 18px;
  background: var(--chip, #f2f2f2);
  color: var(--text-primary, #0f0f0f);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cb-ia-wo-bell svg { width: 18px; height: 18px; }
.cb-ia-wo-bell[hidden] { display: none; }
#cbWoNotifyMenu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 160px;
  padding: 8px 0;
  border-radius: 12px;
  background: var(--card, #fff);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--brd, #e5e5e5);
  z-index: 40;
  display: none;
}
#cbWoNotifyMenu.is-open { display: block; }
#cbWoNotifyMenu button {
  display: block;
  width: 100%;
  border: 0;
  background: none;
  text-align: left;
  padding: 10px 16px;
  font-size: 14px;
  color: var(--text-primary, #0f0f0f);
  cursor: pointer;
}
#cbWoNotifyMenu button:hover { background: var(--panel-soft, #f2f2f2); }
#cbWoNotifyMenu button.is-cur { font-weight: 600; }
.cb-ia-wo-comments {
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--chip, #f2f2f2);
}
.cb-ia-wo-cmt-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 0 8px;
}
.cb-ia-wo-cmt-head {
  display: block;
  flex: 1;
  min-width: 0;
  border: 0;
  background: none;
  text-align: left;
  font: 600 14px/20px Roboto, Arial, sans-serif;
  color: var(--text-primary, #0f0f0f);
  cursor: pointer;
  padding: 0;
}
.cb-ia-wo-cmt-sort {
  display: none;
  gap: 4px;
  flex-shrink: 0;
}
.cb-ia-wo-comments.is-open .cb-ia-wo-cmt-sort { display: flex; }
.cb-ia-wo-cmt-sort button {
  height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: var(--text-secondary, #606060);
  font: 500 12px/28px Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-cmt-sort button:hover { background: var(--panel-soft, #e5e5e5); }
.cb-ia-wo-cmt-sort button.is-on {
  background: var(--text-primary, #0f0f0f);
  color: #fff;
  font-weight: 600;
}
.cb-ia-wo-cmt-replies {
  margin: 6px 0 0 18px;
  padding-left: 10px;
  border-left: 2px solid var(--brd, #e5e5e5);
}
.cb-ia-wo-cmt.is-reply {
  font-size: 12px;
  line-height: 16px;
}
.cb-ia-wo-cmt {
  font: 400 13px/18px Roboto, Arial, sans-serif;
  color: var(--text-primary, #0f0f0f);
  margin-top: 6px;
}
.cb-ia-wo-cmt b { margin-right: 6px; }
.cb-ia-wo-cmt-ago {
  margin-left: 6px;
  font: 400 12px/18px Roboto, Arial, sans-serif;
  color: var(--text-secondary, #606060);
}
.cb-ia-wo-cmt.is-empty { color: var(--text-secondary, #606060); }
.cb-ia-wo-cmt-acts {
  display: inline-flex;
  gap: 4px;
  margin-left: 8px;
  vertical-align: middle;
}
.cb-ia-wo-cmt-vote {
  height: 22px;
  padding: 0 6px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: var(--text-secondary, #606060);
  font: 500 12px/22px Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-cmt-vote:hover { background: var(--panel-soft, #e5e5e5); }
.cb-ia-wo-cmt-vote.is-on { color: var(--text-primary, #0f0f0f); font-weight: 700; }
.cb-ia-wo-cmt-reply {
  height: 22px;
  padding: 0 6px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: var(--text-secondary, #606060);
  font: 500 12px/22px Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-cmt-reply:hover { background: var(--panel-soft, #e5e5e5); }
.cb-ia-wo-cmt-form {
  display: none;
  gap: 8px;
  margin-top: 10px;
}
.cb-ia-wo-comments.is-open .cb-ia-wo-cmt-form { display: flex; }
.cb-ia-wo-cmt-form input {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 0 12px;
  border: 0;
  border-bottom: 1px solid var(--brd, #e5e5e5);
  background: transparent;
  color: var(--text-primary, #0f0f0f);
  font: 400 14px/36px Roboto, Arial, sans-serif;
  outline: none;
}
.cb-ia-wo-cmt-form input:focus { border-bottom-color: var(--text-primary, #0f0f0f); }
.cb-ia-wo-cmt-form button {
  height: 32px;
  padding: 0 14px;
  border: 0;
  border-radius: 16px;
  background: var(--accent, #0f0f0f);
  color: #fff;
  font: 500 13px/1 Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-desc {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
  font: 400 13px/18px Roboto, Arial, sans-serif;
  color: var(--text-primary, #0f0f0f);
  cursor: pointer;
  max-height: 36px;
  overflow: hidden;
  white-space: pre-wrap;
}
.cb-ia-wo-desc.is-open { max-height: none; }
.cb-ia-wo-desc-more {
  display: block;
  margin: -4px 0 10px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--text-secondary, #606060);
  font: 600 13px/18px Roboto, Arial, sans-serif;
  cursor: pointer;
}
.cb-ia-wo-desc-more[hidden] { display: none; }
.cb-ia-wo-ts {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: var(--accent, #065fd4);
  font: inherit;
  cursor: pointer;
}
.cb-ia-wo-chapters {
  margin: 10px 0 4px;
  padding: 0 0 8px;
}
.cb-ia-wo-ch-head {
  display: flex;
  align-items: center;
  padding: 0 0 8px;
  font: 600 14px/20px Roboto, Arial, sans-serif;
  color: var(--text-primary, #0f0f0f);
}
.cb-ia-wo-ch-all {
  margin-left: auto;
  background: none;
  border: 0;
  color: var(--accent, #0f0f0f);
  font: 500 13px/1 Roboto, Arial, sans-serif;
  cursor: pointer;
  padding: 4px 0;
}
.cb-ia-wo-ch-rail {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: none;
}
.cb-ia-wo-ch-rail::-webkit-scrollbar { display: none; }
.cb-ia-wo-chapters.is-open .cb-ia-wo-ch-rail {
  flex-wrap: wrap;
  overflow: visible;
}
.cb-ia-wo-ch-chip {
  flex: 0 0 auto;
  max-width: 180px;
  text-align: left;
  border: 0;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--panel-soft, #f2f2f2);
  color: var(--text-primary, #0f0f0f);
}
.cb-ia-wo-ch-chip.is-on {
  background: var(--text-primary, #0f0f0f);
  color: var(--bg, #fff);
}
.cb-ia-wo-ch-time {
  display: block;
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--accent, #0f0f0f);
}
.cb-ia-wo-ch-chip.is-on .cb-ia-wo-ch-time { color: inherit; }
.cb-ia-wo-ch-title {
  display: block;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  html body.page-video #vTitle,
  html body.page-video .video-title {
    font-size: 16px !important;
    line-height: 22px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

@media (max-width: 768px) {
  body.page-video header .header-search { height: 40px !important; }
  body.page-video header .yt-voice-btn { margin-left: 6px !important; }
  body.page-video header .yt-kebab-btn { margin-left: 6px !important; }
  body.page-video header a.nav-btn.primary { margin-left: 6px !important; }
  html body.page-video .yt-owner {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
  }
  html body.page-video .yt-owner .author-card {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
  }
  html body.page-video .yt-owner .author-info { flex: 1 1 auto !important; min-width: 0 !important; }
  html body.page-video .yt-owner .author-card-actions { margin-left: auto !important; }
}