/* Automatisch erzeugt aus styles.css – nicht von Hand bearbeiten: npm run theme:light (scripts/build-light-theme.js) */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="light"] { --page: rgb(240, 251, 247); --page-deep: rgb(243, 252, 250); --panel: rgba(239, 247, 245, 0.88); --panel-solid: rgb(238, 247, 243); --text: rgb(21, 21, 12); --muted: rgb(81, 97, 88); --accent: rgb(36, 137, 74); --accent-soft: rgb(15, 63, 31); --warm: rgb(138, 103, 22); --line: rgba(0, 0, 0, 0.1); --shadow: rgba(0, 0, 0, 0.168); }
html[data-theme="light"] body { background: radial-gradient(circle at 52% -20%, rgb(230, 245, 239) 0, var(--page) 37%, var(--page-deep) 100%); color: var(--text); }
html[data-theme="light"] button { color: inherit; }
html[data-theme="light"] a { color: inherit; text-decoration: none; }
html[data-theme="light"] .ambient-one { background: rgb(50, 134, 85); }
html[data-theme="light"] .ambient-two { background: rgb(138, 107, 46); }
html[data-theme="light"] .topbar { border-bottom: 1px solid var(--line); }
html[data-theme="light"] .wordmark span,
html[data-theme="light"] .footer-mark { color: var(--accent); }
html[data-theme="light"] .topbar-links { color: var(--muted); }
html[data-theme="light"] .topbar-links a:hover { color: var(--text); }
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .language-toggle { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); color: var(--text); }
html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .theme-toggle:focus-visible,
html[data-theme="light"] .language-toggle:hover,
html[data-theme="light"] .language-toggle:focus-visible { border-color: rgba(36, 137, 74, 0.5); background: rgba(36, 137, 74, 0.08); outline: none; }
html[data-theme="light"] .pwa-install { border: 1px solid rgba(36, 137, 74, 0.3); background: rgba(36, 137, 74, 0.07); color: var(--accent-soft); }
html[data-theme="light"] .pwa-install:hover,
html[data-theme="light"] .pwa-install:focus-visible { border-color: var(--accent); background: rgba(36, 137, 74, 0.13); outline: none; }
html[data-theme="light"] .source-badge { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .source-badge i { background: var(--accent); box-shadow: 0 0 0 4px rgba(34, 57, 43, 0.036), 0 0 14px var(--accent); }
html[data-theme="light"] .source-badge:hover,
html[data-theme="light"] .source-badge:focus-visible { color: var(--text); outline: none; }
html[data-theme="light"] .source-badge.is-stale i { background: var(--warm); box-shadow: 0 0 0 4px rgba(57, 50, 34, 0.036), 0 0 14px var(--warm); }
html[data-theme="light"] .offline-banner { border: 1px solid rgba(138, 103, 22, 0.32); background: rgba(250, 246, 237, 0.94); color: var(--warm); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.112); }
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .card-title small,
html[data-theme="light"] .authors-wrap > small { color: var(--accent); }
html[data-theme="light"] .series-link { border: 0; background: none; color: var(--accent); text-decoration: underline; }
html[data-theme="light"] .series-link:hover,
html[data-theme="light"] .series-link:focus-visible { color: var(--accent-soft); outline: none; }
html[data-theme="light"] h1 em { color: var(--accent); }
html[data-theme="light"] .intro { color: var(--muted); }
html[data-theme="light"] .profile-links a { border: 1px solid var(--line); color: var(--accent-soft); }
html[data-theme="light"] .profile-links a::after { color: var(--muted); }
html[data-theme="light"] .profile-links a:hover,
html[data-theme="light"] .profile-links a:focus-visible { border-color: rgba(36, 137, 74, 0.42); background: rgba(36, 137, 74, 0.07); outline: none; }
html[data-theme="light"] .scope-toggle { border: 1px solid var(--line); background: rgba(245, 254, 251, 0.34); }
html[data-theme="light"] .scope-button { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .scope-button.is-active { background: var(--accent); color: rgb(238, 250, 245); box-shadow: 0 8px 22px rgba(34, 57, 44, 0.12); }
html[data-theme="light"] .shelf-layout-toggle { border: 1px solid var(--line); background: rgba(245, 254, 251, 0.34); }
html[data-theme="light"] .shelf-layout-button { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .shelf-layout-button.is-active { background: var(--accent); color: rgb(238, 250, 245); }
html[data-theme="light"] .year-control { border: 1px solid var(--line); color: var(--muted); }
html[data-theme="light"] .year-control select { border: 0; background: transparent; color: var(--text); outline: none; }
html[data-theme="light"] .goal-card,
html[data-theme="light"] .summary-grid article,
html[data-theme="light"] .insight-card,
html[data-theme="light"] .current-book { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(234, 245, 240, 0.88), rgba(241, 250, 246, 0.8)); box-shadow: 0 22px 70px rgba(0, 0, 0, 0.056); }
html[data-theme="light"] .goal-card p:last-child { color: var(--muted); }
html[data-theme="light"] .goal-card code { color: var(--accent-soft); }
html[data-theme="light"] .goal-ring { background: conic-gradient(var(--accent) var(--goal), rgba(0, 0, 0, 0.08) 0); }
html[data-theme="light"] .goal-ring-pages { background: conic-gradient(var(--warm) var(--goal), rgba(0, 0, 0, 0.08) 0); }
html[data-theme="light"] .goal-ring-audio { background: conic-gradient(rgb(6, 25, 105) var(--goal), rgba(0, 0, 0, 0.08) 0); }
html[data-theme="light"] .goal-ring.is-archive { background: conic-gradient(var(--warm) var(--goal), rgba(0, 0, 0, 0.08) 0); }
html[data-theme="light"] .goal-ring.is-unconfigured { background: conic-gradient(rgba(0, 0, 0, 0.14) 100%, rgba(0, 0, 0, 0.08) 0); }
html[data-theme="light"] .goal-ring::before { background: rgb(238, 248, 244); }
html[data-theme="light"] .goal-ring span { color: var(--muted); }
html[data-theme="light"] .goal-progress-label { color: var(--muted); }
html[data-theme="light"] .goal-forecast { border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--text); }
html[data-theme="light"] .goal-forecast small { color: var(--muted); }
html[data-theme="light"] .goal-forecast strong { color: var(--accent-soft); }
html[data-theme="light"] .goal-forecast > span:last-child { color: var(--accent); }
html[data-theme="light"] .goal-forecast:hover strong,
html[data-theme="light"] .goal-forecast:focus-visible strong { color: var(--text); }
html[data-theme="light"] .goal-forecast:focus-visible { outline: 1px solid var(--accent); }
html[data-theme="light"] .summary-icon { color: var(--accent); }
html[data-theme="light"] .summary-copy > small { color: var(--muted); }
html[data-theme="light"] .summary-breakdown span { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .summary-breakdown .is-book { border-color: rgba(36, 137, 74, 0.22); background: rgba(36, 137, 74, 0.06); color: var(--accent-soft); }
html[data-theme="light"] .summary-breakdown .is-audio { border-color: rgba(6, 25, 105, 0.27); background: rgba(6, 25, 105, 0.075); color: rgb(2, 10, 46); }
html[data-theme="light"] .summary-breakdown.is-streak span { color: rgb(27, 40, 32); }
html[data-theme="light"] .summary-breakdown.is-streak .is-longest { color: var(--warm); }
html[data-theme="light"] .section-heading > p { color: var(--muted); }
html[data-theme="light"] .section-heading-actions p { color: var(--muted); }
html[data-theme="light"] .insights-open-button { border: 1px solid rgba(36, 137, 74, 0.25); background: rgba(36, 137, 74, 0.065); color: var(--accent-soft); }
html[data-theme="light"] .insights-open-button:hover,
html[data-theme="light"] .insights-open-button:focus-visible { border-color: rgba(36, 137, 74, 0.52); background: rgba(36, 137, 74, 0.12); outline: none; }
html[data-theme="light"] .insights-open-button.is-secondary { border-color: rgba(6, 25, 105, 0.3); background: rgba(6, 25, 105, 0.07); color: rgb(2, 7, 39); }
html[data-theme="light"] .insights-open-button.is-secondary:hover,
html[data-theme="light"] .insights-open-button.is-secondary:focus-visible { border-color: rgba(6, 25, 105, 0.55); background: rgba(6, 25, 105, 0.13); }
html[data-theme="light"] .current-book.is-book { border-color: rgba(36, 137, 74, 0.19); background: linear-gradient(145deg, rgba(229, 245, 238, 0.92), rgba(241, 250, 246, 0.82)); }
html[data-theme="light"] .current-book.is-audio { --media-accent: rgb(4, 17, 77); --media-soft: rgb(2, 7, 37); border-color: rgba(6, 25, 105, 0.28); background: linear-gradient(145deg, rgba(176, 184, 221, 0.92), rgba(232, 236, 248, 0.84)); }
html[data-theme="light"] .current-book.is-book:hover { border-color: rgba(36, 137, 74, 0.5); }
html[data-theme="light"] .current-book.is-audio:hover { border-color: rgba(6, 25, 105, 0.55); }
html[data-theme="light"] .mini-cover,
html[data-theme="light"] .timeline-cover { background: linear-gradient(145deg, var(--cover-top), var(--cover-bottom)); box-shadow: 8px 10px 18px rgba(0, 0, 0, 0.096); }
html[data-theme="light"] .mini-cover::before,
html[data-theme="light"] .timeline-cover::before { background: rgba(0, 0, 0, 0.18); box-shadow: 3px 0 rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .mini-cover > span,
html[data-theme="light"] .timeline-cover > span { text-shadow: 0 2px 8px rgba(0, 0, 0, 0.24); }
html[data-theme="light"] .media-badge { border: 1px solid rgba(0, 0, 0, 0.55); background: rgba(244, 251, 249, 0.86); box-shadow: 0 5px 14px rgba(0, 0, 0, 0.168); text-shadow: none !important; }
html[data-theme="light"] .media-badge.is-physical { border-color: rgba(138, 103, 22, 0.72); background: rgba(250, 243, 233, 0.9); box-shadow: 0 5px 14px rgba(0, 0, 0, 0.168), 0 0 0 2px rgba(57, 51, 34, 0.036); }
html[data-theme="light"] .media-badge.is-ebook { border-color: rgba(36, 137, 74, 0.65); background: rgba(234, 251, 244, 0.9); box-shadow: 0 5px 14px rgba(0, 0, 0, 0.168), 0 0 0 2px rgba(34, 57, 43, 0.032); }
html[data-theme="light"] .status-badge { border: 1px solid rgba(0, 0, 0, 0.72); color: rgb(243, 250, 248); background: rgb(107, 118, 112); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18); }
html[data-theme="light"] .status-badge.status-want { border-color: rgb(2, 7, 38); color: rgb(0, 0, 0); background: rgb(37, 56, 137); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), 0 0 0 2px rgba(34, 39, 57, 0.072); }
html[data-theme="light"] .status-badge.status-current { border-color: rgb(2, 41, 16); background: rgb(36, 137, 74); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), 0 0 0 2px rgba(34, 57, 43, 0.072); }
html[data-theme="light"] .status-badge.status-finished { border-color: rgb(63, 49, 3); background: rgb(141, 102, 18); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18), 0 0 0 2px rgba(57, 51, 34, 0.072); }
html[data-theme="light"] .status-badge.status-paused { border-color: rgb(63, 36, 3); background: rgb(148, 88, 28); }
html[data-theme="light"] .status-badge.status-abandoned { border-color: rgb(42, 2, 2); color: rgb(0, 0, 0); background: rgb(126, 58, 58); }
html[data-theme="light"] .status-badge.status-unread { border-color: rgb(38, 45, 41); color: rgb(0, 0, 0); background: rgb(140, 151, 145); }
html[data-theme="light"] .dossier-badge { border: 1px solid rgba(34, 4, 71, 0.7); background: rgba(240, 233, 247, 0.9); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18); text-shadow: none; }
html[data-theme="light"] .current-copy > small { color: var(--media-accent); }
html[data-theme="light"] .current-copy > span { color: var(--muted); }
html[data-theme="light"] .current-copy > em { color: var(--media-soft); }
html[data-theme="light"] .current-copy > .current-forecast { color: rgb(41, 52, 45); }
html[data-theme="light"] .current-book.is-audio .current-forecast { color: rgb(2, 7, 39); }
html[data-theme="light"] .mini-progress { background: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .mini-progress i { background: var(--media-accent, var(--accent)); }
html[data-theme="light"] .card-title > span,
html[data-theme="light"] .text-button { color: var(--muted); }
html[data-theme="light"] .text-button { border: 0; background: none; text-decoration: underline; }
html[data-theme="light"] .chart-context { color: var(--muted); }
html[data-theme="light"] .chart-legend { color: var(--muted); }
html[data-theme="light"] .chart-tooltip { border: 1px solid var(--line); background: var(--panel-solid); color: var(--text); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16); }
html[data-theme="light"] .chart-legend .legend-book { background: var(--accent); }
html[data-theme="light"] .chart-legend .legend-audio { background: rgb(6, 25, 105); }
html[data-theme="light"] .chart-legend .legend-pages { background: var(--warm); }
html[data-theme="light"] .chart-legend .legend-listening { border-top: 2px dashed rgb(6, 25, 105); }
html[data-theme="light"] .year-chart,
html[data-theme="light"] .month-chart { border-bottom: 1px solid var(--line); }
html[data-theme="light"] .month-pages-line { fill: none; stroke: var(--warm); }
html[data-theme="light"] .month-listening-line { fill: none; stroke: rgb(6, 25, 105); }
html[data-theme="light"] .month-pages-dot.is-listening { background: rgb(6, 25, 105); }
html[data-theme="light"] .month-pages-dot { background: var(--warm); box-shadow: 0 0 0 2px rgba(16, 27, 23, 0.4); }
html[data-theme="light"] .year-bar,
html[data-theme="light"] .month-bar { border: 0; background: none; }
html[data-theme="light"] .chart-series strong { color: var(--muted); }
html[data-theme="light"] .chart-series .bar-book { background: linear-gradient(to top, rgba(36, 137, 74, 0.22), var(--accent)); }
html[data-theme="light"] .chart-series .bar-audio { background: linear-gradient(to top, rgba(6, 25, 105, 0.2), rgb(6, 25, 105)); }
html[data-theme="light"] .year-bar > span:last-child,
html[data-theme="light"] .month-bar > span:last-child { color: var(--muted); }
html[data-theme="light"] .year-bar.is-active > span:last-child { color: var(--accent); }
html[data-theme="light"] .calendar-nav { color: var(--muted); }
html[data-theme="light"] .calendar-controls button { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.035); color: var(--text); }
html[data-theme="light"] .calendar-controls button:first-child,
html[data-theme="light"] .calendar-controls button:last-child { color: var(--accent); }
html[data-theme="light"] .calendar-controls button:hover:not(:disabled),
html[data-theme="light"] .calendar-controls button:focus-visible { border-color: rgba(36, 137, 74, 0.42); background: rgba(36, 137, 74, 0.08); outline: none; }
html[data-theme="light"] .reading-pace-area { stroke: none; fill: rgba(36, 137, 74, 0.16); }
html[data-theme="light"] .reading-pace-line { fill: none; stroke: var(--accent); }
html[data-theme="light"] .reading-pace-caption { color: var(--muted); }
html[data-theme="light"] .reading-pace-caption + .reading-pace-caption { border-top: 1px solid var(--line); }
html[data-theme="light"] .calendar-month { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.018); }
html[data-theme="light"] .calendar-month header span { color: var(--muted); }
html[data-theme="light"] .calendar-month-summary div { background: rgba(0, 0, 0, 0.03); }
html[data-theme="light"] .calendar-month-summary strong { color: var(--text); }
html[data-theme="light"] .calendar-month-summary small { color: var(--muted); }
html[data-theme="light"] .calendar-weekdays span { color: var(--muted); }
html[data-theme="light"] .calendar-day { border: 1px solid rgba(0, 0, 0, 0.035); background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.55); }
html[data-theme="light"] .calendar-day:hover:not(:disabled),
html[data-theme="light"] .calendar-day:focus-visible { outline: 1px solid rgba(36, 137, 74, 0.7); }
html[data-theme="light"] .calendar-day[data-level="1"] { background: rgb(169, 226, 195); color: rgb(9, 38, 19); }
html[data-theme="light"] .calendar-day[data-level="2"] { background: rgb(135, 215, 167); color: rgb(1, 14, 5); }
html[data-theme="light"] .calendar-day[data-level="3"] { background: rgb(57, 126, 83); color: rgb(240, 251, 245); }
html[data-theme="light"] .calendar-day[data-level="4"] { background: var(--accent); color: rgb(240, 251, 245); box-shadow: 0 0 8px rgba(34, 57, 43, 0.068); }
html[data-theme="light"] .calendar-day.is-today { outline: 1px solid var(--warm); }
html[data-theme="light"] .calendar-day.is-selected { outline: 2px solid var(--warm); }
html[data-theme="light"] .calendar-day-panel { border-top: 1px solid var(--line); }
html[data-theme="light"] .calendar-day-heading small { color: var(--accent); }
html[data-theme="light"] .calendar-day-close { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.03); color: var(--muted); }
html[data-theme="light"] .calendar-day-close:hover,
html[data-theme="light"] .calendar-day-close:focus-visible { border-color: rgba(36, 137, 74, 0.45); color: var(--text); outline: none; }
html[data-theme="light"] .calendar-day-totals div { background: rgba(0, 0, 0, 0.035); }
html[data-theme="light"] .calendar-day-totals strong { color: var(--text); }
html[data-theme="light"] .calendar-day-totals small { color: var(--muted); }
html[data-theme="light"] .calendar-session { border: 1px solid rgba(36, 137, 74, 0.12); background: rgba(236, 248, 243, 0.58); color: var(--text); }
html[data-theme="light"] .calendar-session.is-audio { --day-accent: rgb(4, 17, 77); border-color: rgba(6, 25, 105, 0.18); background: rgba(226, 229, 243, 0.55); }
html[data-theme="light"] .calendar-session:hover,
html[data-theme="light"] .calendar-session:focus-visible { border-color: var(--day-accent); outline: none; }
html[data-theme="light"] .calendar-session-cover { box-shadow: 4px 6px 11px rgba(0, 0, 0, 0.092); }
html[data-theme="light"] .calendar-session-copy > small { color: var(--day-accent); }
html[data-theme="light"] .calendar-session-copy > span { color: var(--muted); }
html[data-theme="light"] .calendar-session-copy > em { color: rgb(27, 40, 32); }
html[data-theme="light"] .calendar-session-time { border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.03); color: var(--muted); }
html[data-theme="light"] .calendar-day-empty { background: rgba(0, 0, 0, 0.025); color: var(--muted); }
html[data-theme="light"] .record-group { border: 1px solid rgba(36, 137, 74, 0.16); background: rgba(36, 137, 74, 0.025); }
html[data-theme="light"] .record-group.is-audio { --record-accent: rgb(4, 17, 77); border-color: rgba(6, 25, 105, 0.2); background: rgba(6, 25, 105, 0.035); }
html[data-theme="light"] .record-group-heading small { color: var(--record-accent); }
html[data-theme="light"] .record-group-heading p { color: var(--muted); }
html[data-theme="light"] .record-item { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.023); color: var(--text); }
html[data-theme="light"] button.record-item:hover,
html[data-theme="light"] button.record-item:focus-visible { border-color: var(--record-accent); background: rgba(36, 137, 74, 0.065); outline: none; }
html[data-theme="light"] .record-group.is-audio button.record-item:hover,
html[data-theme="light"] .record-group.is-audio button.record-item:focus-visible { background: rgba(6, 25, 105, 0.075); }
html[data-theme="light"] .record-item > span { color: var(--record-accent); }
html[data-theme="light"] .record-item small { color: var(--muted); }
html[data-theme="light"] .record-item em { color: var(--record-accent); }
html[data-theme="light"] .comparison-head { color: var(--muted); background: rgba(0, 0, 0, 0.02); }
html[data-theme="light"] .comparison-head.is-current,
html[data-theme="light"] .comparison-cell.is-current { background: rgba(36, 137, 74, 0.08); }
html[data-theme="light"] .comparison-row-label { color: var(--muted); }
html[data-theme="light"] .comparison-cell { background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .comparison-cell em { color: var(--muted); }
html[data-theme="light"] .comparison-cell em.is-positive { color: var(--accent); }
html[data-theme="light"] .comparison-cell em.is-negative { color: rgb(105, 29, 21); }
html[data-theme="light"] .insights-subheading { color: var(--muted); }
html[data-theme="light"] .rank-item { border: 0; background: transparent; }
html[data-theme="light"] .rank-item:hover,
html[data-theme="light"] .rank-item.is-active { background: rgba(36, 137, 74, 0.08); }
html[data-theme="light"] .rank-item span { color: var(--accent); }
html[data-theme="light"] .rank-item i { background: linear-gradient(to right, var(--accent) var(--rank), rgba(0, 0, 0, 0.07) var(--rank)); }
html[data-theme="light"] .rank-item em { color: var(--muted); }
html[data-theme="light"] .authors-wrap { border-top: 1px solid var(--line); }
html[data-theme="light"] .author-bubble { border: 1.5px solid; }
html[data-theme="light"] .author-bubble span { color: var(--muted); }
html[data-theme="light"] .series-filters button { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); color: var(--muted); }
html[data-theme="light"] .series-filters button:hover,
html[data-theme="light"] .series-filters button:focus-visible { border-color: rgba(36, 137, 74, 0.4); color: var(--text); outline: none; }
html[data-theme="light"] .series-filters button.is-active { border-color: var(--accent); background: rgba(36, 137, 74, 0.1); color: var(--accent-soft); }
html[data-theme="light"] .series-card { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(234, 245, 241, 0.82), rgba(241, 250, 247, 0.78)); }
html[data-theme="light"] .series-card.is-active { border-color: rgba(36, 137, 74, 0.3); }
html[data-theme="light"] .series-card.is-paused { border-color: rgba(138, 103, 22, 0.28); }
html[data-theme="light"] .series-card.is-abandoned { border-color: rgba(129, 31, 22, 0.25); }
html[data-theme="light"] .series-card-heading small { color: var(--muted); }
html[data-theme="light"] .series-card-heading .series-state { border: 1px solid rgba(36, 137, 74, 0.22); color: var(--accent-soft); }
html[data-theme="light"] .series-card.is-paused .series-state { border-color: rgba(138, 103, 22, 0.3); color: var(--warm); }
html[data-theme="light"] .series-card.is-abandoned .series-state { border-color: rgba(129, 31, 22, 0.3); color: rgb(87, 23, 18); }
html[data-theme="light"] .series-progress { background: rgba(0, 0, 0, 0.07); }
html[data-theme="light"] .series-progress i { background: linear-gradient(90deg, rgb(53, 130, 82), var(--accent)); }
html[data-theme="light"] .series-progress span { color: var(--accent); }
html[data-theme="light"] .series-card-details p { background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .series-card-details small { color: var(--muted); }
html[data-theme="light"] .series-card-details span { color: rgb(27, 40, 32); }
html[data-theme="light"] .series-gaps { color: var(--warm); }
html[data-theme="light"] .series-timeline { border-top: 1px solid rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .series-timeline-volume { border: 0; background: none; }
html[data-theme="light"] .series-timeline-volume i { background: rgba(0, 0, 0, 0.1); }
html[data-theme="light"] button.series-timeline-volume:hover i,
html[data-theme="light"] button.series-timeline-volume:focus-visible i { outline: none; }
html[data-theme="light"] .series-timeline-volume > span { color: var(--muted); }
html[data-theme="light"] .series-timeline-volume.is-read i { background: linear-gradient(180deg, var(--accent), rgb(53, 130, 82)); }
html[data-theme="light"] .series-timeline-volume.is-read > span { color: var(--accent-soft); }
html[data-theme="light"] .series-timeline-volume.is-manual-read i { background-image: repeating-linear-gradient(135deg, rgba(36, 137, 74, 0.6) 0 4px, rgba(36, 137, 74, 0.28) 4px 8px); }
html[data-theme="light"] .series-timeline-volume.is-active i { background: linear-gradient(180deg, rgb(6, 25, 105), rgb(53, 67, 131)); }
html[data-theme="light"] .series-timeline-volume.is-active > span { color: rgb(2, 7, 39); }
html[data-theme="light"] .series-timeline-volume.is-paused i { background: var(--warm); }
html[data-theme="light"] .series-timeline-volume.is-paused > span { color: var(--warm); }
html[data-theme="light"] .series-timeline-volume.is-abandoned i { background: rgba(129, 31, 22, 0.55); }
html[data-theme="light"] .series-timeline-volume.is-abandoned > span { color: rgb(87, 23, 18); }
html[data-theme="light"] .series-timeline-volume.is-want i { background: none; border: 1px dashed rgba(36, 137, 74, 0.7); }
html[data-theme="light"] .series-timeline-volume.is-want > span { color: var(--accent-soft); }
html[data-theme="light"] .series-empty { border: 1px dashed var(--line); color: var(--muted); }
html[data-theme="light"] .series-toggle { border: 1px solid rgba(36, 137, 74, 0.35); background: rgba(36, 137, 74, 0.055); color: var(--accent-soft); }
html[data-theme="light"] .series-toggle:hover,
html[data-theme="light"] .series-toggle:focus-visible { background: rgba(36, 137, 74, 0.11); outline: none; }
html[data-theme="light"] .series-history { border: 1px dashed rgba(138, 103, 22, 0.24); background: rgba(138, 103, 22, 0.035); }
html[data-theme="light"] .series-history-heading strong { color: var(--warm); }
html[data-theme="light"] .series-history-heading small { color: var(--muted); }
html[data-theme="light"] .series-history-range label { color: var(--muted); }
html[data-theme="light"] .series-history-range input { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.08); color: var(--text); }
html[data-theme="light"] .series-history-range > button { border: 1px solid rgba(138, 103, 22, 0.3); background: rgba(138, 103, 22, 0.08); color: var(--warm); }
html[data-theme="light"] .series-history-range input:focus,
html[data-theme="light"] .series-history-range > button:hover,
html[data-theme="light"] .series-history-range > button:focus-visible { border-color: var(--warm); outline: none; }
html[data-theme="light"] .series-history-volumes button { border: 1px solid rgba(138, 103, 22, 0.25); background: rgba(0, 0, 0, 0.025); color: var(--warm); }
html[data-theme="light"] .series-history-volumes button.is-manual-read { border-color: rgba(36, 137, 74, 0.3); background: rgba(36, 137, 74, 0.08); color: var(--accent-soft); }
html[data-theme="light"] .series-history-volumes button:hover,
html[data-theme="light"] .series-history-volumes button:focus-visible { border-color: currentColor; outline: none; }
html[data-theme="light"] .series-history-status { color: var(--muted); }
html[data-theme="light"] .library-switch { border: 1px solid rgba(0, 0, 0, 0.14); background: rgba(242, 252, 248, 0.88); box-shadow: 0 14px 38px rgba(0, 0, 0, 0.12); }
html[data-theme="light"] .library-switch > span small { color: var(--accent); }
html[data-theme="light"] .library-switch > div { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.072); }
html[data-theme="light"] .library-switch button { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .library-switch button.is-active { background: var(--accent); color: rgb(238, 251, 245); box-shadow: 0 6px 18px rgba(34, 57, 44, 0.096); }
html[data-theme="light"] .shelf-filters input,
html[data-theme="light"] .shelf-filters select,
html[data-theme="light"] .shelf-filters button { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.035); color: var(--text); outline: none; }
html[data-theme="light"] .shelf-filters input::placeholder { color: var(--muted); }
html[data-theme="light"] .shelf-filters input:focus,
html[data-theme="light"] .shelf-filters select:focus { border-color: rgba(36, 137, 74, 0.48); }
html[data-theme="light"] .shelf-filters select option { background: var(--panel-solid); color: var(--text); }
html[data-theme="light"] .shelf-filters button { color: var(--accent-soft); }
html[data-theme="light"] .status-legend { color: var(--muted); }
html[data-theme="light"] .bookshelf { border: 1px solid rgba(0, 0, 0, 0.13); background: rgb(236, 238, 240); box-shadow: 0 34px 70px rgba(0, 0, 0, 0.12), inset 0 1px rgba(46, 46, 46, 0.032); }
html[data-theme="light"] .shelf-row { background: radial-gradient(circle at 50% 110%, rgba(0, 0, 0, 0.035), transparent 50%), linear-gradient(rgb(234, 235, 237), rgb(236, 238, 240)); }
html[data-theme="light"] .shelf-row + .shelf-row { border-top: 14px solid rgb(194, 199, 204); box-shadow: inset 0 3px 3px rgba(46, 46, 46, 0.02), inset 0 8px 10px rgba(0, 0, 0, 0.14); }
html[data-theme="light"] .shelf-ledge { border-top: 2px solid rgb(168, 174, 181); background: linear-gradient(rgb(187, 192, 198) 0 37%, rgb(234, 235, 237) 38% 70%, rgb(240, 241, 242)); box-shadow: 0 -5px 12px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.18); }
html[data-theme="light"] .gallery-section-label { color: var(--muted); }
html[data-theme="light"] .gallery-tile { border: 0; background: transparent; }
html[data-theme="light"] .gallery-tile:hover .gallery-cover,
html[data-theme="light"] .gallery-tile:focus-visible .gallery-cover { box-shadow: 8px 14px 22px rgba(0, 0, 0, 0.128); }
html[data-theme="light"] .gallery-tile.is-selected .gallery-cover { outline: 2px solid var(--accent); }
html[data-theme="light"] .bookshelf-gallery.is-mosaic .gallery-cover { box-shadow: 0 4px 0 0 var(--tile-color, transparent); }
html[data-theme="light"] .gallery-tile-copy small { color: var(--muted); }
html[data-theme="light"] .book-spine { border: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.096), transparent 13%, rgba(0, 0, 0, 0.08) 52%, rgba(0, 0, 0, 0.072)), linear-gradient(160deg, var(--book-top), var(--book-bottom)); box-shadow: inset 2px 0 rgba(46, 46, 46, 0.048), inset -3px 0 rgba(0, 0, 0, 0.096), 3px 3px 7px rgba(0, 0, 0, 0.144); }
html[data-theme="light"] .book-spine:hover,
html[data-theme="light"] .book-spine:focus-visible { outline: none; }
html[data-theme="light"] .spine-sheen { background: linear-gradient(90deg, rgba(0, 0, 0, 0.136), transparent 18% 72%, rgba(0, 0, 0, 0.124)), linear-gradient(105deg, rgba(0, 0, 0, 0.18), transparent 20% 78%, rgba(0, 0, 0, 0.088)); }
html[data-theme="light"] .spine-label { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.34), 0 0 7px rgba(0, 0, 0, 0.288); }
html[data-theme="light"] .spine-label small { color: rgba(0, 0, 0, 0.75); }
html[data-theme="light"] .timeline-list { border-top: 1px solid var(--line); }
html[data-theme="light"] .timeline-year { border-bottom: 1px solid var(--line); }
html[data-theme="light"] .timeline-year-summary:hover,
html[data-theme="light"] .timeline-year[open] > .timeline-year-summary { background: rgba(36, 137, 74, 0.045); }
html[data-theme="light"] .timeline-year-summary::before { border: 5px solid var(--page); background: var(--accent); box-shadow: 0 0 0 1px rgba(34, 57, 43, 0.2), 0 0 18px rgba(34, 57, 43, 0.104); }
html[data-theme="light"] .timeline-year-summary::after { background: linear-gradient(var(--accent), rgba(36, 137, 74, 0.18)); }
html[data-theme="light"] .timeline-year-summary small { color: var(--muted); }
html[data-theme="light"] .timeline-chevron { border-right: 2px solid var(--accent); border-bottom: 2px solid var(--accent); }
html[data-theme="light"] .timeline-months { border-left: 2px solid rgba(36, 137, 74, 0.2); }
html[data-theme="light"] .timeline-year-single { border-bottom: 0; border-left: 2px solid rgba(36, 137, 74, 0.2); }
html[data-theme="light"] .timeline-month-summary:hover,
html[data-theme="light"] .timeline-month[open] > .timeline-month-summary { background: rgba(0, 0, 0, 0.03); }
html[data-theme="light"] .timeline-marker { border: 4px solid var(--page); background: var(--warm); box-shadow: 0 0 0 1px rgba(57, 51, 34, 0.18); }
html[data-theme="light"] .timeline-marker::after { background: rgba(138, 103, 22, 0.32); }
html[data-theme="light"] .timeline-month-label small { color: var(--muted); }
html[data-theme="light"] .timeline-books::before { background: rgba(0, 0, 0, 0.11); }
html[data-theme="light"] .timeline-book { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .timeline-book::before { border: 3px solid var(--page); background: var(--accent); }
html[data-theme="light"] .timeline-book::after { background: rgba(36, 137, 74, 0.3); }
html[data-theme="light"] .timeline-book:hover { border-color: rgba(36, 137, 74, 0.3); background: rgba(0, 0, 0, 0.05); }
html[data-theme="light"] .timeline-book small { color: var(--muted); }
html[data-theme="light"] .timeline-info-badge { border: 1px solid var(--line); color: var(--text); background: rgba(0, 0, 0, 0.055); }
html[data-theme="light"] .timeline-info-badge svg { fill: none; stroke: currentColor; }
html[data-theme="light"] .timeline-media-audio { border-color: rgba(6, 45, 114, 0.42); background: rgba(105, 141, 200, 0.22); }
html[data-theme="light"] .timeline-media-physical { border-color: rgba(138, 103, 22, 0.48); background: rgba(232, 194, 135, 0.22); }
html[data-theme="light"] .timeline-media-ebook { border-color: rgba(36, 137, 74, 0.4); background: rgba(143, 230, 187, 0.2); }
html[data-theme="light"] .timeline-status-want { border-color: rgba(6, 25, 105, 0.48); background: rgba(62, 74, 121, 0.24); }
html[data-theme="light"] .timeline-status-current { border-color: rgba(36, 137, 74, 0.48); background: rgba(128, 224, 172, 0.23); }
html[data-theme="light"] .timeline-status-finished { border-color: rgba(138, 103, 22, 0.48); background: rgba(232, 194, 135, 0.22); }
html[data-theme="light"] .timeline-status-paused { border-color: rgba(148, 88, 28, 0.48); background: rgba(229, 172, 125, 0.22); }
html[data-theme="light"] .timeline-status-abandoned { border-color: rgba(141, 42, 42, 0.48); background: rgba(207, 110, 110, 0.22); }
html[data-theme="light"] .timeline-book em { color: var(--warm); }
html[data-theme="light"] .loading-state,
html[data-theme="light"] .message-state { border: 1px solid var(--line); background: var(--panel); }
html[data-theme="light"] .loading-state span { background: var(--accent); }
html[data-theme="light"] .loading-state p { color: var(--muted); }
html[data-theme="light"] .message-state p { color: var(--muted); }
html[data-theme="light"] .secondary-button { border: 1px solid var(--accent); background: transparent; }
html[data-theme="light"] .insights-dialog,
html[data-theme="light"] .book-dialog { border: 1px solid rgba(0, 0, 0, 0.15); background: rgb(239, 248, 245); color: var(--text); box-shadow: 0 40px 100px rgba(0, 0, 0, 0.26); }
html[data-theme="light"] .insights-dialog::backdrop,
html[data-theme="light"] .book-dialog::backdrop { background: rgba(245, 254, 251, 0.78); }
html[data-theme="light"] .insights-dialog-header > p:last-child { color: var(--muted); }
html[data-theme="light"] .insights-dialog-tabs { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.072); }
html[data-theme="light"] .insights-dialog-tabs button { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .insights-dialog-tabs button:hover,
html[data-theme="light"] .insights-dialog-tabs button:focus-visible { color: var(--text); outline: none; }
html[data-theme="light"] .insights-dialog-tabs button.is-active { background: var(--accent); color: rgb(238, 251, 245); box-shadow: 0 7px 18px rgba(34, 57, 44, 0.1); }
html[data-theme="light"] .cockpit-summary article { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .cockpit-summary article.is-accent { border-color: rgba(36, 137, 74, 0.25); background: rgba(36, 137, 74, 0.055); }
html[data-theme="light"] .cockpit-summary article.is-audio { border-color: rgba(6, 25, 105, 0.28); background: rgba(6, 25, 105, 0.06); }
html[data-theme="light"] .cockpit-summary small { color: var(--muted); }
html[data-theme="light"] .cockpit-summary span { color: var(--muted); }
html[data-theme="light"] .habits-media { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.064); }
html[data-theme="light"] .habits-media button { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .habits-media button:hover,
html[data-theme="light"] .habits-media button:focus-visible { color: var(--text); outline: none; }
html[data-theme="light"] .habits-media button.is-active { background: var(--accent); color: rgb(238, 251, 245); }
html[data-theme="light"] .cockpit-section { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.02); }
html[data-theme="light"] .cockpit-section-heading small { color: var(--accent); }
html[data-theme="light"] .habit-weekday span,
html[data-theme="light"] .habit-weekday small { color: var(--muted); }
html[data-theme="light"] .habit-track { background: rgba(0, 0, 0, 0.07); }
html[data-theme="light"] .habit-track i { background: linear-gradient(90deg, rgb(53, 130, 82), var(--accent)); }
html[data-theme="light"] .habits-heatmap > strong { color: var(--muted); }
html[data-theme="light"] .habit-heat-cell { border: 1px solid rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .habit-heat-cell[data-level="1"] { border-color: rgba(36, 137, 74, 0.12); background: rgba(36, 137, 74, 0.13); }
html[data-theme="light"] .habit-heat-cell[data-level="2"] { border-color: rgba(36, 137, 74, 0.2); background: rgba(36, 137, 74, 0.28); }
html[data-theme="light"] .habit-heat-cell[data-level="3"] { border-color: rgba(36, 137, 74, 0.32); background: rgba(36, 137, 74, 0.5); }
html[data-theme="light"] .habit-heat-cell[data-level="4"] { border-color: rgba(15, 63, 31, 0.62); background: rgba(36, 137, 74, 0.82); box-shadow: 0 0 14px rgba(34, 57, 43, 0.06); }
html[data-theme="light"] .habits-pause { border: 1px solid rgba(138, 103, 22, 0.18); background: rgba(138, 103, 22, 0.045); }
html[data-theme="light"] .habits-pause > span { background: rgba(138, 103, 22, 0.1); color: var(--warm); }
html[data-theme="light"] .habits-pause p { color: var(--muted); }
html[data-theme="light"] .audio-narrator { background: rgba(0, 0, 0, 0.048); }
html[data-theme="light"] .audio-narrator > span { color: rgb(4, 17, 77); }
html[data-theme="light"] .audio-narrator b { color: rgb(2, 7, 37); }
html[data-theme="light"] .audio-narrator small { color: var(--muted); }
html[data-theme="light"] .audio-narrator-track { background: rgba(0, 0, 0, 0.07); }
html[data-theme="light"] .audio-narrator-track i { background: linear-gradient(90deg, rgb(53, 67, 131), rgb(4, 17, 77)); }
html[data-theme="light"] .audio-title { border: 1px solid var(--line); background: rgba(6, 25, 105, 0.025); color: var(--text); }
html[data-theme="light"] .audio-title:hover,
html[data-theme="light"] .audio-title:focus-visible { border-color: rgba(6, 25, 105, 0.42); background: rgba(6, 25, 105, 0.065); outline: none; }
html[data-theme="light"] .audio-title-cover { box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.088); }
html[data-theme="light"] .audio-title-heading small { color: rgb(2, 10, 46); }
html[data-theme="light"] .audio-title-copy > span:not(.audio-title-heading):not(.audio-title-progress) { color: var(--muted); }
html[data-theme="light"] .audio-title-facts { color: rgb(42, 51, 79) !important; }
html[data-theme="light"] .audio-title-progress { background: rgba(0, 0, 0, 0.07); }
html[data-theme="light"] .audio-title-progress i { background: linear-gradient(90deg, rgb(53, 67, 131), rgb(4, 17, 77)); }
html[data-theme="light"] .audio-title-progress b { color: rgb(2, 10, 46); }
html[data-theme="light"] .cockpit-empty { border: 1px dashed var(--line); color: var(--muted); }
html[data-theme="light"] .catalog-stats-summary { color: var(--muted); }
html[data-theme="light"] .catalog-fingerprint { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .catalog-fingerprint-mode { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.072); }
html[data-theme="light"] .catalog-fingerprint-mode button { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .catalog-fingerprint-mode button.is-active { background: var(--accent); color: rgb(238, 251, 245); }
html[data-theme="light"] .fingerprint-donut-hole { background: rgb(239, 248, 245); }
html[data-theme="light"] .fingerprint-donut-hole span { color: var(--muted); }
html[data-theme="light"] .fingerprint-legend span { color: var(--text); }
html[data-theme="light"] .fingerprint-legend b { color: var(--muted); }
html[data-theme="light"] .fingerprint-legend-empty { color: var(--muted); }
html[data-theme="light"] .catalog-stat-card { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .catalog-stat-card > header span { background: rgba(36, 137, 74, 0.09); color: var(--accent); }
html[data-theme="light"] .catalog-stat-row { background: rgba(0, 0, 0, 0.052); }
html[data-theme="light"] .catalog-stat-row-heading small { color: var(--muted); }
html[data-theme="light"] .catalog-stat-row-heading b { color: var(--accent-soft); }
html[data-theme="light"] .catalog-stat-track { background: rgba(0, 0, 0, 0.07); }
html[data-theme="light"] .catalog-stat-track i { background: linear-gradient(90deg, rgb(53, 130, 82), var(--accent)); }
html[data-theme="light"] .catalog-stat-card.is-genres .catalog-stat-track i { background: linear-gradient(90deg, rgb(208, 170, 94), var(--warm)); }
html[data-theme="light"] .catalog-stat-card.is-formats .catalog-stat-track i { background: linear-gradient(90deg, rgb(53, 67, 131), rgb(4, 17, 77)); }
html[data-theme="light"] .catalog-stat-row p { color: var(--muted); }
html[data-theme="light"] .catalog-stat-toggle { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); color: var(--accent-soft); }
html[data-theme="light"] .catalog-stat-toggle:hover,
html[data-theme="light"] .catalog-stat-toggle:focus-visible { border-color: rgba(36, 137, 74, 0.4); outline: none; }
html[data-theme="light"] .catalog-stat-empty { color: var(--muted); }
html[data-theme="light"] .quality-overview { border: 1px solid rgba(36, 137, 74, 0.22); background: rgba(36, 137, 74, 0.055); color: var(--text); }
html[data-theme="light"] .quality-overview:hover,
html[data-theme="light"] .quality-overview:focus-visible { border-color: rgba(36, 137, 74, 0.5); outline: none; }
html[data-theme="light"] .quality-overview.is-attention { border-color: rgba(138, 103, 22, 0.28); background: rgba(138, 103, 22, 0.055); }
html[data-theme="light"] .quality-overview.is-error { border-color: rgba(129, 31, 22, 0.3); background: rgba(129, 31, 22, 0.055); }
html[data-theme="light"] .quality-overview > span { background: rgba(36, 137, 74, 0.12); color: var(--accent); }
html[data-theme="light"] .quality-overview.is-attention > span { background: rgba(138, 103, 22, 0.12); color: var(--warm); }
html[data-theme="light"] .quality-overview.is-error > span { background: rgba(129, 31, 22, 0.12); color: rgb(87, 23, 18); }
html[data-theme="light"] .quality-overview p { color: var(--muted); }
html[data-theme="light"] .quality-check { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .quality-check.is-error { border-color: rgba(129, 31, 22, 0.2); }
html[data-theme="light"] .quality-check.is-warning { border-color: rgba(138, 103, 22, 0.2); }
html[data-theme="light"] .quality-check-heading { border: 0; background: transparent; color: var(--text); }
html[data-theme="light"] .quality-check-heading:hover strong,
html[data-theme="light"] .quality-check-heading:focus-visible strong { color: var(--accent-soft); }
html[data-theme="light"] .quality-check-heading:focus-visible { outline: 1px solid rgba(36, 137, 74, 0.55); }
html[data-theme="light"] .quality-check-heading small { color: var(--muted); }
html[data-theme="light"] .quality-check-heading > span { background: rgba(0, 0, 0, 0.05); color: var(--accent); }
html[data-theme="light"] .quality-check.is-warning .quality-check-heading > span { color: var(--warm); }
html[data-theme="light"] .quality-check.is-error .quality-check-heading > span { color: rgb(87, 23, 18); }
html[data-theme="light"] .quality-ok { color: var(--accent-soft); }
html[data-theme="light"] .quality-issues button,
html[data-theme="light"] .quality-issues > div { border: 0; background: rgba(0, 0, 0, 0.025); color: var(--text); }
html[data-theme="light"] .quality-issues button:hover,
html[data-theme="light"] .quality-issues button:focus-visible { background: rgba(36, 137, 74, 0.08); outline: none; }
html[data-theme="light"] .quality-issues small { color: var(--muted); }
html[data-theme="light"] .quality-issues .quality-more { color: var(--accent-soft); }
html[data-theme="light"] .goal-projection-card { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .goal-projection-card.is-audio { --projection-accent: rgb(4, 17, 77); }
html[data-theme="light"] .goal-projection-heading span { color: var(--projection-accent); }
html[data-theme="light"] .goal-projection-heading small { color: var(--muted); }
html[data-theme="light"] .goal-projection-card > p { color: var(--projection-accent); }
html[data-theme="light"] .projection-track { background: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .projection-track i { background: var(--projection-accent); }
html[data-theme="light"] .projection-facts div { border-top: 1px solid rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .projection-facts dt { color: var(--muted); }
html[data-theme="light"] .projection-facts dd { color: rgb(26, 35, 29); }
html[data-theme="light"] .projection-empty { border: 1px dashed var(--line); color: var(--muted); }
html[data-theme="light"] .wrap-card { border: 1px solid rgba(36, 137, 74, 0.22); background: radial-gradient(circle at 85% 12%, rgba(36, 137, 74, 0.13), transparent 32%), linear-gradient(145deg, rgb(230, 246, 240), rgb(240, 250, 247) 70%); }
html[data-theme="light"] .wrap-card::after { color: rgba(36, 137, 74, 0.055); }
html[data-theme="light"] .wrap-lead small { color: var(--accent); }
html[data-theme="light"] .wrap-lead p { color: rgb(56, 71, 62); }
html[data-theme="light"] .wrap-media-card { border: 1px solid rgba(36, 137, 74, 0.22); background: rgba(36, 137, 74, 0.055); }
html[data-theme="light"] .wrap-media-card.is-audio { --wrap-media: rgb(4, 17, 77); border-color: rgba(6, 25, 105, 0.3); background: rgba(6, 25, 105, 0.07); }
html[data-theme="light"] .wrap-media-card header small { color: var(--wrap-media); }
html[data-theme="light"] .wrap-media-total strong { color: var(--wrap-media); }
html[data-theme="light"] .wrap-media-total span { color: var(--muted); }
html[data-theme="light"] .wrap-media-facts div { border-top: 1px solid rgba(0, 0, 0, 0.07); }
html[data-theme="light"] .wrap-media-facts dt { color: var(--muted); }
html[data-theme="light"] .wrap-media-facts dd { color: rgb(12, 18, 14); }
html[data-theme="light"] .wrap-highlights div { border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.052); }
html[data-theme="light"] .wrap-highlights small { color: var(--muted); }
html[data-theme="light"] .wrap-stat { border: 1px solid rgba(0, 0, 0, 0.09); background: rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .wrap-stat small { color: var(--muted); }
html[data-theme="light"] .primary-action { border: 1px solid var(--accent); background: var(--accent); color: rgb(238, 251, 245); }
html[data-theme="light"] .secondary-action { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.035); color: var(--text); }
html[data-theme="light"] .primary-action:hover,
html[data-theme="light"] .primary-action:focus-visible,
html[data-theme="light"] .secondary-action:hover,
html[data-theme="light"] .secondary-action:focus-visible { outline: none; }
html[data-theme="light"] .wrap-share-status { color: var(--muted); }
html[data-theme="light"] .cover-poster-intro { color: var(--muted); }
html[data-theme="light"] .data-status-dialog,
html[data-theme="light"] .version-dialog,
html[data-theme="light"] .quality-detail-dialog,
html[data-theme="light"] .changelog-dialog,
html[data-theme="light"] .series-detail-dialog { border: 1px solid rgba(0, 0, 0, 0.15); background: rgb(239, 248, 245); color: var(--text); box-shadow: 0 40px 100px rgba(0, 0, 0, 0.26); }
html[data-theme="light"] .data-status-dialog::backdrop,
html[data-theme="light"] .version-dialog::backdrop,
html[data-theme="light"] .quality-detail-dialog::backdrop,
html[data-theme="light"] .changelog-dialog::backdrop,
html[data-theme="light"] .series-detail-dialog::backdrop { background: rgba(245, 254, 251, 0.78); }
html[data-theme="light"] .data-status-copy { color: var(--muted); }
html[data-theme="light"] .data-status-list { border-top: 1px solid var(--line); }
html[data-theme="light"] .data-status-list div { border-bottom: 1px solid var(--line); }
html[data-theme="light"] .data-status-list dt { color: var(--muted); }
html[data-theme="light"] .data-status-list dd { color: rgb(27, 37, 31); }
html[data-theme="light"] .data-status-list div.is-actionable:hover,
html[data-theme="light"] .data-status-list div.is-actionable:focus-visible { background: rgba(36, 137, 74, 0.065); outline: 1px solid rgba(36, 137, 74, 0.28); }
html[data-theme="light"] .version-date { color: var(--muted); }
html[data-theme="light"] .version-changelog li { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); color: rgb(29, 39, 33); }
html[data-theme="light"] .version-changelog li::before { color: var(--accent); }
html[data-theme="light"] .full-changelog-button { border: 1px solid rgba(36, 137, 74, 0.24); background: rgba(36, 137, 74, 0.06); color: var(--accent-soft); }
html[data-theme="light"] .full-changelog-button:hover,
html[data-theme="light"] .full-changelog-button:focus-visible { border-color: rgba(36, 137, 74, 0.52); background: rgba(36, 137, 74, 0.11); outline: none; }
html[data-theme="light"] .quality-detail-description,
html[data-theme="light"] .changelog-intro { color: var(--muted); }
html[data-theme="light"] .quality-detail-guidance { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .quality-detail-guidance strong { color: var(--accent-soft); }
html[data-theme="light"] .quality-detail-guidance p { color: rgb(45, 56, 49); }
html[data-theme="light"] .quality-detail-heading span { color: var(--muted); }
html[data-theme="light"] .quality-detail-item { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .quality-detail-item.is-selected { border-color: rgba(138, 103, 22, 0.48); background: rgba(138, 103, 22, 0.07); box-shadow: 0 0 0 2px rgba(57, 51, 34, 0.024); }
html[data-theme="light"] .quality-detail-item p { color: var(--muted); }
html[data-theme="light"] .quality-detail-item button,
html[data-theme="light"] .quality-detail-back { border: 1px solid rgba(36, 137, 74, 0.23); background: rgba(36, 137, 74, 0.06); color: var(--accent-soft); }
html[data-theme="light"] .quality-detail-item button:hover,
html[data-theme="light"] .quality-detail-item button:focus-visible,
html[data-theme="light"] .quality-detail-back:hover,
html[data-theme="light"] .quality-detail-back:focus-visible { border-color: rgba(36, 137, 74, 0.5); outline: none; }
html[data-theme="light"] .quality-detail-empty { border: 1px solid rgba(36, 137, 74, 0.2); background: rgba(36, 137, 74, 0.04); }
html[data-theme="light"] .quality-detail-empty span { color: var(--accent); }
html[data-theme="light"] .quality-detail-empty p { color: rgb(42, 53, 46); }
html[data-theme="light"] .series-detail-meta { color: var(--muted); }
html[data-theme="light"] .series-detail-item { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); color: var(--text); }
html[data-theme="light"] button.series-detail-item:hover,
html[data-theme="light"] button.series-detail-item:focus-visible { border-color: rgba(36, 137, 74, 0.35); background: rgba(36, 137, 74, 0.05); outline: none; }
html[data-theme="light"] .series-detail-item.is-read { border-color: rgba(36, 137, 74, 0.22); }
html[data-theme="light"] .series-detail-item.is-active { border-color: rgba(6, 25, 105, 0.3); background: rgba(6, 25, 105, 0.06); }
html[data-theme="light"] .series-detail-item.is-paused { border-color: rgba(138, 103, 22, 0.28); }
html[data-theme="light"] .series-detail-item.is-want { border-color: rgba(36, 137, 74, 0.4); }
html[data-theme="light"] .series-detail-item.is-in-bookorbit { border-color: rgba(6, 25, 105, 0.45); }
html[data-theme="light"] a.series-detail-item { color: var(--text); text-decoration: none; }
html[data-theme="light"] a.series-detail-item:hover,
html[data-theme="light"] a.series-detail-item:focus-visible { border-color: rgba(6, 25, 105, 0.7); background: rgba(6, 25, 105, 0.06); outline: none; }
html[data-theme="light"] .series-detail-item.is-abandoned { border-color: rgba(129, 31, 22, 0.25); }
html[data-theme="light"] .series-detail-item.is-upcoming { border-color: rgba(0, 0, 0, 0.14); background: rgba(0, 0, 0, 0.012); }
html[data-theme="light"] .series-detail-item.is-missing { border-color: rgba(0, 0, 0, 0.09); background: none; }
html[data-theme="light"] .series-detail-index { background: rgba(0, 0, 0, 0.06); color: var(--muted); }
html[data-theme="light"] .series-detail-item.is-read .series-detail-index { background: rgba(36, 137, 74, 0.16); color: var(--accent-soft); }
html[data-theme="light"] .series-detail-copy small { color: var(--muted); }
html[data-theme="light"] .series-detail-status { color: var(--accent); }
html[data-theme="light"] .series-detail-empty { border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.02); color: var(--muted); }
html[data-theme="light"] .series-detail-pagination span { color: var(--muted); }
html[data-theme="light"] .series-detail-pagination button { border: 1px solid rgba(36, 137, 74, 0.23); background: rgba(36, 137, 74, 0.06); color: var(--accent-soft); }
html[data-theme="light"] .series-detail-pagination button:hover:not(:disabled),
html[data-theme="light"] .series-detail-pagination button:focus-visible:not(:disabled) { border-color: rgba(36, 137, 74, 0.5); outline: none; }
html[data-theme="light"] .changelog-entry { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .changelog-entry.is-latest { border-color: rgba(36, 137, 74, 0.28); background: rgba(36, 137, 74, 0.045); }
html[data-theme="light"] .changelog-entry header strong { color: var(--accent-soft); }
html[data-theme="light"] .changelog-entry time { color: var(--muted); }
html[data-theme="light"] .changelog-entry ul { color: rgb(41, 52, 45); }
html[data-theme="light"] .changelog-empty { border: 1px dashed var(--line); color: var(--muted); }
html[data-theme="light"] .dialog-close { border: 0; background: rgba(0, 0, 0, 0.07); color: var(--muted); }
html[data-theme="light"] .dialog-cover-frame { --cover-top: rgb(166, 186, 143); --cover-bottom: rgb(239, 244, 238); background: linear-gradient(145deg, var(--cover-top), var(--cover-bottom)); box-shadow: 18px 24px 38px rgba(0, 0, 0, 0.168), inset 7px 0 rgba(46, 46, 46, 0.028); }
html[data-theme="light"] .dialog-cover-frame::after { background: rgba(0, 0, 0, 0.16); box-shadow: 4px 0 rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .cover-fallback span { color: rgba(0, 0, 0, 0.65); }
html[data-theme="light"] .cover-fallback small { color: rgba(0, 0, 0, 0.72); }
html[data-theme="light"] .format-pill { border: 1px solid rgba(36, 137, 74, 0.26); color: var(--accent); }
html[data-theme="light"] .format-pill-link { color: inherit; text-decoration: none; }
html[data-theme="light"] .format-pill-link:hover,
html[data-theme="light"] .format-pill-link:focus-visible { text-decoration: underline; outline: none; }
html[data-theme="light"] .share-button { border: 1px solid rgba(0, 0, 0, 0.16); background: rgba(0, 0, 0, 0.055); color: var(--text); }
html[data-theme="light"] .share-button:hover,
html[data-theme="light"] .share-button:focus-visible { border-color: rgba(36, 137, 74, 0.48); background: rgba(36, 137, 74, 0.09); outline: none; }
html[data-theme="light"] .share-status { color: var(--muted); }
html[data-theme="light"] .dialog-author { color: var(--muted); }
html[data-theme="light"] .progress-copy { color: var(--muted); }
html[data-theme="light"] .progress-copy strong { color: var(--accent); }
html[data-theme="light"] .progress-track { background: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .progress-track span { background: linear-gradient(90deg, rgb(53, 130, 82), var(--accent)); }
html[data-theme="light"] .dialog-stats div { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .dialog-stats dt,
html[data-theme="light"] .dialog-meta dt { color: var(--muted); }
html[data-theme="light"] .detail-tab-list { border-bottom: 1px solid var(--line); }
html[data-theme="light"] .detail-tab { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .detail-tab::after { background: transparent; }
html[data-theme="light"] .detail-tab.is-active { color: var(--text); }
html[data-theme="light"] .detail-tab.is-active::after { background: var(--accent); }
html[data-theme="light"] .detail-tab.has-review::before { background: var(--warm); }
html[data-theme="light"] .detail-tab:focus-visible { outline: 1px solid var(--accent); }
html[data-theme="light"] .detail-tab-count { background: rgba(36, 137, 74, 0.12); color: var(--accent); }
html[data-theme="light"] .dialog-description,
html[data-theme="light"] .dialog-review { color: rgb(49, 59, 53); }
html[data-theme="light"] .review-heading span { color: var(--warm); }
html[data-theme="light"] .reading-log-summary div { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .reading-log-summary small,
html[data-theme="light"] .reading-log-heading small,
html[data-theme="light"] .reading-log-table-heading small { color: var(--muted); }
html[data-theme="light"] .reading-log-chart-card { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.048); }
html[data-theme="light"] .reading-log-heading > span { color: var(--muted); }
html[data-theme="light"] .reading-log-grid-line { stroke: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .reading-log-axis-label,
html[data-theme="light"] .reading-log-axis-date { fill: var(--muted); }
html[data-theme="light"] .reading-log-area.is-book { fill: rgba(36, 137, 74, 0.09); }
html[data-theme="light"] .reading-log-area.is-audio { fill: rgba(138, 103, 22, 0.1); }
html[data-theme="light"] .reading-log-line { fill: none; }
html[data-theme="light"] .reading-log-line.is-book { stroke: var(--accent); }
html[data-theme="light"] .reading-log-line.is-audio { stroke: var(--warm); }
html[data-theme="light"] .reading-log-measurement { outline: none; }
html[data-theme="light"] .reading-log-hit-area { fill: transparent; stroke: none; }
html[data-theme="light"] .reading-log-point { stroke: rgb(238, 247, 243); }
html[data-theme="light"] .reading-log-point.is-book,
html[data-theme="light"] .reading-log-bar.is-book { fill: var(--accent); }
html[data-theme="light"] .reading-log-point.is-audio,
html[data-theme="light"] .reading-log-bar.is-audio { fill: var(--warm); }
html[data-theme="light"] .reading-log-measurement:hover .reading-log-point,
html[data-theme="light"] .reading-log-measurement:focus-visible .reading-log-point,
html[data-theme="light"] .reading-log-measurement.is-selected .reading-log-point { stroke: var(--text); }
html[data-theme="light"] .reading-log-measurement:hover .reading-log-bar,
html[data-theme="light"] .reading-log-measurement:focus-visible .reading-log-bar,
html[data-theme="light"] .reading-log-measurement.is-selected .reading-log-bar { stroke: var(--text); }
html[data-theme="light"] .reading-log-point-detail { border: 1px solid rgba(36, 137, 74, 0.24); background: rgba(36, 137, 74, 0.055); }
html[data-theme="light"] .reading-log-point-heading small { color: var(--accent); }
html[data-theme="light"] .reading-log-point-heading > span { color: var(--muted); }
html[data-theme="light"] .reading-log-point-values div { border: 1px solid rgba(0, 0, 0, 0.07); background: rgba(0, 0, 0, 0.044); }
html[data-theme="light"] .reading-log-point-values dt { color: var(--muted); }
html[data-theme="light"] .reading-log-point-values dd { color: var(--text); }
html[data-theme="light"] .reading-log-table-heading button { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.035); color: var(--muted); }
html[data-theme="light"] .reading-log-table-heading button:hover,
html[data-theme="light"] .reading-log-table-heading button:focus-visible { border-color: rgba(36, 137, 74, 0.4); color: var(--text); outline: none; }
html[data-theme="light"] .reading-log-table-heading button.is-active { border-color: var(--warm); color: var(--text); background: rgba(138, 103, 22, 0.14); }
html[data-theme="light"] .reading-log-table-wrap { border: 1px solid var(--line); }
html[data-theme="light"] .reading-log-table th { background: rgb(236, 246, 242); color: var(--muted); }
html[data-theme="light"] .reading-log-table td { border-top: 1px solid rgba(0, 0, 0, 0.065); color: rgb(34, 42, 37); }
html[data-theme="light"] .reading-log-table tbody tr:hover { background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .reading-log-table .reading-log-date { color: var(--text); }
html[data-theme="light"] .reading-log-table .reading-log-positive { color: var(--accent); }
html[data-theme="light"] .reading-log-empty { border: 1px dashed var(--line); color: var(--muted); }
html[data-theme="light"] .dialog-meta { border-top: 1px solid var(--line); }
html[data-theme="light"] .dialog-meta dd { color: rgb(34, 42, 37); }
html[data-theme="light"] footer { border-top: 1px solid var(--line); }
html[data-theme="light"] .footer-mark { border: 0; background: transparent; }
html[data-theme="light"] .footer-mark:hover,
html[data-theme="light"] .footer-mark:focus-visible { outline: none; text-shadow: 0 0 13px rgba(34, 57, 43, 0.16); }
html[data-theme="light"] footer strong { color: var(--accent); }
html[data-theme="light"] .account-button { border: 1px solid rgba(36, 137, 74, 0.24); background: rgba(36, 137, 74, 0.06); color: var(--accent-soft); }
html[data-theme="light"] .account-button:hover,
html[data-theme="light"] .account-button:focus-visible { border-color: rgba(36, 137, 74, 0.55); background: rgba(36, 137, 74, 0.12); outline: none; }
html[data-theme="light"] .account-button.is-authenticated { border-color: rgba(138, 103, 22, 0.34); background: rgba(138, 103, 22, 0.07); color: var(--warm); }
html[data-theme="light"] .saved-views { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .saved-views label { color: var(--muted); }
html[data-theme="light"] .saved-views select,
html[data-theme="light"] .saved-views button { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.035); color: var(--text); }
html[data-theme="light"] .saved-views button { color: var(--accent-soft); }
html[data-theme="light"] .saved-views button:hover,
html[data-theme="light"] .saved-views button:focus-visible,
html[data-theme="light"] .saved-views select:focus-visible { border-color: rgba(36, 137, 74, 0.45); outline: none; }
html[data-theme="light"] .shelf-row-wishlist { background: radial-gradient(circle at 50% 110%, rgba(6, 25, 105, 0.08), transparent 55%), linear-gradient(rgb(230, 232, 238), rgb(233, 236, 242)); }
html[data-theme="light"] .shelf-row-wishlist + .shelf-row { border-top-color: rgb(175, 181, 197); }
html[data-theme="light"] .shelf-row-wishlist .shelf-ledge { border-top-color: rgb(128, 139, 166); background: linear-gradient(rgb(156, 164, 186) 0 37%, rgb(178, 185, 204) 38% 70%, rgb(232, 234, 241)); }
html[data-theme="light"] .shelf-row-label { border: 1px solid rgba(4, 17, 77, 0.26); background: rgba(61, 72, 122, 0.12); color: rgb(2, 7, 37); }
html[data-theme="light"] .book-spine.is-wishlist { box-shadow: inset 2px 0 rgba(46, 46, 46, 0.064), inset -3px 0 rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(34, 39, 57, 0.088), 3px 3px 7px rgba(0, 0, 0, 0.144); }
html[data-theme="light"] .account-dialog { border: 1px solid rgba(0, 0, 0, 0.15); background: rgb(239, 248, 245); color: var(--text); box-shadow: 0 40px 100px rgba(0, 0, 0, 0.26); }
html[data-theme="light"] .account-backdrop { background: rgba(245, 254, 251, 0.78); }
html[data-theme="light"] .account-intro { color: var(--muted); }
html[data-theme="light"] .login-form label { color: var(--muted); }
html[data-theme="light"] .login-form input,
html[data-theme="light"] .wishlist-search input { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.035); color: var(--text); outline: none; }
html[data-theme="light"] .login-form input:focus,
html[data-theme="light"] .wishlist-search input:focus { border-color: rgba(36, 137, 74, 0.5); }
html[data-theme="light"] .primary-action { border: 1px solid rgba(36, 137, 74, 0.45); background: var(--accent); color: rgb(238, 251, 245); }
html[data-theme="light"] .account-identity { border: 1px solid rgba(138, 103, 22, 0.22); background: rgba(138, 103, 22, 0.045); }
html[data-theme="light"] .account-identity > span { background: rgba(138, 103, 22, 0.1); color: var(--warm); }
html[data-theme="light"] .account-identity small { color: var(--muted); }
html[data-theme="light"] .account-identity button { border: 1px solid var(--line); background: transparent; color: var(--muted); }
html[data-theme="light"] .wishlist-heading small { color: rgb(4, 17, 77); }
html[data-theme="light"] .wishlist-heading > span { color: var(--muted); }
html[data-theme="light"] .wishlist-option { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .wishlist-option:has(input:checked) { border-color: rgba(6, 25, 105, 0.38); background: rgba(6, 25, 105, 0.065); }
html[data-theme="light"] .wishlist-option img,
html[data-theme="light"] .wishlist-option-cover { background: linear-gradient(145deg,rgb(114, 126, 166),rgb(180, 187, 218)); }
html[data-theme="light"] .wishlist-option-copy small { color: var(--muted); }
html[data-theme="light"] .account-message { color: var(--warm); }
html[data-theme="light"] .wishlist-save-message.is-success { color: var(--accent); }
html[data-theme="light"] .account-readonly-note { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); color: var(--muted); }
html[data-theme="light"] .account-users-list li { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .account-users-list small { color: var(--muted); }
html[data-theme="light"] .account-users-list button { border: 1px solid rgba(128, 7, 7, 0.3); background: transparent; color: rgb(91, 5, 5); }
html[data-theme="light"] .account-users-list button:hover,
html[data-theme="light"] .account-users-list button:focus-visible { background: rgba(128, 7, 7, 0.1); outline: none; }
html[data-theme="light"] .account-users-empty { color: var(--muted); }
html[data-theme="light"] .account-link-button { border: 0; background: transparent; color: var(--muted); text-decoration: underline; }
html[data-theme="light"] .account-link-button:hover,
html[data-theme="light"] .account-link-button:focus-visible { color: var(--text); outline: none; }
html[data-theme="light"] .account-users-list li.is-pending { border-color: rgba(155, 102, 8, 0.4); background: rgba(155, 102, 8, 0.06); }
html[data-theme="light"] .account-users-list .account-pending-badge { color: var(--warm); }
html[data-theme="light"] .account-users-list button.account-activate { border-color: rgba(36, 137, 74, 0.45); color: rgb(20, 107, 53); }
html[data-theme="light"] .account-users-list button.account-activate:hover,
html[data-theme="light"] .account-users-list button.account-activate:focus-visible { background: rgba(36, 137, 74, 0.1); }
html[data-theme="light"] .account-create-form label { color: var(--muted); }
html[data-theme="light"] .account-create-form input { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.035); color: var(--text); outline: none; }
html[data-theme="light"] .account-create-form input:focus { border-color: rgba(36, 137, 74, 0.5); }
html[data-theme="light"] .analytics-section { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .analytics-section header p { color: var(--muted); }
html[data-theme="light"] .analytics-score { background: rgba(36, 137, 74, 0.1); color: var(--accent); }
html[data-theme="light"] .analytics-stats div { background: rgba(0, 0, 0, 0.056); }
html[data-theme="light"] .analytics-stats small { color: var(--muted); }
html[data-theme="light"] .analytics-item { border: 0; background: rgba(0, 0, 0, 0.025); color: var(--text); }
html[data-theme="light"] .analytics-item:is(button):hover,
html[data-theme="light"] .analytics-item:is(button):focus-visible { background: rgba(36, 137, 74, 0.075); outline: none; }
html[data-theme="light"] .analytics-item small { color: var(--muted); }
html[data-theme="light"] .analytics-item > span { color: var(--accent-soft); }
html[data-theme="light"] .milestone-next article { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .milestone-next small { color: var(--muted); }
html[data-theme="light"] .milestone-track { background: rgba(0, 0, 0, 0.07); }
html[data-theme="light"] .milestone-track i { background: linear-gradient(90deg,rgb(53, 130, 82),var(--accent)); }
html[data-theme="light"] .milestone-feed::before { background: rgba(36, 137, 74, 0.18); }
html[data-theme="light"] .milestone-item { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.022); }
html[data-theme="light"] .milestone-item::before { border: 2px solid rgb(239, 248, 245); background: var(--accent); box-shadow: 0 0 0 2px rgba(34, 57, 43, 0.088); }
html[data-theme="light"] .milestone-item.is-audio::before { background: rgb(4, 17, 77); }
html[data-theme="light"] .milestone-item small { color: var(--muted); }
html[data-theme="light"] .milestone-item time { color: var(--warm); }
html[data-theme="light"] .dossier-content { color: rgb(49, 59, 53); }
html[data-theme="light"] .dossier-muted { color: var(--muted); }
html[data-theme="light"] .dossier-head small { color: var(--accent); }
html[data-theme="light"] .dossier-prose h4,
html[data-theme="light"] .dossier-prose h5,
html[data-theme="light"] .dossier-prose h6 { color: var(--text); }
html[data-theme="light"] .dossier-prose a { color: var(--accent-soft); }
html[data-theme="light"] .dossier-card { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.03); color: var(--text); }
html[data-theme="light"] .dossier-card:hover,
html[data-theme="light"] .dossier-card:focus-visible { border-color: rgba(36, 137, 74, 0.5); outline: none; }
html[data-theme="light"] .dossier-card.is-protagonist { border-color: rgba(138, 103, 22, 0.45); }
html[data-theme="light"] .dossier-card.is-antagonist { border-color: rgba(121, 21, 21, 0.4); }
html[data-theme="light"] .dossier-card-image { background: rgba(0, 0, 0, 0.04); }
html[data-theme="light"] .dossier-card-image.is-placeholder,
html[data-theme="light"] .dossier-portrait.is-placeholder { color: var(--muted); }
html[data-theme="light"] .dossier-card-copy small { color: var(--muted); }
html[data-theme="light"] .dossier-card-copy .dossier-card-description { color: var(--text); }
html[data-theme="light"] .dossier-description { border-left: 3px solid var(--accent); background: rgba(36, 137, 74, 0.05); }
html[data-theme="light"] .dossier-description h4 { color: var(--muted); }
html[data-theme="light"] .dossier-section h4 { color: var(--text); }
html[data-theme="light"] .dossier-minor li,
html[data-theme="light"] .dossier-relations li { background: rgba(0, 0, 0, 0.035); }
html[data-theme="light"] .dossier-minor small,
html[data-theme="light"] .dossier-relations small { color: var(--muted); }
html[data-theme="light"] .dossier-relation-type { background: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .dossier-relation-type.is-enemy { background: rgba(174, 9, 9, 0.22); color: rgb(96, 5, 5); }
html[data-theme="light"] .dossier-relation-type.is-rival { background: rgba(174, 75, 9, 0.2); color: rgb(106, 50, 6); }
html[data-theme="light"] .dossier-relation-type.is-ally { background: rgba(34, 149, 86, 0.18); color: rgb(19, 92, 51); }
html[data-theme="light"] .dossier-relation-type.is-friend { background: rgba(37, 146, 133, 0.18); color: rgb(21, 93, 82); }
html[data-theme="light"] .dossier-relation-type.is-romance { background: rgba(134, 17, 79, 0.2); color: rgb(68, 9, 41); }
html[data-theme="light"] .dossier-relation-type.is-family { background: rgba(171, 139, 13, 0.18); color: rgb(127, 104, 10); }
html[data-theme="light"] .dossier-relation-type.is-mentor,
html[data-theme="light"] .dossier-relation-type.is-student { background: rgba(13, 75, 151, 0.2); color: rgb(6, 35, 72); }
html[data-theme="light"] .dossier-relation-type.is-leader { background: rgba(36, 11, 110, 0.2); color: rgb(17, 5, 55); }
html[data-theme="light"] .dossier-relation-type.is-member { background: rgba(13, 23, 120, 0.2); color: rgb(6, 10, 57); }
html[data-theme="light"] .dossier-relation-type.is-servant { background: rgba(129, 86, 54, 0.22); color: rgb(93, 58, 31); }
html[data-theme="light"] .dossier-link { border: 0; background: none; color: var(--text); text-decoration: underline; text-decoration-color: rgba(36, 137, 74, 0.5); }
html[data-theme="light"] .dossier-back { border: 1px solid var(--line); background: transparent; color: var(--muted); }
html[data-theme="light"] .dossier-back:hover { color: var(--text); }
html[data-theme="light"] .dossier-figure-header h3 { color: var(--text); }
html[data-theme="light"] .dossier-portrait { background: rgba(0, 0, 0, 0.04); }
html[data-theme="light"] .dossier-chip { border: 1px solid var(--line); color: var(--text); }
html[data-theme="light"] .dossier-tags { color: var(--muted); }
html[data-theme="light"] .dossier-facts dt,
html[data-theme="light"] .dossier-stats dt { color: var(--muted); }
html[data-theme="light"] .dossier-skill small { color: var(--muted); }
html[data-theme="light"] .dossier-skill-bar { background: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .dossier-skill-bar i { background: var(--accent); }
html[data-theme="light"] .dossier-new { background: var(--warm); color: rgb(252, 248, 239); }
html[data-theme="light"] .dossier-since { color: var(--muted); }
html[data-theme="light"] .dossier-prompt { border: 1px dashed var(--line); }
html[data-theme="light"] .dossier-prompt summary { color: var(--muted); }
html[data-theme="light"] .dossier-empty,
html[data-theme="light"] .dossier-spoiler { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.03); }
html[data-theme="light"] .dossier-empty strong,
html[data-theme="light"] .dossier-spoiler strong { color: var(--text); }
html[data-theme="light"] .dossier-spoiler { border-color: rgba(138, 103, 22, 0.4); }
html[data-theme="light"] .dossier-spoiler-button { border: 1px solid rgba(138, 103, 22, 0.55); background: rgba(138, 103, 22, 0.12); color: var(--warm); }
html[data-theme="light"] .series-dossier-controls { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .series-dossier-controls strong { color: var(--text); }
html[data-theme="light"] .series-dossier-range { color: var(--muted); }
html[data-theme="light"] .series-dossier-range input { accent-color: var(--accent); }
html[data-theme="light"] .series-dossier-range output { color: var(--text); }
html[data-theme="light"] .series-dossier-toggle { color: var(--warm); }
html[data-theme="light"] .series-dossier-toggle input { accent-color: var(--warm); }
html[data-theme="light"] .series-dossier-hint { color: var(--muted); }
html[data-theme="light"] .series-dossier-hint-summary { color: var(--text); }
html[data-theme="light"] .series-dossier-filters input,
html[data-theme="light"] .series-dossier-filters select { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.04); color: var(--text); }
html[data-theme="light"] .dossier-spoiler-badge { border: 1px solid rgba(138, 103, 22, 0.45); color: var(--warm); }
html[data-theme="light"] .dossier-akte { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .dossier-akte summary,
html[data-theme="light"] .dossier-history summary { color: var(--text); }
html[data-theme="light"] .dossier-history { border-bottom: 1px solid var(--line); }
html[data-theme="light"] .dossier-relation-history { color: var(--muted); }
html[data-theme="light"] .dossier-skill-levels { color: var(--muted); }
html[data-theme="light"] .dossier-view-switch { border: 1px solid var(--line); }
html[data-theme="light"] .dossier-view-switch button { border: 0; background: transparent; color: var(--muted); }
html[data-theme="light"] .dossier-view-switch button.is-active { background: rgba(36, 137, 74, 0.14); color: var(--accent-soft); }
html[data-theme="light"] .dossier-graph-toggle { color: var(--text); }
html[data-theme="light"] .dossier-graph-toggle input { accent-color: var(--accent); }
html[data-theme="light"] .dossier-graph-fit { border: 1px solid var(--line); background: transparent; color: var(--text); }
html[data-theme="light"] .dossier-graph-fit:hover { border-color: rgba(0, 0, 0, 0.3); }
html[data-theme="light"] .dossier-graph { border: 1px solid var(--line); background: radial-gradient(circle at 50% 40%, rgba(36, 137, 74, 0.05), rgba(0, 0, 0, 0.1)); }
html[data-theme="light"] .dossier-graph-chip { border: 1px solid var(--line); background: transparent; color: var(--muted); }
html[data-theme="light"] .dossier-graph-chip.is-active { color: var(--text); border-color: rgba(0, 0, 0, 0.22); }
html[data-theme="light"] .skill-tree { border: 1px solid var(--line); background: radial-gradient(circle at 50% 0%, rgba(36, 137, 74, 0.06), rgba(0, 0, 0, 0.072)); }
html[data-theme="light"] .skill-tree li ul::before { border-left: 2px solid var(--skill-line); }
html[data-theme="light"] .skill-tree li li::before,
html[data-theme="light"] .skill-tree li li::after { border-top: 2px solid var(--skill-line); }
html[data-theme="light"] .skill-tree li li::after { border-left: 2px solid var(--skill-line); }
html[data-theme="light"] .skill-tree li li:first-child::before,
html[data-theme="light"] .skill-tree li li:last-child::after { border: 0 none; }
html[data-theme="light"] .skill-tree li li:last-child::before { border-right: 2px solid var(--skill-line); }
html[data-theme="light"] .skill-tree { --skill-line: rgba(0, 0, 0, 0.2); }
html[data-theme="light"] .skill-node { border: 0; background: transparent; color: var(--text); }
html[data-theme="light"] .skill-node:focus-visible { outline: 2px solid var(--accent); }
html[data-theme="light"] .skill-node small { color: var(--muted); }
html[data-theme="light"] .skill-orb { background: conic-gradient(var(--skill-ring) var(--skill-progress, 0deg), rgba(0, 0, 0, 0.1) 0); box-shadow: 0 0 0 1px rgba(46, 46, 46, 0.048), 0 4px 14px rgba(0, 0, 0, 0.14); }
html[data-theme="light"] .skill-orb > span { background: radial-gradient(circle at 35% 30%, rgb(191, 201, 212), rgb(240, 243, 246) 75%); }
html[data-theme="light"] .skill-orb.is-band-1 { --skill-ring: rgb(6, 42, 119); }
html[data-theme="light"] .skill-orb.is-band-3 { --skill-ring: rgb(121, 21, 21); }
html[data-theme="light"] .skill-orb.is-band-4 { --skill-ring: rgb(42, 26, 86); }
html[data-theme="light"] .skill-orb.is-band-5 { --skill-ring: rgb(41, 131, 139); }
html[data-theme="light"] .skill-node.is-new .skill-orb { box-shadow: 0 0 0 1px rgba(34, 57, 43, 0.2), 0 0 16px rgba(34, 57, 43, 0.18); }
html[data-theme="light"] .skill-node.is-selected .skill-orb { box-shadow: 0 0 0 2px var(--accent), 0 0 18px rgba(34, 57, 43, 0.2); }
html[data-theme="light"] .skill-node.is-selected strong { color: var(--accent-soft); }
html[data-theme="light"] .skill-tree-detail { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .dossier-equipment-item { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .dossier-equipment-icon { background: rgba(0, 0, 0, 0.06); }
html[data-theme="light"] .dossier-equipment-item.is-weapon .dossier-equipment-icon { background: rgba(121, 21, 21, 0.16); }
html[data-theme="light"] .dossier-equipment-item.is-armor .dossier-equipment-icon { background: rgba(6, 42, 119, 0.16); }
html[data-theme="light"] .dossier-equipment-item.is-artifact .dossier-equipment-icon { background: rgba(42, 26, 86, 0.18); }
html[data-theme="light"] .dossier-equipment-item.is-accessory .dossier-equipment-icon { background: rgba(138, 103, 22, 0.16); }
html[data-theme="light"] .dossier-equipment-body .dossier-skill { border: 0; background: transparent; }
html[data-theme="light"] .dossier-equipment-stats { color: var(--accent-soft); }
html[data-theme="light"] .dossier-equipment-lost { background: rgba(121, 21, 21, 0.18); color: rgb(64, 12, 12); }
html[data-theme="light"] .dossier-skill { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .dossier-since { background: rgba(0, 0, 0, 0.08); color: var(--text); }
html[data-theme="light"] .dossier-since.is-band-0 { background: rgba(36, 137, 74, 0.18); color: var(--accent-soft); }
html[data-theme="light"] .dossier-since.is-band-1 { background: rgba(6, 42, 119, 0.2); color: rgb(3, 17, 57); }
html[data-theme="light"] .dossier-since.is-band-2 { background: rgba(138, 103, 22, 0.2); color: var(--warm); }
html[data-theme="light"] .dossier-since.is-band-3 { background: rgba(121, 21, 21, 0.2); color: rgb(64, 12, 12); }
html[data-theme="light"] .dossier-since.is-band-4 { background: rgba(42, 26, 86, 0.22); color: rgb(12, 2, 43); }
html[data-theme="light"] .dossier-since.is-band-5 { background: rgba(41, 131, 139, 0.2); color: rgb(15, 63, 67); }
html[data-theme="light"] .dossier-stat-bar { background: rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .dossier-stat-bar i { background: var(--warm); }
html[data-theme="light"] .dossier-stats small { color: var(--muted); }
html[data-theme="light"] .dossier-zoom { border: 0; background: none; }
html[data-theme="light"] .dossier-zoom:focus-visible { outline: 2px solid var(--accent); }
html[data-theme="light"] .image-lightbox { border: 1px solid rgba(0, 0, 0, 0.15); background: rgb(245, 251, 249); color: var(--text); }
html[data-theme="light"] .image-lightbox::backdrop { background: rgba(246, 254, 251, 0.9); }
html[data-theme="light"] .image-lightbox figcaption { color: var(--text); }
html[data-theme="light"] .image-lightbox figcaption small { color: var(--muted); }
html[data-theme="light"] .image-lightbox-nav { border: 0; background: rgba(0, 0, 0, 0.24); color: rgb(0, 0, 0); }
html[data-theme="light"] .dossier-gallery-caption { color: var(--muted); }
html[data-theme="light"] .dossier-gallery-thumb { border: 1px solid var(--line); background: transparent; color: var(--muted); }
html[data-theme="light"] .dossier-gallery-thumb.is-active { border-color: var(--accent); color: var(--text); }
html[data-theme="light"] .dossier-gallery-thumb:focus-visible { outline: 2px solid var(--accent); }
html[data-theme="light"] .dossier-portrait-count { color: var(--accent-soft); }
html[data-theme="light"] .dossier-section-tabs { border-bottom: 1px solid var(--line); }
html[data-theme="light"] .dossier-section-search { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.04); color: var(--text); }
html[data-theme="light"] .dossier-card.is-faction { border-color: rgba(13, 23, 120, 0.4); }
html[data-theme="light"] .dossier-card.is-place { border-color: rgba(37, 146, 133, 0.35); }
html[data-theme="light"] .author-link { border: 0; background: none; color: inherit; text-decoration: underline dotted rgba(0, 0, 0, 0.35); }
html[data-theme="light"] .author-link:hover,
html[data-theme="light"] .author-link:focus-visible { color: var(--warm); text-decoration-color: var(--warm); outline: none; }
html[data-theme="light"] .author-bubble.is-clickable:hover,
html[data-theme="light"] .author-bubble.is-clickable:focus-visible { outline: none; }
html[data-theme="light"] .author-tile { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.03); }
html[data-theme="light"] .author-tile span { color: var(--muted); }
html[data-theme="light"] .author-genres { color: var(--muted); }
html[data-theme="light"] .author-year em { color: var(--muted); }
html[data-theme="light"] .author-year-bar { background: linear-gradient(180deg, var(--warm), rgba(138, 103, 22, 0.35)); }
html[data-theme="light"] .author-year small { color: var(--muted); }
html[data-theme="light"] .detail-share-button { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.04); color: var(--text); }
html[data-theme="light"] .detail-share-button:hover,
html[data-theme="light"] .detail-share-button:focus-visible { border-color: var(--warm); outline: none; }
html[data-theme="light"] .dossier-timeline-filters select { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.04); color: var(--text); }
html[data-theme="light"] .dossier-timeline::before { background: var(--line); }
html[data-theme="light"] .dossier-timeline-marker { border: 1px solid var(--line); background: var(--panel-solid); }
html[data-theme="light"] .dossier-timeline-event.is-importance-3 .dossier-timeline-marker { border-color: rgba(138, 103, 22, 0.7); box-shadow: 0 0 0 3px rgba(57, 51, 34, 0.06); }
html[data-theme="light"] .dossier-timeline-body { background: rgba(0, 0, 0, 0.035); }
html[data-theme="light"] .dossier-timeline-event.is-importance-3 .dossier-timeline-body strong { color: var(--warm); }
html[data-theme="light"] .dossier-timeline-figures .dossier-chip { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.05); color: var(--text); }
html[data-theme="light"] .dossier-timeline-figures button.dossier-chip:hover { border-color: var(--warm); }
html[data-theme="light"] .upnext-list button small { color: var(--muted); }
html[data-theme="light"] .dossier-status-series { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.02); }
html[data-theme="light"] .dossier-status-series > summary small { color: var(--muted); }
html[data-theme="light"] .dossier-status-volumes li { background: rgba(0, 0, 0, 0.025); }
html[data-theme="light"] .dossier-status-volumes li small { color: var(--muted); }
html[data-theme="light"] .dossier-status-volumes li[data-state="open"] { background: rgba(157, 104, 23, 0.07); }
html[data-theme="light"] .dossier-status-volumes li[data-state="requested"] { background: rgba(7, 52, 128, 0.07); }
html[data-theme="light"] .reading-log-rounds { border: 1px solid var(--line); background: rgba(0, 0, 0, 0.02); }
html[data-theme="light"] .reading-log-rounds-heading small { color: var(--accent); }
html[data-theme="light"] .reading-log-rounds li { background: rgba(0, 0, 0, 0.03); }
html[data-theme="light"] .reading-log-rounds li small,
html[data-theme="light"] .reading-log-rounds li span { color: var(--muted); }
html[data-theme="light"] { --surface: rgba(0, 0, 0, 0.032); --surface-hover: rgba(0, 0, 0, 0.055); }
html[data-theme="light"] body { background: linear-gradient(180deg, rgb(237, 249, 245) 0, var(--page) 420px, var(--page-deep) 100%) fixed; }
html[data-theme="light"] .topbar { --topbar-bg: rgba(242, 251, 248, 0.94); background: var(--topbar-bg); box-shadow: 0 0 0 100vmax var(--topbar-bg); }
html[data-theme="light"] .topbar-links a:hover { background: var(--surface-hover); }
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .language-toggle,
html[data-theme="light"] .pwa-install { background: transparent; }
html[data-theme="light"] .scope-toggle { background: var(--surface); }
html[data-theme="light"] .scope-button.is-active { box-shadow: none; }
html[data-theme="light"] .year-control { background: var(--surface); }
html[data-theme="light"] .goal-card,
html[data-theme="light"] .summary-grid article,
html[data-theme="light"] .insight-card,
html[data-theme="light"] .current-book { background: var(--surface); box-shadow: none; }
html[data-theme="light"] .current-book.is-book { background: rgba(36, 137, 74, 0.045); }
html[data-theme="light"] .current-book.is-audio { background: rgba(6, 25, 105, 0.06); }
html[data-theme="light"] .current-book:hover { background-color: var(--surface-hover); }
html[data-theme="light"] .current-book .mini-cover { box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); }
html[data-theme="light"] .current-source { color: var(--muted); }
html[data-theme="light"] #current-device { color: var(--accent-soft); }
html[data-theme="light"] .insights-dialog,
html[data-theme="light"] .book-dialog { border-color: var(--line); background: rgb(240, 249, 246); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.22); }
html[data-theme="light"] .ico { fill: none; stroke: currentColor; }