/* TSmanhwa Black / Gold. Presentation only; artwork and semantic states stay intact. */
:root:has(body.ts-unified-theme) { color-scheme: dark; background: #0b0b0d; }
@media (min-width: 1024px) and (max-width: 1312px) and (hover: hover) and (pointer: fine) {
  body.ts-unified-theme .announcement-workspace { grid-template-columns:1fr; }
  body.ts-unified-theme .announcement-editor { position:static; }
}
/* Desktop presentation scale; touch and narrow-screen layouts retain their original size. */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  html:has(> body.ts-unified-theme) { zoom: 1.25; }
}
@media (min-width: 1024px) and (max-width: 1599px) and (hover: hover) and (pointer: fine) {
  body.ts-unified-theme[data-page-slug="index"] .topbar { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto auto; height:auto; padding:10px 12px; gap:10px; }
  body.ts-unified-theme[data-page-slug="index"] .navbar-links { grid-column:1 / -1; grid-row:2; width:100%; max-width:none; min-width:0; justify-content:center; flex-wrap:wrap; }
  body.ts-unified-theme[data-page-slug="index"] .navbar-links a { white-space:nowrap; }
  body.ts-unified-theme[data-page-slug="index"] .search-box { grid-column:2; grid-row:1; min-width:0; width:100%; max-width:none; margin:0; }
  body.ts-unified-theme[data-page-slug="index"] .navbar-logo { grid-column:1; grid-row:1; }
  body.ts-unified-theme[data-page-slug="index"] .coin-chip { grid-column:3; grid-row:1; }
  body.ts-unified-theme[data-page-slug="index"] .bell-btn { grid-column:4; grid-row:1; }
  body.ts-unified-theme[data-page-slug="index"] .navbar-auth { grid-column:5; grid-row:1; }
  body.ts-unified-theme.translator-upload-page .upload-studio-hero { grid-template-columns:1fr; }
  body.ts-unified-theme.translator-upload-page .studio-grid { grid-template-columns:minmax(380px,1fr) minmax(300px,380px); }
  body.ts-unified-theme.translator-upload-page .studio-side-stack { display:contents; }
  body.ts-unified-theme.translator-upload-page .studio-settings-card { grid-column:1 / -1; grid-row:1; }
  body.ts-unified-theme.translator-upload-page .studio-media-card { grid-column:1; grid-row:2; }
  body.ts-unified-theme.translator-upload-page .studio-preview-card { grid-column:2; grid-row:2; }
  body.ts-unified-theme.translator-upload-page .studio-order-card { grid-column:1 / -1; grid-row:3; }
  body.ts-unified-theme.translator-upload-page .studio-publish-card { grid-column:1 / -1; grid-row:4; }
  body.ts-unified-theme.translator-upload-page[data-upload-mode="zip"] .studio-grid { grid-template-columns:1fr; }
  body.ts-unified-theme:is(.ts-page-admin,.ts-page-translator) .filter-grid { grid-template-columns:minmax(0,1fr) minmax(0,150px); }
  body.ts-unified-theme:is(.ts-page-admin,.ts-page-translator) .filter-grid .filter-actions { grid-column:1 / -1; }
}
body.ts-unified-theme.ts-unified-theme {
  --ts-canvas: #0b0b0d; --ts-deep: #0b0b0d; --ts-surface: #171719; --ts-raised: #202022;
  --ts-text: #f3f0e8; --ts-muted: #b8b3a9; --ts-gold: #d6b568;
  --ts-cyan: var(--ts-gold); --ts-pink: var(--ts-gold);
  --ts-line: #303033; --ts-line-strong: #48443c; --ts-soft: #202022; --ts-soft-hover: #292723;
  --bg: #0b0b0d; --bg-nav: #111113; --bg-card: #171719; --bg-input: #111113;
  --text-1: var(--ts-text); --text-2: var(--ts-muted); --text-3: #9b968c;
  --border: var(--ts-line); --border-2: var(--ts-line-strong); --border-3: var(--ts-line);
  --hero-from: #171719; --hero-to: #202022;
  --member-panel: #171719; --member-card: #171719; --member-muted: var(--ts-muted);
  --member-line: var(--ts-line);
  --studio-accent: #d6b568; --studio-accent-2: #b99548; --studio-cyan: #d6b568; --studio-gold: #d6b568;
  --studio-panel: #171719; --studio-panel-soft: #202022; --studio-line: #303033; --studio-line-strong: #48443c;
  --cyan: #d6b568; --pink: #d6b568; --purple: #b99548; --gold: #d6b568; --accent: #d6b568;
  --index-bg: #0b0b0d; --index-bg-deep: #0b0b0d; --index-pink: #d6b568; --index-cyan: #d6b568;
  color: var(--ts-text); background: #0b0b0d !important;
  accent-color: var(--ts-gold);
}
body.ts-unified-theme :is(.profile-hub, .profile-shell, .community-shell, .public-profile-shell) {
  --profile-bg: #0b0b0d; --profile-panel: #171719; --profile-panel-strong: #202022;
  --profile-line: #303033; --profile-line-strong: #48443c; --profile-text: #f3f0e8;
  --profile-muted: #b8b3a9; --profile-cyan: #d6b568; --profile-pink: #d6b568;
  --profile-gold: #d6b568; --profile-accent: #d6b568; --profile-accent-soft: rgba(214,181,104,.12);
  --community-bg: #0b0b0d; --community-panel: #171719; --community-panel-raised: #202022;
  --community-line: #303033; --community-line-strong: #80704c; --community-text: #f3f0e8;
  --community-muted: #b8b3a9; --community-cyan: #d6b568; --community-pink: #d6b568; --community-gold: #d6b568;
}
body.ts-unified-theme.ts-unified-theme .page-wrap { background: transparent !important; }
body.ts-unified-theme.ts-unified-theme :where(button) { background: #202022 !important; color: var(--ts-text); border-color: #48443c; }
body.ts-unified-theme.ts-unified-theme :is(.community-feed-filters, .community-nav-link, .community-button, .creator-media-panel, .creator-add-blocks, .creator-editor-toolbar, .creator-readiness, .creator-readiness span, .creator-add-blocks button, .login-shell, .point-card, .action-btn, .public-profile-loading, .reader-chrome-toggle, .reader-settings-toggle, .reader-header-chapters, .topbar-search, .account-row, .announcement-dropzone, .announcement-button--quiet, .moderation-workspace, .moderation-refresh, .tool, .tool .summary) {
  background: #171719 !important; border-color: #303033 !important;
}
body.ts-unified-theme.ts-unified-theme :is(.all-series-skip, .community-skip-link, .index-skip-link) { background: #d6b568 !important; color: #15120b !important; }
body.ts-unified-theme.ts-unified-theme :is(.creator-category-picker span, .official-follow-kpis div, .announcement-status label) { background: #171719 !important; border-color: #303033 !important; }
body.ts-unified-theme.ts-unified-theme :is(.creator-category-picker input:checked + span, .announcement-status label:has(input:checked)) { background: #d6b56812 !important; border-color: #80704c !important; box-shadow: none; }
body.ts-unified-theme.ts-unified-theme :is(.creator-hero, .creator-composer-heading, .creator-content-block, .moderation-hero, .announcement-hero) { background: #171719 !important; }
body.ts-unified-theme.ts-unified-theme :is(.wallet-note, .notice-box) { background: #d6b5680c !important; color: #d6cbb1 !important; border-color: #48443c !important; }
body.ts-unified-theme.ts-unified-theme :is(.topup-kicker, #chapter-preview-count, .step b) { color: #d6b568 !important; background: #d6b5680c !important; border-color: #48443c !important; }
body.ts-unified-theme.ts-unified-theme :is(.topup-sub, .coin-pack .amount, .premium-section-head p, .premium-panel__hero p, .step div) { color: #b8b3a9 !important; }
body.ts-unified-theme.ts-unified-theme .bnav-item { color: #b8b3a9; }
body.ts-unified-theme.ts-unified-theme .bnav-item.active { color: #d6b568 !important; background: #d6b56812 !important; }
body.ts-unified-theme.ts-unified-theme :is(.all-series-search button, .browse-search button) { background: #d6b568 !important; color: #15120b !important; }
body.ts-unified-theme.ts-unified-theme .index-latest-skeleton > span:last-child { background: #202022 !important; }
body.ts-unified-theme.ts-unified-theme span.eyebrow { background: #d6b56810 !important; border-color: #80704c !important; }
body.ts-unified-theme.ts-unified-theme :is(.admin-main, .panel-box) div[style*="background:#1c1c28"],
body.ts-unified-theme.ts-unified-theme .admin-main div[style*="background:rgba(15,23,42"],
body.ts-unified-theme.ts-unified-theme .admin-main div[style*="background: rgba(15, 23, 42"] { background: #171719 !important; }
body.ts-unified-theme .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
body.ts-unified-theme.ts-unified-theme .navbar-logo .brand-mark { color: #15120b !important; background: #d6b568 !important; box-shadow: none !important; }
body.ts-unified-theme.ts-unified-theme .navbar-links a.active::after { background: #d6b568 !important; }
body.ts-unified-theme.ts-unified-theme :is(.footer, .mockup-footer) { background: transparent; color: var(--ts-muted); }
body.ts-unified-theme.ts-unified-theme :is(.topbar, .navbar, .community-topbar, .admin-header, #reader-header, #bottom-nav) {
  background: #111113 !important; border-color: var(--ts-line) !important;
  box-shadow: 0 4px 18px #0003; backdrop-filter: none !important;
}
body.ts-unified-theme.ts-unified-theme :is(
  .panel, .card, .modal-content, dialog, .community-card, .profile-card,
  .index-section, .latest-releases-panel, .all-series-masthead, .all-series-catalog,
  .series-hero, .series-release-spotlight, .series-content-panel, .series-weekly-ranking, .series-translator-card,
  .reader-settings-panel, .reader-chapter-strip, .reader-end-box, .reader-comments-card, .chapter-rating-box,
  .reader-reactions, .reader-reactions-box, .reader-comments, .reader-nav,
  .community-feed-hero, .community-published-post, .community-aside-card, .creator-story-identity,
  .profile-identity, .profile-workspace, .profile-activity-panel, .public-profile-card, .public-profile-panel,
  .premium-panel, .topup-hero, .balance-card, .login-hero, .login-card, .login-panel, .links-hero, .links-note-box,
  .admin-sidebar, .admin-panel, .form-section, .upload-section, .upload-panel, .bulk-panel, .translator-money-card,
  .member-block, .user-dropdown, .dropdown-menu, .notification-dropdown, .sidebar, .shop-panel,
  .profile-panel, .profile-tabs, .community-composer, .community-post-block--poll, .community-post-block--spoiler
) { background: #171719 !important; border-color: var(--ts-line) !important; box-shadow: 0 4px 16px #0002; }
body.ts-unified-theme.ts-unified-theme :is(
  .index-catalog-card, .chapter-card, .release-card, .community-post-card, .community-feed-card,
  .profile-tool-card, .profile-metric-card, .public-post-card, .public-work-card, .profile-row,
  .premium-plan, .coin-pack, .link-card, .noti-item, .stat-card, .kpi-card, .quick-card,
  .series-card, .chapter-row, .translator-row, .member-row, .ledger-row, .announcement-card,
  .drop-zone, .upload-card, .preview-card, .member-catalog-card, .index-continue-card,
  .index-latest-card, .history-item, .item-card, .community-post-poll__option
) { background: #171719 !important; border-color: var(--ts-line) !important; }
body.ts-unified-theme.ts-unified-theme :is(input, select, textarea, .table-wrap, .data-table-wrap, th) {
  background-color: #111113 !important; color: var(--ts-text); border-color: var(--ts-line-strong);
}
body.ts-unified-theme.ts-unified-theme :is(input, textarea)::placeholder { color: #a8a298; }
body.ts-unified-theme.ts-unified-theme :is(input, select, textarea):focus {
  border-color: var(--ts-gold); box-shadow: 0 0 0 3px #d6b56824;
}
body.ts-unified-theme.ts-unified-theme :is(.muted, .subtitle, .meta, .hint, .helper, .panel-sub, .empty) { color: var(--ts-muted); }
body.ts-unified-theme.ts-unified-theme :is(
  .btn-primary, .btn-main, .btn-cyan, .cta-btn, .primary, [data-primary-action],
  .premium-buy-button, .community-button--primary, .reader-comment-submit, .submit-btn, .save-btn,
  .login-btn, .btn-submit, .btn-save, .open-link-btn
) { background: #d6b568 !important; color: #15120b !important; border-color: #d6b568 !important; box-shadow: none !important; }
body.ts-unified-theme.ts-unified-theme :is(.btn-outline, .btn-secondary, .btn-dark, .copy-btn, .contact-link, .reader-nav-btn, .reader-end-link) {
  background: #202022 !important; color: var(--ts-text); border-color: #48443c !important;
}
body.ts-unified-theme.ts-unified-theme :is(.sidebar-item.active, .navbar-links a.active, .community-nav a.active, .tab-btn.active, [aria-selected="true"]) {
  background: #d6b56815 !important; color: var(--ts-gold) !important; border-color: #80704c !important; box-shadow: none;
}
body.ts-unified-theme.ts-unified-theme :is(
  .navbar-logo span, .logo span, .brand span, .member-eyebrow, .eyebrow, .section-eyebrow,
  .index-latest-overlay b, .chapter-number, .chapter-num, .index-continue-action,
  .profile-eyebrow, .community-eyebrow, .community-post-block__eyebrow
) { color: var(--ts-gold) !important; }
body.ts-unified-theme.ts-unified-theme :is(.navbar-logo, .logo, .brand) { background-image: none; }
body.ts-unified-theme.ts-unified-theme :is(.index-latest-new, .new-badge, .chapter-new-badge) {
  background: #d6b568 !important; color: #15120b !important; box-shadow: none !important; animation: none !important;
}
body.ts-unified-theme.ts-unified-theme :is(.index-latest-card.is-new)::before { content: none !important; }
body.ts-unified-theme.ts-unified-theme :is(.member-chapter-row) {
  background: #202022 !important; border-color: #363638 !important;
}
body.ts-unified-theme.ts-unified-theme :is(.member-chapter-row:first-child) {
  background: #d6b5680c !important; border-color: #80704c !important;
}
body.ts-unified-theme.ts-unified-theme :is(.member-chapter-meta.free, .member-chapter-price.free, .index-continue-action, .member-chapter-new) { color: var(--ts-gold) !important; }
body.ts-unified-theme.ts-unified-theme .index-latest-overlay { background: linear-gradient(transparent, #080809f5); }
body.ts-unified-theme.ts-unified-theme :is(.reader-canvas, #reader-content) { background: #0b0b0d; }
body.ts-unified-theme.ts-unified-theme .reader-page-image {
  filter: none !important; transform: none !important; animation: none !important; box-shadow: none !important;
}
body.ts-unified-theme.ts-unified-theme :focus-visible { outline: 2px solid #d6b568; outline-offset: 3px; }
/* Preserve meaningful red/green feedback instead of making every state gold. */
body.ts-unified-theme.ts-unified-theme :is(.danger, .btn-danger, .status-error, [data-status="error"], [aria-invalid="true"]) {
  color: #ffb4b4 !important; border-color: #b25353 !important;
}
body.ts-unified-theme.ts-unified-theme :is(.status-success, [data-status="success"]) { color: #8cdbad !important; }
/* Staff upload/financial workspaces have their own legacy presentation classes. */
body.ts-unified-theme.ts-unified-theme :is(.upload-studio-hero, .panel-box, .studio-publish-card, .studio-media-card, .studio-preview-card, .upload-step, .price-box, .scheduled-free-box, .publish-step, .pdf-review, .upload-mode-tabs, .img-item, .chapter-preview-empty, .chapter-order-row, .account-box, .topup-summary, .premium-panel__hero, .premium-balance) {
  background: #171719 !important; border-color: #303033 !important; box-shadow: none !important;
}
body.ts-unified-theme.ts-unified-theme :is(.upload-studio-hero)::after { content: none; }
body.ts-unified-theme.ts-unified-theme :is(.studio-eyebrow, .studio-preview-kicker, .studio-step-index, .studio-secure-badge, .drop-zone-icon, .premium-panel__eyebrow) { color: #d6b568 !important; border-color: #80704c !important; background: #d6b5680c; }
body.ts-unified-theme.ts-unified-theme :is(.upload-step.is-active > span, .studio-eyebrow)::before { background: #d6b568 !important; }
body.ts-unified-theme.ts-unified-theme :is(.upload-step.is-active > span, .upload-progress-bar, #save-btn, #btn-save, #publish-btn) { background: #d6b568 !important; color: #15120b !important; box-shadow: none !important; }
body.ts-unified-theme.ts-unified-theme :is(.radio-label:has(input:checked), .upload-step.is-active, .upload-mode-tab.active) { background: #d6b56812 !important; border-color: #80704c !important; }
body.ts-unified-theme.ts-unified-theme input:is([type="checkbox"], [type="radio"]) { accent-color: #d6b568 !important; }
body.ts-unified-theme.ts-unified-theme :is(.studio-panel-title small, .drop-zone-sub, .studio-preview-head p, .upload-step small, .form-label, .form-row > label) { color: #b8b3a9 !important; }

/* Compact index, matching the approved PC/mobile composition. */
/* Reading pages also arrive as origin-rendered pretty URLs with page-local palettes. */
body.ts-unified-theme[data-page-slug="series"] {
  --series-bg:#0b0b0d; --series-surface:#171719; --series-surface-soft:#202022; --series-surface-hover:#292723;
  --series-line:#303033; --series-line-strong:#48443c; --series-text:#f3f0e8; --series-muted:#b8b3a9;
  --series-cyan:#d6b568; --series-pink:#d6b568; --series-gold:#d6b568;
  --accent-cyan:#d6b568; --panel:#171719; --panel-2:#202022;
}
body.ts-unified-theme[data-page-slug="series"] :is(.series-backdrop,.series-backdrop-shade) { background:#0b0b0d !important; }
body.ts-unified-theme[data-page-slug="series"] :is(.series-cover-card,.series-cover-fallback,.chapter-thumb,.weekly-rank-cover,.continue-card,.tab-bar,.series-facts,.rating-wrap,.series-translator,.translator-avatar-fallback) { background:#202022 !important; border-color:#48443c; }
body.ts-unified-theme[data-page-slug="series"] :is(.series-release-button,.btn-read,.chapter-filter-btn.active,.chapter-sort-btn.active) { background:#d6b568 !important; color:#15120b !important; }
body.ts-unified-theme[data-page-slug="series"] :is(.translator-follow-btn,.continue-card,.series-about-link) { border-color:#80704c !important; color:#d6b568; }
body.ts-unified-theme[data-page-slug="series"] .footer { background:#111113 !important; }
body.ts-unified-theme[data-page-slug="series"] :is(.icon-pill,.avatar-btn) { background:#202022 !important; border-color:#48443c !important; color:#d6b568; }
body.ts-unified-theme[data-page-slug="reader"] .reader-chapter-navigation { background:#171719 !important; border-color:#48443c !important; }
body.ts-unified-theme[data-page-slug="reader"] :is(.reader-login-comment-link,.reader-status-chip.progress) { background:#d6b568 !important; color:#15120b !important; }
body.ts-unified-theme[data-page-slug="reader"] :is(.reader-empty-card,.reader-loading-card,.reader-protection-lock,.reader-page-skeleton,.reader-chapter-drawer-panel,.reader-image-load-summary-inner,.gate-box,.gate-meter,.community-reactions,.reader-comment-row,.reader-login-comment,#continue-toast) { background:#171719 !important; border-color:#48443c !important; }
body.ts-unified-theme[data-page-slug="reader"] :is(.reader-page-wrap,.reader-page-error) { background:#0b0b0d !important; }
body.ts-unified-theme[data-page-slug="reader"] :is(#read-progress-bar,.reader-loading-dot,.gate-btn,.reader-setting-btn.active,.reader-nav-btn.primary,#reader-protection-retry) { background:#d6b568 !important; color:#15120b !important; box-shadow:none !important; }
body.ts-unified-theme[data-page-slug="reader"] :is(.reader-chapter-item.active,.community-reaction[aria-pressed="true"],.gate-link,.reader-fullscreen-toggle) { background:#d6b56812 !important; color:#d6b568 !important; border-color:#80704c !important; }
body.ts-unified-theme[data-page-slug="reader"] :is(#chapter-select,.reader-comment-input,.reader-reply-input) { background:#111113 !important; border-color:#48443c !important; }
body.ts-unified-theme[data-page-slug="reader"] :is(.reader-strip-label,.reader-chapter-pill,.reader-comment-action,.rating-my,.gate-balance,.reader-comments-more) { color:#d6b568 !important; }
body.ts-unified-theme[data-page-slug="reader"] :is(.reader-end-box p,.gate-sub,.gate-meter>span,.community-reactions__status,.reader-chapter-item-meta,.reader-comment-time,.rating-avg,.rating-login-hint,.chapter-rating-box .sub) { color:#b8b3a9; }
body.ts-unified-theme[data-page-slug="index"] .mockup-home-shell.index-unified-home {
  width: calc(100% - 40px); max-width: 1800px; margin-inline: auto; gap: 0; padding-top: 0;
}
body.ts-unified-theme[data-page-slug="index"] .topbar { width: calc(100% - 40px); max-width: 1800px; margin-inline: auto; border-radius: 0; }
body.ts-unified-theme[data-page-slug="index"] .index-home-section { margin-block: 24px; }
body.ts-unified-theme[data-page-slug="index"] .index-reveal { opacity: 1; transform: none; animation: none !important; }
body.ts-unified-theme[data-page-slug="index"] .member-catalog-cover { background: #202022 !important; }
body.ts-unified-theme[data-page-slug="index"] .index-home-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
body.ts-unified-theme[data-page-slug="index"] .index-home-section-head > a { color: var(--ts-muted); white-space: nowrap; }
body.ts-unified-theme[data-page-slug="index"] .index-home-section-head :is(.member-eyebrow, p) { display: none; }
body.ts-unified-theme[data-page-slug="index"] .index-home-section-head h2 { font-size: 24px; line-height: 1.3; margin: 0; }
body.ts-unified-theme[data-page-slug="index"] .index-catalog-panel { padding: 0; border: 0; background: transparent; box-shadow: none; }
body.ts-unified-theme[data-page-slug="index"] .index-latest-track { grid-auto-columns: calc((100% - 70px) / 6); gap: 14px; }
body.ts-unified-theme[data-page-slug="index"] .index-latest-card { border-radius: 12px; aspect-ratio: 3 / 4; }
body.ts-unified-theme[data-page-slug="index"] .index-latest-overlay { padding: 38px 10px 10px; gap: 2px; }
body.ts-unified-theme[data-page-slug="index"] .index-latest-overlay strong { font-size: 14px; }
body.ts-unified-theme[data-page-slug="index"] .index-continue-grid {
  display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: calc((100% - 28px) / 3);
  gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
}
body.ts-unified-theme[data-page-slug="index"] .index-continue-card { display: grid; grid-template-columns: 64px minmax(0,1fr); min-height: 88px; border-radius: 12px; }
body.ts-unified-theme[data-page-slug="index"] .index-continue-cover { width: 64px; height: 100%; aspect-ratio: 3 / 4; }
body.ts-unified-theme[data-page-slug="index"] .index-continue-chapter { display: none; }
body.ts-unified-theme[data-page-slug="index"] .index-continue-copy { padding: 8px 10px; gap: 4px; justify-content: center; }
body.ts-unified-theme[data-page-slug="index"] .index-continue-copy::after { content: 'อ่านต่อ →'; color: var(--ts-gold); font-size: 12px; }
body.ts-unified-theme[data-page-slug="index"] .cover-fallback { background: #202022 !important; color: var(--ts-muted); }
body.ts-unified-theme[data-page-slug="index"] .index-continue-title { font-size: 14px; min-height: 0; -webkit-line-clamp: 1; }
body.ts-unified-theme[data-page-slug="index"] .index-continue-progress-copy { display: none; }
body.ts-unified-theme[data-page-slug="index"] .index-continue-copy i { background: #d6b568 !important; }
body.ts-unified-theme[data-page-slug="index"] .member-catalog-grid { gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); }
body.ts-unified-theme[data-page-slug="index"] .member-catalog-card { grid-template-columns: 3fr 4fr; aspect-ratio: 7 / 4; border-radius: 12px; }
body.ts-unified-theme[data-page-slug="index"] .member-catalog-cover { aspect-ratio: 3 / 4; border-radius: 11px 0 0 11px; }
body.ts-unified-theme[data-page-slug="index"] .member-catalog-body { padding: 5px 6px; }
body.ts-unified-theme[data-page-slug="index"] .member-chapter-list { display: grid; grid-auto-rows: minmax(0,1fr); gap: 4px; height: 100%; }
body.ts-unified-theme[data-page-slug="index"] .member-chapter-row { min-width: 0; min-height: 0; padding: 3px 6px; border-radius: 8px; }
body.ts-unified-theme[data-page-slug="index"] .member-chapter-row strong { font-size: 12px; }
body.ts-unified-theme[data-page-slug="index"] .member-chapter-row small { font-size: 10px; }
@media (max-width: 1199px) and (min-width: 781px) {
  body.ts-unified-theme[data-page-slug="index"] .index-latest-track { grid-auto-columns: calc((100% - 42px) / 4); }
  body.ts-unified-theme[data-page-slug="index"] .member-catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body.ts-unified-theme[data-page-slug="index"] .index-continue-grid { grid-auto-columns: calc((100% - 14px) / 2); }
}
@media (max-width: 780px) {
  body.ts-unified-theme[data-page-slug="index"] .topbar { height: auto; min-height: 0; flex-wrap: wrap; padding: 10px 12px; gap: 8px; }
  body.ts-unified-theme[data-page-slug="index"] .search-box { order: 10; flex: 1 0 100%; width: 100%; height: 40px; margin: 0; padding: 0 8px; }
  body.ts-unified-theme[data-page-slug="index"] .search-box input { position: static; clip: auto; width: 100%; height: 38px; min-width: 0; padding: 0 4px; }
  body.ts-unified-theme[data-page-slug="index"] .search-box button { flex: 0 0 36px; }
  body.ts-unified-theme[data-page-slug="index"] .brand-word { display: inline; font-size: 16px; }
  body.ts-unified-theme[data-page-slug="index"] .navbar-logo { gap: 6px; }
  body.ts-unified-theme[data-page-slug="index"] :is(.mockup-home-shell.index-unified-home, .topbar) { width: calc(100% - 24px); }
  body.ts-unified-theme[data-page-slug="index"] .index-latest-track { grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; }
  body.ts-unified-theme[data-page-slug="index"] .index-home-section { margin-block: 20px; }
  body.ts-unified-theme[data-page-slug="index"] .index-home-section-head h2 { font-size: 21px; }
  body.ts-unified-theme[data-page-slug="index"] .index-continue-grid { grid-auto-columns: 100%; }
  body.ts-unified-theme[data-page-slug="index"] .member-catalog-grid { grid-template-columns: 1fr; gap: 12px; }
  body.ts-unified-theme[data-page-slug="index"] .member-chapter-row { padding: 4px 8px; }
  body.ts-unified-theme[data-page-slug="index"] .member-chapter-row strong { font-size: 14px; }
  body.ts-unified-theme[data-page-slug="index"] .member-chapter-row small { font-size: 11px; }
}
@media (max-width: 580px) {
  body.ts-unified-theme[data-page-slug="index"] .index-catalog-panel .index-home-section-head { flex-wrap: wrap; }
  body.ts-unified-theme[data-page-slug="index"] .index-catalog-panel .index-home-section-head > label { width: 100%; }
  body.ts-unified-theme[data-page-slug="index"] #member-catalog-search { width: 100%; }
}
@media (max-width: 360px) {
  body.ts-unified-theme[data-page-slug="index"] .brand-word { display: none; }
}
@media (min-width: 581px) and (max-width: 780px) {
  body.ts-unified-theme[data-page-slug="index"] .member-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
/* Match the narrower effective desktop layout at 125%, as browser zoom would. */
@media (min-width: 1024px) and (max-width: 1499px) and (hover: hover) and (pointer: fine) {
  body.ts-unified-theme[data-page-slug="index"] .index-latest-track { grid-auto-columns:calc((100% - 42px) / 4); }
  body.ts-unified-theme[data-page-slug="index"] .member-catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.ts-unified-theme[data-page-slug="index"] .index-continue-grid { grid-auto-columns:calc((100% - 14px) / 2); }
}
/* Mobile currency uses a deterministic gold graphic, not the platform emoji font. */
body.ts-unified-theme .ts-coin,
body.ts-unified-theme .ts-coin-emoji { font-style: normal; }
body.ts-unified-theme .ts-gold-coin { display:none; }
@media (max-width:768px) {
  body.ts-unified-theme #bottom-nav { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  body.ts-unified-theme #bottom-nav .bnav-label { font-size:11px; }
  body.ts-unified-theme #bottom-nav [data-page="shop"] .bnav-icon { color:#e8be52; }
  body.ts-unified-theme .ts-coin-emoji { display:none !important; }
  body.ts-unified-theme .ts-gold-coin {
    display:inline-block !important; width:1.1em; height:1.1em; vertical-align:-.14em;
    background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23e6b844' stroke='%239d6b14'/%3E%3Ccircle cx='12' cy='12' r='8.3' fill='%23f7d879' stroke='%23b78220'/%3E%3Cpath d='M5 9a8 8 0 0 1 9-5' fill='none' stroke='%23fff0b3' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='m12 6 1.8 3.7 4.1.6-3 2.9.7 4.1-3.6-1.9-3.6 1.9.7-4.1-3-2.9 4.1-.6Z' fill='%23ba8120'/%3E%3C/svg%3E");
  }
}
/* Small, finite interactions. No reader-page animation or persistent animation layers. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body.ts-unified-theme.ts-unified-theme :is(.member-catalog-card, .index-latest-card, .index-continue-card):hover {
    transform: translateY(-2px); border-color: #80704c !important; box-shadow: 0 5px 14px #0004;
  }
  body.ts-unified-theme :is(.member-catalog-cover, .index-latest-card) img { transition: transform 200ms ease; }
  body.ts-unified-theme :is(.member-catalog-cover, .index-latest-card):hover img { transform: scale(1.025); }
}
body.ts-unified-theme :is(.member-catalog-card, .index-latest-card, .index-continue-card) { transition: transform 200ms ease, border-color 180ms ease; }
body.ts-unified-theme :is(button, .btn, .member-chapter-row):not(:disabled):active { transform: scale(.98); }
@media (prefers-reduced-motion: reduce) {
  body.ts-unified-theme *, body.ts-unified-theme *::before, body.ts-unified-theme *::after {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
  body.ts-unified-theme [data-ts-reveal] { opacity: 1 !important; transform: none !important; }
}