html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="light"] body {
  --bg-body: #F7F9FC;
  --bg-sidebar: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-alt: #F3F6FA;
  --bg: #F3F6FA;
  --bg-input: #FFFFFF;
  --bg-hover: #EEF3F8;
  --bg-active: #E7EEF7;

  --accent: #155EEF;
  --accent-dim: rgba(21, 94, 239, 0.10);
  --accent-glow: rgba(21, 94, 239, 0.14);
  --accent-hover: #0F4BC4;

  --secondary: #6D5DF7;
  --secondary-dim: rgba(109, 93, 247, 0.12);

  --text: #0F172A;
  --text-soft: #334155;
  --text-muted: #475569;
  --text-dim: #64748B;

  --border: rgba(15, 23, 42, 0.10);
  --border-soft: rgba(15, 23, 42, 0.06);
  --border-focus: rgba(21, 94, 239, 0.36);

  --success: #047857;
  --warning: #B45309;
  --error: #B91C1C;
  --info: #2563EB;

  --score-green: #047857;
  --score-blue: #2563EB;
  --score-amber: #B45309;
  --score-red: #B91C1C;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.03);
  --shadow-md: 0 10px 28px rgba(15, 23, 42, 0.10);
  --shadow-lg: 0 22px 56px rgba(15, 23, 42, 0.13);
  --shadow-glow: 0 8px 22px rgba(21, 94, 239, 0.12);

  background:
    radial-gradient(circle at top left, rgba(21, 94, 239, 0.08), transparent 26%),
    linear-gradient(135deg, #FFFFFF 0%, #F7F9FC 46%, #EEF4FB 100%);
}

html[data-theme="light"] .sidebar {
  background: rgba(255, 255, 255, 0.90);
  border-color: var(--border);
  box-shadow: 10px 0 28px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .sidebar {
  backdrop-filter: blur(14px);
}

html[data-theme="light"] .input-section {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--run-accent, var(--accent)) 7%, #FFFFFF),
      color-mix(in srgb, var(--run-accent, var(--accent)) 3%, #F8FAFC));
  border-top-color: color-mix(in srgb, var(--run-accent, var(--accent)) 82%, transparent);
  border-bottom-color: color-mix(in srgb, var(--run-accent, var(--accent)) 30%, var(--border));
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--run-accent, var(--accent)) 28%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--run-accent, var(--accent)) 12%, transparent);
}

html[data-theme="light"] .sidebar-logo {
  border-bottom-color: var(--border);
}

html[data-theme="light"] .sidebar-logo-mark {
  filter: none;
}

html[data-theme="light"] .sidebar-logo-wordmark {
  filter: none;
}

html[data-theme="light"] .new-scan-btn {
  background: #0F172A;
  color: #FFFFFF;
  box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .new-scan-btn:hover {
  background: #1E293B;
  box-shadow: var(--shadow-md);
}

html[data-theme="light"] .sidebar-nav-item:hover {
  background: #EEF3F8;
  color: var(--text);
}

html[data-theme="light"] .sidebar-nav-item.active {
  background: #EAF2FF;
  color: #155EEF;
}

html[data-theme="light"] .sidebar-nav-item.active svg {
  stroke: #155EEF;
}

html[data-theme="light"] .sidebar-account-card,
html[data-theme="light"] .sidebar-credit-card {
  background: #F8FAFC;
  border-color: #DDE7F2;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 8px 20px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .sidebar-account-card:hover {
  background: #EFF6FF;
  border-color: rgba(21, 94, 239, 0.24);
}

html[data-theme="light"] .sidebar-panel-kicker,
html[data-theme="light"] .sidebar-credit-status,
html[data-theme="light"] .sidebar-credit-note {
  color: #64748B;
}

html[data-theme="light"] .sidebar-account-email,
html[data-theme="light"] .sidebar-credit-value {
  color: #0F172A;
}

html[data-theme="light"] .sidebar-account-meta {
  color: #475569;
}

html[data-theme="light"] .sidebar-credit-card.is-empty {
  background: #FFFBEB;
  border-color: rgba(180, 83, 9, 0.24);
}

html[data-theme="light"] .sidebar-logout-btn {
  background: #F8FAFC;
  border-color: #DDE7F2;
  color: #64748B;
}

html[data-theme="light"] .sidebar-logout-btn:hover {
  background: #FFF1F2;
  border-color: rgba(190, 18, 60, 0.24);
  color: #9F1239;
}

html[data-theme="light"] .sidebar-scan-timer {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 157, 0, 0.13), transparent 52%),
    linear-gradient(180deg, #050505 0%, #000000 100%);
  border-color: rgba(255, 157, 0, 0.34);
  box-shadow:
    inset 0 0 0 1px rgba(255, 157, 0, 0.08),
    inset 0 0 24px rgba(255, 157, 0, 0.08),
    0 8px 20px rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] .scan-timer-label {
  color: rgba(255, 185, 82, 0.78);
}

html[data-theme="light"] .scan-timer-status {
  color: rgba(255, 185, 82, 0.58);
}

html[data-theme="light"] .scan-timer-value {
  color: var(--scan-led);
}

html[data-theme="light"] .sidebar-scan-timer[data-state="running"] {
  border-color: rgba(255, 157, 0, 0.58);
}

html[data-theme="light"] .sidebar-scan-timer[data-state="running"] .scan-timer-status {
  color: var(--scan-led-hot);
}

html[data-theme="light"] .sidebar-scan-timer[data-state="complete"] {
  border-color: rgba(255, 157, 0, 0.46);
}

html[data-theme="light"] .sidebar-scan-timer[data-state="complete"] .scan-timer-status {
  color: rgba(255, 192, 77, 0.86);
}

html[data-theme="light"] .sidebar-scan-timer[data-state="error"] {
  border-color: rgba(255, 92, 122, 0.52);
}

html[data-theme="light"] .sidebar-scan-timer[data-state="error"] .scan-timer-status {
  color: #BE123C;
}

html[data-theme="light"] .lang-btn.active,
html[data-theme="light"] .theme-btn.active {
  background: #0F172A;
  border-color: #0F172A;
  color: #FFFFFF;
}

html[data-theme="light"] .topbar {
  background: rgba(255, 255, 255, 0.86);
  border-bottom-color: var(--border);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .topbar-status,
html[data-theme="light"] .account-chip,
html[data-theme="light"] .service-selector,
html[data-theme="light"] .input-tabs {
  background: #F3F6FA;
}

html[data-theme="light"] .account-chip {
  border-color: #D6DEE9;
  color: var(--text);
}

html[data-theme="light"] .account-chip-sub {
  color: #155EEF;
}

html[data-theme="light"] .status-dot {
  background: #047857;
  box-shadow: 0 0 0 4px rgba(4, 120, 87, 0.10);
}

html[data-theme="light"] .service-option {
  background: #FFFFFF;
  color: var(--text-muted);
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

html[data-theme="light"] .service-option[data-product="page_visibility_scan"] {
  --service-accent: #155EEF;
}

html[data-theme="light"] .service-option[data-product="full_website_geo_audit"] {
  --service-accent: #047857;
}

html[data-theme="light"] .service-option[data-product="ai_citation_prompt_discovery"] {
  --service-accent: #6D5DF7;
}

html[data-theme="light"] .service-option[data-product="aeo_audit"] {
  --service-accent: #0891B2;
}

html[data-theme="light"] .service-option[data-product="monthly_geo_monitoring"] {
  --service-accent: #B45309;
}

html[data-theme="light"] .service-option:hover {
  background: #F8FAFC;
  border-color: color-mix(in srgb, var(--service-accent, #155EEF) 34%, rgba(15, 23, 42, 0.10));
}

html[data-theme="light"] .service-option.active {
  background: color-mix(in srgb, var(--service-accent, #155EEF) 12%, #FFFFFF);
  border-color: color-mix(in srgb, var(--service-accent, #155EEF) 58%, rgba(15, 23, 42, 0.10));
  color: var(--text);
  outline: 2px solid color-mix(in srgb, var(--service-accent, #155EEF) 55%, transparent);
  outline-offset: -1px;
  box-shadow:
    inset 5px 0 0 var(--service-accent, #155EEF),
    0 16px 34px rgba(15, 23, 42, 0.10),
    0 0 26px color-mix(in srgb, var(--service-accent, #155EEF) 13%, transparent);
}

html[data-theme="light"] .service-option.active .service-option-meta {
  color: var(--service-accent, #155EEF);
}

html[data-theme="light"] .service-option.active .service-output-chip {
  background: color-mix(in srgb, var(--service-accent, #155EEF) 7%, #FFFFFF);
  border-color: color-mix(in srgb, var(--service-accent, #155EEF) 20%, rgba(15, 23, 42, 0.10));
  color: #334155;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .service-option.active .service-output-chip:nth-child(1) {
  background: #EAF1FF;
  border-color: rgba(21, 94, 239, 0.24);
  color: #155EEF;
}

html[data-theme="light"] .service-option.active .service-output-chip:nth-child(2) {
  background: #E8F5EF;
  border-color: rgba(4, 120, 87, 0.22);
  color: #047857;
}

html[data-theme="light"] .service-option.active .service-output-chip:nth-child(3) {
  background: #FFF4E5;
  border-color: rgba(180, 83, 9, 0.22);
  color: #B45309;
}

html[data-theme="light"] .service-option.active .service-output-chip:nth-child(4) {
  background: #F3E8FF;
  border-color: rgba(124, 58, 237, 0.20);
  color: #6D28D9;
}

html[data-theme="light"] .input-body {
  background: #FFFFFF;
}

html[data-theme="light"] .input-label {
  color: color-mix(in srgb, var(--run-accent, var(--accent)) 70%, #64748B);
}

html[data-theme="light"] .tab-btn {
  background: #FFFFFF;
}

html[data-theme="light"] .tab-btn.active {
  background: #0F172A;
  color: #FFFFFF;
  border-color: #0F172A;
}

html[data-theme="light"] .tab-btn.active svg {
  stroke: #FFFFFF;
}

html[data-theme="light"] .field-input,
html[data-theme="light"] .field-select,
html[data-theme="light"] .field-textarea {
  background: #FFFFFF;
  color: var(--text);
  border-color: color-mix(in srgb, var(--run-accent, var(--accent)) 28%, rgba(15, 23, 42, 0.12));
  box-shadow:
    inset 0 1px 0 rgba(15, 23, 42, 0.03),
    0 0 0 1px color-mix(in srgb, var(--run-accent, var(--accent)) 5%, transparent);
}

html[data-theme="light"] .field-input:focus,
html[data-theme="light"] .field-select:focus,
html[data-theme="light"] .field-textarea:focus {
  border-color: color-mix(in srgb, var(--run-accent, var(--accent)) 72%, rgba(15, 23, 42, 0.12));
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--run-accent, var(--accent)) 16%, transparent),
    0 0 18px color-mix(in srgb, var(--run-accent, var(--accent)) 10%, transparent);
}

html[data-theme="light"] .output-check,
html[data-theme="light"] .scan-step,
html[data-theme="light"] .result-card,
html[data-theme="light"] .gauge-card,
html[data-theme="light"] .download-center-card,
html[data-theme="light"] .visibility-dimensions-card,
html[data-theme="light"] .exec-summary-card {
  background: #FFFFFF;
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .download-center-card {
  --download-primary-text: var(--text);
  --download-muted-text: var(--text-muted);
}

html[data-theme="light"] .geo-check-group-heading {
  background:
    linear-gradient(135deg, rgba(21, 94, 239, 0.08), rgba(4, 120, 87, 0.04)),
    #F8FAFC;
  border-color: rgba(21, 94, 239, 0.18);
  box-shadow: none;
}

html[data-theme="light"] .geo-check-group-heading strong {
  color: var(--text);
}

html[data-theme="light"] .geo-check-group-mark {
  color: #155EEF;
  border-color: rgba(21, 94, 239, 0.22);
  background: rgba(21, 94, 239, 0.08);
}

html[data-theme="light"] .geo-check-group-heading--aeo {
  border-color: rgba(109, 93, 247, 0.20);
  background:
    linear-gradient(135deg, rgba(109, 93, 247, 0.08), rgba(4, 120, 87, 0.035)),
    #F8FAFC;
}

html[data-theme="light"] .geo-check-group-heading--aeo .geo-check-group-mark {
  color: #6D5DF7;
  border-color: rgba(109, 93, 247, 0.22);
  background: rgba(109, 93, 247, 0.08);
}

html[data-theme="light"] .output-section {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.54), rgba(247, 249, 252, 0.96)),
    #F7F9FC;
}

html[data-theme="light"] .idle-graphic svg circle,
html[data-theme="light"] .idle-graphic svg line {
  stroke: rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] .idle-brand-lockup {
  opacity: 0.24;
  filter: drop-shadow(0 0 14px rgba(21, 94, 239, 0.08));
}

html[data-theme="light"] .idle-title {
  color: #0F172A;
}

html[data-theme="light"] .idle-chip {
  background: #FFFFFF;
  border-color: var(--border);
  color: #334155;
}

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

html[data-theme="light"] .section-intro,
html[data-theme="light"] .check-detail,
html[data-theme="light"] .ai-issue-item,
html[data-theme="light"] .eeat-issue,
html[data-theme="light"] .funnel-description,
html[data-theme="light"] .funnel-gap-text {
  color: #334155;
}

html[data-theme="light"] .ai-section-title,
html[data-theme="light"] .check-label,
html[data-theme="light"] .eeat-dim-name,
html[data-theme="light"] .funnel-conf-label {
  color: #0F172A;
}

html[data-theme="light"] .ai-stat-label,
html[data-theme="light"] .funnel-stage-name,
html[data-theme="light"] .funnel-stage-label,
html[data-theme="light"] .funnel-conf-val {
  color: #475569;
}

html[data-theme="light"] .check-status.pass {
  color: #047857;
  background: #ECFDF5;
}

html[data-theme="light"] .check-status.warning {
  color: #B45309;
  background: #FFF7ED;
}

html[data-theme="light"] .check-status.fail {
  color: #B91C1C;
  background: #FEF2F2;
}

html[data-theme="light"] .funnel-hook {
  background: color-mix(in srgb, var(--accent) 8%, #FFFFFF);
  border: 1px solid color-mix(in srgb, var(--accent) 18%, rgba(15, 23, 42, 0.10));
  border-left: 3px solid var(--accent);
}

html[data-theme="light"] .funnel-hook-head {
  color: #0F172A;
}

html[data-theme="light"] .funnel-hook-body {
  color: #334155;
}

html[data-theme="light"] .gauge-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);
  backdrop-filter: none;
}

html[data-theme="light"] .gauge-card:hover {
  border-color: rgba(21, 94, 239, 0.18);
  background: linear-gradient(135deg, #FFFFFF 0%, #F1F5F9 100%);
  box-shadow: var(--shadow-md);
}

html[data-theme="light"] .gauge-bg {
  stroke: #E2E8F0;
}

html[data-theme="light"] .gauge-wrap::before {
  opacity: 0.32;
  filter: blur(12px);
}

html[data-theme="light"] .gauge-fill {
  filter: none;
}

html[data-theme="light"] .exec-summary-card {
  background: #F4F8F6;
  border-left-color: #047857;
}

html[data-theme="light"] .exec-summary-title,
html[data-theme="light"] .exec-text::before {
  color: #047857;
}

html[data-theme="light"] .scan-actions {
  border-top-color: var(--border);
}

html[data-theme="light"] .analyze-btn {
  color: #FFFFFF;
  box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .analyze-btn::after {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0%, transparent 58%);
}

html[data-theme="light"] .analyze-spinner {
  border-color: rgba(255, 255, 255, 0.45);
  border-top-color: #FFFFFF;
}

html[data-theme="light"] body[data-product="page_visibility_scan"] #analyzeBtn,
html[data-theme="light"] body[data-active-tab="text"] #analyzeBtn,
html[data-theme="light"] body[data-active-tab="url"] #analyzeBtn {
  background: #155EEF;
}

html[data-theme="light"] body[data-product="page_visibility_scan"] #analyzeBtn:hover:not(:disabled),
html[data-theme="light"] body[data-active-tab="text"] #analyzeBtn:hover:not(:disabled),
html[data-theme="light"] body[data-active-tab="url"] #analyzeBtn:hover:not(:disabled) {
  background: #0F4BC4;
  box-shadow: 0 12px 26px rgba(21, 94, 239, 0.20);
}

html[data-theme="light"] body[data-product="full_website_geo_audit"] #analyzeBtn {
  background: #047857;
}

html[data-theme="light"] body[data-product="full_website_geo_audit"] #analyzeBtn:hover:not(:disabled) {
  background: #065F46;
  box-shadow: 0 12px 26px rgba(4, 120, 87, 0.18);
}

html[data-theme="light"] #aeoAuditBtn {
  background: #6D5DF7;
}

html[data-theme="light"] #discoveryBtn {
  background: #0F766E;
}

html[data-theme="light"] #monitoringBtn {
  background: #B45309;
}

html[data-theme="light"] #benchmarkBtn.scan-btn-secondary {
  background: #EEF2FF !important;
  border-color: rgba(79, 70, 229, 0.28) !important;
  color: #4338CA !important;
}

html[data-theme="light"] #benchmarkBtn.scan-btn-secondary:hover:not(:disabled) {
  background: #E0E7FF !important;
}

html[data-theme="light"] #citationScanBtn.scan-btn-secondary {
  background: #FDF2F8 !important;
  border-color: rgba(190, 24, 93, 0.24) !important;
  color: #BE185D !important;
}

html[data-theme="light"] #citationScanBtn.scan-btn-secondary:hover:not(:disabled) {
  background: #FCE7F3 !important;
}

html[data-theme="light"] .scan-credit-context {
  color: #64748B;
}

html[data-theme="light"] .scan-credit-context.is-empty {
  color: #B45309;
}

html[data-theme="light"] .analyze-btn.is-credit-blocked:not(:disabled) {
  background: #FFFBEB;
  color: #92400E;
  border: 1px solid rgba(180, 83, 9, 0.24);
  box-shadow: none;
}

html[data-theme="light"] .analyze-btn.is-credit-blocked:hover:not(:disabled) {
  background: #FEF3C7;
  box-shadow: none;
}

html[data-theme="light"] .action-btn-sm.primary,
html[data-theme="light"] .export-bar .action-btn-sm.primary {
  background: #0F172A;
  color: #FFFFFF;
  border-color: #0F172A;
}

html[data-theme="light"] .action-btn-sm.secondary,
html[data-theme="light"] .export-bar .action-btn-sm.secondary {
  background: #FFFFFF;
  color: var(--text);
  border-color: var(--border);
}

html[data-theme="light"] .geo-progress-title,
html[data-theme="light"] .loading-text {
  color: var(--text);
}

html[data-theme="light"] .radar-sweep-line {
  stroke: #155EEF;
}

html[data-theme="light"] .radar-blip {
  background: #155EEF;
  box-shadow: 0 0 12px rgba(21, 94, 239, 0.22);
}

html[data-theme="light"] .scan-step.active {
  color: #155EEF;
  background: #EAF1FF;
  border-color: rgba(21, 94, 239, 0.25);
}

html[data-theme="light"] .scan-step.done {
  color: #FFFFFF;
  background: #047857;
  border-color: #047857;
}

html[data-theme="light"] .error-bar {
  background: #FDECEC;
  border-color: rgba(185, 28, 28, 0.20);
  color: #B91C1C;
}

html[data-theme="light"] .modal-content {
  background: #FFFFFF;
  border-color: var(--border);
}

html[data-theme="light"] .auth-mode-tabs,
html[data-theme="light"] .account-summary-item,
html[data-theme="light"] .credit-ledger-row {
  background: #F8FAFC;
  border-color: var(--border);
}

html[data-theme="light"] .credit-code-panel .settings-note {
  background: #F8FAFC;
  border-color: var(--border);
}

html[data-theme="light"] .auth-mode-btn.active {
  background: #0F172A;
  color: #FFFFFF;
}