/*
 * Titan light surfaces for replica pages.
 *
 * This file is intentionally scoped to the titan-light theme and to the
 * replica page components. Image/video stages and their white captions are
 * left alone so a light shell does not wash out broadcast content.
 */
body.titan-light {
  --titan-light-page: #f6f7fa;
  --titan-light-surface: #ffffff;
  --titan-light-surface-soft: #fbfcfe;
  --titan-light-text: #17212f;
  --titan-light-muted: #596779;
  --titan-light-subtle: #6d7a8b;
  --titan-light-border: #e5e7eb;
  --titan-light-border-strong: #d7dce4;
  --titan-light-accent: #f2507e;
  --titan-light-accent-soft: #fff1f5;
  --titan-light-shadow: 0 8px 24px rgba(23, 33, 47, .07);
}

/* Page canvas. The home/header/sidebar are owned by the shell theme. */
body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents),
body.titan-light.replica-mode #contents[data-replica-page],
body.titan-light.replica-mode .replica-faq-page,
body.titan-light.replica-mode .support-page {
  background: var(--titan-light-page) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode #contents[data-replica-page] a,
body.titan-light.replica-mode .replica-faq-page a,
body.titan-light.replica-mode .support-page a {
  color: var(--titan-light-text);
}

body.titan-light.replica-mode #contents[data-replica-page] a:hover,
body.titan-light.replica-mode .replica-faq-page a:hover,
body.titan-light.replica-mode .support-page a:hover {
  color: var(--titan-light-accent);
}

/* Ranking cards and table. Keep live rings, badges and avatar pixels intact. */
body.titan-light.replica-mode [data-replica-page="ranking"] .content-body,
body.titan-light.replica-mode [data-replica-page="ranking"] .section-wrap,
body.titan-light.replica-mode [data-replica-page="ranking"] .section-inner,
body.titan-light.replica-mode [data-replica-page="ranking"] .rank-table-section {
  background: transparent !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .top-rank-section,
body.titan-light.replica-mode [data-replica-page="ranking"] .rank-table-wrapper,
body.titan-light.replica-mode [data-replica-page="ranking"] .flx-table {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  box-shadow: var(--titan-light-shadow) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] h2.ui.header {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .popular-list-item .popular-item {
  background: var(--titan-light-surface) !important;
  border: 1px solid var(--titan-light-border) !important;
  box-shadow: 0 4px 16px rgba(23, 33, 47, .06) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .popular-item-card {
  color: var(--titan-light-text) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .popular-item-label,
body.titan-light.replica-mode [data-replica-page="ranking"] .rank-avatar-subtitle {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .popular-item-value,
body.titan-light.replica-mode [data-replica-page="ranking"] .rank-avatar-title,
body.titan-light.replica-mode [data-replica-page="ranking"] .ranking-number {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .ranking-number {
  border-bottom-color: var(--titan-light-border-strong) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .flx-table thead {
  background: #f1f3f6 !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .flx-table thead th {
  color: var(--titan-light-muted) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .flx-table tbody tr {
  background: var(--titan-light-surface) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .flx-table tbody tr:hover {
  background: #fafbfc !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .data-card-value {
  color: #376f9c !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .data-card-viewer {
  background: #edf6fd !important;
}

body.titan-light.replica-mode [data-replica-page="ranking"] .data-card-rank {
  background: #eef9f4 !important;
}

/* Store page: forms, item cards and purchase dialogs. */
body.titan-light.replica-mode [data-replica-page="shop"] .my-title,
body.titan-light.replica-mode [data-replica-page="shop"] .my-tab-con,
body.titan-light.replica-mode [data-replica-page="shop"] .my-tab-con h3,
body.titan-light.replica-mode [data-replica-page="shop"] .gray-box,
body.titan-light.replica-mode [data-replica-page="shop"] .i-title {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .my-tab,
body.titan-light.replica-mode [data-replica-page="shop"] .my-tab-con th,
body.titan-light.replica-mode [data-replica-page="shop"] .my-tab-con td {
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .my-tab a {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .my-tab a.on {
  color: var(--titan-light-accent) !important;
  border-bottom-color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay {
  background: var(--titan-light-surface) !important;
  border: 1px solid var(--titan-light-border) !important;
  box-shadow: var(--titan-light-shadow) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-title,
body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-subtitle,
body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-label {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-subtitle,
body.titan-light.replica-mode [data-replica-page="shop"] .gray-box .td-ul li,
body.titan-light.replica-mode [data-replica-page="shop"] .gray-box.change .td-ul li {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-label svg {
  fill: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-input,
body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay input,
body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay select,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-input,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-input-wrapper input,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-input-wrapper select {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border-strong) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-input::placeholder,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-input::placeholder {
  color: var(--titan-light-subtle) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-button,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-button-gradient,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-button-confirm {
  background: var(--titan-light-accent) !important;
  border-color: var(--titan-light-accent) !important;
  color: #fff !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-button:hover,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-button-gradient:hover,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-button-confirm:hover {
  background: #df3d6c !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-pay-button svg {
  fill: #fff !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-con > ul > li {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border: 1px solid var(--titan-light-border) !important;
  box-shadow: 0 4px 14px rgba(23, 33, 47, .07) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-con > ul > li p {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-con > ul > li p i {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-con > ul > li p span {
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-con > ul > li > a {
  background: var(--titan-light-text) !important;
  color: #fff !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-con > ul > li > a:hover {
  background: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .gray-box {
  background: #f9fafb !important;
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .gray-box.change {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .gray-box.change .i-title {
  color: var(--titan-light-muted) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-popup {
  background: rgba(23, 33, 47, .42) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .flex-popup-con,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-content-padding,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-bank-card,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-bank-info,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-info-card,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-purchase-info {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
  box-shadow: 0 18px 50px rgba(23, 33, 47, .16) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .f-header,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-title-section,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-bank-title,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-title,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-subtitle,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-info-label,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-info-value,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-bank-label,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-bank-value,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-purchase-label,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-purchase-value {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .modal-subtitle,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-input-label,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-warning-box,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-purchase-note,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-info-unit {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .modal-info-item,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-bank-row,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-purchase-row {
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .modal-warning-box {
  background: var(--titan-light-accent-soft) !important;
  border-color: #f8c8d7 !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .modal-button-bank {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .modal-purchase-total {
  background: #f9fafb !important;
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .modal-purchase-total-value,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-info-value.primary,
body.titan-light.replica-mode [data-replica-page="shop"] .modal-info-value.secondary {
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="shop"] .close,
body.titan-light.replica-mode [data-replica-page="shop"] .close-icon {
  color: var(--titan-light-muted) !important;
}

/* Notice list/detail and the PC/mobile guide. */
body.titan-light.replica-mode [data-replica-page="notice"] .board-title,
body.titan-light.replica-mode [data-replica-page="notice"] .board-tab,
body.titan-light.replica-mode [data-replica-page="notice"] .board-tab-con,
body.titan-light.replica-mode [data-replica-page="notice"] .board-search,
body.titan-light.replica-mode [data-replica-page="notice"] .ul-table,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view-con,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view-paging,
body.titan-light.replica-mode [data-replica-page="notice"] .board-tab5-con {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-title {
  background-color: transparent !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-tab {
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-tab a,
body.titan-light.replica-mode [data-replica-page="notice"] .bt-tab a {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-tab a.on,
body.titan-light.replica-mode [data-replica-page="notice"] .bt-tab a.on {
  color: var(--titan-light-accent) !important;
  border-bottom-color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-search {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-search > div,
body.titan-light.replica-mode [data-replica-page="notice"] .board-search input {
  background: transparent !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-search input::placeholder {
  color: var(--titan-light-subtle) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-search strong {
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .ul-table,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view {
  border-top-color: var(--titan-light-border-strong) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .ul-table > ul > li,
body.titan-light.replica-mode [data-replica-page="notice"] .replica-notice-body {
  background: var(--titan-light-surface) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .title a,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view .title a,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view-con {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .con div span,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view .con div span,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view-paging span a {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-view-con {
  background: var(--titan-light-surface) !important;
  border-bottom-color: var(--titan-light-border) !important;
  line-height: 1.8;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-view-con p,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view-con div,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view-con span,
body.titan-light.replica-mode [data-replica-page="notice"] .board-view-con pre {
  color: var(--titan-light-text);
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-view-con a {
  color: var(--titan-light-accent);
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-view-paging > a {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .bt-tab,
body.titan-light.replica-mode [data-replica-page="notice"] .bt-tab a {
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .bt-tab a {
  background: #f9fafb !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .bt-tab a.on {
  background: var(--titan-light-surface) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-tab5-con .bt-con .b5-b-title,
body.titan-light.replica-mode [data-replica-page="notice"] .board-tab5-con .txt > div:first-child {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-tab5-con .txt,
body.titan-light.replica-mode [data-replica-page="notice"] .board-tab5-con .txt > div:last-child {
  color: var(--titan-light-muted) !important;
  border-top-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .board-tab5-con .bt-con .img,
body.titan-light.replica-mode [data-replica-page="notice"] .board-tab5-con .swiper-slide {
  background: var(--titan-light-surface) !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .swiper-pagination-bullet {
  background: #cbd2dc !important;
}

body.titan-light.replica-mode [data-replica-page="notice"] .swiper-pagination-bullet-active {
  background: var(--titan-light-accent) !important;
}

/* Notice detail is rendered into the existing shell #contents without a page data attribute. */
body.titan-light.replica-mode .board-view,
body.titan-light.replica-mode .board-view-con,
body.titan-light.replica-mode .board-view-paging {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .board-view {
  border-top-color: var(--titan-light-border-strong) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode .board-view .title a,
body.titan-light.replica-mode .board-view-con {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .board-view .con div span,
body.titan-light.replica-mode .board-view-paging span a {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode .board-view-con {
  background: var(--titan-light-surface) !important;
  border-bottom-color: var(--titan-light-border) !important;
  line-height: 1.8;
}

body.titan-light.replica-mode .board-view-con p,
body.titan-light.replica-mode .board-view-con div,
body.titan-light.replica-mode .board-view-con span,
body.titan-light.replica-mode .board-view-con pre {
  color: var(--titan-light-text);
}

body.titan-light.replica-mode .board-view-con a {
  color: var(--titan-light-accent);
}

body.titan-light.replica-mode .board-view-paging > a {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
}

/* FAQ page. */
body.titan-light.replica-mode .replica-faq-page {
  background: var(--titan-light-page) !important;
}

body.titan-light.replica-mode .replica-faq-page .board-title,
body.titan-light.replica-mode .replica-faq-page .board-tab a {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .replica-faq-categories,
body.titan-light.replica-mode .replica-faq-search,
body.titan-light.replica-mode .replica-faq-question,
body.titan-light.replica-mode .replica-faq-answer {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode .replica-faq-categories button {
  background: var(--titan-light-surface) !important;
  border-right-color: var(--titan-light-border) !important;
  border-bottom-color: var(--titan-light-border) !important;
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode .replica-faq-categories button.on {
  background: var(--titan-light-accent-soft) !important;
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode .replica-faq-search input,
body.titan-light.replica-mode .replica-faq-search button {
  background: transparent !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .replica-faq-search input::placeholder {
  color: var(--titan-light-subtle) !important;
}

body.titan-light.replica-mode .replica-faq-list {
  border-top-color: var(--titan-light-border-strong) !important;
}

body.titan-light.replica-mode .replica-faq-list > li {
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode .replica-faq-question {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .replica-faq-question strong {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .replica-faq-answer {
  color: var(--titan-light-muted) !important;
  line-height: 1.8;
}

body.titan-light.replica-mode .replica-faq-answer > div,
body.titan-light.replica-mode .replica-faq-answer p {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode .replica-faq-answer a {
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode .replica-faq-empty {
  color: var(--titan-light-muted) !important;
}

/* Chat list and chat-room cards. Avatars stay untouched. */
body.titan-light.replica-mode [data-replica-page="chatlist"] .main-h3,
body.titan-light.replica-mode [data-replica-page="chatlist"] .current-chat-room-label,
body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card-title,
body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card-user-name {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="chatlist"] .current-chat-room,
body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card,
body.titan-light.replica-mode [data-replica-page="chatlist"] .current-room-card {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  box-shadow: 0 4px 16px rgba(23, 33, 47, .07) !important;
}

body.titan-light.replica-mode [data-replica-page="chatlist"] .current-chat-room-content,
body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card-user-meta {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card-button {
  background: var(--titan-light-accent) !important;
  border-color: var(--titan-light-accent) !important;
  color: #fff !important;
}

body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card-button:hover {
  background: #df3d6c !important;
}

body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card-button-disabled,
body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card-button:disabled {
  background: #c7ced8 !important;
  border-color: #c7ced8 !important;
  color: #fff !important;
}

/* Profile and wallet pages are rendered without data-replica-page. */
body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-title {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab {
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab a {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab a.on {
  color: var(--titan-light-accent) !important;
  border-bottom-color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con table {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con th,
body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con td {
  color: var(--titan-light-text) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con th {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con input,
body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con textarea,
body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con select {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border-strong) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con input::placeholder,
body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con textarea::placeholder {
  color: var(--titan-light-subtle) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con .file {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con .file-bg {
  background: #f9fafb !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con .td-ul li {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con .inputText .a-btn,
body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .replica-withdraw-button {
  background: var(--titan-light-accent) !important;
  border-color: var(--titan-light-accent) !important;
  color: #fff !important;
}

body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .replica-withdraw-button:hover,
body.titan-light.replica-mode #contents:not(.home-page):not(.mobile-home-contents) .my-tab-con .inputText .a-btn:hover {
  background: #df3d6c !important;
}

body.titan-light.replica-mode .file-popup {
  background: rgba(23, 33, 47, .42) !important;
}

body.titan-light.replica-mode .file-popup-box {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
  box-shadow: 0 18px 50px rgba(23, 33, 47, .16) !important;
}

body.titan-light.replica-mode .file-title {
  color: var(--titan-light-text) !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode .file-con {
  background: var(--titan-light-surface-soft) !important;
  border-color: var(--titan-light-border-strong) !important;
}

body.titan-light.replica-mode .file-con p {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode .file-pop i,
body.titan-light.replica-mode .file-btn a.btn-y {
  background: var(--titan-light-accent) !important;
  color: #fff !important;
}

body.titan-light.replica-mode .file-popup-box div > a {
  border-color: var(--titan-light-border-strong) !important;
  color: var(--titan-light-text) !important;
}

/* Account withdrawal sheet is appended to body, outside #contents. */
body.titan-light.replica-mode .export-popup {
  background: rgba(23, 33, 47, .42) !important;
}

body.titan-light.replica-mode .export-popup-con.export-sheet,
body.titan-light.replica-mode .export-sheet-summary,
body.titan-light.replica-mode .export-sheet-form,
body.titan-light.replica-mode .export-sheet-total {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode .export-popup-con.export-sheet {
  box-shadow: 0 24px 70px rgba(23, 33, 47, .18) !important;
}

body.titan-light.replica-mode .export-sheet-header {
  border-bottom-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .export-sheet-title strong,
body.titan-light.replica-mode .export-sheet-summary strong,
body.titan-light.replica-mode .export-form-label,
body.titan-light.replica-mode .export-sheet-total strong {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .export-sheet-summary-label,
body.titan-light.replica-mode .export-sheet-total-label,
body.titan-light.replica-mode .export-sheet-summary p,
body.titan-light.replica-mode .export-sheet-total p {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode .export-sheet-badge,
body.titan-light.replica-mode .export-static-pill {
  background: var(--titan-light-accent-soft) !important;
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode .export-sheet-close {
  background: #f4f6f8 !important;
}

body.titan-light.replica-mode .export-form-row {
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode .export-input,
body.titan-light.replica-mode .export-input.form-control {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border-strong) !important;
}

body.titan-light.replica-mode .export-input::placeholder {
  color: var(--titan-light-subtle) !important;
}

body.titan-light.replica-mode .export-submit-btn {
  background: var(--titan-light-accent) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(242, 80, 126, .22) !important;
}

/* Public live and group-room UI. Media surfaces remain dark by design. */
body.titan-light.replica-mode [data-replica-page="live"] .replica-room-wrap,
body.titan-light.replica-mode [data-replica-page="room"] .replica-room-wrap {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-back,
body.titan-light.replica-mode [data-replica-page="room"] .room-back {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .replica-room-intro,
body.titan-light.replica-mode [data-replica-page="live"] .replica-room-panel,
body.titan-light.replica-mode [data-replica-page="room"] .managed-room-head {
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .replica-room-intro h1,
body.titan-light.replica-mode [data-replica-page="live"] .replica-room-panel h2,
body.titan-light.replica-mode [data-replica-page="room"] .managed-room-head h1 {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-host-line,
body.titan-light.replica-mode [data-replica-page="live"] .replica-room-panel > p,
body.titan-light.replica-mode [data-replica-page="room"] .managed-room-head p {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-host-line small {
  color: var(--titan-light-subtle) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-follow,
body.titan-light.replica-mode [data-replica-page="live"] .room-join,
body.titan-light.replica-mode [data-replica-page="room"] .room-join,
body.titan-light.replica-mode [data-replica-page="live"] .room-preview-button {
  background: var(--titan-light-accent) !important;
  border-color: var(--titan-light-accent) !important;
  color: #fff !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-follow.is-following {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-panel-heading a {
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-gifts button {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-gifts button:hover {
  border-color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-gifts button small,
body.titan-light.replica-mode [data-replica-page="live"] .room-tags,
body.titan-light.replica-mode [data-replica-page="live"] .room-tags span {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .replica-room-chat,
body.titan-light.replica-mode [data-replica-page="room"] .replica-room-chat {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
  box-shadow: var(--titan-light-shadow) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-chat-title,
body.titan-light.replica-mode [data-replica-page="room"] .room-chat-title {
  border-bottom-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-chat-title small {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-chat-messages p,
body.titan-light.replica-mode [data-replica-page="room"] .room-chat-messages p {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-chat-messages p strong,
body.titan-light.replica-mode [data-replica-page="room"] .room-chat-messages p strong {
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-chat-messages p time,
body.titan-light.replica-mode [data-replica-page="room"] .room-chat-messages p time,
body.titan-light.replica-mode [data-replica-page="live"] .room-chat-system,
body.titan-light.replica-mode [data-replica-page="room"] .room-chat-system {
  color: var(--titan-light-subtle) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-operation-ments,
body.titan-light.replica-mode [data-replica-page="room"] .room-operation-ments {
  background: #fff8fa !important;
  border-bottom-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-operation-ments strong,
body.titan-light.replica-mode [data-replica-page="room"] .room-operation-ments strong {
  color: var(--titan-light-accent) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .room-operation-ments span,
body.titan-light.replica-mode [data-replica-page="room"] .room-operation-ments span {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .replica-room-chat form,
body.titan-light.replica-mode [data-replica-page="room"] .replica-room-chat form {
  border-top-color: var(--titan-light-border) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .replica-room-chat form input,
body.titan-light.replica-mode [data-replica-page="room"] .replica-room-chat form input {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .replica-room-chat form input::placeholder,
body.titan-light.replica-mode [data-replica-page="room"] .replica-room-chat form input::placeholder {
  color: var(--titan-light-subtle) !important;
}

body.titan-light.replica-mode [data-replica-page="live"] .replica-room-chat form button,
body.titan-light.replica-mode [data-replica-page="room"] .replica-room-chat form button {
  background: var(--titan-light-accent) !important;
  color: #fff !important;
}

body.titan-light.replica-mode [data-replica-page="room"] .room-fee-summary {
  background: #fff8fa !important;
  border-color: #f8d0dc !important;
}

body.titan-light.replica-mode [data-replica-page="room"] .room-fee-summary p {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page="room"] .room-fee-summary p:first-child,
body.titan-light.replica-mode [data-replica-page="room"] .room-fee-summary strong {
  color: var(--titan-light-accent) !important;
}

/* Keep media/video backgrounds and white overlay captions as authored. */
body.titan-light.replica-mode [data-replica-page="live"] .replica-room-player,
body.titan-light.replica-mode [data-replica-page="live"] .replica-room-stage,
body.titan-light.replica-mode .room-preview-media,
body.titan-light.replica-mode .room-preview-dialog {
  background: #080808 !important;
}

body.titan-light.replica-mode .room-preview-heading strong,
body.titan-light.replica-mode .room-preview-status,
body.titan-light.replica-mode .room-preview-close,
body.titan-light.replica-mode .room-preview-play {
  color: #fff !important;
}

/* Monochrome controls are isolated from user photos and broadcast artwork. */
body.titan-light.replica-mode .support-symbol,
body.titan-light.replica-mode .file-close img,
body.titan-light.replica-mode .export-sheet-close img,
body.titan-light.replica-mode [data-replica-page="shop"] .f-header .close img {
  filter: brightness(0) !important;
  opacity: .72;
}

body.titan-light.replica-mode .notice-rich-content pre {
  background: #f4f6f8 !important;
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .notice-rich-content td,
body.titan-light.replica-mode .notice-rich-content th,
body.titan-light.replica-mode .notice-rich-content blockquote {
  border-color: var(--titan-light-border-strong) !important;
}

body.titan-light.replica-mode .room-inline-error,
body.titan-light.replica-mode .withdraw-notice {
  color: #b53158 !important;
}

/* Support page launcher and empty-state surfaces. */
body.titan-light.replica-mode .support-card {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
  box-shadow: var(--titan-light-shadow) !important;
}

body.titan-light.replica-mode .support-card h1 {
  color: var(--titan-light-text) !important;
}

body.titan-light.replica-mode .support-card p,
body.titan-light.replica-mode .support-home {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode .support-open {
  background: var(--titan-light-accent) !important;
  color: #fff !important;
}

body.titan-light.replica-mode .support-open:hover {
  background: #df3d6c !important;
}

body.titan-light.replica-mode [data-replica-page] .replica-page-empty,
body.titan-light.replica-mode [data-replica-page] .replica-notice-body {
  color: var(--titan-light-muted) !important;
}

body.titan-light.replica-mode [data-replica-page] :focus-visible,
body.titan-light.replica-mode .replica-faq-page :focus-visible,
body.titan-light.replica-mode .support-page :focus-visible {
  outline: 3px solid rgba(242, 80, 126, .32);
  outline-offset: 2px;
}

@media (max-width: 768px) {
  body.titan-light.replica-mode [data-replica-page="ranking"] .popular-list-item .popular-item,
  body.titan-light.replica-mode [data-replica-page="chatlist"] .chat-card,
  body.titan-light.replica-mode [data-replica-page="shop"] .flex-con > ul > li {
    box-shadow: 0 3px 12px rgba(23, 33, 47, .06) !important;
  }

  body.titan-light.replica-mode .replica-faq-answer {
    background: var(--titan-light-surface) !important;
  }
}


/* Shared light shell: the existing desktop/mobile geometry stays in its source stylesheet. */
body.titan-light {
  color-scheme: light;
  background: var(--titan-light-page) !important;
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode #wrap,
body.titan-light.replica-mode #container,
body.titan-light.replica-mode #contents {
  background: var(--titan-light-page) !important;
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode #header,
body.titan-light.replica-mode #gnb {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
}
body.titan-light.replica-mode #header {
  box-shadow: 0 1px 8px rgba(23, 33, 47, .07) !important;
}
body.titan-light.replica-mode #header .search,
body.titan-light.replica-mode #header .search input[type="text"] {
  background: #f5f6f8 !important;
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode #header .search input::placeholder {
  color: var(--titan-light-subtle) !important;
}
body.titan-light.replica-mode #header .h-select3 button,
body.titan-light.replica-mode #header .h-select2 button {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
  box-shadow: inset 0 0 0 1px var(--titan-light-border);
}
body.titan-light.replica-mode #header .h-select3 button:hover,
body.titan-light.replica-mode #header .h-select2 button:hover {
  background: var(--titan-light-accent-soft) !important;
}
body.titan-light.replica-mode #header .h-select2 button:last-child {
  background: var(--titan-light-accent) !important;
  color: #fff !important;
  box-shadow: none;
}
body.titan-light.replica-mode #header .h-select > button,
body.titan-light.replica-mode #header .h-select div h4,
body.titan-light.replica-mode #header .h-select div li a,
body.titan-light.replica-mode #header .h-select div li button {
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode #header .h-select > div {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  box-shadow: 0 10px 32px rgba(23, 33, 47, .13) !important;
}
body.titan-light.replica-mode #header .h-select div li {
  border-color: var(--titan-light-border) !important;
}
body.titan-light.replica-mode #header .h-select div li button:hover {
  background: #f5f6f8 !important;
}
body.titan-light.replica-mode #gnb h2,
body.titan-light.replica-mode #gnb h2 strong,
body.titan-light.replica-mode .gnb-floor1 li > a,
body.titan-light.replica-mode .gnb-floor2 li > a {
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode .gnb-floor1 li > a:hover,
body.titan-light.replica-mode .gnb-floor2 li > a:hover {
  background: #f5f6f8 !important;
}
body.titan-light.replica-mode .gnb-floor1 li img {
  border-color: var(--titan-light-border) !important;
}
body.titan-light.replica-mode .gnbf1-btn::before,
body.titan-light.replica-mode .gnbf1-btn::after {
  background: var(--titan-light-border) !important;
}
body.titan-light.replica-mode .gnbf1-btn a,
body.titan-light.replica-mode .gnbf1-btn span {
  color: var(--titan-light-muted) !important;
  background-color: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
  filter: none !important;
}
/* Only navigation glyphs are recolored; avatars, logos and cover photographs are excluded. */
body.titan-light.replica-mode #header .search .s-btn img,
body.titan-light.replica-mode #gnb h2 > a,
body.titan-light.replica-mode .gnb-floor2 li > a img,
body.titan-light.replica-mode.replica-mobile #header .all-btn img,
body.titan-light.replica-mode.replica-mobile #header .header1-right a img,
body.titan-light.replica-mode.replica-mobile #gnb .btn-close img,
body.titan-light.replica-mode.replica-mobile #gnb .gnb-menu > a img {
  filter: brightness(0) !important;
  opacity: .72;
}

/* Pale hero copy and white content panels. Featured photographs retain their dark scrims. */
body.titan-light.replica-mode .home-hero-copy,
body.titan-light.replica-mode .home-mobile-hero {
  background: radial-gradient(circle at top left, rgba(242, 80, 126, .12), transparent 48%), linear-gradient(180deg, #fff 0%, #fffafd 100%) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
  box-shadow: var(--titan-light-shadow) !important;
}
body.titan-light.replica-mode .home-hero-media,
body.titan-light.replica-mode .home-live-section,
body.titan-light.replica-mode .home-mobile-live-section {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
  box-shadow: var(--titan-light-shadow) !important;
}
body.titan-light.replica-mode .home-hero-copy h2,
body.titan-light.replica-mode .home-mobile-hero h2,
body.titan-light.replica-mode .home-panel-title strong,
body.titan-light.replica-mode .home-section-head h3,
body.titan-light.replica-mode .home-mobile-section-head h3 {
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode .home-hero-copy p,
body.titan-light.replica-mode .home-mobile-hero p,
body.titan-light.replica-mode .home-panel-title em,
body.titan-light.replica-mode .home-section-head > p,
body.titan-light.replica-mode .home-mobile-section-head > p {
  color: var(--titan-light-muted) !important;
}
body.titan-light.replica-mode .home-badge,
body.titan-light.replica-mode .home-mobile-badge,
body.titan-light.replica-mode .home-section-head > div > span,
body.titan-light.replica-mode .home-panel-title > div > span,
body.titan-light.replica-mode .home-mobile-section-head > div > span {
  background: var(--titan-light-accent-soft) !important;
  color: #c93460 !important;
}
body.titan-light.replica-mode .home-stat-card,
body.titan-light.replica-mode .home-mobile-stats > div {
  background: rgba(255, 255, 255, .82) !important;
  border-color: var(--titan-light-border) !important;
}
body.titan-light.replica-mode .home-stat-card strong,
body.titan-light.replica-mode .home-mobile-stats strong {
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode .home-stat-card span,
body.titan-light.replica-mode .home-mobile-stats span {
  color: var(--titan-light-muted) !important;
}
body.titan-light.replica-mode .home-action,
body.titan-light.replica-mode .home-section-head a {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode .home-action.primary {
  background: linear-gradient(135deg, #ff4f8d 0%, #ff7d66 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(242, 80, 126, .2) !important;
}
body.titan-light.replica-mode .home-feature-card,
body.titan-light.replica-mode .home-mobile-feature-card {
  background-color: #17212f !important;
  color: #fff !important;
}
body.titan-light.replica-mode .home-feature-host strong,
body.titan-light.replica-mode .home-mobile-feature-host strong,
body.titan-light.replica-mode .home-feature-bottom .home-tag-list span {
  color: #fff !important;
}
body.titan-light.replica-mode .home-feature-host p,
body.titan-light.replica-mode .home-mobile-feature-host p {
  color: rgba(255, 255, 255, .88) !important;
}
body.titan-light.replica-mode .home-feature-top .live-pill,
body.titan-light.replica-mode .home-feature-top .viewer-pill,
body.titan-light.replica-mode .home-live-meta .live-pill,
body.titan-light.replica-mode .home-live-meta .viewer-pill,
body.titan-light.replica-mode .home-mobile-pill-row .live-pill,
body.titan-light.replica-mode .home-mobile-pill-row .viewer-pill {
  color: #fff !important;
}
body.titan-light.replica-mode .home-live-card,
body.titan-light.replica-mode .home-mobile-live-card {
  background: var(--titan-light-surface) !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
}
body.titan-light.replica-mode .home-live-card:hover,
body.titan-light.replica-mode .home-mobile-live-card:hover {
  border-color: #f4b5c8 !important;
  box-shadow: 0 12px 24px rgba(23, 33, 47, .1) !important;
}
body.titan-light.replica-mode .home-live-host strong,
body.titan-light.replica-mode .home-mobile-live-host strong {
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode .home-live-host p,
body.titan-light.replica-mode .home-mobile-live-host p {
  color: #c93460 !important;
}
body.titan-light.replica-mode .home-live-copy .home-tag-list span,
body.titan-light.replica-mode .home-mobile-live-copy .home-mobile-tag-list span {
  background: #f2f4f7 !important;
  color: var(--titan-light-muted) !important;
}
body.titan-light.replica-mode .home-empty-card {
  background: var(--titan-light-surface-soft) !important;
  color: var(--titan-light-muted) !important;
}
body.titan-light.replica-mode .load-more-wrap::before,
body.titan-light.replica-mode .load-more-wrap::after {
  background: var(--titan-light-border) !important;
}
body.titan-light.replica-mode .load-more-btn,
body.titan-light.replica-mode .load-more-btn span {
  background-color: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
  color: var(--titan-light-muted) !important;
  filter: none !important;
}
body.titan-light.replica-mode .load-more-btn:hover,
body.titan-light.replica-mode .load-more-btn:hover span {
  color: #c93460 !important;
  border-color: #f4b5c8 !important;
}
body.titan-light.replica-mode .load-more-loading,
body.titan-light.replica-mode .replica-empty {
  color: var(--titan-light-muted) !important;
}

/* Mobile header tabs, drawer and search use the same light chrome. */
body.titan-light.replica-mode.replica-mobile #header-menu,
body.titan-light.replica-mode.replica-mobile #gnb .btn-close,
body.titan-light.replica-mode.replica-mobile #search-box,
body.titan-light.replica-mode.replica-mobile #search-box .search-header {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode.replica-mobile #header-menu a,
body.titan-light.replica-mode.replica-mobile #gnb .gnb-menu a,
body.titan-light.replica-mode.replica-mobile #gnb .user-txt,
body.titan-light.replica-mode.replica-mobile #gnb .user-txt a {
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode.replica-mobile #header-menu a:hover,
body.titan-light.replica-mode.replica-mobile #header-menu a.on,
body.titan-light.replica-mode.replica-mobile #header-menu a[aria-current="page"],
body.titan-light.replica-mode.replica-mobile #gnb .gnb-menu a:hover {
  color: #c93460 !important;
  background: var(--titan-light-accent-soft) !important;
}
body.titan-light.replica-mode.replica-mobile #gnb .btn-login > .btn-action {
  background: #f5f6f8 !important;
  color: var(--titan-light-text) !important;
  border-color: var(--titan-light-border) !important;
}
body.titan-light.replica-mode.replica-mobile #gnb.replica-menu-open {
  box-shadow: 8px 0 32px rgba(23, 33, 47, .16) !important;
}
body.titan-light.replica-mode.replica-mobile .replica-menu-backdrop {
  background: rgba(23, 33, 47, .38) !important;
}
body.titan-light.replica-mode.replica-mobile #search-box .search-header .input-box > input {
  background: #f5f6f8 !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode.replica-mobile #search-box input::placeholder {
  color: var(--titan-light-subtle) !important;
}
body.titan-light.replica-mode.replica-mobile #search-box .search-header > .btn-close {
  filter: brightness(0) !important;
  opacity: .72;
}
body.titan-light.replica-mode.replica-mobile #search-box li {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-muted) !important;
}

/* System notices are separate from login/register forms. */
body.titan-light.replica-mode #myModal.modal {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 16px !important;
  background: rgba(0, 0, 0, .4) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  z-index: 100000000 !important;
}
body.titan-light.replica-mode #myModal .modal-content {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 500px !important;
  max-height: calc(100dvh - 32px) !important;
  overflow: auto !important;
  padding: 20px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fefefe !important;
  color: #171717 !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .18) !important;
}
body.titan-light.replica-mode #myModal .modal-header {
  box-sizing: border-box !important;
  min-height: 40px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #171717 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}
body.titan-light.replica-mode #myModal.modal-error .modal-header {
  color: #171717 !important;
}
body.titan-light.replica-mode #myModal .modal-body,
body.titan-light.replica-mode #myModal .close {
  color: #171717 !important;
}
body.titan-light.replica-mode #myModal .modal-body {
  margin: 0 0 20px !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  word-break: keep-all !important;
}
body.titan-light.replica-mode #myModal .modal-footer {
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.titan-light.replica-mode #myModal .modal-button {
  min-width: 68px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #050505 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1 !important;
}
body.titan-light.replica-mode #myModal .close {
  position: absolute !important;
  top: 10px !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #9b9b9b !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 28px !important;
}
@media (max-width: 480px) {
  body.titan-light.replica-mode #myModal.modal { padding: 16px !important; }
  body.titan-light.replica-mode #myModal .modal-content { max-width: none !important; }
}
body.titan-light.replica-mode #toast,
body.titan-light.replica-mode .replica-preview-note {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
  color: var(--titan-light-text) !important;
  box-shadow: 0 10px 32px rgba(23, 33, 47, .14) !important;
}
body.titan-light .initial-loading {
  background: var(--titan-light-page) !important;
  color: var(--titan-light-text) !important;
}
body.titan-light .initial-loading small,
body.titan-light.replica-mode .replica-pending-page {
  color: var(--titan-light-muted) !important;
}
body.titan-light.replica-mode #footer {
  background: var(--titan-light-page) !important;
  border-color: var(--titan-light-border) !important;
  color: var(--titan-light-muted) !important;
}
body.titan-light.replica-mode .theme-toggle {
  background: var(--titan-light-surface) !important;
  border-color: var(--titan-light-border-strong) !important;
  color: var(--titan-light-text) !important;
  box-shadow: 0 3px 12px rgba(23, 33, 47, .1) !important;
}

body.titan-light.replica-mode .home-section-head > p > #live-loaded-count,
body.titan-light.replica-mode .home-mobile-section-head > p > #live-loaded-count {
  background: transparent !important;
  color: var(--titan-light-text) !important;
}
body.titan-light.replica-mode .home-hero-swiper .swiper-button-prev,
body.titan-light.replica-mode .home-hero-swiper .swiper-button-next {
  background: rgba(255, 255, 255, .92) !important;
  color: var(--titan-light-text) !important;
  box-shadow: 0 4px 16px rgba(23, 33, 47, .12) !important;
}