/* AUTO-GENERATED by scripts/build-light-theme.mjs from ver.html — do not edit */
html[data-theme="light"] {
  background: var(--bg-base);
}
html[data-theme="light"] body {
  background: var(--bg-base);
  color: var(--text-body);
}
html[data-theme="light"] #read-progress {
  background: linear-gradient(90deg,#ffe600,var(--cyan));
  box-shadow: 0 0 8px var(--green);
}
html[data-theme="light"] .navbar {
  background: rgba(244,245,246,0.88)!important;
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] .navbar-brand {
  color: var(--text-hi)!important;
}
html[data-theme="light"] .navbar-logo {
  border: 1px solid var(--border-green);
}
html[data-theme="light"] .brand-accent {
  color: var(--green);
}
html[data-theme="light"] .nav-link {
  color: var(--text-body)!important;
}
html[data-theme="light"] .nav-link::after {
  background: #ffe600;
  box-shadow: 0 0 8px var(--green);
}
html[data-theme="light"] .nav-link:hover {
  color: var(--text-hi)!important;
}
html[data-theme="light"] .nav-cta {
  color: #000!important;
  background: #ffe600;
}
html[data-theme="light"] .nav-cta:hover {
  color: #000!important;
}
html[data-theme="light"] .lang-switch {
  background: rgba(15,23,42,0.048);
  border: 1px solid var(--border-hi);
}
html[data-theme="light"] .lang-switch-btn {
  color: var(--text-muted);
}
html[data-theme="light"] .lang-switch-btn:hover {
  color: var(--text-hi);
}
html[data-theme="light"] .lang-switch-btn.active {
  color: #000;
  background: #ffe600;
}
html[data-theme="light"] .back-btn {
  color: var(--text-muted);
}
html[data-theme="light"] .back-btn:hover {
  color: var(--green);
}
html[data-theme="light"] .sb-card {
  background: var(--bg-surface);
  border: 1px solid var(--border);
}
html[data-theme="light"] .sb-card:hover {
  border-color: var(--border-green);
}
html[data-theme="light"] .sb-head {
  background: var(--bg-raised);
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] .sb-head-label {
  color: var(--green);
}
html[data-theme="light"] .live-badge {
  color: var(--green);
}
html[data-theme="light"] .live-dot {
  background: #ffe600;
  box-shadow: 0 0 6px var(--green);
}
html[data-theme="light"] .sb-key {
  color: var(--text-muted);
}
html[data-theme="light"] .sb-val {
  color: var(--text-hi);
}
html[data-theme="light"] .db-easy {
  color: var(--green);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
}
html[data-theme="light"] .db-medium {
  color: var(--yellow);
  background: var(--yellow-dim);
  border: 1px solid var(--border-yellow);
}
html[data-theme="light"] .db-hard {
  color: #e00b0b;
  background: rgba(248,113,113,.1);
  border: 1px solid rgba(185,9,9,0.3);
}
html[data-theme="light"] .db-insane {
  color: var(--purple);
  background: var(--purple-dim);
  border: 1px solid var(--border-purp);
}
html[data-theme="light"] .debug-box {
  background: rgba(248,113,113,.06);
  border: 1px solid rgba(185,9,9,0.3);
  color: #e00b0b;
}
html[data-theme="light"] .sb-idx-toggle {
  background: var(--bg-raised);
  border-top: 1px solid var(--border);
}
html[data-theme="light"] .sb-idx-toggle:hover {
  background: var(--bg-overlay);
}
html[data-theme="light"] .sb-idx-label {
  color: var(--text-body);
}
html[data-theme="light"] .idx-arrow {
  color: var(--text-muted);
}
html[data-theme="light"] #sidebar-index {
  scrollbar-color: var(--text-faint) transparent;
}
html[data-theme="light"] #sidebar-index li a {
  color: var(--green);
}
html[data-theme="light"] #sidebar-index li a:hover {
  background: var(--green-mid);
}
html[data-theme="light"] #sidebar-index li.h2 a {
  color: var(--cyan);
}
html[data-theme="light"] #sidebar-index li.h2 a:hover {
  background: var(--cyan-dim);
}
html[data-theme="light"] #sidebar-index li.h3 a {
  color: var(--purple);
}
html[data-theme="light"] #sidebar-index li.h3 a:hover {
  background: var(--purple-dim);
}
html[data-theme="light"] #sidebar-index li.active a {
  background: var(--green-mid);
}
html[data-theme="light"] #sidebar-index li.h2.active a {
  background: var(--cyan-dim);
}
html[data-theme="light"] #sidebar-index li.h3.active a {
  background: var(--purple-dim);
}
html[data-theme="light"] .hero-header {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}
html[data-theme="light"] .hero-header::before {
  background-image: linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);
}
html[data-theme="light"] .hero-header::after {
  background: linear-gradient(90deg,#ffe600,var(--cyan),var(--purple));
}
html[data-theme="light"] .player-tag {
  color: var(--green);
  border: 1px solid var(--border-green);
  background: var(--green-mid);
}
html[data-theme="light"] .player-tag::before {
  background: #ffe600;
  box-shadow: 0 0 6px var(--green);
}
html[data-theme="light"] #holo-title {
  color: var(--text-hi);
}
html[data-theme="light"] .hm-label {
  color: var(--text-muted);
}
html[data-theme="light"] .hm-val {
  color: var(--text-hi);
}
html[data-theme="light"] .hm-bar {
  background: var(--bg-overlay);
}
html[data-theme="light"] .hm-bar-fill::after {
  background: linear-gradient(120deg,transparent,rgba(15,23,42,0.12),transparent);
}
html[data-theme="light"] .hs-label {
  color: var(--text-muted);
}
html[data-theme="light"] .hs-val {
  color: var(--green);
}
html[data-theme="light"] .md-wrapper {
  background: var(--bg-surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}
html[data-theme="light"] .md-chrome {
  background: var(--bg-raised);
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] .mdc-left {
  color: var(--text-body);
}
html[data-theme="light"] .mdc-right {
  color: var(--text-muted);
}
html[data-theme="light"] .mdc-tag {
  background: var(--green-dim);
  color: var(--green);
  border: 1px solid var(--border-green);
}
html[data-theme="light"] .md-body::before {
  background: linear-gradient(transparent,rgba(255,230,0,.06),transparent);
}
html[data-theme="light"] #markdown-container h1 {
  color: var(--text-hi);
  border-bottom: 1px solid var(--border-green);
}
html[data-theme="light"] #markdown-container h2 {
  color: var(--text-hi);
}
html[data-theme="light"] #markdown-container h2::before {
  color: var(--cyan);
}
html[data-theme="light"] #markdown-container h3 {
  color: var(--purple);
}
html[data-theme="light"] #markdown-container h3::before {
  color: var(--green);
}
html[data-theme="light"] #markdown-container h4 {
  color: var(--text-muted);
}
html[data-theme="light"] #markdown-container h4::before {
  color: var(--green);
}
html[data-theme="light"] #markdown-container p {
  color: var(--text-body);
}
html[data-theme="light"] #markdown-container a {
  color: var(--cyan);
  border-bottom: 1px solid var(--border-cyan);
}
html[data-theme="light"] #markdown-container a:hover {
  color: var(--green);
  border-bottom-color: var(--border-green);
}
html[data-theme="light"] #markdown-container strong {
  color: var(--yellow);
}
html[data-theme="light"] #markdown-container em {
  color: var(--cyan);
}
html[data-theme="light"] #markdown-container blockquote {
  background: var(--green-dim);
  border-left: 3px solid var(--green);
}
html[data-theme="light"] #markdown-container blockquote p {
  color: var(--text-hi);
}
html[data-theme="light"] #markdown-container table {
  border: 1px solid var(--border);
}
html[data-theme="light"] #markdown-container thead {
  background: var(--bg-raised);
}
html[data-theme="light"] #markdown-container th {
  color: var(--text-muted);
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] #markdown-container td {
  color: var(--text-body);
  border-bottom: 1px solid var(--border);
}
html[data-theme="light"] #markdown-container tbody tr:hover td {
  background: var(--bg-raised);
  color: var(--text-hi);
}
html[data-theme="light"] #markdown-container ul li {
  color: var(--text-body);
}
html[data-theme="light"] #markdown-container ul li::before {
  background: var(--cyan);
  box-shadow: 0 0 6px var(--cyan);
}
html[data-theme="light"] #markdown-container ol li {
  color: var(--text-body);
}
html[data-theme="light"] #markdown-container ol li::before {
  color: var(--green);
}
html[data-theme="light"] #markdown-container ul ul li::before {
  background: var(--purple);
  box-shadow: 0 0 6px var(--purple);
}
html[data-theme="light"] #markdown-container img {
  border: 1px solid var(--border-hi)!important;
  box-shadow: 0 8px 40px rgba(15,23,42,0.12)!important;
}
html[data-theme="light"] #markdown-container img:hover {
  border-color: var(--border-green)!important;
  box-shadow: 0 8px 40px rgba(15,23,42,0.12),var(--shadow-green)!important;
}
html[data-theme="light"] #img-overlay {
  background: rgba(249,250,251,0.96)!important;
}
html[data-theme="light"] #img-overlay img {
  border: 1px solid var(--border-green)!important;
  box-shadow: var(--shadow-green)!important;
}
html[data-theme="light"] #img-overlay-close {
  color: var(--green)!important;
  background: var(--bg-raised)!important;
  border: 1px solid var(--border-green)!important;
  box-shadow: var(--shadow-green)!important;
}
html[data-theme="light"] #img-overlay-hint {
  color: rgba(13,17,23,0.18)!important;
}
html[data-theme="light"] .img-cap {
  color: rgba(0,122,133,0.4);
}
html[data-theme="light"] #markdown-container hr {
  background: linear-gradient(90deg,transparent,#ffe600,var(--cyan),var(--purple),transparent);
}
html[data-theme="light"] #volver-arriba {
  background: var(--bg-raised);
  border: 1px solid var(--border-green);
  box-shadow: var(--shadow-green);
  color: var(--green);
}
html[data-theme="light"] #volver-arriba:hover {
  background: var(--green-dim);
}
html[data-theme="light"] .footer {
  background: var(--bg-base)!important;
  border-top: 1px solid var(--border)!important;
}
html[data-theme="light"] .footer-logo {
  color: var(--text-hi);
}
html[data-theme="light"] .footer-logo .hl {
  color: var(--green);
}
html[data-theme="light"] .footer-tagline {
  color: var(--text-muted);
}
html[data-theme="light"] .social-link {
  border: 1px solid var(--border);
  background: var(--bg-surface);
  color: var(--text-muted);
}
html[data-theme="light"] .social-link:hover {
  border-color: var(--border-green);
  color: var(--green);
  background: var(--green-mid);
  box-shadow: var(--shadow-green);
}
html[data-theme="light"] .footer-divider {
  background: var(--border);
}
html[data-theme="light"] .footer-copy {
  color: var(--text-muted);
}
html[data-theme="light"] .text-accent {
  color: var(--green)!important;
}