:root {
  --theme-bg: #09090b;
  --theme-bg-raised: #111114;
  --theme-surface: #18181b;
  --theme-surface-alt: #131316;
  --theme-surface-hover: #202024;
  --theme-text: #f4f4f5;
  --theme-heading: #fff;
  --theme-text-secondary: #a1a1aa;
  --theme-text-muted: #71717a;
  --theme-link: #ff8a3d;
  --theme-link-hover: #ffad75;
  --theme-border: #2f2f34;
  --theme-border-strong: #3f3f46;
  --theme-accent: #c2410c;
  --theme-accent-hover: #9a3412;
  --theme-accent-soft: #f973161f;
  --theme-accent-text: #fff;
  --theme-info: #38bdf8;
  --theme-success: #22c55e;
  --theme-warning: #f59e0b;
  --theme-danger: #ef4444;
  --theme-shadow: #00000059;
  --theme-overlay: #000000b8;
  --theme-header-bg: #111114f2;
  --theme-footer-bg: #0d0d10;
  --theme-input-bg: #111114;
  --theme-input-text: #f4f4f5;
  --theme-input-placeholder: #71717a;
  --theme-reader-bg: #050506;
  --theme-focus-ring: #f9731699;
  --theme-selection: #f973164d;
  --theme-radius-sm: 12px;
  --theme-radius-md: 18px;
  --theme-radius-lg: 28px;
  --theme-glass-blur: 18px;
  --theme-control-height: 42px;
  --theme-header-height: 64px;
  --theme-content-max-width: 1440px;
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
  background: var(--theme-bg);
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--theme-accent) 8%, transparent), transparent 38%),
    var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

:where(
  .home-shell,
  .library-page,
  .social-page,
  .forum-page,
  .help-page,
  .notifications-page,
  .leaderboard-page,
  .settings-page-shell,
  .social-document,
  .moderation-app,
  .entity-editor,
  main.page
) {
  max-width: var(--theme-content-max-width);
  margin-inline: auto;
}

html[data-theme="light"] body,
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] button {
  color: var(--theme-text);
}

html[data-theme="light"] ::selection {
  background: var(--theme-selection);
  color: var(--theme-heading);
}

html[data-theme="light"] :where(a:not([class]), .link, [data-link]) {
  color: var(--theme-link);
}

html[data-theme="light"] :where(a:not([class]), .link, [data-link]):hover {
  color: var(--theme-link-hover);
}

html[data-theme="light"] :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--theme-focus-ring) !important;
  outline-offset: 2px;
}

html[data-theme="light"] :where(input, textarea, select) {
  border-color: var(--theme-border) !important;
  background: var(--theme-input-bg) !important;
  color: var(--theme-input-text) !important;
}

html[data-theme="light"] :where(input, textarea)::placeholder {
  color: var(--theme-input-placeholder) !important;
  opacity: 1;
}

html[data-theme="light"] .fukurou-header,
html[data-theme="light"] .site-header,
html[data-theme="light"] .header,
html[data-theme="light"] body #page-root > header:empty {
  min-height: var(--theme-header-height);
  border-color: var(--theme-border) !important;
  background: var(--theme-header-bg) !important;
  box-shadow: 0 10px 35px var(--theme-shadow);
}

html[data-theme="light"] .fukurou-brand-link,
html[data-theme="light"] .fukurou-brand-link:hover,
html[data-theme="light"] .fukurou-main-nav a,
html[data-theme="light"] .fukurou-more-trigger,
html[data-theme="light"] .site-footer,
html[data-theme="light"] footer.site-footer {
  color: var(--theme-text) !important;
}

html[data-theme="light"] .fukurou-more-menu,
html[data-theme="light"] .fukurou-search-popover,
html[data-theme="light"] .fukurou-profile-menu,
html[data-theme="light"] .fukurou-user-menu,
html[data-theme="light"] [class*="dropdown"],
html[data-theme="light"] [class*="popover"] {
  border-color: var(--theme-border) !important;
  background: var(--theme-bg-raised) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 22px 60px var(--theme-shadow) !important;
}

html[data-theme="light"] .fukurou-notification-link,
html[data-theme="light"] .fukurou-theme-toggle,
html[data-theme="light"] .fukurou-search-trigger,
html[data-theme="light"] .fukurou-search-tab,
html[data-theme="light"] .fukurou-search,
html[data-theme="light"] .fukurou-main-nav .fukurou-more-menu a {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .fukurou-notification-badge {
  border-color: var(--theme-bg-raised);
}

html[data-theme="light"] .fukurou-search-result,
html[data-theme="light"] .fukurou-main-nav .fukurou-more-menu a:hover,
html[data-theme="light"] .fukurou-search-result:hover {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .fukurou-search-result:hover,
html[data-theme="light"] .fukurou-main-nav .fukurou-more-menu a:hover {
  background: var(--theme-surface-hover) !important;
}
html[data-theme="light"] .fukurou-main-nav .fukurou-more-menu a:not(.is-active):not(:hover) {
  border-color: transparent !important;
  background: transparent !important;
}

html[data-theme="light"] .fukurou-search-tab.is-active,
html[data-theme="light"] .fukurou-login-link,
html[data-theme="light"] .save-button,
html[data-theme="light"] .primary-button,
html[data-theme="light"] .button.primary,
html[data-theme="light"] button.primary {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
}

html[data-theme="light"] .fukurou-login-link:hover,
html[data-theme="light"] .save-button:hover,
html[data-theme="light"] .primary-button:hover,
html[data-theme="light"] .button.primary:hover {
  background: var(--theme-accent-hover) !important;
}

html[data-theme="light"] .glass,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .settings-category,
html[data-theme="light"] .title-review-form,
html[data-theme="light"] .title-review-card,
html[data-theme="light"] .reader-comments-surface,
html[data-theme="light"] .reader-comments-panel,
html[data-theme="light"] .comment-card,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .library-card,
html[data-theme="light"] .forum-card,
html[data-theme="light"] .collection-card,
html[data-theme="light"] .review-card,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .dialog-content {
  border-color: var(--theme-border) !important;
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 18px 48px var(--theme-shadow) !important;
}

html[data-theme="light"] .settings-field,
html[data-theme="light"] .secondary-link,
html[data-theme="light"] .appearance-tab,
html[data-theme="light"] .appearance-item,
html[data-theme="light"] .appearance-item-action,
html[data-theme="light"] .block-range,
html[data-theme="light"] .session-row,
html[data-theme="light"] .email-current,
html[data-theme="light"] .security-state,
html[data-theme="light"] .comment-input-container,
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: var(--theme-text-muted) !important;
}

html[data-theme="light"] .text-white,
html[data-theme="light"] .text-zinc-50,
html[data-theme="light"] .text-zinc-100,
html[data-theme="light"] .text-gray-50,
html[data-theme="light"] .text-gray-100 {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .text-zinc-300,
html[data-theme="light"] .text-zinc-400,
html[data-theme="light"] .text-gray-300,
html[data-theme="light"] .text-gray-400 {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .text-zinc-500,
html[data-theme="light"] .text-zinc-600,
html[data-theme="light"] .text-gray-500,
html[data-theme="light"] .text-gray-600 {
  color: var(--theme-text-muted) !important;
}

html[data-theme="light"] .bg-black,
html[data-theme="light"] .bg-zinc-950,
html[data-theme="light"] .bg-neutral-950,
html[data-theme="light"] .bg-gray-950 {
  background-color: var(--theme-bg) !important;
}
html[data-theme="light"] .bg-zinc-900,
html[data-theme="light"] .bg-neutral-900,
html[data-theme="light"] .bg-gray-900,
html[data-theme="light"] .bg-zinc-800,
html[data-theme="light"] .bg-neutral-800,
html[data-theme="light"] .bg-gray-800 {
  background-color: var(--theme-surface) !important;
}

html[data-theme="light"] .border-white\/10,
html[data-theme="light"] .border-white\/5,
html[data-theme="light"] .border-zinc-700,
html[data-theme="light"] .border-zinc-800,
html[data-theme="light"] .border-gray-700,
html[data-theme="light"] .border-gray-800 {
  border-color: var(--theme-border) !important;
}

html[data-theme="light"] .field-note,
html[data-theme="light"] .session-meta,
html[data-theme="light"] .email-current-note,
html[data-theme="light"] .appearance-copy span,
html[data-theme="light"] .block-range-note,
html[data-theme="light"] .appearance-item-meta,
html[data-theme="light"] .fukurou-search-group-title,
html[data-theme="light"] .muted,
html[data-theme="light"] small {
  color: var(--theme-text-muted) !important;
}

html[data-theme="light"] .title-taxonomy-list .title-tag,
html[data-theme="light"] .title-taxonomy-more {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .title-taxonomy-list .title-tag:hover,
html[data-theme="light"] .title-taxonomy-more:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 40%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}

html[data-theme="light"] .hero-overlay {
  background: linear-gradient(to bottom, rgba(5, 7, 11, .18) 0%, rgba(5, 7, 11, .72) 58%, rgba(5, 7, 11, .96) 100%) !important;
}

html[data-theme="light"] .site-footer,
html[data-theme="light"] footer.site-footer {
  border-color: var(--theme-border) !important;
  background: var(--theme-footer-bg) !important;
}

html[data-theme="light"] .reader-toolbar,
html[data-theme="light"] .reader-settings-panel,
html[data-theme="light"] .reader-comments-overlay,
html[data-theme="light"] .reader-comments-panel-scroll {
  border-color: var(--theme-border) !important;
  background: var(--theme-bg-raised) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] body:has(.reader-toolbar) {
  background-color: var(--theme-reader-bg) !important;
}

html[data-theme="light"] .reader-comment-scope-switch.is-inside-panel,
html[data-theme="light"] .reader-comment-scope-switch.is-inside-panel button {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .reader-comment-scope-switch.is-inside-panel button.is-active {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}

html[data-theme="light"] :focus-visible {
  outline-color: var(--theme-accent) !important;
}

html[data-theme="light"] ::selection {
  background: var(--theme-accent-soft);
  color: var(--theme-text);
}

html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--theme-border-strong);
}
html[data-theme="light"] ::-webkit-scrollbar-track {
  background: var(--theme-bg);
}

@media (max-width: 760px) {
  html[data-theme="light"] .fukurou-header {
    box-shadow: 0 8px 26px var(--theme-shadow);
  }
}

/* Fukurou Light 2 — deliberate component palette, not a blanket inversion. */
html[data-theme="light"] body {
  background:
    radial-gradient(circle at 50% -12%, color-mix(in srgb, var(--theme-accent) 7%, transparent), transparent 32%),
    linear-gradient(180deg, var(--theme-surface-alt) 0, var(--theme-bg) 260px) !important;
}

html[data-theme="light"] main {
  color: var(--theme-text);
}

/* Keep media-led hero areas cinematic in both themes. */
html[data-theme="light"] .featured-hero,
html[data-theme="light"] .production-hero,
html[data-theme="light"] #hero.hero-bg,
html[data-theme="light"] .has-title-backdrop {
  color: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .featured-hero-title,
html[data-theme="light"] .featured-hero-description,
html[data-theme="light"] .production-hero-meta,
html[data-theme="light"] .production-hero-meta strong,
html[data-theme="light"] #hero .text-white,
html[data-theme="light"] #hero .text-zinc-50,
html[data-theme="light"] #hero .text-zinc-100,
html[data-theme="light"] #hero .text-zinc-300,
html[data-theme="light"] #hero .text-zinc-400 {
  color: inherit !important;
}
html[data-theme="light"] .featured-hero-description,
html[data-theme="light"] .production-hero-meta {
  color: rgba(241, 245, 249, .78) !important;
}
html[data-theme="light"] .production-hero-meta strong {
  color: var(--theme-accent-text) !important;
}
html[data-theme="light"] .production-hero-source {
  color: color-mix(in srgb, var(--theme-link) 68%, var(--theme-accent-text)) !important;
}
html[data-theme="light"] .production-hero::before,
html[data-theme="light"] .featured-hero::before {
  background: linear-gradient(90deg, rgba(4, 5, 8, .97) 0%, rgba(4, 5, 8, .88) 42%, rgba(4, 5, 8, .44) 73%, rgba(4, 5, 8, .66) 100%) !important;
}
html[data-theme="light"] .production-hero::after,
html[data-theme="light"] .featured-hero::after {
  background:
    linear-gradient(0deg, rgba(4, 5, 8, .92), transparent 58%),
    linear-gradient(180deg, rgba(4, 5, 8, .05), rgba(4, 5, 8, .3)) !important;
}
html[data-theme="light"] .home-hero-collection {
  border-color: color-mix(in srgb, var(--theme-surface) 82%, transparent) !important;
  background: rgba(8, 10, 15, .5) !important;
  color: var(--theme-surface-alt) !important;
  backdrop-filter: blur(12px);
}
html[data-theme="light"] .home-hero-collection:hover,
html[data-theme="light"] .home-hero-collection.is-active {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent) !important;
  color: #17181c !important;
  box-shadow: none !important;
}

/* Home canvas and primary sections. */
html[data-theme="light"] .home-shell {
  border-color: var(--theme-border) !important;
  background: var(--theme-bg-raised) !important;
  box-shadow: 0 24px 70px var(--theme-shadow) !important;
}
html[data-theme="light"] .home-top-content,
html[data-theme="light"] .home-content-layout {
  background: var(--theme-bg-raised);
}
html[data-theme="light"] .reading-trends-panel,
html[data-theme="light"] .home-rating-panel,
html[data-theme="light"] .production-updates,
html[data-theme="light"] .sidebox,
html[data-theme="light"] .home-comments-panel {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 12px 34px var(--theme-shadow) !important;
}
html[data-theme="light"] .reading-trends-title,
html[data-theme="light"] .home-continue-head h2,
html[data-theme="light"] .home-rating-head h2,
html[data-theme="light"] .production-updates-head h2,
html[data-theme="light"] .home-content-main h2 {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .home-continue-head p,
html[data-theme="light"] .production-updates-head p,
html[data-theme="light"] .production-updates-head > a,
html[data-theme="light"] .home-continue-head > a,
html[data-theme="light"] .section-title {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .home-continue-head > a:hover,
html[data-theme="light"] .production-updates-head > a:hover {
  color: var(--theme-accent-hover) !important;
}

/* "Сейчас читают": quiet columns, clear typography, no white tiles inside grey fog. */
html[data-theme="light"] .reading-trend-column {
  border: 1px solid color-mix(in srgb, var(--theme-border) 72%, transparent) !important;
  background: var(--theme-surface-alt) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .reading-trend-column-title {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reading-trend-card {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--theme-text) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .reading-trend-card:hover {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
}
html[data-theme="light"] .reading-trend-name {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .reading-trend-card:hover .reading-trend-name {
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .reading-trend-meta,
html[data-theme="light"] .reading-trends-loading {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .reading-trend-cover {
  background: var(--theme-border) !important;
  box-shadow: 0 7px 18px var(--theme-shadow) !important;
}
html[data-theme="light"] .reading-trend-card:hover .reading-trend-cover {
  box-shadow: 0 10px 24px var(--theme-shadow) !important;
}
html[data-theme="light"] .reading-period-toggle {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reading-period-toggle:hover,
html[data-theme="light"] .reading-period.is-open .reading-period-toggle {
  border-color: var(--theme-border-strong) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .reading-period-menu {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 14px 38px var(--theme-shadow) !important;
}
html[data-theme="light"] .reading-period-option {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reading-period-option:hover {
  background: var(--theme-surface-hover) !important;
  color: var(--theme-text) !important;
}

/* Home cards. */
html[data-theme="light"] .home-continue-item,
html[data-theme="light"] .home-review-card,
html[data-theme="light"] .home-collection-card,
html[data-theme="light"] .home-comment-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 8px 24px var(--theme-shadow) !important;
}
html[data-theme="light"] .home-continue-item:hover,
html[data-theme="light"] .home-review-card:hover,
html[data-theme="light"] .home-collection-card:hover,
html[data-theme="light"] .home-comment-card:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 36%, var(--theme-border)) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 14px 34px var(--theme-shadow) !important;
}
html[data-theme="light"] .home-continue-name,
html[data-theme="light"] .home-review-headline,
html[data-theme="light"] .home-review-author,
html[data-theme="light"] .home-collection-title,
html[data-theme="light"] .home-collection-author span,
html[data-theme="light"] .home-rating-user strong,
html[data-theme="light"] .home-update-title {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .home-continue-chapter,
html[data-theme="light"] .home-review-text,
html[data-theme="light"] .home-collection-description,
html[data-theme="light"] .home-collection-stats,
html[data-theme="light"] .home-rating-user span,
html[data-theme="light"] .home-rating-value span,
html[data-theme="light"] .home-update-meta,
html[data-theme="light"] .home-comment-empty,
html[data-theme="light"] .home-continue-empty,
html[data-theme="light"] .home-continue-guest p {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .home-review-footer,
html[data-theme="light"] .home-collection-footer {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .home-collection-cover-stage {
  background:
    radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--theme-accent) 14%, transparent), transparent 54%),
    linear-gradient(180deg, var(--theme-surface-alt), var(--theme-surface-alt)) !important;
}
html[data-theme="light"] .home-collection-cover {
  border-color: color-mix(in srgb, var(--theme-surface) 82%, transparent) !important;
  background: var(--theme-border) !important;
  box-shadow: 0 9px 20px var(--theme-shadow) !important;
}
html[data-theme="light"] .home-continue-progress {
  background: var(--theme-border) !important;
}
html[data-theme="light"] .home-continue-empty,
html[data-theme="light"] .home-continue-guest {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .home-continue-guest strong {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .home-rating-row:hover,
html[data-theme="light"] .home-update-card:hover {
  background: var(--theme-surface-hover) !important;
}
html[data-theme="light"] .home-rating-row:nth-child(2) .home-rating-rank {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .home-panel-action {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .home-panel-action:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 40%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .production-updates .home-update-card {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Loading states should read as loading, not disabled content. */
html[data-theme="light"] .home-hero-skeleton {
  background: linear-gradient(90deg, color-mix(in srgb, var(--theme-surface) 82%, transparent), color-mix(in srgb, var(--theme-surface) 82%, transparent), color-mix(in srgb, var(--theme-surface) 82%, transparent)) !important;
  background-size: 220% 100% !important;
}
html[data-theme="light"] .skeleton,
html[data-theme="light"] .loading-placeholder {
  background: linear-gradient(90deg, var(--theme-border) 25%, var(--theme-surface-alt) 50%, var(--theme-border) 75%) !important;
  background-size: 220% 100% !important;
}

/* Footer belongs to the light canvas instead of becoming a dark afterthought. */
html[data-theme="light"] .site-footer,
html[data-theme="light"] footer.site-footer {
  border-color: var(--theme-border) !important;
  background: var(--theme-footer-bg) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 -1px 0 var(--theme-shadow) !important;
}
html[data-theme="light"] .site-footer-brand,
html[data-theme="light"] .site-footer h3 {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .site-footer-copy,
html[data-theme="light"] .site-footer nav a,
html[data-theme="light"] .site-footer-bottom {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .site-footer-bottom {
  border-color: var(--theme-border) !important;
}
html[data-theme="light"] .site-footer nav a:hover {
  color: var(--theme-accent-hover) !important;
}

@media (max-width: 760px) {
  html[data-theme="light"] .home-shell {
    border-color: transparent !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 36px var(--theme-shadow) !important;
  }
  html[data-theme="light"] .reading-trends-panel,
  html[data-theme="light"] .home-rating-panel,
  html[data-theme="light"] .production-updates {
    box-shadow: 0 8px 22px var(--theme-shadow) !important;
  }
}

/* Site theme selector */
.theme-preference-card{margin-bottom:20px}
.theme-preference-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.theme-effective-pill{display:inline-flex;min-height:34px;align-items:center;padding:0 12px;border:1px solid var(--theme-border,#34343a);border-radius:999px;background:var(--theme-surface-alt,#18181b);color:var(--theme-text-secondary,#a1a1aa);font-size:11px;font-weight:900;white-space:nowrap}
.theme-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.theme-mode-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:13px;min-height:104px;padding:15px;border:1px solid var(--theme-border,#303036);border-radius:19px;background:var(--theme-surface-alt,#151518);cursor:pointer;transition:border-color .18s,transform .18s,background .18s}
.theme-mode-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent,var(--theme-accent)) 42%,var(--theme-border,#303036))}
.theme-mode-card input{position:absolute;opacity:0;pointer-events:none}
.theme-mode-card>span:nth-of-type(2){display:grid;gap:5px;min-width:0}
.theme-mode-card strong{color:var(--theme-text,#f4f4f5);font-size:13px;font-weight:900}
.theme-mode-card small{color:var(--theme-text-muted,var(--theme-text-secondary));font-size:10px;line-height:1.45}
.theme-mode-card>b{position:absolute;top:10px;right:11px;color:var(--theme-text-muted,#71717a);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.theme-mode-card.is-selected{border-color:var(--theme-accent,var(--theme-accent));background:var(--theme-accent-soft,var(--theme-accent-soft));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent,var(--theme-accent)) 20%,transparent)}
.theme-mode-preview{position:relative;display:block;width:62px;height:62px;overflow:hidden;border:1px solid rgba(127,127,127,.25);border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.theme-mode-preview::before{content:"";position:absolute;inset:0;background:var(--preview-bg)}
.theme-mode-preview i:first-child{position:absolute;inset:8px 8px 30px;border-radius:6px;background:var(--preview-surface)}
.theme-mode-preview i:last-child{position:absolute;left:8px;right:18px;bottom:10px;height:11px;border-radius:999px;background:var(--preview-accent)}
.theme-mode-preview.is-dark{--preview-bg:#09090b;--preview-surface:#242429;--preview-accent:var(--theme-accent)}
.theme-mode-preview.is-light{--preview-bg:var(--theme-surface-alt);--preview-surface:var(--theme-surface);--preview-accent:var(--theme-accent)}
.theme-mode-preview.is-system{--preview-bg:linear-gradient(90deg,#09090b 0 50%,var(--theme-surface-alt) 50%);--preview-surface:linear-gradient(90deg,#242429 0 50%,var(--theme-surface) 50%);--preview-accent:var(--theme-accent)}
.theme-preference-note{display:flex;align-items:center;gap:8px;margin:16px 0 0;color:var(--theme-text-muted,#71717a);font-size:11px;line-height:1.5}
@media(max-width:820px){.theme-mode-grid{grid-template-columns:1fr}.theme-preference-head{display:grid}.theme-effective-pill{justify-self:start}.theme-mode-card{min-height:92px}}

/* Fukurou Light 3 — site-wide component compatibility.
   This block is intentionally loaded after page styles. It fixes legacy components
   that still contain a hard-coded dark palette without changing the locked dark theme. */

/* Shared header menus and floating surfaces. */
html[data-theme="light"] .fukurou-profile-menu,
html[data-theme="light"] .fukurou-more-menu,
html[data-theme="light"] .fukurou-search-popover {
  border-color: var(--theme-border) !important;
  background: color-mix(in srgb, var(--theme-bg-raised) 98%, var(--theme-bg)) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 22px 62px var(--theme-shadow) !important;
}
html[data-theme="light"] .fukurou-profile-head,
html[data-theme="light"] .fukurou-search-popover__head {
  border-color: var(--theme-border) !important;
}
html[data-theme="light"] .fukurou-profile-head .fukurou-user-name,
html[data-theme="light"] .fukurou-search-popover__head strong,
html[data-theme="light"] .fukurou-coins-value {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .fukurou-profile-role,
html[data-theme="light"] .fukurou-coins-label,
html[data-theme="light"] .fukurou-search-popover__head small,
html[data-theme="light"] .fukurou-search-result small,
html[data-theme="light"] .fukurou-search-message {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .fukurou-profile-coins {
  border-radius: 12px;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .fukurou-profile-coins:hover {
  background: var(--theme-surface-hover) !important;
}
html[data-theme="light"] .fukurou-profile-coins:hover .fukurou-coins-label {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .fukurou-menu-item {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .fukurou-menu-item .fukurou-menu-icon {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .fukurou-menu-item:hover,
html[data-theme="light"] .fukurou-menu-item:focus-visible {
  background: var(--theme-surface-hover) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .fukurou-menu-item:hover .fukurou-menu-icon,
html[data-theme="light"] .fukurou-menu-item:focus-visible .fukurou-menu-icon {
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .fukurou-menu-divider {
  background: var(--theme-border) !important;
}
html[data-theme="light"] .fukurou-more-menu a {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .fukurou-more-menu a:hover,
html[data-theme="light"] .fukurou-more-menu a.is-active {
  background: var(--theme-surface-hover) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .fukurou-search-popover input,
html[data-theme="light"] .fukurou-search-popover .fukurou-search-input {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .fukurou-search-popover .fukurou-search-field {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  box-shadow: inset 0 1px 0 var(--theme-surface) !important;
}
html[data-theme="light"] .fukurou-search-popover .fukurou-search-field:focus-within {
  border-color: color-mix(in srgb, var(--theme-accent) 52%, var(--theme-border)) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 0 0 4px var(--theme-accent-soft) !important;
}
html[data-theme="light"] .fukurou-search-popover .fukurou-search-field .fukurou-search {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .fukurou-search-popover .fukurou-search-field > svg {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .fukurou-search-tab {
  border-color: transparent !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .fukurou-search-tab.is-active {
  border-color: color-mix(in srgb, var(--theme-accent) 35%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .fukurou-search-result {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .fukurou-search-result:hover {
  background: var(--theme-surface-hover) !important;
}
html[data-theme="light"] .fukurou-search-result img {
  background: var(--theme-border) !important;
}

/* Shared banners, dialogs and user feedback. */
html[data-theme="light"] {
  --privacy-bg: color-mix(in srgb, var(--theme-surface) 82%, transparent);
  --privacy-line: var(--theme-border);
  --privacy-text: var(--theme-text);
  --privacy-muted: var(--theme-text-secondary);
  --privacy-accent: var(--theme-accent);
  --privacy-accent-2: var(--theme-accent-hover);
}
html[data-theme="light"] .privacy-banner {
  background: linear-gradient(135deg, var(--theme-surface), var(--theme-surface-alt)) !important;
  box-shadow: 0 20px 60px var(--theme-shadow), inset 0 1px color-mix(in srgb, var(--theme-surface) 82%, transparent) !important;
}
html[data-theme="light"] .privacy-banner a {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .privacy-banner a:hover {
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .reader-comment-modal-card,
html[data-theme="light"] .title-report-card,
html[data-theme="light"] .title-suggest-card,
html[data-theme="light"] .settings-image-dialog,
html[data-theme="light"] .forum-modal__card,
html[data-theme="light"] .mod-dialog-card,
html[data-theme="light"] .beta-dialog,
html[data-theme="light"] .entity-edit-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-bg-raised) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 28px 90px var(--theme-shadow) !important;
}
html[data-theme="light"] .reader-comment-modal-head,
html[data-theme="light"] .settings-image-dialog-head,
html[data-theme="light"] .settings-image-dialog-foot {
  border-color: var(--theme-border) !important;
}
html[data-theme="light"] .reader-comment-modal-close,
html[data-theme="light"] .title-report-close,
html[data-theme="light"] .settings-image-close,
html[data-theme="light"] .mod-close,
html[data-theme="light"] .beta-dialog-close {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reader-comment-report-reasons label,
html[data-theme="light"] .title-report-reasons span {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reader-comment-report-details,
html[data-theme="light"] .title-report-details textarea,
html[data-theme="light"] .reader-giphy-search {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

/* Page-local design tokens. */
html[data-theme="light"] {
  --library-panel: var(--theme-surface);
  --library-panel-strong: var(--theme-bg-raised);
  --library-line: var(--theme-border);
  --library-muted: var(--theme-text-muted);

  --social-bg: var(--theme-bg);
  --social-panel: var(--theme-surface);
  --social-soft: var(--theme-surface-alt);
  --social-line: var(--theme-border);
  --social-muted: var(--theme-text-muted);

  --forum-panel: var(--theme-surface);
  --forum-panel-strong: var(--theme-bg-raised);
  --forum-border: var(--theme-border);
  --forum-muted: var(--theme-text-muted);
  --forum-faint: var(--theme-surface-alt);

  --help-card: var(--theme-surface);
  --help-soft: var(--theme-surface-alt);
  --help-line: var(--theme-border);
  --help-muted: var(--theme-text-muted);

  --settings-panel: var(--theme-surface);
  --settings-panel-strong: var(--theme-bg-raised);
  --settings-line: var(--theme-border);

  --ee-bg: var(--theme-bg);
  --ee-card: var(--theme-surface);
  --ee-card-2: var(--theme-surface-alt);
  --ee-line: var(--theme-border);
  --ee-muted: var(--theme-text-muted);
  --ee-text: var(--theme-text);

  --m-bg: var(--theme-bg);
  --m-card: var(--theme-surface);
  --m-card2: var(--theme-surface-alt);
  --m-line: var(--theme-border);
  --m-muted: var(--theme-text-muted);
  --m-text: var(--theme-text);

  --bl-panel: var(--theme-surface);
  --bl-panel-2: var(--theme-surface-alt);
  --bl-line: var(--theme-border);
  --bl-muted: var(--theme-text-muted);
  --bl-text: var(--theme-text);

  --doc-line: var(--theme-border);
}

/* Library. */
html[data-theme="light"] .library-page {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .library-hero {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--theme-accent) 16%, transparent), transparent 25rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-surface-alt)) !important;
  box-shadow: 0 18px 50px var(--theme-shadow) !important;
}
html[data-theme="light"] .library-hero h1,
html[data-theme="light"] .library-card__body h3,
html[data-theme="light"] .library-wide-card h3,
html[data-theme="light"] .library-empty h3,
html[data-theme="light"] .library-error h3 {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .library-hero p,
html[data-theme="light"] .library-wide-card__meta,
html[data-theme="light"] .library-empty p,
html[data-theme="light"] .library-error p {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .library-tabs,
html[data-theme="light"] .library-toolbar,
html[data-theme="light"] .library-card,
html[data-theme="light"] .library-wide-card,
html[data-theme="light"] .library-empty,
html[data-theme="light"] .library-error {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
}
html[data-theme="light"] .library-tab,
html[data-theme="light"] .library-search,
html[data-theme="light"] .library-card__status select,
html[data-theme="light"] .library-more,
html[data-theme="light"] .library-remove {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .library-tab.is-active,
html[data-theme="light"] .library-tab:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 34%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}

html[data-theme="light"] .library-page .library-tabs {
  border: 0 !important;
  outline: 0 !important;
  background: rgba(255, 255, 255, .58) !important;
  box-shadow: 0 10px 24px rgba(35, 28, 20, .045) !important;
}

html[data-theme="light"] .library-page .library-toolbar {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="light"] .library-page .library-tab:not(.is-active):not(:hover) {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #71717a !important;
}

html[data-theme="light"] .library-page .library-tab:not(.is-active) strong {
  background: rgba(24, 24, 27, .035) !important;
  color: #71717a !important;
}

html[data-theme="light"] .library-page :is(.library-search, .library-status, .library-sort) {
  border-color: rgba(61, 54, 48, .12) !important;
  background: #f8f9fb !important;
  background-image: none !important;
  box-shadow: 0 5px 14px rgba(35, 28, 20, .04) !important;
  color: #1a1815 !important;
}

html[data-theme="light"] .library-page :is(.library-status, .library-sort) {
  min-height: 48px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="light"] .library-page :is(.library-status, .library-sort) > .library-select-proxy {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] .library-page :is(.library-status, .library-sort) .library-select-trigger {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(61, 54, 48, .12) !important;
  border-radius: 15px !important;
  background: #f8f9fb !important;
  background-image: none !important;
  color: #59606d !important;
  font-size: 13px;
  font-weight: 800;
  box-shadow: none !important;
}

html[data-theme="light"] .library-page :is(.library-status, .library-sort) .library-select-trigger::after {
  opacity: .65;
}

html[data-theme="light"] .library-page :is(.library-status, .library-sort) .library-select-trigger:hover:not([aria-disabled="true"]) {
  background: #eef1f4 !important;
}

html[data-theme="light"] .library-page .library-search :is(input, svg),
html[data-theme="light"] .library-page :is(.library-status, .library-sort) :is(select, svg) {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="light"] .library-page .library-search input {
  border-radius: 0 !important;
  color: #1a1815 !important;
  -webkit-appearance: none;
  appearance: none;
}

html[data-theme="light"] .library-page .library-search::before,
html[data-theme="light"] .library-page .library-search::after,
html[data-theme="light"] .library-page .library-status::before,
html[data-theme="light"] .library-page .library-status::after,
html[data-theme="light"] .library-page .library-sort::before,
html[data-theme="light"] .library-page .library-sort::after {
  content: none !important;
  display: none !important;
}

html[data-theme="light"] .library-page .library-select-menu {
  border-color: rgba(61, 54, 48, .10) !important;
  background: #fbfbfc !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(35, 28, 20, .055) !important;
}

html[data-theme="light"] .library-page .library-select-menu .fukurou-dropdown-item:not(.fukurou-dropdown-item--selected) {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Social pages: profile, friends, messages, shop, updates and related surfaces. */
html[data-theme="light"] .social-page {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .social-hero {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--theme-accent) 15%, transparent), transparent 27rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-surface-alt)) !important;
  box-shadow: 0 18px 52px var(--theme-shadow) !important;
}
html[data-theme="light"] .social-hero h1,
html[data-theme="light"] .section-heading-row h2,
html[data-theme="light"] .person-copy strong,
html[data-theme="light"] .shop-card-body h3,
html[data-theme="light"] .social-empty strong,
html[data-theme="light"] .thread-head strong {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .social-hero p,
html[data-theme="light"] .person-copy small,
html[data-theme="light"] .shop-card-body p,
html[data-theme="light"] .conversation-row small,
html[data-theme="light"] .thread-head small,
html[data-theme="light"] .message-bubble time {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .social-panel,
html[data-theme="light"] .person-card,
html[data-theme="light"] .shop-card,
html[data-theme="light"] .update-row,
html[data-theme="light"] .messages-shell,
html[data-theme="light"] .level-summary {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
}
html[data-theme="light"] .social-count,
html[data-theme="light"] .coin-balance,
html[data-theme="light"] .social-tabs,
html[data-theme="light"] .conversation-rail,
html[data-theme="light"] .shop-sort-wrap {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .social-tabs button {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .social-tabs button.is-active {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 0 0 1px var(--theme-border), 0 5px 14px var(--theme-shadow) !important;
}
html[data-theme="light"] .social-toolbar input,
html[data-theme="light"] .social-search input,
html[data-theme="light"] .message-composer textarea,
html[data-theme="light"] .shop-sort-wrap select {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .conversation-row,
html[data-theme="light"] .thread-user,
html[data-theme="light"] .update-row {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .conversation-row {
  border-color: var(--theme-border) !important;
}
html[data-theme="light"] .conversation-row:hover,
html[data-theme="light"] .conversation-row.is-active {
  background: var(--theme-surface-hover) !important;
}
html[data-theme="light"] .thread-head,
html[data-theme="light"] .message-composer,
html[data-theme="light"] .social-search {
  border-color: var(--theme-border) !important;
}
html[data-theme="light"] .message-bubble {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .message-bubble.is-mine {
  border-color: color-mix(in srgb, var(--theme-accent) 26%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
}
html[data-theme="light"] .social-button:not(.primary):not(.danger) {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .social-button:not(.primary):not(.danger):hover {
  background: var(--theme-surface-hover) !important;
  color: var(--theme-text) !important;
}

/* Forum. */
html[data-theme="light"] .forum-page,
html[data-theme="light"] .forum-create-page {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .forum-hero,
html[data-theme="light"] .forum-topic-headline {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 88% 5%, color-mix(in srgb, var(--theme-accent) 14%, transparent), transparent 24rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-surface-alt)) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 18px 50px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-hero h1,
html[data-theme="light"] .forum-section-head h2,
html[data-theme="light"] .forum-topic-card__title,
html[data-theme="light"] .forum-topic-headline h1,
html[data-theme="light"] .forum-create-head h1 {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .forum-hero p,
html[data-theme="light"] .forum-topic-meta,
html[data-theme="light"] .forum-create-note,
html[data-theme="light"] .forum-editor-note {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .forum-category,
html[data-theme="light"] .forum-topic-card,
html[data-theme="light"] .forum-sidebar,
html[data-theme="light"] .forum-topic-article,
html[data-theme="light"] .forum-create-card,
html[data-theme="light"] .forum-empty,
html[data-theme="light"] .forum-error,
html[data-theme="light"] .forum-loading {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-search,
html[data-theme="light"] .forum-sort,
html[data-theme="light"] .forum-filter,
html[data-theme="light"] .forum-secondary,
html[data-theme="light"] .forum-title-search,
html[data-theme="light"] .forum-create-input-wrap,
html[data-theme="light"] .forum-create-textarea-wrap {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

/* Help center and long-form documents. */
html[data-theme="light"] .help-page,
html[data-theme="light"] .social-document {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .help-hero {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--theme-accent) 13%, transparent), transparent 24rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-surface-alt)) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 18px 50px var(--theme-shadow) !important;
}
html[data-theme="light"] .help-hero h1,
html[data-theme="light"] .help-section-heading h2,
html[data-theme="light"] .help-category-header h2,
html[data-theme="light"] .help-article h2,
html[data-theme="light"] .help-article h3,
html[data-theme="light"] .rules-section-heading strong,
html[data-theme="light"] .rules-section-body h3,
html[data-theme="light"] .rules-section-body h4,
html[data-theme="light"] .social-document-article h2,
html[data-theme="light"] .social-document-article h3 {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .help-hero p,
html[data-theme="light"] .help-search-meta,
html[data-theme="light"] .social-document-meta,
html[data-theme="light"] .rules-section-heading small {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .help-navigation,
html[data-theme="light"] .help-featured-card,
html[data-theme="light"] .help-category,
html[data-theme="light"] .help-article,
html[data-theme="light"] .help-contact-card,
html[data-theme="light"] .rules-navigation,
html[data-theme="light"] .rules-intro,
html[data-theme="light"] .rules-section,
html[data-theme="light"] .social-document-article {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: 0 9px 28px var(--theme-shadow) !important;
}
html[data-theme="light"] .rules-section[open] {
  border-color: color-mix(in srgb, var(--theme-accent) 25%, var(--theme-border)) !important;
  background: var(--theme-surface) !important;
}
html[data-theme="light"] .rules-section-number,
html[data-theme="light"] .rules-section-toggle,
html[data-theme="light"] .help-nav-icon,
html[data-theme="light"] .help-category-icon,
html[data-theme="light"] .help-contact-icon {
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .library-status select option,
html[data-theme="light"] .library-sort select option,
html[data-theme="light"] .library-card__status option {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .rules-section-body,
html[data-theme="light"] .rules-section-tools {
  border-color: var(--theme-border) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .social-document-toast,
html[data-theme="light"] .help-toast {
  border-color: var(--theme-border) !important;
  background: var(--theme-text) !important;
  color: var(--theme-accent-text) !important;
  box-shadow: 0 16px 46px var(--theme-shadow) !important;
}
html[data-theme="light"] .legal-tabs {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: 0 9px 28px var(--theme-shadow) !important;
}
html[data-theme="light"] .legal-tabs a.is-current,
html[data-theme="light"] .legal-tabs a:hover {
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] :is(.social-document--news, .social-document--news-detail) {
  --news-surface: var(--theme-surface);
  --news-surface-hover: var(--theme-surface-hover);
  --news-surface-active: var(--theme-surface-alt);
  --news-text: var(--theme-text);
  --news-secondary: var(--theme-text-secondary);
  --news-muted: var(--theme-text-muted);
  --news-border: var(--theme-border);
  --news-border-hover: color-mix(in srgb, var(--theme-accent) 38%, var(--theme-border));
  --news-accent: var(--theme-accent-hover);
  --news-accent-soft: var(--theme-accent-soft);
  --news-focus: color-mix(in srgb, var(--theme-accent) 42%, transparent);
  --news-shadow: 0 9px 28px var(--theme-shadow);
  --news-shadow-hover: 0 16px 42px var(--theme-shadow);
  --news-error: var(--theme-danger);
  --news-error-soft: color-mix(in srgb, var(--theme-danger) 9%, transparent);
  --news-skeleton: var(--theme-surface-alt);
  --news-skeleton-highlight: var(--theme-border);
}

/* Settings and editors. */
html[data-theme="light"] .settings-page-hero,
html[data-theme="light"] .ee-head,
html[data-theme="light"] .mod-header,
html[data-theme="light"] .beta-lab-hero {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--theme-accent) 13%, transparent), transparent 24rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-surface-alt)) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 18px 50px var(--theme-shadow) !important;
}
html[data-theme="light"] .beta-lab-profile {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 12px 30px var(--theme-shadow) !important;
}
html[data-theme="light"] .beta-lab-profile-icon {
  border-color: color-mix(in srgb, var(--theme-accent) 40%, var(--theme-border)) !important;
  color: var(--theme-accent-hover) !important;
  background: var(--theme-accent-soft) !important;
}
html[data-theme="light"] .beta-lab-profile > span {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .beta-lab-profile > small {
  color: var(--theme-text-muted) !important;
}
html[data-theme="light"] .settings-page-hero h1,
html[data-theme="light"] .settings-category-header h2,
html[data-theme="light"] .settings-image-dialog-title,
html[data-theme="light"] .ee-head h1,
html[data-theme="light"] .ee-card-title,
html[data-theme="light"] .mod-header h1,
html[data-theme="light"] .mod-card-head h2,
html[data-theme="light"] .beta-lab-hero h1,
html[data-theme="light"] .beta-lab-heading h2,
html[data-theme="light"] .beta-dialog h2 {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .settings-navigation,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .settings-category,
html[data-theme="light"] .performance-settings-card,
html[data-theme="light"] .ee-sidebar,
html[data-theme="light"] .ee-card,
html[data-theme="light"] .ee-panel,
html[data-theme="light"] .mod-card,
html[data-theme="light"] .mod-stat,
html[data-theme="light"] .beta-lab-panel,
html[data-theme="light"] .beta-lab-stats article,
html[data-theme="light"] .beta-task-card,
html[data-theme="light"] .beta-user-report {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 9px 28px var(--theme-shadow) !important;
}
html[data-theme="light"] .settings-nav-item,
html[data-theme="light"] .appearance-item,
html[data-theme="light"] .performance-mode-card,
html[data-theme="light"] .performance-option,
html[data-theme="light"] .ee-nav a,
html[data-theme="light"] .ee-member,
html[data-theme="light"] .ee-social-row,
html[data-theme="light"] .mod-tab,
html[data-theme="light"] .mod-filter,
html[data-theme="light"] .beta-lab-tabs,
html[data-theme="light"] .beta-task-result-options button {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .settings-nav-item.is-active,
html[data-theme="light"] .ee-nav a.is-active,
html[data-theme="light"] .mod-tab.is-active,
html[data-theme="light"] .beta-lab-tabs button.active,
html[data-theme="light"] .beta-task-result-options button.active {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .ee-input,
html[data-theme="light"] .ee-select,
html[data-theme="light"] .ee-textarea,
html[data-theme="light"] .mod-search,
html[data-theme="light"] .mod-select,
html[data-theme="light"] .beta-dialog input,
html[data-theme="light"] .beta-dialog textarea,
html[data-theme="light"] .beta-lab-filter select {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
}

/* Entity pages and title metadata surfaces. */
html[data-theme="light"] .entity-page {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .entity-card,
html[data-theme="light"] .entity-stat,
html[data-theme="light"] .entity-about,
html[data-theme="light"] .entity-members,
html[data-theme="light"] .entity-titles,
html[data-theme="light"] .entity-title-card,
html[data-theme="light"] .title-review-form {
  border-color: var(--theme-border) !important;
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 9px 28px var(--theme-shadow) !important;
}
html[data-theme="light"] .title-review-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="light"] .entity-name,
html[data-theme="light"] .entity-section-head h2,
html[data-theme="light"] .entity-title-info h3,
html[data-theme="light"] .title-review-card h3 {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .title-tabs .is-active {
  color: #fb923c !important;
}
html[data-theme="light"] .entity-description,
html[data-theme="light"] .entity-title-meta,
html[data-theme="light"] .entity-edit-note,
html[data-theme="light"] .title-review-card p,
html[data-theme="light"] .title-review-card-meta {
  color: var(--theme-text-secondary) !important;
}

/* Reader panels stay readable while page images remain untouched. */
html[data-theme="light"] .reader-settings-panel,
html[data-theme="light"] .reader-drawer,
html[data-theme="light"] .sidebar-overlay > div,
html[data-theme="light"] .chapters-overlay > div,
html[data-theme="light"] .reader-pages-panel,
html[data-theme="light"] .reader-comments-panel-scroll,
html[data-theme="light"] .reader-comments-surface {
  border-color: var(--theme-border) !important;
  background: var(--theme-bg-raised) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .reader-chapter,
html[data-theme="light"] .reader-page-jump,
html[data-theme="light"] .reader-setting-row {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reader-comment-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-bg-raised) !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reader-chapter:hover,
html[data-theme="light"] .reader-chapter.active,
html[data-theme="light"] .reader-page-jump:hover,
html[data-theme="light"] .reader-page-jump.is-current {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}

/* Disabled elements must remain legible instead of disappearing into white surfaces. */
html[data-theme="light"] button:disabled,
html[data-theme="light"] [aria-disabled="true"] {
  color: color-mix(in srgb, var(--theme-text-muted) 82%, transparent) !important;
}

@media (max-width: 760px) {
  html[data-theme="light"] .fukurou-profile-menu {
    width: min(320px, calc(100vw - 24px));
    border-radius: 20px;
  }
  html[data-theme="light"] .library-hero,
  html[data-theme="light"] .social-hero,
  html[data-theme="light"] .forum-hero,
  html[data-theme="light"] .help-hero,
  html[data-theme="light"] .settings-page-hero,
  html[data-theme="light"] .ee-head,
  html[data-theme="light"] .mod-header,
  html[data-theme="light"] .beta-lab-hero {
    box-shadow: 0 12px 34px var(--theme-shadow) !important;
  }
}

/* Fukurou Light 4 — focused visual refinement for public pages.
   The dark theme remains untouched. This layer is intentionally last in cascade. */

/* Header theme button: replace font glyphs with balanced vector masks. */
.fukurou-theme-toggle::before {
  content: "" !important;
  display: block;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  background: currentColor;
  -webkit-mask: 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='4' fill='none' stroke='black' stroke-width='1.9'/%3E%3Cpath d='M12 2.2v2.1M12 19.7v2.1M4.93 4.93l1.49 1.49M17.58 17.58l1.49 1.49M2.2 12h2.1M19.7 12h2.1M4.93 19.07l1.49-1.49M17.58 6.42l1.49-1.49' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
  mask: 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='4' fill='none' stroke='black' stroke-width='1.9'/%3E%3Cpath d='M12 2.2v2.1M12 19.7v2.1M4.93 4.93l1.49 1.49M17.58 17.58l1.49 1.49M2.2 12h2.1M19.7 12h2.1M4.93 19.07l1.49-1.49M17.58 6.42l1.49-1.49' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}
html[data-theme="light"] .fukurou-theme-toggle::before {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.2 15.2A8.7 8.7 0 0 1 8.8 3.8a8.7 8.7 0 1 0 11.4 11.4Z' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6 3.3v3.2M16 4.9h3.2' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.2 15.2A8.7 8.7 0 0 1 8.8 3.8a8.7 8.7 0 1 0 11.4 11.4Z' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6 3.3v3.2M16 4.9h3.2' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round'/%3E%3C/svg%3E");
}
html[data-theme="light"] .fukurou-theme-toggle,
html[data-theme="light"] .fukurou-search-trigger,
html[data-theme="light"] .fukurou-notification-link {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  border-color: var(--theme-border) !important;
  background: linear-gradient(180deg, var(--theme-surface), var(--theme-surface-alt)) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: 0 1px 2px var(--theme-shadow), inset 0 1px 0 var(--theme-surface) !important;
}
html[data-theme="light"] .fukurou-theme-toggle:hover,
html[data-theme="light"] .fukurou-search-trigger:hover,
html[data-theme="light"] .fukurou-notification-link:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 35%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
  box-shadow: 0 8px 20px var(--theme-shadow) !important;
}

/* Shared public-page typography and spacing. */
html[data-theme="light"] .notifications-page,
html[data-theme="light"] .leaderboard-page,
html[data-theme="light"] main.page,
html[data-theme="light"] .forum-page,
html[data-theme="light"] .help-page {
  color: var(--theme-text) !important;
}
html[data-theme="light"] .notifications-page h1,
html[data-theme="light"] .leaderboard-page h1,
html[data-theme="light"] main.page > .hero h1,
html[data-theme="light"] .forum-page h1,
html[data-theme="light"] .help-page h1 {
  color: var(--theme-heading) !important;
  text-wrap: balance;
}

/* 1. Notifications. */
html[data-theme="light"] .notifications-page {
  width: min(960px, calc(100% - 40px));
  padding-top: 58px;
}
html[data-theme="light"] .notifications-controls {
  gap: 10px;
  margin-top: 24px;
}
html[data-theme="light"] .notification-filter,
html[data-theme="light"] .notification-state,
html[data-theme="light"] .notification-action {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: 0 1px 2px var(--theme-shadow) !important;
}
html[data-theme="light"] .notification-filter:hover,
html[data-theme="light"] .notification-state:hover,
html[data-theme="light"] .notification-action:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--theme-accent) 34%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .notification-filter.is-active,
html[data-theme="light"] .notification-state.is-active {
  border-color: color-mix(in srgb, var(--theme-accent) 36%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
  box-shadow: 0 5px 14px var(--theme-accent-soft) !important;
}
html[data-theme="light"] .notification-filter.is-active span,
html[data-theme="light"] .notification-filter span {
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .notification-action.is-primary {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .notification-item {
  position: relative;
  overflow: hidden;
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 5px 18px var(--theme-shadow) !important;
}
html[data-theme="light"] .notification-item::before {
  content: "";
  position: absolute;
  inset: 14px auto 14px 0;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: transparent;
}
html[data-theme="light"] .notification-item.is-unread {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: linear-gradient(90deg, var(--theme-accent-soft) 0, var(--theme-surface) 29%) !important;
}
html[data-theme="light"] .notification-item.is-unread::before {
  background: var(--theme-accent);
}
html[data-theme="light"] .notification-item:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  box-shadow: 0 12px 28px var(--theme-shadow) !important;
  transform: translateY(-1px);
}
html[data-theme="light"] .notification-avatar-wrap > img {
  border: 1px solid var(--theme-border);
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .notification-type-icon {
  border-color: var(--theme-accent-text) !important;
}
html[data-theme="light"] .notification-copy,
html[data-theme="light"] .notification-copy strong {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .notification-copy small {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .notification-copy time {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .notification-empty {
  min-height: 330px;
  border: 1px dashed var(--theme-border);
  border-radius: 24px;
  background: color-mix(in srgb, var(--theme-surface) 82%, transparent);
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .notification-empty h2 {
  color: var(--theme-text) !important;
}

/* 2. Manga catalog. */
html[data-theme="light"] #manga-filter-panel {
  border: 1px solid var(--theme-border) !important;
  background: color-mix(in srgb, var(--theme-surface) 82%, transparent) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 16px 44px var(--theme-shadow) !important;
  backdrop-filter: blur(18px);
}
html[data-theme="light"] #manga-filter-title,
html[data-theme="light"] .catalog-filter-label,
html[data-theme="light"] .catalog-filter-section > summary,
html[data-theme="light"] .catalog-filter-view-trigger {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .catalog-filter-section,
html[data-theme="light"] .catalog-filter-view-trigger {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .catalog-filter-section[open] {
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .catalog-filter-section > summary::after,
html[data-theme="light"] .catalog-filter-view-trigger::after {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .catalog-multi-option {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .catalog-multi-option:hover {
  background: var(--theme-surface-alt) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .catalog-multi-option small {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .catalog-multi-option input {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
}
html[data-theme="light"] .catalog-multi-option input:checked {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent) !important;
  box-shadow: inset 0 0 0 3px var(--theme-surface) !important;
}
html[data-theme="light"] .catalog-input,
html[data-theme="light"] .catalog-select,
html[data-theme="light"] .catalog-search input {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-input-text) !important;
  box-shadow: 0 1px 2px var(--theme-shadow) !important;
}
html[data-theme="light"] .catalog-search input:focus,
html[data-theme="light"] .catalog-input:focus {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  box-shadow: 0 0 0 4px var(--theme-accent-soft) !important;
}
html[data-theme="light"] .catalog-search-suggestions {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 20px 55px var(--theme-shadow) !important;
}
html[data-theme="light"] .catalog-search-suggestion:hover,
html[data-theme="light"] .catalog-search-suggestion.is-active {
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .catalog-quick-ranges button,
html[data-theme="light"] .catalog-filter-button {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .catalog-quick-ranges button:hover,
html[data-theme="light"] .catalog-filter-button:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .catalog-filter-button.is-primary {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
  box-shadow: 0 8px 20px var(--theme-accent-soft) !important;
}
html[data-theme="light"] .manga-catalog-card {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .manga-catalog-cover {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-hover) !important;
  box-shadow: 0 8px 24px var(--theme-shadow) !important;
}
html[data-theme="light"] .manga-catalog-card:hover .manga-catalog-cover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  box-shadow: 0 14px 32px var(--theme-shadow) !important;
}
html[data-theme="light"] .manga-catalog-title {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .manga-catalog-info {
  color: var(--theme-text-secondary) !important;
}

/* 3. Reader leaderboard. */
html[data-theme="light"] .leaderboard-page {
  width: min(1080px, calc(100% - 40px));
  padding-top: 58px;
}
html[data-theme="light"] .leaderboard-head {
  margin-bottom: 22px;
}
html[data-theme="light"] .leaderboard-tab {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: 0 1px 2px var(--theme-shadow) !important;
}
html[data-theme="light"] .leaderboard-tab:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .leaderboard-tab.is-active {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
  box-shadow: 0 8px 18px var(--theme-accent-soft) !important;
}
html[data-theme="light"] .current-card {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background:
    radial-gradient(circle at 0 50%, var(--theme-accent-soft), transparent 34%),
    linear-gradient(135deg, var(--theme-surface), var(--theme-accent-soft)) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 14px 38px var(--theme-shadow) !important;
}
html[data-theme="light"] .current-name,
html[data-theme="light"] .current-link {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .current-meta {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .current-link {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
}
html[data-theme="light"] .podium-card,
html[data-theme="light"] .table-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 12px 34px var(--theme-shadow) !important;
}
html[data-theme="light"] .podium-rank-1 {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: linear-gradient(180deg, var(--theme-accent-soft), var(--theme-surface) 62%) !important;
}
html[data-theme="light"] .podium-avatar {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-hover) !important;
}
html[data-theme="light"] .podium-medal {
  border-color: var(--theme-accent-text) !important;
}
html[data-theme="light"] .podium-card h2,
html[data-theme="light"] .table-title h2,
html[data-theme="light"] .leaderboard-user strong,
html[data-theme="light"] .leaderboard-stat strong {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .leaderboard-row {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .leaderboard-row:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  transform: translateX(2px);
}
html[data-theme="light"] .leaderboard-row.is-current {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
}
html[data-theme="light"] .leaderboard-avatar {
  background: var(--theme-surface-hover) !important;
}
html[data-theme="light"] .leaderboard-empty {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
}

/* 4. Forum. */
html[data-theme="light"] .forum-page {
  padding-top: 34px;
}
html[data-theme="light"] .forum-hero {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 92% 7%, var(--theme-accent-soft), transparent 23rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-accent-soft) 70%, var(--theme-accent-soft)) !important;
  box-shadow: 0 18px 48px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-layout {
  align-items: start;
}
html[data-theme="light"] .forum-sidebar,
html[data-theme="light"] .forum-content {
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 14px 38px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-content {
  overflow: hidden;
  border-radius: 24px;
  padding: 14px;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-sidebar__head,
html[data-theme="light"] .forum-section-head {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .forum-category {
  box-shadow: none !important;
}
html[data-theme="light"] .forum-category:hover,
html[data-theme="light"] .forum-category.is-active {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
}
html[data-theme="light"] .forum-toolbar {
  gap: 10px;
  margin-bottom: 10px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-search,
html[data-theme="light"] .forum-filter {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-input-text) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-search input {
  background: transparent !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .forum-search kbd {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-sort {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-sort button {
  border: 0 !important;
  background: transparent !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-sort button:hover {
  background: transparent !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .forum-sort button.is-active {
  border: 1px solid color-mix(in srgb, var(--theme-accent) 34%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-list {
  border-radius: 18px;
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .forum-topic-card,
html[data-theme="light"] .forum-empty,
html[data-theme="light"] .forum-loading,
html[data-theme="light"] .forum-error {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 4px 16px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-rules-link {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}

/* 5. Help center. */
html[data-theme="light"] .help-page {
  padding-top: 34px;
}
html[data-theme="light"] .help-hero {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 92% 8%, var(--theme-accent-soft), transparent 24rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-accent-soft)) !important;
  box-shadow: 0 18px 48px var(--theme-shadow) !important;
}
html[data-theme="light"] .help-search {
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: 0 8px 22px var(--theme-shadow) !important;
}
html[data-theme="light"] .help-search:focus-within {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  box-shadow: 0 0 0 4px var(--theme-accent-soft), 0 10px 28px var(--theme-shadow) !important;
}
html[data-theme="light"] .help-search input {
  background: transparent !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .help-search kbd {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-featured-card,
html[data-theme="light"] .help-navigation,
html[data-theme="light"] .help-category,
html[data-theme="light"] .help-article,
html[data-theme="light"] .help-contact-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 8px 26px var(--theme-shadow) !important;
}
html[data-theme="light"] .help-featured-card:hover,
html[data-theme="light"] .help-navigation a:hover,
html[data-theme="light"] .help-navigation button:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
}
html[data-theme="light"] .help-navigation a,
html[data-theme="light"] .help-navigation button,
html[data-theme="light"] .help-category button,
html[data-theme="light"] .help-article button {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-navigation .is-active {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .help-loading,
html[data-theme="light"] .help-load-fallback,
html[data-theme="light"] .help-error {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
}

/* 6. Reviews. */
html[data-theme="light"] main.page > .hero {
  padding: 24px 28px;
  border: 1px solid var(--theme-border);
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 8%, var(--theme-accent-soft), transparent 22rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-accent-soft));
  box-shadow: 0 14px 40px var(--theme-shadow);
}
html[data-theme="light"] main.page > .hero p {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] main.page > .hero a,
html[data-theme="light"] main.page > .hero .ghost {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] main.page > .toolbar {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
  backdrop-filter: none;
}
html[data-theme="light"] main.page > .toolbar input,
html[data-theme="light"] .reviews-sort-trigger,
html[data-theme="light"] .collection-sort-trigger,
html[data-theme="light"] main.page > .toolbar .ghost {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reviews-chip {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reviews-chip:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .reviews-chip.is-active {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
}
html[data-theme="light"] .reviews-sort-menu,
html[data-theme="light"] .collection-sort-menu {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 18px 50px var(--theme-shadow) !important;
}
html[data-theme="light"] .reviews-sort-menu button,
html[data-theme="light"] .collection-sort-menu button {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reviews-sort-menu button:hover,
html[data-theme="light"] .reviews-sort-menu button.is-active,
html[data-theme="light"] .collection-sort-menu button:hover,
html[data-theme="light"] .collection-sort-menu button.is-active {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .reviews-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
}
html[data-theme="light"] .reviews-card:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  box-shadow: 0 16px 38px var(--theme-shadow) !important;
}
html[data-theme="light"] .reviews-card h2,
html[data-theme="light"] .reviews-author {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .reviews-card p {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .reviews-empty {
  min-height: 190px;
  display: grid;
  place-items: center;
  border-color: var(--theme-border) !important;
  background: linear-gradient(135deg, var(--theme-surface), var(--theme-surface-alt)) !important;
  color: var(--theme-text-secondary) !important;
  box-shadow: 0 8px 24px var(--theme-shadow) !important;
}

/* 7. Collections. */
html[data-theme="light"] .collections-grid .collection-card,
html[data-theme="light"] .detail-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
}
html[data-theme="light"] .collections-grid .collection-card:hover {
  border-color: color-mix(in srgb, var(--theme-accent) 32%, var(--theme-border)) !important;
  box-shadow: 0 16px 38px var(--theme-shadow) !important;
}
html[data-theme="light"] .cover-stack {
  background:
    radial-gradient(circle at 50% 105%, var(--theme-accent-soft), transparent 55%),
    linear-gradient(180deg, var(--theme-surface-alt), var(--theme-surface-hover)) !important;
}
html[data-theme="light"] .collection-cover {
  border-color: color-mix(in srgb, var(--theme-surface) 82%, transparent) !important;
  box-shadow: 0 10px 22px var(--theme-shadow) !important;
}
html[data-theme="light"] .collection-card h2,
html[data-theme="light"] .collection-title-card strong,
html[data-theme="light"] .detail-head h2,
html[data-theme="light"] .detail-section h3 {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .collection-card p,
html[data-theme="light"] .collection-meta,
html[data-theme="light"] .collection-card-meta,
html[data-theme="light"] .collection-title-card small,
html[data-theme="light"] .detail-head p,
html[data-theme="light"] .text-muted {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .collection-stats,
html[data-theme="light"] .pill {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .pill,
html[data-theme="light"] .detail-stat,
html[data-theme="light"] .collection-comment,
html[data-theme="light"] .selected-title-note {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .detail-stat strong,
html[data-theme="light"] .collection-comment strong {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .collection-comment p {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .empty,
html[data-theme="light"] #title-collections-list:empty::before {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .dialog {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 30px 90px var(--theme-shadow) !important;
}
html[data-theme="light"] .close,
html[data-theme="light"] .secondary,
html[data-theme="light"] .rating-reset,
html[data-theme="light"] .rating-row [data-rate-collection] {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .field {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .field input,
html[data-theme="light"] .field textarea,
html[data-theme="light"] .field select,
html[data-theme="light"] .comment-form textarea {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-input-text) !important;
}

@media (max-width: 760px) {
  html[data-theme="light"] .notifications-page,
  html[data-theme="light"] .leaderboard-page {
    width: min(100% - 18px, 960px);
    padding-top: 30px;
  }
  html[data-theme="light"] main.page > .hero {
    padding: 22px 20px;
    border-radius: 22px;
  }
  html[data-theme="light"] .forum-content {
    padding: 10px;
    border-radius: 20px;
  }
  html[data-theme="light"] #manga-filter-panel {
    background: var(--theme-surface) !important;
    box-shadow: 0 30px 90px var(--theme-shadow) !important;
  }
}

/* Forum, help and settings compatibility */
html[data-theme="light"] .help-page,
html[data-theme="light"] .help-center-page,
html[data-theme="light"] .forum-page,
html[data-theme="light"] .forum-topic-page,
html[data-theme="light"] .forum-thread-page,
html[data-theme="light"] .discussion-create-page,
html[data-theme="light"] .discussion-create-shell,
html[data-theme="light"] .settings-page,
html[data-theme="light"] .profile-settings-page {
  color: var(--theme-text);
}

html[data-theme="light"] .help-page :is(.btn-secondary, .btn-ghost, .btn-neutral),
html[data-theme="light"] .help-center-page :is(.btn-secondary, .btn-ghost, .btn-neutral),
html[data-theme="light"] .forum-page :is(.btn-secondary, .btn-ghost, .btn-neutral),
html[data-theme="light"] .forum-topic-page :is(.btn-secondary, .btn-ghost, .btn-neutral),
html[data-theme="light"] .forum-thread-page :is(.btn-secondary, .btn-ghost, .btn-neutral),
html[data-theme="light"] .discussion-create-page :is(.btn-secondary, .btn-ghost, .btn-neutral),
html[data-theme="light"] .settings-page :is(.btn-secondary, .btn-ghost, .btn-neutral),
html[data-theme="light"] .profile-settings-page :is(.btn-secondary, .btn-ghost, .btn-neutral) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .help-page :is(.btn-secondary, .btn-ghost, .btn-neutral):hover,
html[data-theme="light"] .help-center-page :is(.btn-secondary, .btn-ghost, .btn-neutral):hover,
html[data-theme="light"] .forum-page :is(.btn-secondary, .btn-ghost, .btn-neutral):hover,
html[data-theme="light"] .forum-topic-page :is(.btn-secondary, .btn-ghost, .btn-neutral):hover,
html[data-theme="light"] .forum-thread-page :is(.btn-secondary, .btn-ghost, .btn-neutral):hover,
html[data-theme="light"] .discussion-create-page :is(.btn-secondary, .btn-ghost, .btn-neutral):hover,
html[data-theme="light"] .settings-page :is(.btn-secondary, .btn-ghost, .btn-neutral):hover,
html[data-theme="light"] .profile-settings-page :is(.btn-secondary, .btn-ghost, .btn-neutral):hover {
  background: var(--theme-surface-alt) !important;
  border-color: var(--theme-border-strong) !important;
}

/* forum hero + cards */
html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(.forum-hero, .discussion-create-hero, .forum-header-card, .forum-hero-card) {
  background: linear-gradient(135deg, var(--theme-surface) 0%, var(--theme-accent-soft) 100%) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 14px 38px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(.forum-sidebar, .forum-sidebar-card, .forum-main-panel, .forum-content-card, .discussion-create-card, .discussion-editor-card, .forum-thread-card, .topic-card, .topic-comments-card) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 8px 24px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(.forum-main-panel *, .discussion-create-card *, .forum-thread-card *, .topic-card *, .topic-comments-card *) {
  color: inherit;
}

html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(.forum-toolbar, .forum-tabs, .discussion-toolbar, .topic-toolbar, .editor-toolbar) {
  background: var(--theme-surface-alt) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(input[type="text"], input[type="search"], textarea, select, .text-input, .input, .editor-content, .discussion-editor, .topic-editor) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
}
html[data-theme="light"] .forum-page .forum-toolbar,
html[data-theme="light"] .forum-page .forum-sort {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-page .forum-search,
html[data-theme="light"] .forum-page .forum-filter {
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-page .forum-search input {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] body .forum-page .forum-toolbar .forum-search input[data-forum-search] {
  background: transparent !important;
  background-color: transparent !important;
}
html[data-theme="light"] .forum-page .forum-sort button {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-page .forum-sort button.is-active {
  border: 1px solid color-mix(in srgb, var(--theme-accent) 34%, var(--theme-border)) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-composer-box {
  border: 1px solid var(--theme-border) !important;
  box-shadow: none !important;
}

html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(textarea::placeholder, input::placeholder, .editor-content::placeholder) {
  color: var(--theme-text-muted) !important;
}

html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(.section-pill, .forum-tag, .topic-tag, .chip, .filter-chip) {
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
}

html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(.section-pill.is-active, .forum-tag.is-active, .topic-tag.is-active, .chip.is-active, .filter-chip.is-active, .tab.is-active) {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
  border-color: var(--theme-accent-soft) !important;
}

html[data-theme="light"] :is(.forum-page, .forum-topic-page, .forum-thread-page, .discussion-create-page) :is(.helper-text, .field-help, .muted, .meta, .subtitle, .secondary-text, .discussion-meta) {
  color: var(--theme-text-secondary) !important;
}

/* forum discussion detail: remove dark composer */
html[data-theme="light"] :is(.forum-topic-page, .forum-thread-page) :is(.comment-compose, .discussion-compose, .reply-compose, .topic-comments-compose) {
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 8px 24px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(.forum-topic-page, .forum-thread-page) :is(.comment-compose .editor, .discussion-compose .editor, .reply-compose .editor, .topic-comments-compose .editor, .comment-compose textarea, .discussion-compose textarea, .reply-compose textarea) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

/* help center */
html[data-theme="light"] :is(.help-page, .help-center-page) :is(.help-hero, .help-hero-card) {
  background: linear-gradient(135deg, var(--theme-surface) 0%, var(--theme-accent-soft) 100%) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 14px 38px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(.help-page, .help-center-page) :is(.help-search, .help-card, .faq-group, .faq-card, .faq-item, .quick-answer-card, .help-sidebar-card) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 8px 24px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(.help-page, .help-center-page) :is(.help-search input, .help-search textarea, .faq-search input) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
}

html[data-theme="light"] :is(.help-page, .help-center-page) :is(.help-actions .btn, .faq-toggle, .faq-actions button, .help-sidebar-card button, .help-card button) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
}

html[data-theme="light"] :is(.help-page, .help-center-page) :is(.help-actions .btn-primary, .faq-toggle.is-active, .help-card .btn-primary) {
  background: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
  border-color: transparent !important;
}

html[data-theme="light"] :is(.help-page, .help-center-page) :is(.helper-text, .field-help, .muted, .meta, .subtitle, .secondary-text, .faq-caption) {
  color: var(--theme-text-secondary) !important;
}

/* settings/profile settings */
html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(.settings-shell, .settings-layout, .settings-sidebar, .settings-sidebar-card, .settings-content, .settings-panel, .profile-settings-card, .settings-card) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 8px 24px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(.settings-header, .settings-hero) {
  background: linear-gradient(135deg, var(--theme-surface) 0%, var(--theme-accent-soft) 100%) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: 0 14px 38px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(.settings-nav-item, .settings-menu-item, .settings-tab, .profile-section-tab) {
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
  border: 1px solid transparent !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(.settings-nav-item.is-active, .settings-menu-item.is-active, .settings-tab.is-active, .profile-section-tab.is-active) {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
  border-color: var(--theme-accent-soft) !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(label, .field-label, .settings-label, .form-label) {
  color: var(--theme-text) !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(.helper-text, .field-help, .muted, .meta, .subtitle, .secondary-text) {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(input[type="text"], input[type="email"], input[type="password"], textarea, select, .text-input, .input) {
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(input::placeholder, textarea::placeholder) {
  color: var(--theme-text-muted) !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(.cover-preview, .profile-cover-preview, .appearance-preview) {
  background: linear-gradient(135deg, var(--theme-reader-bg) 0%, var(--theme-text) 55%, var(--theme-accent-hover) 100%) !important;
  color: var(--theme-accent-text) !important;
  border: none !important;
}

html[data-theme="light"] :is(.settings-page, .profile-settings-page) :is(.cover-preview *, .profile-cover-preview *, .appearance-preview *) {
  color: inherit !important;
}
/* FUKUROU LIGHT REPAIR: FORUM_HELP_SETTINGS END */

/* FUKUROU LIGHT V5 EXACT PAGE FIX START */
html[data-theme="light"] .forum-page,
html[data-theme="light"] .forum-topic-page,
html[data-theme="light"] .forum-create-page,
html[data-theme="light"] .forum-modal {
  --forum-panel: var(--theme-surface);
  --forum-panel-strong: var(--theme-surface-alt);
  --forum-border: var(--theme-border);
  --forum-muted: var(--theme-text-secondary);
  --forum-faint: var(--theme-text-secondary);
  color: var(--theme-heading);
}

/* Forum: create discussion */
html[data-theme="light"] .forum-create-head {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 92% 0%, var(--theme-accent-soft), transparent 38%),
    linear-gradient(135deg, var(--theme-surface), var(--theme-accent-soft)) !important;
  color: var(--theme-heading) !important;
  box-shadow: 0 16px 44px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-create-head h1,
html[data-theme="light"] .forum-create-label,
html[data-theme="light"] .forum-create-section-title > div > span {
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .forum-create-head p,
html[data-theme="light"] .forum-create-note,
html[data-theme="light"] .forum-create-inline-state {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-create-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-heading) !important;
  box-shadow: 0 18px 50px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-create-section {
  border-bottom-color: var(--theme-border) !important;
}
html[data-theme="light"] .forum-create-input-wrap input,
html[data-theme="light"] .forum-create-textarea-wrap textarea,
html[data-theme="light"] .forum-title-search,
html[data-theme="light"] .forum-title-search input {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .forum-create-input-wrap input::placeholder,
html[data-theme="light"] .forum-create-textarea-wrap textarea::placeholder,
html[data-theme="light"] .forum-title-search input::placeholder {
  color: var(--theme-text-secondary) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .forum-create-input-wrap > small,
html[data-theme="light"] .forum-create-textarea-wrap > small {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-composer-toolbar {
  border-bottom-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .forum-composer-toolbar > span {
  background: var(--theme-border) !important;
}
html[data-theme="light"] .forum-composer-toolbar button,
html[data-theme="light"] .forum-composer-upload {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-composer-toolbar button:hover,
html[data-theme="light"] .forum-composer-upload:hover {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .forum-title-suggestions {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-heading) !important;
  box-shadow: 0 20px 52px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-title-selected,
html[data-theme="light"] .forum-title-suggestion:hover {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
}
html[data-theme="light"] .forum-title-suggestion small,
html[data-theme="light"] .forum-title-selected small,
html[data-theme="light"] .forum-title-suggestion-empty {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-title-selected button {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-create-category {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .forum-create-category:hover {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .forum-create-category.is-active {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .forum-create-actions {
  border-top: 1px solid var(--theme-surface-alt);
}
html[data-theme="light"] .forum-create-page .forum-secondary {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-input-text) !important;
}

/* Forum: topic detail and comments */
html[data-theme="light"] .forum-topic-shell {
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-heading) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-topic-page__body {
  background: var(--theme-surface) !important;
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .forum-topic-article,
html[data-theme="light"] .forum-topic-headline {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-topic-headline h1,
html[data-theme="light"] .forum-topic-author strong {
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .forum-topic-author small,
html[data-theme="light"] .forum-topic-linked-title em {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-topic-copy,
html[data-theme="light"] .forum-topic-copy p,
html[data-theme="light"] .forum-topic-copy li {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .forum-topic-copy blockquote {
  color: var(--theme-text-secondary) !important;
  background: var(--theme-accent-soft) !important;
}
html[data-theme="light"] .forum-topic-badges span {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-topic-badges span:first-child {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .forum-topic-actions {
  border-top-color: var(--theme-border) !important;
}
html[data-theme="light"] .forum-topic-actions button {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .forum-topic-actions button:hover,
html[data-theme="light"] .forum-topic-actions button.is-active {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .forum-topic-actions button b {
  background: var(--theme-surface-hover) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-topic-linked-title {
  border-color: var(--theme-accent-soft) !important;
  background: linear-gradient(90deg, var(--theme-accent-soft), var(--theme-surface)) !important;
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .forum-topic-comments {
  border-top: 1px solid var(--theme-border) !important;
  background: var(--theme-surface) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comments-surface {
  border: 0 !important;
  border-radius: 22px !important;
  background: var(--theme-surface) !important;
  color: var(--theme-heading) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comments-surface__header {
  border-bottom-color: var(--theme-border) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comments-title-row h2,
html[data-theme="light"] .forum-topic-comments .reader-comment-author,
html[data-theme="light"] .forum-topic-comments .reader-comment-text,
html[data-theme="light"] .forum-topic-comments .reader-comment-text strong,
html[data-theme="light"] .forum-topic-comments .reader-comment-text em {
  color: var(--theme-heading) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comments-page-chip,
html[data-theme="light"] .forum-topic-comments .reader-comment-header-button,
html[data-theme="light"] .forum-topic-comments .reader-comment-cancel {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-composer-box {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-rich-input,
html[data-theme="light"] .forum-topic-comments .reader-comment-composer-input,
html[data-theme="light"] .forum-topic-comments .reader-comment-inline-editor textarea {
  background: var(--theme-surface) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-rich-input:empty::before {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-composer-bottom,
html[data-theme="light"] .forum-topic-comments .reader-comment-tools {
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-tool {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-tool:hover {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-limit,
html[data-theme="light"] .forum-topic-comments .reader-comment-meta time,
html[data-theme="light"] .forum-topic-comments .reader-comment-edited,
html[data-theme="light"] .forum-topic-comments .reader-comment-deleted-text {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-card {
  border-top-color: var(--theme-border) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-header-button:hover,
html[data-theme="light"] .forum-topic-comments .reader-comment-reaction:hover,
html[data-theme="light"] .forum-topic-comments .reader-comment-reply-button:hover,
html[data-theme="light"] .forum-topic-comments .reader-comment-more:hover {
  background: var(--theme-surface-hover) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-sort-menu,
html[data-theme="light"] .forum-topic-comments .reader-comment-menu {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 18px 48px var(--theme-shadow) !important;
}
html[data-theme="light"] .forum-topic-comments .reader-comment-sort-menu button,
html[data-theme="light"] .forum-topic-comments .reader-comment-menu button {
  color: var(--theme-input-text) !important;
}

/* Help center: exact classes */
html[data-theme="light"] .help-page {
  --help-card: var(--theme-surface);
  --help-soft: var(--theme-surface-alt);
  --help-line: var(--theme-border);
  --help-muted: var(--theme-text-secondary);
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .help-hero {
  border-color: var(--theme-border) !important;
  background:
    radial-gradient(circle at 86% 14%, var(--theme-accent-soft), transparent 30%),
    linear-gradient(145deg, var(--theme-surface), var(--theme-accent-soft)) !important;
  box-shadow: 0 18px 52px var(--theme-shadow) !important;
}
html[data-theme="light"] .help-hero h1,
html[data-theme="light"] .help-section-heading h2,
html[data-theme="light"] .help-navigation-head strong,
html[data-theme="light"] .help-category-header h2,
html[data-theme="light"] .help-featured-card strong,
html[data-theme="light"] .help-article summary,
html[data-theme="light"] .help-empty h2,
html[data-theme="light"] .help-error h2,
html[data-theme="light"] .help-contact-card h2 {
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .help-hero p,
html[data-theme="light"] .help-search-meta,
html[data-theme="light"] .help-category-header p,
html[data-theme="light"] .help-article-answer,
html[data-theme="light"] .help-contact-card p,
html[data-theme="light"] .help-empty p,
html[data-theme="light"] .help-error p {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-search {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 12px 32px var(--theme-shadow) !important;
}
html[data-theme="light"] .help-search input {
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .help-search input::placeholder {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-search kbd,
html[data-theme="light"] .help-search button {
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-featured-card,
html[data-theme="light"] .help-navigation,
html[data-theme="light"] .help-category,
html[data-theme="light"] .help-contact-card,
html[data-theme="light"] .help-loading,
html[data-theme="light"] .help-empty,
html[data-theme="light"] .help-error {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-heading) !important;
  box-shadow: 0 10px 28px var(--theme-shadow) !important;
  backdrop-filter: none !important;
}
html[data-theme="light"] .help-featured-card:hover {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
}
html[data-theme="light"] .help-featured-card small,
html[data-theme="light"] .help-navigation-head small,
html[data-theme="light"] .help-navigation a em {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-navigation-head,
html[data-theme="light"] .help-category-header,
html[data-theme="light"] .help-article {
  border-color: var(--theme-border) !important;
}
html[data-theme="light"] .help-navigation a {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-navigation a:hover,
html[data-theme="light"] .help-navigation a.is-active {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .help-nav-icon {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .help-category-header > span:last-child {
  background: var(--theme-surface-hover) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-article summary:hover {
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .help-article summary b {
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-article[open] summary b {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .help-copy-link,
html[data-theme="light"] .help-retry,
html[data-theme="light"] .help-load-fallback a {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .help-copy-link:hover,
html[data-theme="light"] .help-retry:hover,
html[data-theme="light"] .help-load-fallback a:hover {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}

/* Settings: exact page shell/classes */
html[data-theme="light"] .settings-page-shell {
  --settings-panel: var(--theme-surface);
  --settings-panel-strong: var(--theme-surface-alt);
  --settings-line: var(--theme-border);
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .settings-page-hero {
  padding: 24px 28px;
  border: 1px solid var(--theme-border);
  border-radius: 24px;
  background:
    radial-gradient(circle at 92% 10%, var(--theme-accent-soft), transparent 26rem),
    linear-gradient(135deg, var(--theme-surface), var(--theme-accent-soft));
  box-shadow: 0 14px 38px var(--theme-shadow);
}
html[data-theme="light"] .settings-page-hero-title,
html[data-theme="light"] .settings-card h2,
html[data-theme="light"] .settings-card h3,
html[data-theme="light"] .settings-card strong,
html[data-theme="light"] .settings-nav-title,
html[data-theme="light"] .settings-card label {
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .settings-page-hero-subtitle,
html[data-theme="light"] .settings-nav-note,
html[data-theme="light"] .settings-card .text-zinc-400,
html[data-theme="light"] .settings-card .field-note,
html[data-theme="light"] .settings-card .profile-media-note,
html[data-theme="light"] .settings-card small {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .settings-navigation {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 14px 38px var(--theme-shadow) !important;
  backdrop-filter: none !important;
}
html[data-theme="light"] .settings-nav-item {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .settings-nav-item:hover {
  background: var(--theme-surface-alt) !important;
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .settings-nav-item.is-active {
  border-color: var(--theme-accent-soft) !important;
  background: linear-gradient(135deg, var(--theme-accent-soft), var(--theme-accent-soft)) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .settings-nav-icon {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .settings-nav-item.is-active .settings-nav-icon {
  border-color: transparent !important;
  background: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
}
html[data-theme="light"] .settings-nav-arrow {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .settings-category .settings-card {
  border: 1px solid var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-heading) !important;
  box-shadow: 0 14px 38px var(--theme-shadow) !important;
}
html[data-theme="light"] .settings-field,
html[data-theme="light"] textarea.settings-field,
html[data-theme="light"] select.settings-field {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .settings-field::placeholder,
html[data-theme="light"] textarea.settings-field::placeholder {
  color: var(--theme-text-secondary) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .settings-field[readonly] {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .settings-page-shell .secondary-link {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .settings-page-shell .secondary-link:hover {
  border-color: var(--theme-accent-soft) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}
html[data-theme="light"] .settings-page-shell .profile-media-studio .cover-upload,
html[data-theme="light"] .settings-page-shell .profile-media-studio .cover-upload *,
html[data-theme="light"] .settings-page-shell .profile-media-studio .visual-copy {
  color: var(--theme-accent-text) !important;
}
html[data-theme="light"] .settings-page-shell .profile-media-title {
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .settings-page-shell .profile-media-note {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .settings-page-shell .profile-media-studio .avatar-upload {
  border-color: var(--theme-accent-text) !important;
  box-shadow: 0 16px 36px var(--theme-shadow), 0 0 0 1px var(--theme-shadow) !important;
}
html[data-theme="light"] .settings-page-shell .performance-mode-card,
html[data-theme="light"] .settings-page-shell .performance-option,
html[data-theme="light"] .settings-page-shell .performance-toggle-row,
html[data-theme="light"] .settings-page-shell .social-provider-item,
html[data-theme="light"] .settings-page-shell .session-item,
html[data-theme="light"] .settings-page-shell .email-current,
html[data-theme="light"] .settings-page-shell .recovery-email-current {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-heading) !important;
}

@media (max-width: 760px) {
  html[data-theme="light"] .settings-page-hero {
    padding: 20px;
    border-radius: 20px;
  }
}

/* Fukurou Light 6 — pages with historically isolated dark palettes. */

/* Authentication. The media/mascot remains decorative; every interactive surface follows tokens. */
html[data-theme="light"][data-fukurou-page="index"],
html[data-theme="light"][data-fukurou-page="index"] body {
  background: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"][data-fukurou-page="index"] body {
  background-image:
    radial-gradient(circle at 12% 14%, var(--theme-accent-soft), transparent 32rem),
    radial-gradient(circle at 92% 86%, color-mix(in srgb, var(--theme-info) 10%, transparent), transparent 28rem) !important;
}
html[data-theme="light"] .main-card,
html[data-theme="light"] .form-panel {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 24px 70px var(--theme-shadow) !important;
}
html[data-theme="light"] .logo-title,
html[data-theme="light"] .form-title,
html[data-theme="light"] .auth-title {
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .logo-subtitle,
html[data-theme="light"] .form-subtitle,
html[data-theme="light"] .auth-subtitle,
html[data-theme="light"] .field-hint,
html[data-theme="light"] .auth-note {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .tabs,
html[data-theme="light"] .auth-tabs {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
}
html[data-theme="light"] .tab,
html[data-theme="light"] .auth-tab {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .tab.active,
html[data-theme="light"] .auth-tab.active {
  background: var(--theme-surface) !important;
  color: var(--theme-heading) !important;
  box-shadow: 0 2px 12px var(--theme-shadow) !important;
}
html[data-theme="light"] .field-input,
html[data-theme="light"] .auth-input {
  min-height: var(--theme-control-height);
  border-color: var(--theme-border) !important;
  background: var(--theme-input-bg) !important;
  color: var(--theme-input-text) !important;
  caret-color: var(--theme-accent) !important;
}
html[data-theme="light"] .field-input::placeholder,
html[data-theme="light"] .auth-input::placeholder {
  color: var(--theme-input-placeholder) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .field-input:focus,
html[data-theme="light"] .auth-input:focus {
  border-color: var(--theme-accent) !important;
  box-shadow: 0 0 0 3px var(--theme-focus-ring) !important;
}

/* Age confirmation. */
html[data-theme="light"] body.age-warning-page {
  background:
    radial-gradient(circle at 50% 0, var(--theme-accent-soft), transparent 30rem),
    var(--theme-bg) !important;
  color: var(--theme-text) !important;
}
html[data-theme="light"] .age-warning-brand,
html[data-theme="light"] .age-warning-card {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 20px 58px var(--theme-shadow) !important;
}
html[data-theme="light"] .age-warning-title,
html[data-theme="light"] .age-warning-card h1,
html[data-theme="light"] .age-warning-card h2 {
  color: var(--theme-heading) !important;
}
html[data-theme="light"] .age-warning-copy,
html[data-theme="light"] .age-warning-note,
html[data-theme="light"] .age-warning-card p {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .age-warning-actions .secondary,
html[data-theme="light"] .age-warning-secondary {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

/* Moderation workspace. Rebind its local palette so dynamically rendered cards stay readable. */
html[data-theme="light"] .moderation-app {
  --m-bg: var(--theme-bg);
  --m-card: var(--theme-surface);
  --m-card-2: var(--theme-surface-alt);
  --m-text: var(--theme-text);
  --m-muted: var(--theme-text-secondary);
  --m-line: var(--theme-border);
  --m-accent: var(--theme-accent);
  --m-danger: var(--theme-danger);
  color: var(--theme-text) !important;
}
html[data-theme="light"] body:has(.moderation-app) {
  background: var(--theme-bg) !important;
}
html[data-theme="light"] .mod-toolbar,
html[data-theme="light"] .mod-stats,
html[data-theme="light"] .mod-card,
html[data-theme="light"] .mod-dialog,
html[data-theme="light"] .mod-diff,
html[data-theme="light"] .mod-empty {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
}
html[data-theme="light"] .mod-card-meta,
html[data-theme="light"] .mod-stat small,
html[data-theme="light"] .mod-dialog p,
html[data-theme="light"] .mod-diff-label {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .mod-button:not(.primary):not(.danger) {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

/* Entity editor, including generated media and team rows. */
html[data-theme="light"] .entity-editor {
  --ee-bg: var(--theme-bg);
  --ee-card: var(--theme-surface);
  --ee-card-2: var(--theme-surface-alt);
  --ee-text: var(--theme-text);
  --ee-muted: var(--theme-text-secondary);
  --ee-line: var(--theme-border);
  --ee-accent: var(--theme-accent);
  color: var(--theme-text) !important;
}
html[data-theme="light"] body:has(.entity-editor) {
  background: var(--theme-bg) !important;
}
html[data-theme="light"] .ee-card,
html[data-theme="light"] .ee-media-card,
html[data-theme="light"] .ee-dialog,
html[data-theme="light"] .ee-toast,
html[data-theme="light"] .ee-empty {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
}
html[data-theme="light"] .ee-card-subtitle,
html[data-theme="light"] .ee-media-card p,
html[data-theme="light"] .ee-member small,
html[data-theme="light"] .ee-social-row small,
html[data-theme="light"] .ee-dialog p {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .ee-input,
html[data-theme="light"] .ee-select,
html[data-theme="light"] .ee-textarea {
  min-height: var(--theme-control-height);
  border-color: var(--theme-border) !important;
  background: var(--theme-input-bg) !important;
  color: var(--theme-input-text) !important;
}
html[data-theme="light"] .ee-input::placeholder,
html[data-theme="light"] .ee-textarea::placeholder {
  color: var(--theme-input-placeholder) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .ee-media-card.is-selected,
html[data-theme="light"] .ee-member.is-selected {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent-soft) !important;
}

/* Long-form policy documents: links, lists and inline code were missed by the first pass. */
html[data-theme="light"] .social-document-article a,
html[data-theme="light"] .rules-section-body a {
  color: var(--theme-link) !important;
  text-decoration-color: color-mix(in srgb, var(--theme-link) 45%, transparent) !important;
}
html[data-theme="light"] .social-document-article a:hover,
html[data-theme="light"] .rules-section-body a:hover {
  color: var(--theme-link-hover) !important;
}
html[data-theme="light"] .social-document-article code,
html[data-theme="light"] .rules-section-body code,
html[data-theme="light"] .rules-section-body blockquote {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

@media (max-width: 760px) {
  html[data-theme="light"] .main-card,
  html[data-theme="light"] .age-warning-card,
  html[data-theme="light"] .mod-dialog,
  html[data-theme="light"] .ee-dialog {
    border-radius: var(--theme-radius-md) !important;
    box-shadow: 0 14px 38px var(--theme-shadow) !important;
  }
}
/* FUKUROU LIGHT V5 EXACT PAGE FIX END */

/* Fukurou Light 7 - profile and profile-editor compatibility. */
html[data-theme="light"] .profile-page {
  --bg: var(--theme-bg);
  --panel: var(--theme-surface);
  --panel-soft: var(--theme-surface-alt);
  --line: var(--theme-border);
  --muted: var(--theme-text-muted);
  --accent: var(--theme-accent);
  color: var(--theme-text) !important;
}

html[data-theme="light"] .profile-page :is(
  .stat-card,
  .profile-card,
  .title-comments-host .reader-comments-surface
) {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  background: rgb(from var(--theme-surface) r g b / var(--profile-block-bg-alpha)) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 14px 34px var(--theme-shadow) !important;
}

html[data-theme="light"] .profile-page :is(
  .stat-value,
  .card-title,
  .profile-bookmark-count,
  .profile-empty-soft strong,
  .profile-achievement-name,
  .achievement-value,
  .continue-name,
  .friend-name,
  .history-text,
  .profile-item-detail strong
) {
  color: var(--theme-heading) !important;
}

html[data-theme="light"] .profile-page :is(
  .stat-label,
  .profile-bio,
  .profile-bookmark-copy,
  .profile-empty-soft,
  .profile-title-showcase-empty,
  .profile-gift-meta,
  .profile-gift-message,
  .achievement-label,
  .continue-meta,
  .friend-status:not(.is-online),
  .history-date,
  .profile-item-detail p,
  .empty-state
) {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .profile-page .card-header {
  border-bottom-color: var(--theme-border) !important;
}

html[data-theme="light"] .profile-page .card-link {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-link) !important;
}

html[data-theme="light"] .profile-page .card-link:hover {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-link-hover) !important;
}

html[data-theme="light"] .profile-page :is(
  .continue-item,
  .friend-item,
  .empty-state,
  .profile-title-showcase-item
) {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] .profile-page :is(.continue-item, .friend-item):hover {
  border-color: color-mix(in srgb, var(--theme-accent) 55%, var(--theme-border)) !important;
  background: var(--theme-surface-hover) !important;
}

html[data-theme="light"] .profile-page .profile-title-showcase-meta {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .profile-page .profile-title-showcase-track {
  background: var(--theme-border) !important;
}

html[data-theme="light"] .profile-page .profile-bookmark-card {
  background:
    radial-gradient(circle at 90% 10%, var(--theme-accent-soft), transparent 14rem),
    rgb(from var(--theme-surface) r g b / var(--profile-block-bg-alpha)) !important;
}

html[data-theme="light"] .profile-page .profile-reading-card {
  background:
    radial-gradient(circle at 10% 0%, var(--theme-accent-soft), transparent 11rem),
    rgb(from var(--theme-surface) r g b / var(--profile-block-bg-alpha)) !important;
}

html[data-theme="light"] .profile-page .profile-reading-track {
  border-color: var(--theme-border-strong) !important;
  background: var(--theme-surface-alt) !important;
}

html[data-theme="light"] .profile-page .profile-reading-total,
html[data-theme="light"] .profile-page .profile-reading-summary strong {
  color: var(--theme-text-primary) !important;
}

html[data-theme="light"] .profile-page .profile-reading-summary {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .profile-page .profile-reading-step {
  color: var(--theme-text-muted) !important;
}

html[data-theme="light"] .profile-page .profile-reading-step::before {
  border-color: var(--theme-border-strong) !important;
  background: var(--theme-surface) !important;
}

html[data-theme="light"] .profile-page .profile-reading-step.is-active {
  color: var(--theme-heading) !important;
}

html[data-theme="light"] .profile-page .history-item + .history-item {
  border-top-color: var(--theme-border) !important;
}

html[data-theme="light"] :is(
  .profile-info-dialog,
  .profile-panel-dialog,
  .profile-gift-dialog
) {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 24px 80px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(
  .profile-info-card,
  .profile-panel-item,
  .profile-gift-option,
  .profile-info-link
) {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] .profile-gift-overlay .profile-gift-option {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] .profile-gift-overlay .profile-gift-option-price {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] :is(
  .profile-info-card-meta,
  .profile-info-label,
  .profile-panel-meta,
  .profile-panel-value,
  .profile-gift-option-price
) {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] :is(
  .profile-info-card-title,
  .profile-info-title,
  .profile-info-value,
  .profile-panel-title,
  .profile-gift-option-name
) {
  color: var(--theme-heading) !important;
}

html[data-theme="light"] .profile-info-row {
  border-bottom-color: var(--theme-border) !important;
}

html[data-theme="light"] :is(.profile-info-close, .profile-gift-message-field) {
  border-color: var(--theme-border) !important;
  background: var(--theme-input-bg) !important;
  color: var(--theme-input-text) !important;
}

html[data-theme="light"] .profile-customizer-dialog {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 18px 70px var(--theme-shadow) !important;
}

html[data-theme="light"] .profile-customizer-tab {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] .profile-customizer-tab:hover {
  border-color: var(--theme-border-strong) !important;
  background: var(--theme-surface-hover) !important;
}

html[data-theme="light"] .profile-customizer-tab.is-active {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
}

html[data-theme="light"] :is(
  .profile-cosmetic-card,
  .profile-cosmetic-empty,
  .profile-customizer-range,
  .profile-media-editor,
  .profile-layout-toolbar,
  .profile-layout-option
) {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] .profile-cosmetic-card:hover,
html[data-theme="light"] .profile-cosmetic-card.is-selected,
html[data-theme="light"] .profile-layout-option.is-active {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent-soft) !important;
}

html[data-theme="light"] :is(
  .profile-cosmetic-card.is-empty,
  .profile-cosmetic-empty,
  .profile-cosmetic-meta,
  .profile-customizer-range span
) {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .profile-customizer-dialog .profile-button:not(.primary) {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] .profile-customizer-dialog .profile-button:not(.primary):hover {
  border-color: var(--theme-border-strong) !important;
  background: var(--theme-surface-hover) !important;
}

html[data-theme="light"] .profile-page .reader-comments-surface__header {
  border-bottom-color: var(--theme-border) !important;
}

html[data-theme="light"] .profile-page .reader-comment-header-button {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] .profile-page .reader-comment-header-button:hover {
  border-color: var(--theme-accent) !important;
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}

html[data-theme="light"] .profile-page .reader-comments-empty--illustrated {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
}

html[data-theme="light"] .profile-page .reader-comments-empty--illustrated strong {
  color: var(--theme-heading) !important;
}

html[data-theme="light"] .profile-page .reader-comments-empty--illustrated span {
  color: var(--theme-text-secondary) !important;
}

/* Fukurou Light 8 - remaining component-level contrast fixes. */
html[data-theme="light"] .catalog-page {
  --bg: var(--theme-bg);
  --panel: var(--theme-surface);
  --line: var(--theme-border);
  --muted: var(--theme-text-secondary);
  --accent: var(--theme-accent);
  color: var(--theme-text) !important;
}

html[data-theme="light"] .catalog-toolbar {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  box-shadow: 0 10px 30px var(--theme-shadow) !important;
}

html[data-theme="light"] .catalog-tools select {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] .library-eyebrow,
html[data-theme="light"] .library-tab__icon {
  color: var(--theme-accent) !important;
}

html[data-theme="light"] .library-tab strong {
  background: var(--theme-surface) !important;
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .library-tab.is-active strong {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}

html[data-theme="light"] .social-kicker,
html[data-theme="light"] .social-tabs button span,
html[data-theme="light"] .coin-balance strong,
html[data-theme="light"] .shop-price strong {
  color: var(--theme-accent) !important;
}

html[data-theme="light"] .social-button.primary,
html[data-theme="light"] .forum-primary,
html[data-theme="light"] .shop-card-image span,
html[data-theme="light"] .shop-card.is-owned .shop-card-image::after {
  color: var(--theme-accent-text) !important;
}

html[data-theme="light"] .forum-eyebrow,
html[data-theme="light"] .forum-section-head span,
html[data-theme="light"] .forum-sidebar__head span,
html[data-theme="light"] .help-eyebrow,
html[data-theme="light"] .help-section-heading span {
  color: var(--theme-accent) !important;
}

html[data-theme="light"] .forum-empty strong,
html[data-theme="light"] .forum-error strong {
  color: var(--theme-heading) !important;
}

html[data-theme="light"] .forum-empty p,
html[data-theme="light"] .forum-error p {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .help-contact-icon {
  background: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
}

html[data-theme="light"] .help-featured-card b {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent) !important;
}

html[data-theme="light"] .leaderboard-user span {
  color: var(--theme-success) !important;
}

html[data-theme="light"] :is(
  .podium-place,
  .podium-score,
  .leaderboard-points
) {
  color: var(--theme-accent) !important;
}

html[data-theme="light"] :is(
  .podium-level,
  .leaderboard-rank,
  .leaderboard-stat span,
  .leaderboard-points span
) {
  color: var(--theme-text-secondary) !important;
}

/* Profile action rail and beta feedback surfaces must follow the active theme. */
html[data-theme="light"] .profile-action-rail {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 18px 42px var(--theme-shadow) !important;
}

html[data-theme="light"] :is(
  .profile-action-rail-toggle,
  .profile-rail-button
) {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] :is(
  .profile-action-rail-toggle:hover,
  .profile-rail-button:hover,
  .profile-action-rail-toggle:focus-visible,
  .profile-rail-button:focus-visible
) {
  background: var(--theme-accent-soft) !important;
  color: var(--theme-accent-hover) !important;
}

html[data-theme="light"] .beta-feedback-button {
  border-color: color-mix(in srgb, var(--theme-accent) 38%, var(--theme-border)) !important;
  background: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 16px 45px var(--theme-shadow) !important;
}

html[data-theme="light"] .beta-feedback-button i {
  color: var(--theme-accent) !important;
}

html[data-theme="light"] .beta-feedback-button:hover,
html[data-theme="light"] .beta-feedback-button:focus-visible {
  border-color: var(--theme-accent) !important;
  background: var(--theme-surface-hover) !important;
  color: var(--theme-text) !important;
}

html[data-theme="light"] .beta-dialog-actions {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] .beta-report-kind {
  border-color: var(--theme-border) !important;
  background: var(--theme-surface-alt) !important;
}

html[data-theme="light"] .beta-report-kind button {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .beta-report-kind button.active {
  color: var(--theme-accent-hover) !important;
  background: var(--theme-accent-soft) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-accent) 42%, var(--theme-border)) !important;
}

html[data-theme="light"] :is(
  .beta-dialog label,
  .beta-report-extra summary,
  .beta-file-drop b
) {
  color: var(--theme-text) !important;
}

html[data-theme="light"] :is(
  .beta-dialog-head p,
  .beta-field-help,
  .beta-file-drop small,
  .beta-report-context,
  .beta-report-progress p
) {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] :is(
  .beta-dialog input::placeholder,
  .beta-dialog textarea::placeholder
) {
  color: var(--theme-text-secondary) !important;
  opacity: 1 !important;
}

html[data-theme="light"] :is(
  .beta-dialog input,
  .beta-dialog textarea,
  .beta-dialog select
) {
  color: var(--theme-text) !important;
}