/* Copyright (c) 2026 Cosmorphic. All rights reserved. */
html[data-theme="light"] {
    color-scheme: light;
    --space-canvas: #eef3f8;
    --space-deep: #e7edf4;
    --space-panel: #f9fbfd;
    --space-raised: #eaf0f6;
    --space-hover: #e1e9f2;
    --space-inset: #f3f6fa;
    --line-soft: rgba(36, 58, 88, 0.11);
    --line-normal: rgba(36, 58, 88, 0.19);
    --line-strong: rgba(36, 58, 88, 0.32);
    --line-focus: rgba(46, 101, 167, 0.64);
    --ink-primary: #14233a;
    --ink-secondary: #40536e;
    --ink-muted: #65758b;
    --stellar-blue: #2e65a7;
    --stellar-cyan: #147693;
    --orbit-violet: #6556a6;
    --aurora-green: #287d6d;
    --signal-success: #287d6d;
    --signal-warning: #94651b;
    --signal-danger: #b14545;
    --inline-success: #287d6d;
    --inline-link: #6556a6;
    --observatory-shadow: 0 24px 72px rgba(30, 48, 73, 0.13);
    --panel-shadow: 0 10px 28px rgba(30, 48, 73, 0.09);
    --bg-base: var(--space-canvas);
    --bg-surface: var(--space-deep);
    --bg-card: var(--space-panel);
    --bg-elevated: var(--space-raised);
    --border-subtle: var(--line-soft);
    --border-strong: var(--line-normal);
    --border-hover: var(--line-focus);
    --text-primary: var(--ink-primary);
    --text-secondary: var(--ink-secondary);
    --text-muted: var(--ink-muted);
    --accent: var(--stellar-blue);
    --accent-bright: var(--stellar-cyan);
    --accent-soft: rgba(46, 101, 167, 0.09);
    --accent-line: rgba(46, 101, 167, 0.28);
    --shadow-sm: 0 1px 3px rgba(30, 48, 73, 0.08);
    --shadow-md: 0 8px 24px rgba(30, 48, 73, 0.1);
    --shadow-lg: 0 18px 48px rgba(30, 48, 73, 0.14);
    --shadow-card: var(--panel-shadow);
    --shadow-rise: var(--observatory-shadow);
    --sr-accent: #6556a6;
    --sr-accent2: #147693;
    --sr-critical: #b14545;
    --sr-warning: #94651b;
    --sr-clean: #287d6d;
    --sr-bg: #eef3f8;
    --sr-panel: #f9fbfd;
    --sr-text: #14233a;
    --sr-border: rgba(36, 58, 88, 0.16);
    --spectra-critical: #b14545;
    --spectra-warning: #94651b;
    background: var(--space-canvas);
    scrollbar-color: #a8b7c9 var(--space-canvas);
}

html[data-theme="light"] body {
    color: var(--ink-primary);
    background-color: var(--space-canvas) !important;
    background-image:
        radial-gradient(circle at 8% 18%, rgba(46, 69, 99, 0.34) 0 0.6px, transparent 0.9px),
        radial-gradient(circle at 24% 73%, rgba(65, 92, 126, 0.27) 0 0.55px, transparent 0.85px),
        radial-gradient(circle at 48% 10%, rgba(38, 61, 92, 0.3) 0 0.55px, transparent 0.85px),
        radial-gradient(circle at 70% 38%, rgba(67, 91, 121, 0.25) 0 0.6px, transparent 0.9px),
        radial-gradient(circle at 89% 79%, rgba(38, 61, 92, 0.28) 0 0.55px, transparent 0.85px),
        linear-gradient(rgba(48, 75, 108, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(48, 75, 108, 0.035) 1px, transparent 1px),
        radial-gradient(ellipse 70% 38% at 50% -8%, rgba(73, 108, 151, 0.08), transparent 70%),
        linear-gradient(180deg, #eef3f8 0%, #f6f8fb 48%, #eef3f8 100%) !important;
    background-size: auto, auto, auto, auto, auto, 72px 72px, 72px 72px, auto, auto;
    background-attachment: fixed;
}

html[data-theme="light"] body::before {
    opacity: 0.018;
    mix-blend-mode: multiply;
}

html[data-theme="light"] ::selection {
    color: #ffffff;
    background: rgba(46, 101, 167, 0.72);
}

html[data-theme="light"] :focus-visible {
    outline-color: var(--stellar-cyan);
}

html[data-theme="light"] :is(h1, h2, h3, h4, h5, h6) {
    color: var(--ink-primary);
}

html[data-theme="light"] :is(input, select, textarea) {
    color: var(--ink-primary);
    border-color: var(--line-normal);
    background-color: var(--space-inset);
}

html[data-theme="light"] :is(input, textarea)::placeholder {
    color: #758398;
}

html[data-theme="light"] :is(input, select, textarea):focus {
    border-color: var(--line-focus);
    box-shadow: 0 0 0 3px rgba(46, 101, 167, 0.1);
}

html[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--space-canvas);
}

html[data-theme="light"] ::-webkit-scrollbar-thumb {
    border-color: var(--space-canvas);
    background: #a8b7c9;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #8fa1b7;
}

html[data-theme="light"] :is(.navbar, .navbar[style]) {
    border-bottom-color: var(--line-normal) !important;
    background: rgba(239, 244, 249, 0.94) !important;
    box-shadow: 0 8px 28px rgba(30, 48, 73, 0.08);
}

html[data-theme="light"] .navbar::after {
    background: linear-gradient(90deg, transparent 5%, rgba(20, 118, 147, 0.32) 32%, rgba(101, 86, 166, 0.22) 68%, transparent 95%);
}

html[data-theme="light"] :is(.logo-img, .shop-logo-img) {
    border-color: var(--line-normal);
    box-shadow: 0 7px 20px rgba(30, 48, 73, 0.12);
}

html[data-theme="light"] .navbar .logo-text[style] {
    color: var(--ink-primary) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

html[data-theme="light"] :is(.logo-text, .nav-links > a) {
    color: var(--ink-secondary);
}

html[data-theme="light"] .nav-links > a:hover {
    color: var(--ink-primary);
}

html[data-theme="light"] .nav-link-feedback {
    color: #315f94 !important;
}

html[data-theme="light"] .nav-link-feedback::before {
    box-shadow: none;
}

html[data-theme="light"] :is(.nav-login-btn, .lang-current) {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: rgba(249, 251, 253, 0.84);
}

html[data-theme="light"] :is(.nav-login-btn, .lang-current):hover {
    color: var(--ink-primary);
    border-color: var(--line-focus);
    background: var(--space-raised);
}

html[data-theme="light"] .lang-menu {
    border-color: var(--line-normal);
    background: var(--space-panel);
    box-shadow: var(--observatory-shadow);
}

html[data-theme="light"] .lang-option {
    color: var(--ink-secondary);
}

html[data-theme="light"] :is(.lang-option:hover, .lang-option.active) {
    color: var(--ink-primary);
    background: var(--space-hover);
}

html[data-theme="light"] .nav-mobile-menu {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: var(--space-panel);
}

html[data-theme="light"] :is(.section-title, .section-subtitle) {
    color: var(--ink-primary);
}

html[data-theme="light"] .section-subtitle {
    color: var(--ink-muted);
}

html[data-theme="light"] .section-title::after {
    box-shadow: 20px 0 0 rgba(101, 86, 166, 0.42);
}

html[data-theme="light"] :is(.primary-btn, .contact-btn, .uo-btn-primary, .auth-submit-btn, .admin-btn.primary, .fb-save-all-btn, .spectra-action.primary) {
    color: #ffffff;
    border-color: #2e65a7;
    background: #2e65a7;
    box-shadow: 0 9px 22px rgba(46, 101, 167, 0.16);
}

html[data-theme="light"] :is(.primary-btn, .contact-btn, .uo-btn-primary, .auth-submit-btn, .admin-btn.primary, .fb-save-all-btn, .spectra-action.primary):not(:disabled):hover {
    color: #ffffff;
    border-color: #25578f;
    background: #25578f;
    box-shadow: 0 10px 25px rgba(46, 101, 167, 0.2);
}

html[data-theme="light"] :is(.uo-btn-secondary, .buy-btn, .admin-btn, .fb-save-btn, .fb-ping-btn, .fb-lang-btn, .spectra-action.secondary, .mini-action) {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: var(--space-panel);
}

html[data-theme="light"] :is(.uo-btn-secondary, .buy-btn, .admin-btn, .fb-save-btn, .fb-ping-btn, .fb-lang-btn, .spectra-action.secondary, .mini-action):not(:disabled):hover {
    color: var(--ink-primary);
    border-color: var(--line-focus);
    background: var(--space-raised);
}

html[data-theme="light"] :is(.admin-btn.danger, .fb-remove-btn, .mini-action.danger) {
    color: var(--signal-danger);
    border-color: rgba(177, 69, 69, 0.32);
    background: rgba(177, 69, 69, 0.055);
}

html[data-theme="light"] .modal-overlay {
    background: rgba(20, 33, 54, 0.44);
}

html[data-theme="light"] .modal-content {
    color: var(--ink-primary);
    border-color: var(--line-normal);
    background: var(--space-panel);
    box-shadow: 0 30px 90px rgba(30, 48, 73, 0.2);
}

html[data-theme="light"] .modal-close {
    color: var(--ink-muted);
    border-color: var(--line-soft);
    background: var(--space-raised);
}

html[data-theme="light"] .modal-close:hover {
    color: var(--ink-primary);
    border-color: var(--line-normal);
    background: var(--space-hover);
}

html[data-theme="light"] :is(.auth-input, .auth-modal input, .auth-modal select, .auth-modal textarea) {
    color: var(--ink-primary);
    border-color: var(--line-normal);
    background: var(--space-inset);
}

html[data-theme="light"] .auth-tabs {
    border-color: var(--line-soft);
    background: var(--space-deep);
}

html[data-theme="light"] .auth-tab {
    color: var(--ink-muted);
}

html[data-theme="light"] :is(.auth-tab.active, .auth-tab:hover:not(.active)) {
    color: var(--ink-primary);
    background: var(--space-panel);
}

html[data-theme="light"] .google-btn {
    color: var(--ink-primary);
    border-color: var(--line-normal);
    background: var(--space-panel);
}

html[data-theme="light"] .google-btn:hover {
    border-color: var(--line-focus);
    background: var(--space-raised);
}

html[data-theme="light"] .google-btn[style*="5865"] {
    color: #ffffff !important;
    border-color: #5865f2 !important;
    background: #5865f2 !important;
}

html[data-theme="light"] :is(.account-info, .payment-info-box, .account-theme-setting) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-inset);
}

html[data-theme="light"] :is(.account-info p, .auth-label, .account-theme-description) {
    color: var(--ink-secondary);
}

html[data-theme="light"] .account-theme-title {
    color: var(--ink-primary);
}

html[data-theme="light"] .account-theme-option {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-panel);
}

html[data-theme="light"] :is(.account-theme-option:hover, .account-theme-option.active) {
    color: var(--ink-primary);
    border-color: var(--line-focus);
    background: var(--space-raised);
}

html[data-theme="light"] .account-theme-preview-dark {
    color: #79a8ff;
    background: #050a13;
}

html[data-theme="light"] .account-theme-preview-light {
    color: #2e65a7;
    background: #eef3f8;
}

html[data-theme="light"] .leaderboard-toggle-track {
    border-color: var(--line-normal);
    background: #b3bfcd;
}

html[data-theme="light"] .leaderboard-toggle-control input:checked + .leaderboard-toggle-track {
    background: var(--signal-success);
}

html[data-theme="light"] .leaderboard-toggle-knob {
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(30, 48, 73, 0.2);
}

html[data-theme="light"] .auth-logout-btn {
    color: var(--signal-danger);
    border-color: rgba(177, 69, 69, 0.3);
}

html[data-theme="light"] .auth-logout-btn:hover {
    color: #963b3b;
    border-color: rgba(177, 69, 69, 0.5);
    background: rgba(177, 69, 69, 0.06);
}

html[data-theme="light"] .news-modal {
    background: var(--space-panel);
}

html[data-theme="light"] .news-modal-content .modal-close {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: rgba(249, 251, 253, 0.9);
}

html[data-theme="light"] .news-modal-hero {
    border-bottom-color: var(--line-soft);
    background: var(--space-raised);
}

html[data-theme="light"] .news-modal-hero::before {
    background: linear-gradient(90deg, var(--stellar-blue), var(--stellar-cyan), transparent 68%);
}

html[data-theme="light"] .news-modal-kicker span {
    color: #235f78;
    border-color: rgba(20, 118, 147, 0.3);
    background: rgba(20, 118, 147, 0.07);
}

html[data-theme="light"] .news-modal-badge {
    color: #235f78;
}

html[data-theme="light"] .news-modal-secondary {
    color: #235f78;
    border-color: rgba(20, 118, 147, 0.24);
    background: rgba(20, 118, 147, 0.06);
}

html[data-theme="light"] .news-modal-secondary:hover {
    border-color: rgba(20, 118, 147, 0.42);
    background: rgba(20, 118, 147, 0.1);
}

html[data-theme="light"] .news-modal-primary {
    color: #ffffff;
    background: var(--stellar-blue);
}

html[data-theme="light"] .footer {
    border-top-color: var(--line-soft);
    background: var(--space-deep);
}

html[data-theme="light"] .hero-section {
    border-bottom-color: var(--line-soft);
}

html[data-theme="light"] .hero-section::before {
    background: rgba(55, 79, 108, 0.36);
}

html[data-theme="light"] .hero-section::after {
    border-color: rgba(46, 101, 167, 0.17);
    box-shadow: 0 0 0 74px rgba(46, 101, 167, 0.035), 0 0 0 146px rgba(101, 86, 166, 0.022);
}

html[data-theme="light"] .hero-background-glow {
    background: radial-gradient(circle, rgba(82, 119, 163, 0.08), transparent 66%);
    filter: none;
}

html[data-theme="light"] .hero-logo-img {
    border-color: var(--line-normal);
    box-shadow: 0 16px 42px rgba(30, 48, 73, 0.13);
}

html[data-theme="light"] .hero-eyebrow {
    color: var(--ink-muted);
}

html[data-theme="light"] .hero-title {
    color: var(--ink-primary);
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] .hero-subtitle {
    color: var(--ink-secondary);
}

html[data-theme="light"] :is(.status-badge, .hero-status) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: rgba(249, 251, 253, 0.84);
}

html[data-theme="light"] .status-dot {
    box-shadow: none;
}

html[data-theme="light"] :is(.news-section, .products-section, .team-section, .payment-section, .contact-section, #reviews) {
    border-bottom-color: var(--line-soft);
}

html[data-theme="light"] :is(.news-card, .product-card, .team-card, .payment-card, .review-card) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: rgba(249, 251, 253, 0.9);
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] :is(.news-card, .product-card, .team-card, .payment-card, .review-card):hover {
    border-color: var(--line-normal);
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(30, 48, 73, 0.12);
}

html[data-theme="light"] :is(.news-link, .social-btn, .buy-btn) {
    color: var(--ink-secondary);
}

html[data-theme="light"] :is(.news-link, .social-btn):hover {
    color: var(--ink-primary);
    border-color: var(--line-focus);
    background: var(--space-raised);
}

html[data-theme="light"] #product-list .product-card:has(a[href*="name=spectra"]) {
    border-color: var(--line-normal) !important;
    background: var(--space-panel) !important;
}

html[data-theme="light"] #product-list .product-card:has(a[href*="name=spectra"]) img {
    box-shadow: 0 12px 26px rgba(30, 48, 73, 0.14) !important;
}

html[data-theme="light"] #product-list .product-card:has(a[href*="name=spectra"]) .buy-btn {
    color: #ffffff !important;
    border-color: var(--stellar-blue) !important;
    background: var(--stellar-blue) !important;
}

html[data-theme="light"] .product-card .price {
    color: #315f94;
}

html[data-theme="light"] :is(.team-photo-frame, .payment-icon) {
    border-color: var(--line-normal);
    background: var(--space-inset);
}

html[data-theme="light"] .contact-card {
    border-color: var(--line-normal);
    background: var(--space-panel);
    box-shadow: var(--observatory-shadow);
}

html[data-theme="light"] .contact-card::before {
    background: rgba(55, 79, 108, 0.36);
}

html[data-theme="light"] .back-link {
    color: var(--ink-muted) !important;
    border-color: var(--line-soft);
    background: rgba(249, 251, 253, 0.78);
}

html[data-theme="light"] .back-link:hover {
    color: var(--ink-primary) !important;
    border-color: var(--line-normal);
    background: var(--space-raised);
}

html[data-theme="light"] .product-detail-image {
    border-color: var(--line-normal);
    background: var(--space-panel);
    box-shadow: var(--observatory-shadow);
}

html[data-theme="light"] .product-detail-price {
    color: #315f94;
}

html[data-theme="light"] .uo-hero::after {
    background: rgba(55, 79, 108, 0.34);
}

html[data-theme="light"] .uo-hero-logo {
    border-color: var(--line-normal);
    box-shadow: 0 15px 38px rgba(30, 48, 73, 0.14);
}

html[data-theme="light"] .uo-hero-badge {
    color: var(--ink-muted);
}

html[data-theme="light"] .uo-discord-callout {
    border-color: rgba(88, 101, 242, 0.24);
    background: var(--space-panel);
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] .uo-discord-callout-icon {
    border-color: rgba(88, 101, 242, 0.24);
    background: rgba(88, 101, 242, 0.08);
}

html[data-theme="light"] :is(.uo-feature-card, .uo-data-card, .uo-trial-card, .uo-account-card, .uo-plan-card) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-panel);
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] :is(.uo-feature-card, .uo-plan-card):hover {
    border-color: var(--line-normal);
    background: #ffffff;
}

html[data-theme="light"] .uo-lb-row:hover {
    background: rgba(46, 101, 167, 0.05);
}

html[data-theme="light"] .uo-plan-card.active {
    border-color: rgba(46, 101, 167, 0.5);
    background: #f0f5fa;
    box-shadow: inset 0 2px 0 rgba(46, 101, 167, 0.34), var(--panel-shadow);
}

html[data-theme="light"] .uo-purchase-discord-notice {
    color: var(--ink-secondary);
    border-color: rgba(101, 86, 166, 0.27);
    border-left-color: var(--orbit-violet);
    background: #f3f1f8;
}

html[data-theme="light"] .uo-purchase-discord-eyebrow {
    color: #6556a6;
}

html[data-theme="light"] body[data-product="spectra"] .uo-hero {
    color: var(--ink-secondary);
    border-color: rgba(101, 86, 166, 0.27) !important;
    background: #f4f2f8 !important;
    box-shadow: inset 0 1px 0 rgba(101, 86, 166, 0.13), var(--panel-shadow);
}

html[data-theme="light"] body[data-product="spectra"] .uo-hero::after {
    background: rgba(101, 86, 166, 0.46);
}

html[data-theme="light"] body[data-product="spectra"] .uo-hero > img {
    border-color: rgba(101, 86, 166, 0.28);
    box-shadow: 0 16px 34px rgba(30, 48, 73, 0.14) !important;
}

html[data-theme="light"] body[data-product="spectra"] .uo-hero-badge {
    color: #6556a6 !important;
}

html[data-theme="light"] #spectra-product-dashboard > .uo-section-header + div > section {
    border-color: var(--line-soft) !important;
    background: var(--space-panel) !important;
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] #spectra-product-label {
    color: var(--ink-primary) !important;
    border-color: var(--line-normal) !important;
    background: var(--space-inset) !important;
}

html[data-theme="light"] #spectra-product-generate-btn {
    color: #ffffff !important;
    background: var(--stellar-blue) !important;
}

html[data-theme="light"] :is(#spectra-product-new-code, [data-spectra-code-id], [data-spectra-result-id]) {
    color: var(--ink-secondary);
    border-color: var(--line-soft) !important;
    background: var(--space-inset) !important;
}

html[data-theme="light"] :is([data-spectra-code-id], [data-spectra-result-id]):hover {
    border-color: var(--line-normal) !important;
    background: var(--space-hover) !important;
}

html[data-theme="light"] .guide-sidebar {
    border-color: var(--line-soft);
    background: rgba(249, 251, 253, 0.96);
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] .guide-nav a {
    color: var(--ink-muted);
}

html[data-theme="light"] :is(.guide-nav a:hover, .guide-nav a.active) {
    color: var(--ink-primary);
    background: var(--space-raised);
}

html[data-theme="light"] .guide-nav a.active {
    box-shadow: inset 2px 0 0 var(--stellar-blue);
}

html[data-theme="light"] .guide-hero {
    border-bottom-color: var(--line-soft);
}

html[data-theme="light"] :is(.step-card, .profile-card, .ping-card, .guide-subsection, .guide-callout, .slider-demo, .faq-item) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-panel);
}

html[data-theme="light"] :is(.step-card, .profile-card, .ping-card, .guide-subsection, .faq-item):hover,
html[data-theme="light"] .faq-item.open {
    border-color: var(--line-normal);
    background: #ffffff;
}

html[data-theme="light"] .step-number[style] {
    color: var(--stellar-blue) !important;
    border-color: var(--line-normal) !important;
    background: var(--space-raised) !important;
}

html[data-theme="light"] .step-number[style] span[style] {
    color: var(--stellar-blue) !important;
}

html[data-theme="light"] .tag-recommended {
    color: #6556a6;
}

html[data-theme="light"] .tag-aggressive {
    color: var(--signal-danger);
}

html[data-theme="light"] .tag-stable {
    color: var(--signal-success);
}

html[data-theme="light"] .tag-kb {
    color: var(--signal-warning);
}

html[data-theme="light"] :is(.guide-callout.callout-warning, .callout-warning) {
    color: var(--signal-warning);
    border-color: rgba(148, 101, 27, 0.25);
    background: rgba(148, 101, 27, 0.055);
}

html[data-theme="light"] :is(.guide-callout.callout-info, .callout-info) {
    color: var(--stellar-blue);
    border-color: rgba(46, 101, 167, 0.24);
    background: rgba(46, 101, 167, 0.055);
}

html[data-theme="light"] .callout-success {
    color: var(--signal-success);
    border-color: rgba(40, 125, 109, 0.24);
    background: rgba(40, 125, 109, 0.055);
}

html[data-theme="light"] .faq-question {
    color: var(--ink-secondary);
}

html[data-theme="light"] .faq-item.open .faq-question {
    color: var(--ink-primary);
}

html[data-theme="light"] .faq-answer-inner {
    color: var(--ink-muted);
    border-top-color: var(--line-soft);
}

html[data-theme="light"] .fb-hero {
    border-color: var(--line-soft);
    background: var(--space-deep);
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] .fb-hero h1 {
    color: var(--ink-primary);
    background: none;
    -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] :is(.fb-lang-bar, .fb-required-controls, .fb-save-all-wrap, .fb-extra-panel, .fb-variant-card, .fb-mini-item) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-panel);
}

html[data-theme="light"] :is(.fb-lang-btn.active, .fb-ping-btn.active) {
    color: var(--ink-primary);
    border-color: var(--line-focus);
    background: var(--space-raised);
}

html[data-theme="light"] .fb-login-prompt {
    border-color: rgba(148, 101, 27, 0.25);
    background: rgba(148, 101, 27, 0.055);
}

html[data-theme="light"] :is(.fb-variant-card, .fb-mini-item):hover {
    border-color: var(--line-normal);
    background: #ffffff;
}

html[data-theme="light"] .fb-variant-card.rated {
    border-color: rgba(40, 125, 109, 0.38);
    background: rgba(40, 125, 109, 0.045);
    box-shadow: inset 0 2px 0 rgba(40, 125, 109, 0.25);
}

html[data-theme="light"] .fb-slider {
    background: #c8d2de;
}

html[data-theme="light"] .fb-slider::-webkit-slider-thumb {
    border-color: var(--space-panel);
    background: var(--stellar-blue);
    box-shadow: none;
}

html[data-theme="light"] .fb-slider::-moz-range-thumb {
    border-color: var(--space-panel);
    background: var(--stellar-blue);
    box-shadow: none;
}

html[data-theme="light"] .fb-save-btn.saved {
    color: #ffffff;
    border-color: var(--signal-success);
    background: var(--signal-success);
}

html[data-theme="light"] .fb-toast {
    color: var(--signal-success);
    border-color: var(--signal-success);
    background: var(--space-panel);
}

html[data-theme="light"] .fb-toast.error {
    color: var(--signal-danger);
    border-color: var(--signal-danger);
}

html[data-theme="light"] .admin-header {
    border-color: var(--line-soft);
    background: var(--space-deep);
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] .stat-card {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-panel);
}

html[data-theme="light"] .stat-card:hover {
    border-color: var(--line-normal);
    background: #ffffff;
}

html[data-theme="light"] .stat-card.online {
    border-color: rgba(40, 125, 109, 0.26);
    background: rgba(40, 125, 109, 0.045);
}

html[data-theme="light"] .online-dot {
    box-shadow: none;
}

html[data-theme="light"] :is(#maintenance-card, #optimizer-test-mode-card, #optimizer-shares-card) {
    border-color: var(--line-soft) !important;
    background: var(--space-panel) !important;
}

html[data-theme="light"] :is(.users-table, .ai-debug-panel, .online-detail, #maintenance-section, #test-mode-section, #optimizer-shares-section, #bugs-section, #reviews-section, #variant-feedback-section, #slider-feedback-section, #custom-feedback-section) {
    border-color: var(--line-soft);
    background: var(--space-deep);
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] #optimizer-shares-list > div[style] {
    border-color: var(--line-soft) !important;
    background: var(--space-inset) !important;
}

html[data-theme="light"] :is(.search-box, .ai-debug-search, .ai-debug-select, .plan-select) {
    color: var(--ink-primary);
    border-color: var(--line-normal);
    background: var(--space-inset);
}

html[data-theme="light"] :is(.users-table th, .admin-container th) {
    color: var(--ink-muted);
    border-bottom-color: var(--line-normal);
    background: var(--space-hover);
}

html[data-theme="light"] :is(.users-table td, .admin-container td) {
    color: var(--ink-secondary);
    border-bottom-color: var(--line-soft);
}

html[data-theme="light"] :is(.users-table tr:hover td, .admin-container tbody tr:hover td) {
    color: var(--ink-primary);
    background: rgba(46, 101, 167, 0.045);
}

html[data-theme="light"] .plan-free {
    color: var(--ink-muted);
    background: var(--space-raised);
}

html[data-theme="light"] .plan-monthly {
    color: #6556a6;
    background: rgba(101, 86, 166, 0.09);
}

html[data-theme="light"] .plan-lifetime {
    color: var(--signal-success);
    background: rgba(40, 125, 109, 0.08);
}

html[data-theme="light"] .plan-trial {
    color: var(--signal-warning);
    background: rgba(148, 101, 27, 0.08);
}

html[data-theme="light"] .plan-badge[style*="251,191,36"] {
    color: #80530f !important;
}

html[data-theme="light"] .plan-badge[style*="239,68,68"] {
    color: var(--signal-danger) !important;
}

html[data-theme="light"] .plan-badge[style*="59,130,246"] {
    color: var(--stellar-blue) !important;
}

html[data-theme="light"] :is(.ai-debug-message, .online-user-row) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-inset);
}

html[data-theme="light"] .ai-debug-role.user {
    color: #6556a6;
    border-color: rgba(101, 86, 166, 0.24);
    background: rgba(101, 86, 166, 0.08);
}

html[data-theme="light"] .ai-debug-role.assistant {
    color: var(--signal-success);
    border-color: rgba(40, 125, 109, 0.22);
    background: rgba(40, 125, 109, 0.07);
}

html[data-theme="light"] :is(.ai-debug-json, .ai-debug-json pre) {
    color: #2d4768;
    border-color: var(--line-soft);
    background: #e9eff5;
}

html[data-theme="light"] .ai-debug-json summary {
    color: var(--stellar-blue);
}

html[data-theme="light"] .admin-login {
    border-color: var(--line-normal);
    background: var(--space-panel);
    box-shadow: var(--observatory-shadow);
}

html[data-theme="light"] .r-hero {
    border-bottom-color: var(--line-soft);
}

html[data-theme="light"] .r-hero-glow {
    background: radial-gradient(circle, rgba(73, 108, 151, 0.08), transparent 68%);
}

html[data-theme="light"] .r-hero-title {
    color: var(--ink-primary);
    background: none;
    -webkit-text-fill-color: currentColor;
}

html[data-theme="light"] :is(.r-team-card, .r-card) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-panel);
    box-shadow: none;
}

html[data-theme="light"] :is(.r-team-card, .r-card):hover {
    border-color: var(--line-normal);
    background: #ffffff;
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] .r-card-large {
    background: var(--space-panel);
}

html[data-theme="light"] :is(.r-filter-pill, .r-pill) {
    border-color: var(--line-normal);
}

html[data-theme="light"] .r-filter-pill {
    color: var(--ink-muted);
    background: var(--space-inset);
}

html[data-theme="light"] :is(.r-filter-pill:hover, .r-filter-pill.active) {
    color: var(--ink-primary);
    border-color: var(--line-focus);
    background: var(--space-raised);
}

html[data-theme="light"] .r-pill-tcp {
    color: #6556a6;
    border-color: rgba(101, 86, 166, 0.25);
    background: rgba(101, 86, 166, 0.08);
}

html[data-theme="light"] .r-pill-kernel {
    color: #246b91;
    border-color: rgba(36, 107, 145, 0.25);
    background: rgba(36, 107, 145, 0.08);
}

html[data-theme="light"] .r-pill-perf {
    color: var(--signal-success);
    border-color: rgba(40, 125, 109, 0.25);
    background: rgba(40, 125, 109, 0.08);
}

html[data-theme="light"] .r-pill-security {
    color: var(--signal-danger);
    border-color: rgba(177, 69, 69, 0.25);
    background: rgba(177, 69, 69, 0.07);
}

html[data-theme="light"] :is(.r-pub-row:hover .r-pub-title, .r-paper-body .r-paper-abstract strong, .r-paper-body code) {
    color: #6556a6;
}

html[data-theme="light"] .r-paper-overlay {
    background: rgba(20, 33, 54, 0.46);
}

html[data-theme="light"] .r-paper-modal {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: var(--space-panel);
    box-shadow: var(--observatory-shadow);
}

html[data-theme="light"] .spectra-starfield {
    opacity: 0.08;
}

html[data-theme="light"] :is(.spectra-topbar, .spectra-panel, .echo-result-masthead, .echo-banner, .echo-overview-grid, .echo-status) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-panel) !important;
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] :is(.spectra-title, .spectra-panel h2, .spectra-panel h3, .echo-result-masthead h1, .echo-status h2, .echo-banner-title, .echo-card-title) {
    color: var(--ink-primary);
}

html[data-theme="light"] :is(.spectra-subtitle, .echo-result-masthead p, .echo-banner-sub, .echo-status p, .echo-card-meta) {
    color: var(--ink-muted);
}

html[data-theme="light"] .spectra-action {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: var(--space-panel);
}

html[data-theme="light"] .spectra-action.primary {
    color: #ffffff;
    border-color: var(--stellar-blue);
    background: var(--stellar-blue);
}

html[data-theme="light"] :is(.spectra-metric, .health-card, .matrix-card, .principle-card, .reverse-item, .scanner-badge, .echo-status-chip, .echo-sev-card, .finding-item, .echo-fact, .echo-log-row, .screenshot-card, .issue-finding, .issue-option) {
    color: var(--ink-secondary);
    border-color: var(--line-soft);
    background: var(--space-panel);
    box-shadow: none;
}

html[data-theme="light"] :is(.spectra-metric, .health-card, .matrix-card, .principle-card, .reverse-item, .finding-item, .echo-log-row):hover {
    border-color: var(--line-normal);
    background: #ffffff;
}

html[data-theme="light"] :is(.finding-toolbar, .finding-filter-row, .finding-search-row, .panel-actions, .tab-actions) {
    color: var(--ink-secondary);
}

html[data-theme="light"] :is(.finding-filter, .result-tab, .theme-picker-row button, .mini-action) {
    color: var(--ink-muted);
    border-color: var(--line-soft);
    background: var(--space-inset);
}

html[data-theme="light"] :is(.finding-filter:hover, .finding-filter.active, .result-tab:hover, .result-tab.active, .theme-picker-row button:hover, .mini-action:hover, .mini-action.active) {
    color: var(--ink-primary);
    border-color: var(--line-focus);
    background: var(--space-raised);
}

html[data-theme="light"] :is(.finding-input, .finding-select, .utility-search, .spectra-theme-picker input, .spectra-theme-picker select, .theme-picker-row select, .issue-notes) {
    color: var(--ink-primary);
    border-color: var(--line-normal);
    background: var(--space-inset);
}

html[data-theme="light"] .result-tabs-wrap {
    border-color: var(--line-soft);
    background: var(--space-deep);
}

html[data-theme="light"] :is(.finding-detail, .finding-raw, .raw-json, .conclusion-packet, .reverse-item pre, .echo-process-value) {
    color: #2d4768;
    border-color: var(--line-soft);
    background: #e9eff5 !important;
}

html[data-theme="light"] .finding-detail {
    border-top-color: var(--line-soft);
}

html[data-theme="light"] :is(.finding-chip.critical, .scanner-badge.missing, .echo-status-badge.detected, .mini-action.danger) {
    color: var(--signal-danger);
    border-color: rgba(177, 69, 69, 0.3);
    background: rgba(177, 69, 69, 0.07);
}

html[data-theme="light"] :is(.finding-chip.warning, .echo-status-badge.review) {
    color: var(--signal-warning);
    border-color: rgba(148, 101, 27, 0.3);
    background: rgba(148, 101, 27, 0.07);
}

html[data-theme="light"] .finding-chip.info {
    color: var(--stellar-blue);
    border-color: rgba(46, 101, 167, 0.28);
    background: rgba(46, 101, 167, 0.07);
}

html[data-theme="light"] :is(.scanner-badge.observed, .echo-status-badge.clean) {
    color: var(--signal-success);
    border-color: rgba(40, 125, 109, 0.3);
    background: rgba(40, 125, 109, 0.07);
}

html[data-theme="light"] .matrix-card.gate {
    border-color: rgba(20, 118, 147, 0.26);
    background: rgba(20, 118, 147, 0.055);
}

html[data-theme="light"] :is(.matrix-card.clean, .principle-card.observed, .rbw-verdict.allow) {
    border-color: rgba(40, 125, 109, 0.26);
    background: rgba(40, 125, 109, 0.055);
}

html[data-theme="light"] :is(.matrix-pill, .principle-pill, .result-tab-count) {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: var(--space-raised);
}

html[data-theme="light"] .bypass-chip.type-i {
    color: #80530f;
    border-color: rgba(148, 101, 27, 0.3);
    background: rgba(148, 101, 27, 0.08);
}

html[data-theme="light"] .bypass-chip.type-ii {
    color: #99501f;
    border-color: rgba(153, 80, 31, 0.3);
    background: rgba(153, 80, 31, 0.08);
}

html[data-theme="light"] .bypass-chip.type-iii {
    color: var(--signal-danger);
    border-color: rgba(177, 69, 69, 0.3);
    background: rgba(177, 69, 69, 0.08);
}

html[data-theme="light"] .bypass-chip.type-iv {
    color: #6556a6;
    border-color: rgba(101, 86, 166, 0.3);
    background: rgba(101, 86, 166, 0.08);
}

html[data-theme="light"] .echo-table-wrap {
    border-color: var(--line-soft);
    background: var(--space-panel);
}

html[data-theme="light"] .echo-table th {
    color: var(--ink-muted);
    border-bottom-color: var(--line-normal);
    background: var(--space-hover);
}

html[data-theme="light"] .echo-table td {
    color: var(--ink-secondary);
    border-bottom-color: var(--line-soft);
}

html[data-theme="light"] .echo-table tr:hover td {
    background: rgba(46, 101, 167, 0.045);
}

html[data-theme="light"] .error-box {
    color: var(--signal-danger);
    border-color: rgba(177, 69, 69, 0.3);
    background: rgba(177, 69, 69, 0.07);
}

html[data-theme="light"] .empty-state {
    color: var(--ink-muted);
    border-color: var(--line-normal);
    background: var(--space-inset);
}

html[data-theme="light"] .echo-banner.review {
    border-color: rgba(148, 101, 27, 0.26);
    background: #f8f3e9 !important;
}

html[data-theme="light"] .echo-banner.clean {
    border-color: rgba(40, 125, 109, 0.26);
    background: #edf6f3 !important;
}

html[data-theme="light"] .echo-banner-icon.review {
    color: #ffffff;
    background: #94651b;
    box-shadow: none;
}

html[data-theme="light"] .echo-banner-icon.clean {
    color: #ffffff;
    background: #287d6d;
    box-shadow: none;
}

html[data-theme="light"] :is(.echo-banner-title, .echo-banner.review .echo-banner-title, .echo-banner.clean .echo-banner-title) {
    color: var(--ink-primary);
}

html[data-theme="light"] .echo-sev-card.sev-clean .echo-sev-icon {
    color: var(--signal-success);
    background: rgba(40, 125, 109, 0.08);
}

html[data-theme="light"] .echo-sev-card.sev-warning .echo-sev-icon {
    color: var(--signal-warning);
    background: rgba(148, 101, 27, 0.08);
}

html[data-theme="light"] .echo-sev-card.sev-critical .echo-sev-icon {
    color: var(--signal-danger);
    background: rgba(177, 69, 69, 0.08);
}

html[data-theme="light"] .echo-log-row.sev-critical .echo-log-icon {
    color: var(--signal-danger);
    background: rgba(177, 69, 69, 0.08);
}

html[data-theme="light"] .echo-log-row.sev-warning .echo-log-icon {
    color: var(--signal-warning);
    background: rgba(148, 101, 27, 0.08);
}

html[data-theme="light"] .echo-log-row.sev-info .echo-log-icon {
    color: var(--stellar-cyan);
    background: rgba(20, 118, 147, 0.08);
}

html[data-theme="light"] .echo-log-text code.echo-log-file {
    color: #6556a6;
    background: rgba(101, 86, 166, 0.07);
}

html[data-theme="light"] .echo-log-check {
    color: var(--signal-success);
    background: rgba(40, 125, 109, 0.08);
}

html[data-theme="light"] :is(.echo-process-icon, .echo-process-pid, .echo-process-label) {
    color: var(--stellar-cyan);
}

html[data-theme="light"] :is(.echo-process-icon, .echo-process-pid) {
    border-color: rgba(20, 118, 147, 0.26);
    background: rgba(20, 118, 147, 0.08);
}

html[data-theme="light"] .echo-loading-card {
    color: var(--ink-muted);
    border-color: rgba(101, 86, 166, 0.2);
    background: var(--space-inset);
}

html[data-theme="light"] :is(.indication-track, .echo-progress-track) {
    background: #d6dee8;
}

html[data-theme="light"] .file-tag {
    color: var(--stellar-blue);
    border-color: rgba(46, 101, 167, 0.22);
    background: rgba(46, 101, 167, 0.07);
}

html[data-theme="light"] .screenshot-card img {
    border-color: var(--line-soft);
    background: var(--space-deep);
}

html[data-theme="light"] .modal-backdrop {
    background: rgba(20, 33, 54, 0.48);
}

html[data-theme="light"] .modal-card {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: var(--space-panel) !important;
    box-shadow: 0 28px 80px rgba(30, 48, 73, 0.2);
}

html[data-theme="light"] .spectra-theme-picker {
    color: var(--ink-secondary);
    border-color: var(--line-normal);
    background: rgba(249, 251, 253, 0.96);
    box-shadow: var(--panel-shadow);
}

html[data-theme="light"] .theme-picker-row label {
    color: var(--ink-secondary);
}

html[data-theme="light"] .theme-picker-row input[type="color"] {
    border-color: var(--line-normal);
    background: var(--space-panel);
}

html[data-theme="light"][data-spectra-theme="custom"] {
    --space-canvas: var(--sr-bg);
    --space-deep: color-mix(in srgb, var(--sr-bg) 90%, #000000 10%);
    --space-panel: var(--sr-panel);
    --space-raised: color-mix(in srgb, var(--sr-panel) 88%, var(--sr-text) 12%);
    --space-hover: color-mix(in srgb, var(--sr-panel) 82%, var(--sr-text) 18%);
    --space-inset: color-mix(in srgb, var(--sr-bg) 76%, var(--sr-panel) 24%);
    --line-soft: color-mix(in srgb, var(--sr-text) 12%, transparent);
    --line-normal: color-mix(in srgb, var(--sr-text) 20%, transparent);
    --line-strong: color-mix(in srgb, var(--sr-text) 34%, transparent);
    --line-focus: color-mix(in srgb, var(--sr-accent) 66%, transparent);
    --ink-primary: var(--sr-text);
    --ink-secondary: color-mix(in srgb, var(--sr-text) 76%, transparent);
    --ink-muted: color-mix(in srgb, var(--sr-text) 58%, transparent);
    --stellar-blue: var(--sr-accent);
    --accent: var(--sr-accent);
    --accent-bright: var(--sr-accent);
    --accent-soft: color-mix(in srgb, var(--sr-accent) 12%, transparent);
    --accent-line: color-mix(in srgb, var(--sr-accent) 32%, transparent);
    --text-primary: var(--sr-text);
    --text-secondary: color-mix(in srgb, var(--sr-text) 76%, transparent);
    --text-muted: color-mix(in srgb, var(--sr-text) 58%, transparent);
}

html[data-theme="light"][data-spectra-theme="custom"] body {
    color: var(--sr-text);
    background: var(--sr-bg) !important;
}

html[data-theme="light"][data-spectra-theme="custom"] .navbar {
    border-bottom-color: var(--line-soft) !important;
    background: color-mix(in srgb, var(--sr-panel) 94%, transparent) !important;
}

html[data-theme="light"][data-spectra-theme="custom"] .spectra-starfield {
    opacity: 0.16;
}

html[data-theme="light"][data-spectra-theme="custom"] :is(.spectra-topbar, .spectra-panel, .echo-result-masthead, .echo-banner, .echo-overview-grid, .echo-status, .modal-card) {
    color: var(--text-secondary);
    background: color-mix(in srgb, var(--sr-panel) 94%, transparent) !important;
}

html[data-theme="light"][data-spectra-theme="custom"] :is(.spectra-metric, .health-card, .matrix-card, .principle-card, .reverse-item, .scanner-badge, .echo-status-chip, .echo-sev-card, .finding-item, .echo-fact, .echo-log-row, .screenshot-card, .issue-finding, .issue-option) {
    color: var(--text-secondary);
    background: color-mix(in srgb, var(--sr-panel) 86%, transparent);
}

html[data-theme="light"][data-spectra-theme="custom"] :is(.finding-detail, .finding-raw, .raw-json, .conclusion-packet, .reverse-item pre, .echo-process-value) {
    color: var(--text-secondary);
    background: color-mix(in srgb, var(--sr-bg) 82%, var(--sr-panel) 18%) !important;
}

html[data-theme="light"][data-spectra-theme="custom"] .spectra-action.primary {
    color: var(--sr-bg);
    border-color: var(--sr-accent);
    background: var(--sr-accent);
}

html[data-theme="light"][data-spectra-theme="custom"] .spectra-theme-picker {
    color: var(--text-secondary);
    border-color: var(--line-normal);
    background: color-mix(in srgb, var(--sr-panel) 96%, transparent);
}

@media (max-width: 960px) {
    html[data-theme="light"] .navbar {
        background: rgba(239, 244, 249, 0.98) !important;
    }
}

@media (max-width: 480px) {
    html[data-theme="light"] body {
        background-size: auto, auto, auto, auto, auto, 54px 54px, 54px 54px, auto, auto;
    }
}