:root {
    --theme-page: #040b13;
    --theme-page-soft: #071421;
    --theme-surface: rgba(6, 20, 35, 0.94);
    --theme-surface-raised: rgba(9, 30, 49, 0.90);
    --theme-surface-inset: rgba(3, 14, 25, 0.82);
    --theme-text: #eaf5ff;
    --theme-text-soft: #b7cad9;
    --theme-muted: #8ea6bc;
    --theme-line: rgba(80, 151, 195, 0.30);
    --theme-line-strong: rgba(88, 207, 255, 0.52);
    --theme-accent: #5be2ff;
    --theme-positive: #47e1aa;
    --theme-negative: #ff657e;
    --theme-warning: #f4c46a;
    --theme-shadow: rgba(0, 0, 0, 0.38);
    --theme-shadow-soft: 0 18px 54px rgba(0, 0, 0, 0.25);
    --theme-switch-x: calc(100vw - 38px);
    --theme-switch-y: calc(100vh - 38px);
}

html[data-theme="light"] {
    color-scheme: light;
    --theme-page: #edf5f8;
    --theme-page-soft: #e4eef3;
    --theme-surface: rgba(251, 253, 254, 0.95);
    --theme-surface-raised: rgba(255, 255, 255, 0.97);
    --theme-surface-inset: rgba(229, 240, 246, 0.76);
    --theme-text: #10293b;
    --theme-text-soft: #35566c;
    --theme-muted: #627d8f;
    --theme-line: rgba(36, 102, 133, 0.22);
    --theme-line-strong: rgba(0, 126, 151, 0.48);
    --theme-accent: #007f9c;
    --theme-positive: #007c60;
    --theme-negative: #c63d58;
    --theme-warning: #94620b;
    --theme-shadow: rgba(35, 72, 92, 0.16);
    --theme-shadow-soft: 0 18px 48px rgba(38, 76, 96, 0.14);

    /* Override the page-specific dark tokens used throughout VALHALLA. */
    --background: #edf5f8;
    --bg: #edf5f8;
    --void: #edf5f8;
    --navy: #f7fbfd;
    --panel: rgba(251, 253, 254, 0.96);
    --panel-light: #eef6f9;
    --panel-deep: rgba(245, 250, 252, 0.98);
    --steel: #e2eef3;
    --border: rgba(36, 102, 133, 0.24);
    --line: rgba(36, 102, 133, 0.24);
    --line-strong: rgba(0, 126, 151, 0.46);
    --line-hot: #0087a5;
    --text: #10293b;
    --text-secondary: #3e6075;
    --muted: #627d8f;
    --cyan: #007f9c;
    --accent: #007f9c;
    --green: #007c60;
    --up: #007c60;
    --red: #c63d58;
    --down: #c63d58;
    --amber: #94620b;
    --gold: #94620b;
    --warning: #94620b;
    --purple: #7651a8;
    --ember: #94620b;
    --ember-soft: rgba(148, 98, 11, 0.10);
    --decision-glow: rgba(0, 127, 156, 0.10);
    --shadow: var(--theme-shadow-soft);
    --valhalla-shadow: var(--theme-shadow-soft);
}

html {
    background: var(--theme-page);
}

/*
 * Theme transition
 * Modern browsers receive a circular reveal from the toggle. Older browsers
 * receive a short color-and-surface crossfade without moving layout.
 */
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}

::view-transition-old(root) {
    z-index: 1;
}

::view-transition-new(root) {
    z-index: 2;
    clip-path: circle(0 at var(--theme-switch-x) var(--theme-switch-y));
}

html.theme-switching :is(
    body,
    header,
    nav,
    main,
    section,
    article,
    aside,
    footer,
    button,
    input,
    select,
    textarea,
    table,
    th,
    td,
    .panel,
    .card,
    .section-block
) {
    transition:
        color 420ms cubic-bezier(0.22, 1, 0.36, 1),
        background-color 420ms cubic-bezier(0.22, 1, 0.36, 1),
        border-color 420ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

/*
 * Floating mode control
 */
.valhalla-theme-toggle {
    position: fixed;
    right: max(14px, env(safe-area-inset-right));
    bottom: max(14px, env(safe-area-inset-bottom));
    z-index: 2147482000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 2.85rem;
    padding: 0.62rem 0.88rem;
    color: var(--theme-text);
    border: 1px solid var(--theme-line-strong);
    border-radius: 999px;
    outline: 0;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--theme-surface-raised) 95%, transparent), color-mix(in srgb, var(--theme-surface) 88%, transparent));
    box-shadow:
        0 14px 34px var(--theme-shadow),
        inset 0 1px rgba(255, 255, 255, 0.20);
    font: 850 0.63rem/1 system-ui, sans-serif;
    letter-spacing: 0.11em;
    backdrop-filter: blur(18px) saturate(1.25);
    -webkit-backdrop-filter: blur(18px) saturate(1.25);
    cursor: pointer;
    isolation: isolate;
    overflow: hidden;
    transition:
        transform 180ms ease,
        color 260ms ease,
        border-color 260ms ease,
        background 260ms ease,
        box-shadow 260ms ease;
}

.valhalla-theme-toggle::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: 0;
    background: linear-gradient(115deg, transparent, rgba(88, 207, 255, 0.14), transparent);
    transform: translateX(-75%);
    transition: opacity 220ms ease, transform 420ms ease;
}

.valhalla-theme-toggle:hover,
.valhalla-theme-toggle:focus-visible {
    transform: translateY(-2px);
    border-color: var(--theme-accent);
    box-shadow:
        0 18px 42px var(--theme-shadow),
        0 0 0 3px color-mix(in srgb, var(--theme-accent) 15%, transparent);
}

.valhalla-theme-toggle:hover::before,
.valhalla-theme-toggle:focus-visible::before {
    opacity: 1;
    transform: translateX(75%);
}

.valhalla-theme-toggle:active {
    transform: translateY(0) scale(0.97);
}

.valhalla-theme-toggle i {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: var(--theme-warning);
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--theme-warning) 20%, transparent),
        0 0 14px color-mix(in srgb, var(--theme-warning) 42%, transparent);
    transition:
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
        background 320ms ease,
        box-shadow 320ms ease;
}

html[data-theme="light"] .valhalla-theme-toggle i {
    background: #173d55;
    box-shadow:
        inset -0.28rem -0.22rem 0 #edf5f8,
        0 0 0 2px rgba(23, 61, 85, 0.10);
    transform: rotate(22deg);
}

html[data-theme="light"] .valhalla-theme-toggle {
    color: #13374b;
    border-color: rgba(0, 119, 143, 0.34);
    background: rgba(255, 255, 255, 0.88);
}

/*
 * Light canvas and typography
 */
html[data-theme="light"] body {
    color: var(--theme-text);
    background-color: var(--theme-page) !important;
    background-image:
        radial-gradient(circle at 13% -8%, rgba(0, 151, 181, 0.14), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(0, 124, 96, 0.09), transparent 30%),
        linear-gradient(145deg, #f5fafc 0%, var(--theme-page) 48%, var(--theme-page-soft) 100%) !important;
}

html[data-theme="light"] body::before {
    opacity: 0.24;
}

html[data-theme="light"] body::after,
html[data-theme="light"] .protected-client-view::after {
    opacity: 0.10;
}

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

html[data-theme="light"] :is(p, small, label, figcaption) {
    color: var(--theme-muted);
}

html[data-theme="light"] :is(a, button) {
    text-underline-offset: 0.18em;
}

html[data-theme="light"] :is(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(0, 127, 156, 0.20);
    outline-offset: 2px;
}

html[data-theme="light"] :is(input, select, textarea) {
    color: var(--theme-text) !important;
    border-color: var(--theme-line) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: inset 0 1px 2px rgba(25, 66, 88, 0.06);
}

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

html[data-theme="light"] option {
    color: #10293b;
    background: #ffffff;
}

html[data-theme="light"] :is(.eyebrow, .hero-kicker, .brand-kicker, .panel-label) {
    color: #087c98;
}

html[data-theme="light"] :is(.up, .up-text, .status-good, .status-online) {
    color: var(--theme-positive) !important;
}

html[data-theme="light"] :is(.down, .down-text) {
    color: var(--theme-negative) !important;
}

html[data-theme="light"] :is(.warning, .warning-text) {
    color: var(--theme-warning) !important;
}

/*
 * Login, account, commerce, terms, success, and administration surfaces
 */
html[data-theme="light"] body.valhalla-access-page {
    background:
        radial-gradient(circle at 12% 0%, rgba(0, 145, 175, 0.14), transparent 32%),
        radial-gradient(circle at 88% 100%, rgba(0, 124, 96, 0.08), transparent 31%),
        linear-gradient(145deg, #f8fbfc, #edf5f8 52%, #e5eff4) !important;
}

html[data-theme="light"] :is(.aurora, .hourly-aurora, .dashboard-aurora) {
    opacity: 0.07 !important;
    filter: blur(105px);
}

html[data-theme="light"] :is(.gate-lines, .dashboard-gate-lines) {
    opacity: 0.09;
}

html[data-theme="light"] :is(
    .access-header,
    .access-card,
    .admin-header,
    .admin-nav,
    .admin-panel,
    .admin-status-grid article,
    .portal-hero,
    .portal-card,
    .portal-tabs,
    .identity-card,
    .support-card,
    .notification-card,
    .redeem-card,
    .access-launch-card,
    .access-forge-panel,
    .account-tab-panel,
    .purchase-panel,
    .bonus-access-panel,
    .discord-access-panel,
    .code-ledger-panel,
    .terms-header,
    .terms-shell,
    .success-shell
) {
    color: var(--theme-text);
    border-color: var(--theme-line) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 252, 0.95)) !important;
    box-shadow:
        var(--theme-shadow-soft),
        inset 0 1px rgba(255, 255, 255, 0.90) !important;
}

html[data-theme="light"] .access-header {
    border-bottom-color: rgba(36, 102, 133, 0.18) !important;
    backdrop-filter: blur(20px) saturate(1.15);
}

html[data-theme="light"] :is(
    .gate-context,
    .portal-policy,
    .portal-message,
    .notification-status-grid > *,
    .discord-readiness-grid > *,
    .admin-status-grid article,
    .workspace-layout-access,
    .metric-card
) {
    color: var(--theme-text);
    border-color: var(--theme-line) !important;
    background: var(--theme-surface-inset) !important;
}

html[data-theme="light"] :is(
    .access-tabs,
    .portal-tabs,
    .admin-nav,
    .header-portal-actions
) button,
html[data-theme="light"] :is(
    .portal-return-link,
    .portal-header-actions a,
    .portal-header-actions button,
    .support-link,
    .public-tutorial-toggle,
    .cinematic-sound-toggle
) {
    color: #285268;
    border-color: var(--theme-line) !important;
    background: rgba(237, 246, 249, 0.92) !important;
    box-shadow: none;
}

html[data-theme="light"] :is(
    .access-tabs button[aria-selected="true"],
    .portal-tab[aria-selected="true"],
    .admin-nav button[aria-selected="true"]
) {
    color: #ffffff !important;
    border-color: #0086a2 !important;
    background: linear-gradient(135deg, #007a92, #008a70) !important;
    box-shadow: 0 8px 20px rgba(0, 119, 143, 0.18);
}

html[data-theme="light"] .launch-offer-banner {
    color: var(--theme-text);
    border-color: rgba(0, 127, 156, 0.34);
    background:
        linear-gradient(120deg, rgba(0, 150, 180, 0.10), rgba(0, 124, 96, 0.06)),
        rgba(248, 252, 253, 0.98) !important;
    box-shadow: inset 3px 0 #0087a5, 0 12px 30px rgba(32, 76, 96, 0.10);
}

html[data-theme="light"] .launch-offer-banner :is(strong, span) {
    color: #12435a;
}

html[data-theme="light"] :is(.membership-plan, .affiliate-entry, .lifetime-plan) {
    color: var(--theme-text);
    border-color: var(--theme-line) !important;
    background:
        linear-gradient(145deg, #ffffff, #eef6f9) !important;
    box-shadow: 0 12px 28px rgba(37, 79, 99, 0.09);
}

html[data-theme="light"] .membership-plan.is-promotional {
    border-color: rgba(0, 134, 162, 0.52) !important;
    box-shadow:
        inset 0 3px #0087a5,
        0 14px 34px rgba(0, 119, 143, 0.12);
}

html[data-theme="light"] .membership-plan :is(h3, .membership-price strong) {
    color: #0d5268;
}

html[data-theme="light"] :is(
    .membership-plan button,
    .affiliate-entry button,
    .lifetime-plan a,
    .portal-launch,
    .portal-beta-action
) {
    color: #ffffff !important;
    border-color: #007f9c !important;
    background: linear-gradient(135deg, #007f9c, #007c60) !important;
    box-shadow: 0 10px 24px rgba(0, 119, 143, 0.16);
}

/*
 * BTC 15-minute Command
 */
html[data-theme="light"] body.valhalla-dashboard-page {
    background:
        radial-gradient(circle at 16% 4%, rgba(0, 152, 181, 0.13), transparent 29%),
        radial-gradient(circle at 88% 32%, rgba(0, 124, 96, 0.08), transparent 31%),
        linear-gradient(145deg, #f7fbfc 0%, #edf5f8 54%, #e5eff4 100%) !important;
}

html[data-theme="light"] body.valhalla-dashboard-page::before {
    opacity: 0.16;
    background-image:
        linear-gradient(rgba(39, 111, 141, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(39, 111, 141, 0.07) 1px, transparent 1px);
}

html[data-theme="light"] body.valhalla-dashboard-page::after {
    opacity: 0.34;
    background:
        linear-gradient(118deg, transparent 0 66%, rgba(0, 124, 96, 0.025) 66% 67%, transparent 67%),
        radial-gradient(circle at 48% 100%, rgba(0, 127, 156, 0.06), transparent 38%);
}

html[data-theme="light"] .valhalla-dashboard-page :is(
    .command-masthead,
    .command-tabbar,
    .workspace-layout-drawer,
    .header-market-card,
    .header-right-cluster,
    .header-btc-card,
    .panel,
    .section-block,
    .references-bottom,
    .portal-page-hero,
    .command-decision-core,
    .combined-lean-card,
    .command-lean-card,
    .early-forecast-card,
    .compact-market-card,
    .coinbase-candle-panel,
    .trade-advisor,
    .guardian-panel,
    .global-session-card,
    .flow-pressure-rail,
    .whale-radar-rail,
    .liquidity-rail,
    .suite-scalp-hero,
    .suite-scalp-flip-watch,
    .scalp-precursor-card,
    .legacy-scalp-panel,
    .valhalla-chronicle,
    .oath-ledger,
    .oath-focus-shell
) {
    color: var(--theme-text);
    border-color: var(--theme-line) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(241, 248, 251, 0.95)) !important;
    box-shadow:
        var(--theme-shadow-soft),
        inset 0 1px rgba(255, 255, 255, 0.92) !important;
}

html[data-theme="light"] .valhalla-dashboard-page .command-masthead {
    border-bottom-color: rgba(36, 102, 133, 0.20) !important;
    background: rgba(244, 250, 252, 0.90) !important;
    backdrop-filter: blur(22px) saturate(1.18);
}

html[data-theme="light"] .valhalla-dashboard-page .command-tabbar {
    background: rgba(250, 253, 254, 0.93) !important;
    box-shadow: 0 12px 30px rgba(36, 78, 98, 0.12) !important;
    backdrop-filter: blur(20px) saturate(1.15);
}

html[data-theme="light"] .valhalla-dashboard-page :is(
    .active-contract-prices > div,
    .active-session-levels > div,
    .five-second-brti-radar,
    .five-second-radar-metric,
    .header-streak-panel > div,
    .command-score-stack .compact-score,
    .compact-chip,
    .compact-status-strip span,
    .compact-kalshi-prices div,
    .metric-card,
    .journal-summary-card,
    .price-module,
    .contract-module,
    .whale-radar-detail-grid article,
    .trade-advisor-metrics > *,
    .guardian-metrics > *,
    .cycle-sequence-metrics > *,
    .scalp-flip-metrics > *,
    .scalp-last-execution-grid > *,
    .scalp-precursor-grid > *,
    .suite-record-grid > *,
    .chronicle-stat,
    .chronicle-entry,
    .oath-card,
    .oath-overview,
    .flow-glossary-grid > *,
    .smart-money-grid > *,
    .v1-intelligence-grid > *
) {
    color: var(--theme-text);
    border-color: rgba(36, 102, 133, 0.20) !important;
    background: var(--theme-surface-inset) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .valhalla-dashboard-page :is(
    .workspace-layout-toggle,
    .workspace-layout-heading button,
    .workspace-layout-options button,
    .workspace-layout-links button,
    .workspace-layout-links a,
    .header-portal-actions a,
    .header-portal-actions button,
    .command-tabbar button,
    .command-tabbar a,
    .flow-forge-toolbar button,
    .flow-signal-map-toolbar button,
    .ledger-actions button
) {
    color: #285268;
    border-color: var(--theme-line) !important;
    background: rgba(236, 246, 249, 0.90) !important;
    box-shadow: none;
}

html[data-theme="light"] .valhalla-dashboard-page :is(
    .command-tabbar button[aria-selected="true"],
    .command-tabbar button[aria-pressed="true"],
    .workspace-layout-options button[aria-pressed="true"],
    .flow-forge-toolbar button[aria-selected="true"],
    .flow-signal-map-toolbar button[aria-pressed="true"]
) {
    color: #ffffff !important;
    border-color: #007f9c !important;
    background: linear-gradient(135deg, #007f9c, #007c60) !important;
    box-shadow: 0 8px 20px rgba(0, 119, 143, 0.16);
}

html[data-theme="light"] .valhalla-dashboard-page .watchtower-banner {
    color: #552232;
    border-color: rgba(198, 61, 88, 0.40) !important;
    background:
        linear-gradient(100deg, rgba(198, 61, 88, 0.11), rgba(255, 255, 255, 0.94)) !important;
    box-shadow: inset 4px 0 #c63d58, 0 10px 26px rgba(101, 38, 54, 0.08) !important;
}

html[data-theme="light"] .valhalla-dashboard-page :is(
    .whale-lock-risk-banner,
    .lock-pressure-banner
) {
    color: #5c4316;
    border-color: rgba(148, 98, 11, 0.36) !important;
    background:
        linear-gradient(100deg, rgba(148, 98, 11, 0.11), rgba(255, 255, 255, 0.95)) !important;
}

html[data-theme="light"] .valhalla-dashboard-page .decision-up {
    border-color: rgba(0, 124, 96, 0.48) !important;
    background:
        linear-gradient(145deg, rgba(229, 247, 240, 0.98), rgba(255, 255, 255, 0.97)) !important;
}

html[data-theme="light"] .valhalla-dashboard-page .decision-down {
    border-color: rgba(198, 61, 88, 0.48) !important;
    background:
        linear-gradient(145deg, rgba(253, 235, 239, 0.98), rgba(255, 255, 255, 0.97)) !important;
}

html[data-theme="light"] .valhalla-dashboard-page .decision-wait {
    border-color: rgba(148, 98, 11, 0.40) !important;
    background:
        linear-gradient(145deg, rgba(252, 246, 229, 0.98), rgba(255, 255, 255, 0.97)) !important;
}

html[data-theme="light"] .valhalla-dashboard-page :is(
    .candle-canvas-shell,
    .journal-table-shell,
    .flow-signal-history-shell,
    .hourly-table-shell
) {
    border-color: var(--theme-line) !important;
    background: rgba(250, 253, 254, 0.92) !important;
}

html[data-theme="light"] .valhalla-dashboard-page :is(
    .journal-table,
    .journal-table th,
    .journal-table td
) {
    color: var(--theme-text);
    border-color: rgba(36, 102, 133, 0.16) !important;
    background: transparent !important;
}

html[data-theme="light"] .valhalla-dashboard-page .journal-table th {
    color: #45677b;
    background: rgba(222, 237, 244, 0.70) !important;
}

html[data-theme="light"] .valhalla-dashboard-page .journal-table tbody tr:hover td {
    background: rgba(0, 127, 156, 0.06) !important;
}

html[data-theme="light"] .valhalla-dashboard-page :is(
    .lean-track,
    .progress-track,
    .cycle-sequence-rail
) {
    background: rgba(92, 132, 151, 0.17) !important;
}

/*
 * BTC Hourly Command
 */
html[data-theme="light"] body.hourly-page {
    background:
        linear-gradient(rgba(39, 111, 141, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(39, 111, 141, 0.055) 1px, transparent 1px),
        radial-gradient(circle at 48% -20%, rgba(0, 151, 181, 0.13), transparent 43%),
        linear-gradient(145deg, #f7fbfc, #e8f2f6) !important;
    background-size: 90px 90px, 90px 90px, auto, auto !important;
}

html[data-theme="light"] .hourly-page :is(
    .hourly-brand,
    .hourly-live-price,
    .hourly-account,
    .hourly-nav,
    .panel,
    .hourly-target-card,
    .hourly-decision-card,
    .hourly-record-summary,
    .hourly-table-shell
) {
    color: var(--theme-text);
    border-color: var(--theme-line) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(241, 248, 251, 0.95)) !important;
    box-shadow:
        var(--theme-shadow-soft),
        inset 0 1px rgba(255, 255, 255, 0.90) !important;
}

html[data-theme="light"] .hourly-page :is(
    .hourly-clock-grid > *,
    .hourly-checkpoint-grid > *,
    .hourly-command-grid > *,
    .hourly-decision-metrics > *,
    .hourly-forecast-grid > *,
    .hourly-guide-grid > *,
    .hourly-live-guide-metrics > *,
    .hourly-record-summary > *
) {
    color: var(--theme-text);
    border-color: rgba(36, 102, 133, 0.20) !important;
    background: var(--theme-surface-inset) !important;
}

html[data-theme="light"] .hourly-page :is(
    .hourly-account a,
    .panel-heading button,
    .hourly-tabs button
) {
    color: #285268;
    border-color: var(--theme-line) !important;
    background: rgba(236, 246, 249, 0.90) !important;
}

html[data-theme="light"] .hourly-page .hourly-tabs button[aria-selected="true"] {
    color: #ffffff !important;
    border-color: #007f9c !important;
    background: linear-gradient(135deg, #007f9c, #007c60) !important;
}

html[data-theme="light"] .hourly-page :is(table, th, td) {
    color: var(--theme-text);
    border-color: rgba(36, 102, 133, 0.16) !important;
    background: transparent !important;
}

html[data-theme="light"] .hourly-page th {
    color: #45677b;
    background: rgba(222, 237, 244, 0.70) !important;
}

/*
 * Shared overlays retain contrast while matching the selected theme.
 */
html[data-theme="light"] .public-tutorial-backdrop {
    background: rgba(24, 48, 63, 0.58);
}

html[data-theme="light"] .public-tutorial-card {
    color: var(--theme-text);
    border-color: rgba(0, 124, 96, 0.42);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(235, 246, 249, 0.99)) !important;
    box-shadow:
        0 28px 80px rgba(29, 68, 88, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.60);
}

html[data-theme="light"] .public-tutorial-card :is(h2, p) {
    color: var(--theme-text);
}

html[data-theme="light"] .public-tutorial-card :is(
    .public-tutorial-topline button,
    .public-tutorial-actions button
) {
    color: #285268;
    border-color: var(--theme-line);
    background: rgba(233, 243, 247, 0.94);
}

html[data-theme="light"] .public-tutorial-actions button:last-child {
    color: #ffffff;
    border-color: #007f9c;
    background: linear-gradient(90deg, #007c60, #007f9c);
}

#v1-operations-panel[hidden] {
    display: none !important;
}

@media (max-width: 700px) {
    .valhalla-theme-toggle {
        width: 3rem;
        min-width: 3rem;
        padding-inline: 0.55rem;
    }

    .valhalla-theme-toggle span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    html[data-theme="light"] .valhalla-dashboard-page :is(
        .command-masthead,
        .command-tabbar
    ) {
        background: rgba(248, 252, 253, 0.96) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none !important;
    }

    html.theme-switching :is(
        body,
        header,
        nav,
        main,
        section,
        article,
        aside,
        footer,
        button
    ) {
        transition: none !important;
    }

    .valhalla-theme-toggle,
    .valhalla-theme-toggle i {
        transition-duration: 1ms !important;
    }
}

@media print {
    .valhalla-theme-toggle {
        display: none !important;
    }
}