:root,html[data-theme=light]{--app-bg: #f5f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--surface-muted: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--primary: #0f172a;--primary-contrast: #ffffff;--primary-soft: #eef2ff;--primary-soft-text: #3730a3;--success-bg: #ecfdf5;--success-border: #bbf7d0;--success-text: #047857;--warning-bg: #fffbeb;--warning-border: #fde68a;--warning-text: #92400e;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--input-bg: #ffffff;--nav-bg: #172033;--nav-text: #c7d2fe;--shadow: rgba(15, 23, 42, .12);--shadow-strong: rgba(15, 23, 42, .28)}html[data-theme=dark]{--app-bg: #0f172a;--surface: #172033;--surface-soft: #111c2f;--surface-muted: #1e293b;--text-main: #e5edf8;--text-muted: #9fb0c7;--border: #334155;--border-strong: #475569;--primary: #93c5fd;--primary-contrast: #0f172a;--primary-soft: #1e3a5f;--primary-soft-text: #bfdbfe;--success-bg: #123227;--success-border: #166534;--success-text: #86efac;--warning-bg: #3a2a10;--warning-border: #92400e;--warning-text: #facc15;--danger-bg: #3b1620;--danger-border: #7f1d1d;--danger-text: #fca5a5;--input-bg: #111c2f;--nav-bg: #0b1220;--nav-text: #c7d2fe;--shadow: rgba(0, 0, 0, .22);--shadow-strong: rgba(0, 0, 0, .45)}html,body{height:100%;width:100%;margin:0;overflow-x:hidden;background:var(--app-bg);color:var(--text-main)}*,*:before,*:after{box-sizing:border-box}.modal-backdrop{position:fixed;inset:0;background:#0f172a85;display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.modal{width:min(520px,100%);background:var(--surface);color:var(--text-main);border-radius:20px;padding:20px;box-shadow:0 30px 80px var(--shadow-strong)}.modal-header h3{margin:0 0 8px;font-size:22px}.modal-header p{margin:0;color:var(--text-muted);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.question-image,.review-image{width:fit-content;max-width:760px;margin:0 auto 24px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 28px var(--shadow)}.review-image{margin-top:4px}.question-image img,.review-image img{display:block;width:auto;max-width:100%;max-height:420px;height:auto;object-fit:contain}@media(max-width:900px){.question-image,.review-image{width:100%;max-width:100%;margin:4px 0 14px}.question-image img,.review-image img{width:100%;max-height:none}}html[data-theme=dark] .page,html[data-theme=dark] .page-header h2,html[data-theme=dark] .page h2,html[data-theme=dark] .page h3,html[data-theme=dark] .page h4,html[data-theme=dark] .empty strong,html[data-theme=dark] td strong{color:var(--text-main)}html[data-theme=dark] .page-header p,html[data-theme=dark] .page p,html[data-theme=dark] .muted,html[data-theme=dark] .empty,html[data-theme=dark] td small,html[data-theme=dark] .hint,html[data-theme=dark] .eyebrow,html[data-theme=dark] .generated,html[data-theme=dark] .panel-head p,html[data-theme=dark] .attention-row span,html[data-theme=dark] .attention-row small,html[data-theme=dark] .empty-line{color:var(--text-muted)}html[data-theme=dark] .panel,html[data-theme=dark] .toolbar,html[data-theme=dark] .list-panel,html[data-theme=dark] .metric,html[data-theme=dark] .state,html[data-theme=dark] .summary,html[data-theme=dark] .modal,html[data-theme=dark] .empty,html[data-theme=dark] .premium-modal{background:var(--surface);color:var(--text-main);border:1px solid var(--border);box-shadow:0 10px 25px var(--shadow)}html[data-theme=dark] .category-card,html[data-theme=dark] .mini-grid article,html[data-theme=dark] .attention,html[data-theme=dark] .attention-row,html[data-theme=dark] .score,html[data-theme=dark] .premium-summary,html[data-theme=dark] .dev-link,html[data-theme=dark] .filter-row,html[data-theme=dark] .readiness,html[data-theme=dark] .metric.neutral{background:var(--surface-soft);color:var(--text-main);border-color:var(--border)}html[data-theme=dark] table{color:var(--text-main)}html[data-theme=dark] th,html[data-theme=dark] td{border-color:var(--border);color:var(--text-main)}html[data-theme=dark] th{background:var(--surface-soft);color:var(--text-muted)}html[data-theme=dark] tbody tr:hover{background:var(--surface-soft)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--input-bg);color:var(--text-main);border-color:var(--border-strong)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--text-muted)}html[data-theme=dark] label,html[data-theme=dark] .filters label,html[data-theme=dark] .form label{color:var(--text-main)}html[data-theme=dark] .secondary,html[data-theme=dark] .icon-button,html[data-theme=dark] .link.muted{background:var(--surface-muted);color:var(--text-main)}html[data-theme=dark] .action-pill,html[data-theme=dark] .link{background:var(--primary-soft);color:var(--primary-soft-text)}html[data-theme=dark] .badge,html[data-theme=dark] .badge.inactive,html[data-theme=dark] .badge.premium,html[data-theme=dark] .readiness.warn{background:var(--surface-muted);color:var(--text-muted)}html[data-theme=dark] .badge.active,html[data-theme=dark] .badge.published,html[data-theme=dark] .badge.pass,html[data-theme=dark] .badge.premium-on,html[data-theme=dark] .action-pill.success,html[data-theme=dark] .feedback.success,html[data-theme=dark] .metric.good,html[data-theme=dark] .readiness.good{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}html[data-theme=dark] .badge.warn,html[data-theme=dark] .badge.pending,html[data-theme=dark] .badge.invalid,html[data-theme=dark] .action-pill.warning,html[data-theme=dark] .premium-summary,html[data-theme=dark] .plan-card,html[data-theme=dark] .soft-error,html[data-theme=dark] .metric.warn,html[data-theme=dark] .lock-message{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}html[data-theme=dark] .badge.expired,html[data-theme=dark] .badge.fail,html[data-theme=dark] .action-pill.danger,html[data-theme=dark] .feedback.error,html[data-theme=dark] .modal-error,html[data-theme=dark] .field-error,html[data-theme=dark] .error-state,html[data-theme=dark] .state.error,html[data-theme=dark] .metric.danger,html[data-theme=dark] .link.danger,html[data-theme=dark] .readiness.bad{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}html[data-theme=dark] .plan-card span,html[data-theme=dark] .premium-summary p,html[data-theme=dark] .danger-zone p{color:var(--text-muted)}html[data-theme=dark] .danger-zone{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}html[data-theme=dark] .status-row.published,html[data-theme=dark] .published-row{background:#86efac0f}html[data-theme=dark] .invalid-row{background:#fca5a514}html[data-theme=dark] body .page .mini-grid article,html[data-theme=dark] body .page .metric-grid .metric,html[data-theme=dark] body .page .attention-grid .attention{background:var(--surface-soft)!important;color:var(--text-main)!important;border-color:var(--border)!important}html[data-theme=dark] body .page .mini-grid article span,html[data-theme=dark] body .page .metric-grid .metric span{color:var(--text-muted)!important}html[data-theme=dark] body .page .mini-grid article strong,html[data-theme=dark] body .page .metric-grid .metric strong{color:var(--text-main)!important}html[data-theme=dark] body .page table tbody tr:hover,html[data-theme=dark] body .page .table-wrap table tbody tr:hover{background:var(--surface-muted)!important;color:var(--text-main)!important}html[data-theme=dark] body .page table tbody tr:hover td,html[data-theme=dark] body .page table tbody tr:hover strong,html[data-theme=dark] body .page table tbody tr:hover small{color:inherit!important}html[data-theme=dark] body .page table tbody tr:hover small,html[data-theme=dark] body .page table tbody tr:hover .muted{color:var(--text-muted)!important}html[data-theme=dark] body .page .actions .link.primary-action,html[data-theme=dark] body .page a.link.primary-action{background:var(--primary-soft)!important;color:var(--primary-soft-text)!important;border:1px solid var(--border-strong)!important}html[data-theme=dark] body .page .actions .link.primary-action:hover,html[data-theme=dark] body .page a.link.primary-action:hover{background:#25476f!important;color:#e5edf8!important}html[data-theme=dark] body .page .actions .link.primary-action:disabled,html[data-theme=dark] body .page .actions .link.primary-action.muted{background:var(--surface-muted)!important;color:var(--text-muted)!important;border-color:var(--border)!important}html[data-theme=dark] body .page .actions .action-pill.premium-action,html[data-theme=dark] body .page button.action-pill.premium-action{background:var(--warning-bg)!important;color:var(--warning-text)!important;border:1px solid var(--warning-border)!important}html[data-theme=dark] body .page .actions .action-pill.premium-action:hover,html[data-theme=dark] body .page button.action-pill.premium-action:hover{background:#4a3414!important;color:#fde68a!important;border-color:#f59e0b!important}html[data-theme=dark] body .page .details article,html[data-theme=dark] body .page .summary article,html[data-theme=dark] body .page .answer,html[data-theme=dark] body .page .option-card,html[data-theme=dark] body .page .question-card,html[data-theme=dark] body .page .preview,html[data-theme=dark] body .page .category-card{background:var(--surface-soft)!important;color:var(--text-main)!important;border-color:var(--border)!important}html[data-theme=dark] body .page .details span,html[data-theme=dark] body .page .summary span,html[data-theme=dark] body .page .answer span,html[data-theme=dark] body .page .option-card p,html[data-theme=dark] body .page .question-card p,html[data-theme=dark] body .page .category-card p,html[data-theme=dark] body .page .preview span,html[data-theme=dark] body .page .preview small{color:var(--text-muted)!important}html[data-theme=dark] body .page .details strong,html[data-theme=dark] body .page .summary strong,html[data-theme=dark] body .page .answer strong,html[data-theme=dark] body .page .option-card strong,html[data-theme=dark] body .page .question-card strong,html[data-theme=dark] body .page .category-card strong{color:var(--text-main)!important}html[data-theme=dark] body .page .question-visual img,html[data-theme=dark] body .page .question-image,html[data-theme=dark] body .page .review-image{background:var(--surface-muted)!important;border-color:var(--border)!important}html[data-theme=dark] body .page .answer.good{background:var(--success-bg)!important;color:var(--text-main)!important;border-color:var(--success-border)!important}html[data-theme=dark] body .page .answer.bad{background:var(--danger-bg)!important;color:var(--text-main)!important;border-color:var(--danger-border)!important}html[data-theme=dark] body .page .answer.good strong,html[data-theme=dark] body .page .pass strong{color:var(--success-text)!important}html[data-theme=dark] body .page .answer.bad strong,html[data-theme=dark] body .page .fail strong{color:var(--danger-text)!important}
