/* Generated by scripts/build-theme-palette.mjs. Artwork is intentionally excluded. */
:root[data-theme=light] button:hover {
    background: color-mix(in srgb,var(--bg) 4%,transparent)
}
:root[data-theme=light] button.primary {
    color: var(--accent)
}
:root[data-theme=light] .sidebar {
    background: var(--bg)
}
:root[data-theme=light] .nav-item {
    color: var(--muted)
}
:root[data-theme=light] .sidebar-heading {
    color: var(--muted)
}
:root[data-theme=light] .sidebar-heading button {
    color: var(--muted)
}
:root[data-theme=light] .game-icon {
    background: color-mix(in srgb,var(--game) 14%,var(--bg))
}
:root[data-theme=light] .game-choice .check {
    border: 1px solid var(--line)
}
:root[data-theme=light] .game-choice[aria-pressed=true] .check {
    color: var(--accent)
}
:root[data-theme=light] .sidebar-note {
    border: 1px solid var(--line);
    background: radial-gradient(ellipse at 100% 0,var(--bg) 0,transparent 70%)
}
:root[data-theme=light] .sidebar-bottom {
    color: var(--muted)
}
:root[data-theme=light] .sidebar-bottom button {
    border: 1px solid var(--line)
}
:root[data-theme=light] .online-dot {
    background: var(--accent-soft)
}
:root[data-theme=light] .topbar {
    border-bottom: 1px solid var(--line)
}
:root[data-theme=light] .slash {
    color: var(--accent)
}
:root[data-theme=light] .avatar {
    background: var(--bg)
}
:root[data-theme=light] .demo-banner {
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--accent)
}
:root[data-theme=light] .demo-pill {
    background: var(--bg)
}
:root[data-theme=light] .stat {
    background: linear-gradient(110deg,var(--bg),var(--bg))
}
:root[data-theme=light] .stat-symbol {
    background: var(--bg)
}
:root[data-theme=light] .stat:nth-child(2) .stat-symbol {
    color: var(--theme-danger);
    background: var(--bg)
}
:root[data-theme=light] .stat:nth-child(3) .stat-symbol {
    color: var(--theme-success);
    background: var(--bg)
}
:root[data-theme=light] .stat small {
    color: var(--muted)
}
:root[data-theme=light] .stat-note {
    color: var(--muted)
}
:root[data-theme=light] .month-nav>button.today-button {
    border: 1px solid var(--line)
}
:root[data-theme=light] .view-switch {
    background: var(--bg)
}
:root[data-theme=light] .view-switch button {
    color: var(--muted)
}
:root[data-theme=light] .view-switch button.active {
    background: var(--bg);
    color: var(--accent)
}
:root[data-theme=light] .filterbar button {
    color: var(--muted)
}
:root[data-theme=light] .filterbar button.active {
    background: var(--bg)
}
:root[data-theme=light] .search-wrap {
    border: 1px solid var(--line)
}
:root[data-theme=light] .weekdays {
    background: var(--bg)
}
:root[data-theme=light] .weekdays span {
    color: var(--muted)
}
:root[data-theme=light] .weekdays span:first-child {
    color: var(--theme-danger)
}
:root[data-theme=light] .weekdays span:last-child {
    color: var(--theme-info)
}
:root[data-theme=light] .day {
    background: var(--bg)
}
:root[data-theme=light] .day.outside {
    background: var(--bg)
}
:root[data-theme=light] .day.outside .day-number {
    color: var(--accent)
}
:root[data-theme=light] .day.selected {
    background: var(--bg)
}
:root[data-theme=light] .day:hover {
    background: var(--bg)
}
:root[data-theme=light] .day:nth-child(7n+1) .day-number {
    color: var(--theme-danger)
}
:root[data-theme=light] .day.today .day-number {
    color: var(--accent)
}
:root[data-theme=light] .day-count {
    color: var(--accent)
}
:root[data-theme=light] .event-chip {
    background: color-mix(in srgb,var(--game) 12%,var(--bg))
}
:root[data-theme=light] .event-chip:hover {
    background: color-mix(in srgb,var(--game) 22%,var(--bg))
}
:root[data-theme=light] .more-events {
    color: var(--accent)
}
:root[data-theme=light] .calendar-footer {
    color: var(--muted)
}
:root[data-theme=light] .agenda-head {
    background: radial-gradient(ellipse at top right,var(--bg),transparent 90%)
}
:root[data-theme=light] .agenda-head p {
    color: var(--accent)
}
:root[data-theme=light] .section-title>span {
    color: var(--muted)
}
:root[data-theme=light] .agenda-event {
    border-bottom: 1px solid var(--line)
}
:root[data-theme=light] .agenda-event small {
    color: var(--muted)
}
:root[data-theme=light] .agenda-event .badge {
    background: var(--bg);
    color: var(--theme-danger)
}
:root[data-theme=light] .agenda-event .badge.ongoing {
    background: var(--bg)
}
:root[data-theme=light] .empty-small {
    color: var(--muted)
}
:root[data-theme=light] .section-title button {
    color: var(--accent)
}
:root[data-theme=light] .task-tabs button {
    color: var(--muted)
}
:root[data-theme=light] .progress-row {
    color: var(--accent)
}
:root[data-theme=light] .progress {
    background: var(--bg)
}
:root[data-theme=light] .task input {
    border: 1px solid var(--line)
}
:root[data-theme=light] .task input:checked:after {
    color: var(--accent)
}
:root[data-theme=light] .task input:checked+label {
    color: var(--muted)
}
:root[data-theme=light] .task-delete {
    color: var(--muted)
}
:root[data-theme=light] .task-hint {
    color: var(--accent)
}
:root[data-theme=light] .deadline {
    color: var(--theme-warning);
    background: var(--bg)
}
:root[data-theme=light] .upcoming-card p {
    color: var(--muted)
}
:root[data-theme=light] .upcoming-card p span {
    color: var(--accent)
}
:root[data-theme=light] .page-footer {
    color: var(--accent)
}
:root[data-theme=light] .page-footer>span:first-child {
    color: var(--muted)
}
:root[data-theme=light] .page-footer button {
    color: var(--accent)
}
:root[data-theme=light] .empty-large p {
    color: var(--muted)
}
:root[data-theme=light] .empty-large p.muted {
    color: var(--accent)
}
:root[data-theme=light] dialog {
    border: 1px solid var(--line);
    background: var(--bg)
}
:root[data-theme=light] .close-modal {
    color: var(--muted)
}
:root[data-theme=light] .detail-tags span {
    border: 1px solid var(--line);
    color: var(--accent)
}
:root[data-theme=light] .detail-dates {
    color: var(--muted);
    background: var(--bg)
}
:root[data-theme=light] .detail-content {
    color: var(--muted)
}
:root[data-theme=light] .detail-content h3 {
    color: var(--text)
}
:root[data-theme=light] .detail-actions a {
    border: 1px solid var(--line)
}
:root[data-theme=light] .delete-event {
    color: var(--theme-danger)
}
:root[data-theme=light] form>label,:root[data-theme=light] .form-row>label {
    color: var(--muted)
}
:root[data-theme=light] form input,:root[data-theme=light] form select,:root[data-theme=light] form textarea {
    background: var(--bg);
    border: 1px solid var(--line)
}
:root[data-theme=light] #form-error {
    color: var(--theme-danger)
}
:root[data-theme=light] .help-list {
    color: var(--muted)
}
:root[data-theme=light] #toast {
    color: var(--accent)
}
:root[data-theme=light] #day-events {
    scrollbar-color: var(--bg) transparent
}
:root[data-theme=light] #tasks {
    scrollbar-color: var(--bg) transparent
}
:root[data-theme=light] .game-icon {
    background: var(--bg)
}
:root[data-theme=light] #content-checklist {
    scrollbar-color: var(--bg) transparent
}
:root[data-theme=light] .checklist-group[data-bucket=week] h4 i {
    background: var(--accent-soft)
}
:root[data-theme=light] .checklist-group[data-bucket=later] h4 i {
    background: var(--bg)
}
:root[data-theme=light] .checklist-group-heading>span {
    color: var(--muted)
}
:root[data-theme=light] .checklist-group-heading>b {
    color: var(--accent)
}
:root[data-theme=light] .group-range {
    color: var(--accent)
}
:root[data-theme=light] .group-empty {
    color: var(--accent)
}
:root[data-theme=light] .content-task {
    border-bottom: 1px solid color-mix(in srgb,var(--line) 33%,transparent)
}
:root[data-theme=light] .content-task label em {
    color: var(--muted)
}
:root[data-theme=light] .content-detail {
    color: var(--accent)
}
:root[data-theme=light] .content-task input:checked+label em {
    color: var(--accent)
}
:root[data-theme=light] .daily-meter {
    background: var(--bg)
}
:root[data-theme=light] #content-week-label {
    color: var(--muted)
}
:root[data-theme=light] .content-row {
    color: var(--text)
}
:root[data-theme=light] .calendar-scroll {
    scrollbar-color: var(--bg) transparent
}
:root[data-theme=light] .timeline-header {
    background: var(--bg)
}
:root[data-theme=light] .timeline-corner {
    color: var(--accent);
    background: var(--bg)
}
:root[data-theme=light] .timeline-date small {
    color: var(--muted)
}
:root[data-theme=light] .timeline-date.today strong {
    color: var(--accent)
}
:root[data-theme=light] .timeline-date.selected {
    background: var(--bg)
}
:root[data-theme=light] .timeline-date.sunday small {
    color: var(--theme-danger)
}
:root[data-theme=light] .timeline-game-label {
    background: var(--bg)
}
:root[data-theme=light] .timeline-column {
    border-right: 1px solid color-mix(in srgb,var(--line) 69%,transparent)
}
:root[data-theme=light] .timeline-event {
    background: color-mix(in srgb,var(--game) 15%,var(--bg))
}
:root[data-theme=light] .timeline-event:hover {
    background: color-mix(in srgb,var(--game) 28%,var(--bg))
}
:root[data-theme=light] .timeline-no-events {
    color: var(--accent)
}
:root[data-theme=light] .version-segment:hover .version-label {
    background: var(--bg)
}
:root[data-theme=light] .version-unknown {
    color: var(--accent)
}
:root[data-theme=light] .version-calendar .timeline-event.day-marker {
    color: var(--muted)
}
:root[data-theme=light] .version-calendar .timeline-event.day-marker:hover {
    background: color-mix(in srgb,var(--bg) 4%,transparent);
    color: var(--text)
}
:root[data-theme=light] .version-calendar .day-marker:focus-visible {
    outline-color: var(--line)
}
:root[data-theme=light] .pickup-detail-art {
    background: var(--bg)
}
:root[data-theme=light] .calendar-guide {
    border-right: 1px solid var(--line)
}
:root[data-theme=light] .version-calendar .timeline-header {
    background: color-mix(in srgb,var(--bg) 93%,transparent);
    border-bottom: 1px solid color-mix(in srgb,var(--line) 9%,transparent)
}
:root[data-theme=light] .version-calendar .timeline-date {
    border-right: 1px solid var(--line)
}
:root[data-theme=light] .version-calendar .timeline-column {
    border-right: 1px solid color-mix(in srgb,var(--line) 5%,transparent)
}
:root[data-theme=light] .calendar-dates .timeline-header {
    background: var(--bg)
}
:root[data-theme=light] .calendar-top-scroll {
    scrollbar-color: var(--bg) var(--bg);
    background: var(--bg)
}
:root[data-theme=light] .maintenance-time {
    color: var(--text)
}
:root[data-theme=light] .version-calendar .timed-copy .event-time {
    color: var(--text)
}
:root[data-theme=light] .official-feed-status {
    color: var(--accent)
}
:root[data-theme=light] #sync-errors {
    color: var(--theme-danger)
}
:root[data-theme=light] .review-reasons {
    color: var(--theme-danger)
}
:root[data-theme=light] .review-evidence {
    background: var(--bg)
}
:root[data-theme=light] .review-result {
    color: var(--theme-danger)
}
:root[data-theme=light] #sync-now {
    color: var(--accent)
}
:root[data-theme=light] .timeline-event-fold {
    border: 1px solid var(--border,var(--line));
    color: var(--muted,var(--muted))
}
:root[data-theme=light] .timeline-event-fold span {
    color: var(--text,var(--text))
}
:root[data-theme=light] .art-type-toggles button {
    border: 1px solid var(--line);
    background: var(--bg);
    color: var(--muted)
}
:root[data-theme=light] .art-type-toggles button[aria-pressed=true] {
    background: var(--bg)
}
:root[data-theme=light] .art-scope-note {
    color: var(--accent)
}
:root[data-theme=light] .game-drag {
    color: var(--muted)
}
:root[data-theme=light] #daily-complete-all {
    border: 1px solid var(--line)
}
:root[data-theme=light] .reset-unconfirmed {
    color: var(--theme-warning)
}
:root[data-theme=light] .version-calendar .story-event:hover {
    background: color-mix(in srgb,var(--game) 14%,var(--bg))
}
:root[data-theme=light] .schedule-uncertainty {
    color: var(--accent);
    background: color-mix(in srgb,var(--bg) 90%,transparent)
}
:root[data-theme=light] .version-calendar .timeline-event.day-marker.gift-event {
    color: var(--theme-warning);
    background: color-mix(in srgb,var(--accent-soft) 7%,transparent)
}
:root[data-theme=light] .version-calendar .timeline-event.day-marker.gift-event:hover {
    color: var(--theme-warning);
    background: color-mix(in srgb,var(--accent-soft) 14%,transparent)
}
:root[data-theme=light] .version-calendar .timeline-event.day-marker.gift-event:focus-visible {
    outline-color: var(--line)
}
:root[data-theme=light] .gift-detail-icon {
    color: var(--theme-warning);
    background: color-mix(in srgb,var(--accent-soft) 7%,transparent)
}
:root[data-theme=light] .art-intro {
    color: var(--muted,var(--muted))
}
:root[data-theme=light] .art-selectors {
    background: var(--bg);
    border: 1px solid var(--line)
}
:root[data-theme=light] .art-selectors label {
    color: var(--muted)
}
:root[data-theme=light] .art-selectors select {
    background: var(--bg);
    color: var(--text);
    border: 1px solid var(--line)
}
:root[data-theme=light] .art-selectors button,:root[data-theme=light] .art-modes button,:root[data-theme=light] .art-reset {
    border: 1px solid var(--line)
}
:root[data-theme=light] .art-selectors span {
    color: var(--muted)
}
:root[data-theme=light] .art-heading span {
    color: var(--accent)
}
:root[data-theme=light] .art-candidate {
    border: 1px solid var(--line);
    background: var(--bg)
}
:root[data-theme=light] .art-candidate span {
    color: var(--muted)
}
:root[data-theme=light] .art-modes button {
    color: var(--muted)
}
:root[data-theme=light] .art-modes button.active {
    background: var(--bg)
}
:root[data-theme=light] #art-instruction {
    color: var(--accent)
}
:root[data-theme=light] .art-numbers {
    color: var(--muted)
}
:root[data-theme=light] .art-numbers input {
    background: var(--bg);
    border: 1px solid var(--line);
    color: var(--text)
}
:root[data-theme=light] .art-preview-panel {
    border: 1px solid var(--line);
    background: var(--bg)
}
:root[data-theme=light] .art-preview-panel>p {
    color: var(--muted)
}
:root[data-theme=light] .art-preview-label {
    color: var(--muted)
}
:root[data-theme=light] .art-zoom {
    color: var(--accent)
}
:root[data-theme=light] .art-zoom output {
    color: var(--accent)
}
:root[data-theme=light] .art-reset {
    color: var(--accent)
}
:root[data-theme=light] .art-character-heading h3 {
    color: var(--text)
}
:root[data-theme=light] .art-character-heading button {
    border: 1px solid var(--line);
    color: var(--accent)
}
:root[data-theme=light] #art-characters {
    scrollbar-color: var(--accent) var(--bg)
}
:root[data-theme=light] .art-character-card {
    border: 1px solid var(--line);
    background: var(--bg)
}
:root[data-theme=light] .art-character-card:hover {
    background: var(--bg)
}
:root[data-theme=light] .art-character-card.selected {
    background: var(--bg)
}
:root[data-theme=light] .art-character-status {
    color: var(--accent)
}
:root[data-theme=light] .art-character-selected {
    color: var(--accent)
}
:root[data-theme=light] .art-selectors .art-game-toggle span {
    color: var(--accent)
}
:root[data-theme=light] #art-all-games[aria-pressed="true"] {
    background: var(--bg)
}
:root[data-theme=light] .art-blur-controls {
    border: 1px solid var(--line)
}
:root[data-theme=light] .art-blur-controls legend {
    color: var(--text)
}
:root[data-theme=light] .art-blur-controls p {
    color: var(--accent)
}