/* RadarMeczy — publiczny motyw jasny / ciemny.
   Kolory komponentów są spięte z jedną paletą, a wybór użytkownika obsługuje theme.js. */

:root {
    --rm-theme-bg: #f5f6f7;
    --rm-theme-surface: #ffffff;
    --rm-theme-surface-2: #f8faf9;
    --rm-theme-surface-3: #eef3f0;
    --rm-theme-text: #151b18;
    --rm-theme-text-soft: #53605a;
    --rm-theme-muted: #758079;
    --rm-theme-border: #e1e7e3;
    --rm-theme-shadow: 0 16px 42px rgba(16, 28, 21, .07);
    --rm-theme-green: #169b57;
    --rm-theme-green-soft: #eaf7f0;
}

html[data-theme="dark"] {
    --green: #2ac777;
    --green-dark: #67dda2;
    --green-soft: #183729;
    --ink: #eef4f1;
    --muted: #9daaa4;
    --line: #2c3732;
    --panel: #171e1b;
    --canvas: #0f1512;
    --rm3-green: #2ac777;
    --rm3-green-dark: #67dda2;
    --rm3-green-soft: #183729;
    --rm3-ink: #f0f5f2;
    --rm3-text: #d9e2dd;
    --rm3-muted: #9ca9a2;
    --rm3-line: #2b3731;
    --rm3-surface: #171e1b;
    --rm3-bg: #0f1512;
    --rm-theme-bg: #0f1512;
    --rm-theme-surface: #171e1b;
    --rm-theme-surface-2: #1c2521;
    --rm-theme-surface-3: #222d28;
    --rm-theme-text: #eef4f1;
    --rm-theme-text-soft: #bdc8c2;
    --rm-theme-muted: #94a29b;
    --rm-theme-border: #2c3832;
    --rm-theme-shadow: 0 18px 48px rgba(0, 0, 0, .28);
    --rm-theme-green: #2ac777;
    --rm-theme-green-soft: #183729;
}

html,
body,
.app-shell,
.topbar,
button,
input,
select,
textarea {
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

/* Przełącznik w headerze */
.rm-theme-toggle-v1 {
    display: inline-grid;
    place-items: center;
    flex: 0 0 42px;
    border: 1px solid var(--rm-theme-border);
    border-radius: 12px;
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text);
}

.rm-theme-toggle-v1 > span,
.rm-theme-toggle-v1 svg {
    width: 19px;
    height: 19px;
    display: block;
}

.rm-theme-toggle-v1 svg,
.rm-theme-menu-v1 svg,
.rm-theme-mobile-v1 svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rm-theme-toggle-v1:hover {
    border-color: color-mix(in srgb, var(--rm-theme-green) 40%, var(--rm-theme-border));
    background: var(--rm-theme-surface-2);
    color: var(--rm-theme-green);
}

.rm-theme-menu-v1 {
    position: fixed;
    z-index: 10050;
    width: 286px;
    padding: 10px;
    border: 1px solid var(--rm-theme-border);
    border-radius: 16px;
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text);
    box-shadow: var(--rm-theme-shadow);
}

.rm-theme-menu-v1[hidden] { display: none; }

.rm-theme-menu-v1__head {
    min-height: 42px;
    padding: 0 5px 8px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--rm-theme-border);
    font-size: 13px;
    font-weight: 800;
}

.rm-theme-menu-v1__head button {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 9px;
    background: var(--rm-theme-surface-2);
    color: var(--rm-theme-muted);
    font-size: 22px;
    line-height: 1;
}

.rm-theme-menu-v1__options {
    padding-top: 7px;
    display: grid;
    gap: 3px;
}

.rm-theme-menu-v1__options > button {
    width: 100%;
    min-height: 54px;
    padding: 7px 9px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--rm-theme-text);
    text-align: left;
}

.rm-theme-menu-v1__options > button:hover { background: var(--rm-theme-surface-2); }
.rm-theme-menu-v1__options > button.is-active { background: var(--rm-theme-green-soft); }
.rm-theme-menu-v1__options > button > span:first-child {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--rm-theme-surface-3);
    color: var(--rm-theme-text-soft);
}
.rm-theme-menu-v1__options > button.is-active > span:first-child {
    background: var(--rm-theme-green);
    color: #fff;
}
.rm-theme-menu-v1__options svg { width: 18px; height: 18px; }
.rm-theme-menu-v1__options > button > span:nth-child(2) { display: grid; gap: 1px; }
.rm-theme-menu-v1__options strong { font-size: 13px; }
.rm-theme-menu-v1__options small { color: var(--rm-theme-muted); font-size: 10px; }
.rm-theme-menu-v1__options i {
    width: 8px;
    height: 8px;
    justify-self: center;
    border-radius: 50%;
    background: transparent;
}
.rm-theme-menu-v1__options button.is-active i { background: var(--rm-theme-green); }

.rm-theme-mobile-v1 {
    margin-top: 12px;
    padding: 15px 12px 10px;
    border-top: 1px solid var(--rm-theme-border);
}
.rm-theme-mobile-v1 > div:first-child {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--rm-theme-muted);
    font-size: 11px;
    font-weight: 700;
}
.rm-theme-mobile-v1 > div:first-child strong { color: var(--rm-theme-text); }
.rm-theme-mobile-v1__options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.rm-theme-mobile-v1__options button {
    min-width: 0;
    min-height: 62px;
    padding: 7px 4px;
    display: grid;
    place-items: center;
    gap: 4px;
    border: 1px solid var(--rm-theme-border);
    border-radius: 10px;
    background: var(--rm-theme-surface-2);
    color: var(--rm-theme-text-soft);
}
.rm-theme-mobile-v1__options button.is-active {
    border-color: color-mix(in srgb, var(--rm-theme-green) 60%, var(--rm-theme-border));
    background: var(--rm-theme-green-soft);
    color: var(--rm-theme-green);
}
.rm-theme-mobile-v1__options svg { width: 18px; height: 18px; }
.rm-theme-mobile-v1__options span { overflow: hidden; font-size: 10px; font-weight: 800; text-overflow: ellipsis; }

/* Fundament ciemnego interfejsu */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] body .app-shell,
html[data-theme="dark"] body .league-shell,
html[data-theme="dark"] body .club2-body,
html[data-theme="dark"] body .team23-shell,
html[data-theme="dark"] body .football-tour-v1,
html[data-theme="dark"] body .club-partners-shell-v1 {
    background: var(--rm-theme-bg);
    color: var(--rm-theme-text);
}

html[data-theme="dark"] body .topbar {
    border-color: var(--rm-theme-border);
    background: rgba(20, 28, 24, .96);
    color: var(--rm-theme-text);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .02);
}

html[data-theme="dark"] body .main-nav a,
html[data-theme="dark"] body .brand,
html[data-theme="dark"] body .top-actions { color: var(--rm-theme-text); }
html[data-theme="dark"] body .icon-button,
html[data-theme="dark"] body .location-button,
html[data-theme="dark"] body .home-city-switch-v27 { color: var(--rm-theme-text); }
html[data-theme="dark"] body .icon-button:hover,
html[data-theme="dark"] body .location-button:hover,
html[data-theme="dark"] body .home-city-switch-v27:hover { background: var(--rm-theme-surface-2); }

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface-2);
    color: var(--rm-theme-text);
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #7f8c85; }
html[data-theme="dark"] option { background: var(--rm-theme-surface); color: var(--rm-theme-text); }

/* Globalne powierzchnie i listy */
html[data-theme="dark"] body .filters,
html[data-theme="dark"] body .results,
html[data-theme="dark"] body .date-tabs,
html[data-theme="dark"] body .date-tabs button,
html[data-theme="dark"] body .match-row,
html[data-theme="dark"] body .map-toolbar,
html[data-theme="dark"] body .feature-strip,
html[data-theme="dark"] body .match-detail-card,
html[data-theme="dark"] body .match-details-v13,
html[data-theme="dark"] body .match-lineups-v13,
html[data-theme="dark"] body .league-hero,
html[data-theme="dark"] body .league-card,
html[data-theme="dark"] body .league-side-card,
html[data-theme="dark"] body .standings-card,
html[data-theme="dark"] body .fixture-list,
html[data-theme="dark"] body .fixture-row,
html[data-theme="dark"] body .match-section-v6,
html[data-theme="dark"] body .profile-match-card,
html[data-theme="dark"] body .account-card-v47,
html[data-theme="dark"] body .legal-card-v47,
html[data-theme="dark"] body .account-danger-v47,
html[data-theme="dark"] body .public-form-v50,
html[data-theme="dark"] body .contact-direct-v50,
html[data-theme="dark"] body .crest-target-v50,
html[data-theme="dark"] body .prediction-card-v51,
html[data-theme="dark"] body .match-prediction-v51,
html[data-theme="dark"] body .prediction-sidebar-v51,
html[data-theme="dark"] body .prediction-history-row-v51 {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text);
    box-shadow: none;
}

html[data-theme="dark"] body .match-row:hover,
html[data-theme="dark"] body .fixture-row:hover,
html[data-theme="dark"] body .profile-match-row:hover,
html[data-theme="dark"] body .date-tabs button:hover,
html[data-theme="dark"] body .filter-row:hover { background: var(--rm-theme-surface-2); }

html[data-theme="dark"] body .filter-row.is-active,
html[data-theme="dark"] body .date-tabs button.is-active { background: var(--rm-theme-green-soft); color: var(--rm-theme-green); }

html[data-theme="dark"] body .reset-button,
html[data-theme="dark"] body .secondary-action {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface-2);
    color: var(--rm-theme-text);
}

html[data-theme="dark"] body .results-head p,
html[data-theme="dark"] body .match-event-side-v13 small,
html[data-theme="dark"] body .match-lineup-player-v13 span,
html[data-theme="dark"] body .legal-card-v47 p,
html[data-theme="dark"] body .prediction-hero-v51 p,
html[data-theme="dark"] body .prediction-rules-v51 p { color: var(--rm-theme-muted); }

html[data-theme="dark"] body .match-event-side-v13 strong,
html[data-theme="dark"] body .match-event-v13 time,
html[data-theme="dark"] body .match-lineups-v13 summary strong,
html[data-theme="dark"] body .match-lineups-grid-v13 h3,
html[data-theme="dark"] body .match-lineup-player-v13 strong { color: var(--rm-theme-text); }

html[data-theme="dark"] body .match-event-icon-v13,
html[data-theme="dark"] body .prediction-crest-v51 {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface-3);
    color: var(--rm-theme-text);
}

/* Strona główna / radar */
html[data-theme="dark"] body .radar-home-v27,
html[data-theme="dark"] body .home-shell-v27 { background: var(--rm-theme-bg); }
html[data-theme="dark"] body .radar-hero-v27,
html[data-theme="dark"] body .radar-control-v27,
html[data-theme="dark"] body .radar-results-v27,
html[data-theme="dark"] body .radar-filter-panel-v27,
html[data-theme="dark"] body .home-account-inline-v50,
html[data-theme="dark"] body .match-card-v27,
html[data-theme="dark"] body .match-day-v27,
html[data-theme="dark"] body .radar-data-note-v27,
html[data-theme="dark"] body .location-search-panel-v27,
html[data-theme="dark"] body .global-search-panel-v1 {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text);
    box-shadow: none;
}
html[data-theme="dark"] body .radar-hero-v27 h1,
html[data-theme="dark"] body .radar-results-v27 h2,
html[data-theme="dark"] body .match-card-v27 strong { color: var(--rm-theme-text); }
html[data-theme="dark"] body .radar-hero-v27 p,
html[data-theme="dark"] body .match-card-v27 small,
html[data-theme="dark"] body .match-card-v27 .match-meta { color: var(--rm-theme-muted); }
html[data-theme="dark"] body .match-card-v27:hover { border-color: #3a4b43; background: #1b2420; }

/* Profile klubów i drużyn */
html[data-theme="dark"] body .club2-body,
html[data-theme="dark"] body .team23-shell { background: var(--rm-theme-bg); }
html[data-theme="dark"] body .club2-hero,
html[data-theme="dark"] body .club2-card,
html[data-theme="dark"] body .club2-stats article,
html[data-theme="dark"] body .club2-subnav,
html[data-theme="dark"] body .club2-team-card,
html[data-theme="dark"] body .club2-league-card,
html[data-theme="dark"] body .club2-round,
html[data-theme="dark"] body .team23-hero,
html[data-theme="dark"] body .team23-card,
html[data-theme="dark"] body .team23-section,
html[data-theme="dark"] body .team23-highlight,
html[data-theme="dark"] body .team24-section,
html[data-theme="dark"] body .related-squad-card-v50 {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text);
    box-shadow: none;
}
html[data-theme="dark"] body .club2-crest,
html[data-theme="dark"] body .team23-crest,
html[data-theme="dark"] body .club2-next-logo {
    border-color: #36433d;
    background: #f4f6f5;
}
html[data-theme="dark"] body .club2-identity h1,
html[data-theme="dark"] body .club2-section-head h2,
html[data-theme="dark"] body .club2-next-meta strong,
html[data-theme="dark"] body .club2-stats strong,
html[data-theme="dark"] body .club2-match-date strong,
html[data-theme="dark"] body .club2-match-team.is-club,
html[data-theme="dark"] body .club2-team-card strong,
html[data-theme="dark"] body .club2-league-card strong,
html[data-theme="dark"] body .club2-venue-copy h3 a,
html[data-theme="dark"] body .club2-schedule-details > summary strong,
html[data-theme="dark"] body .team23-page,
html[data-theme="dark"] body .team23-identity-copy h1,
html[data-theme="dark"] body .team23-page strong,
html[data-theme="dark"] body .team24-section h2 { color: var(--rm-theme-text); }
html[data-theme="dark"] body .club2-meta,
html[data-theme="dark"] body .club2-form-inline small,
html[data-theme="dark"] body .club2-body .back-link,
html[data-theme="dark"] body .team23-meta,
html[data-theme="dark"] body .team23-form-label,
html[data-theme="dark"] body .team23-page .back-link { color: var(--rm-theme-muted); }
html[data-theme="dark"] body .club2-match-row,
html[data-theme="dark"] body .club2-source-fixture,
html[data-theme="dark"] body .team23-match-row { border-color: var(--rm-theme-border); }
html[data-theme="dark"] body .club2-table td,
html[data-theme="dark"] body .club2-table-wrap { border-color: var(--rm-theme-border); color: var(--rm-theme-text-soft); }
html[data-theme="dark"] body .club2-table tr.is-club td { background: var(--rm-theme-green-soft); color: var(--rm-theme-text); }

/* Konto użytkownika */
html[data-theme="dark"] body .my-radar-v3,
html[data-theme="dark"] body .my-radar-v3__page { background: var(--rm-theme-bg); color: var(--rm-theme-text-soft); }
html[data-theme="dark"] body .my-radar-v3__sidebar,
html[data-theme="dark"] body .my-radar-v3__panel,
html[data-theme="dark"] body .my-radar-v3__card,
html[data-theme="dark"] body .my-radar-v3__welcome,
html[data-theme="dark"] body .my-radar-v3__reporter-history-v67,
html[data-theme="dark"] body .my-radar-v3__newsletter-v696,
html[data-theme="dark"] body .my-radar-v3__danger {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text-soft);
    box-shadow: none;
}
html[data-theme="dark"] body .my-radar-v3__profile-mini,
html[data-theme="dark"] body .my-radar-v3__match,
html[data-theme="dark"] body .my-radar-v3__prediction-list a,
html[data-theme="dark"] body .my-radar-v3__nearby-list a,
html[data-theme="dark"] body .my-radar-v3__results-list a,
html[data-theme="dark"] body .my-radar-v3__notification-list > article { border-color: var(--rm-theme-border); }
html[data-theme="dark"] body .my-radar-v3__menu a,
html[data-theme="dark"] body .my-radar-v3__sidebar-logout button,
html[data-theme="dark"] body .my-radar-v3__match-main strong,
html[data-theme="dark"] body .my-radar-v3__reporter-summary-v67 strong { color: var(--rm-theme-text); }
html[data-theme="dark"] body .my-radar-v3__menu a:hover,
html[data-theme="dark"] body .my-radar-v3__sidebar-logout button:hover { background: var(--rm-theme-surface-2); }

/* Dla klubów, reklama, tour i formularze */
html[data-theme="dark"] body .club-partners-hero-v1,
html[data-theme="dark"] body .club-partners-demo-v1,
html[data-theme="dark"] body .club-partners-benefits-v1 article,
html[data-theme="dark"] body .club-widget-builder-v1,
html[data-theme="dark"] body .club-widget-search-v1,
html[data-theme="dark"] body .club-widget-results-v1,
html[data-theme="dark"] body .club-widget-codes-v1,
html[data-theme="dark"] body .club-widget-steps-v1,
html[data-theme="dark"] body .club-partners-faq-v1 details,
html[data-theme="dark"] body .club-claim-form-wrap-v1,
html[data-theme="dark"] body .club-tools-grid-v1 article,
html[data-theme="dark"] body .football-tour-v1 .tour-planner-v1,
html[data-theme="dark"] body .football-tour-v1 .tour-results-v1,
html[data-theme="dark"] body .football-tour-v1 .tour-loading-v1,
html[data-theme="dark"] body .football-tour-v1 .tour-empty-v1,
html[data-theme="dark"] body .football-tour-v1 .tour-stop-v1,
html[data-theme="dark"] body .tour-route-match-v2,
html[data-theme="dark"] body .tour-mode-v2,
html[data-theme="dark"] body .advertising-placement-grid-v1 article,
html[data-theme="dark"] body .advertising-targeting-v1 li,
html[data-theme="dark"] body .advertising-process-v1 li,
html[data-theme="dark"] body .advertising-contact-v1 {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text);
    box-shadow: none;
}

html[data-theme="dark"] body .club-partners-hero-v1 {
    background: linear-gradient(135deg, #17221c, #151d19 58%, #173124);
}
html[data-theme="dark"] body .club-partners-hero-v1 h1,
html[data-theme="dark"] body .club-partners-benefits-v1 h2,
html[data-theme="dark"] body .club-widget-builder-v1 h2,
html[data-theme="dark"] body .club-partners-demo-v1 footer b,
html[data-theme="dark"] body .advertising-section-head-v1 h2,
html[data-theme="dark"] body .advertising-placement-grid-v1 h3,
html[data-theme="dark"] body .advertising-targeting-v1 h2,
html[data-theme="dark"] body .advertising-targeting-v1 strong,
html[data-theme="dark"] body .advertising-process-v1 strong {
    color: var(--rm-theme-text);
}
html[data-theme="dark"] body .club-partners-hero-v1 p,
html[data-theme="dark"] body .club-partners-hero-proof-v1,
html[data-theme="dark"] body .club-partners-benefits-v1 p,
html[data-theme="dark"] body .club-widget-builder-v1 > header p,
html[data-theme="dark"] body .advertising-section-head-v1 p,
html[data-theme="dark"] body .advertising-placement-grid-v1 p,
html[data-theme="dark"] body .advertising-targeting-v1 p,
html[data-theme="dark"] body .advertising-targeting-v1 small,
html[data-theme="dark"] body .advertising-process-v1 span {
    color: var(--rm-theme-muted);
}
html[data-theme="dark"] body .club-partners-demo-v1 > div,
html[data-theme="dark"] body .club-partners-demo-v1 time {
    border-color: var(--rm-theme-border);
}
html[data-theme="dark"] body .club-partners-demo-v1 > div i,
html[data-theme="dark"] body .advertising-placement-grid-v1 article > span,
html[data-theme="dark"] body .advertising-targeting-v1 li > span,
html[data-theme="dark"] body .advertising-process-v1 li > b {
    background: var(--rm-theme-green-soft);
    color: var(--rm-theme-green);
}
html[data-theme="dark"] body .football-tour-v1 .tour-hero-v1,
html[data-theme="dark"] body .football-tour-v1 .tour-hero-copy-v1 h1 {
    color: var(--rm-theme-text);
}
html[data-theme="dark"] body .football-tour-v1 .tour-hero-copy-v1 > p,
html[data-theme="dark"] body .football-tour-v1 .tour-field-v1 > label,
html[data-theme="dark"] body .football-tour-v1 .tour-field-v1 > legend {
    color: var(--rm-theme-muted);
}
html[data-theme="dark"] body .football-tour-v1 .tour-input-v1,
html[data-theme="dark"] body .football-tour-v1 .tour-radius-v1 > div,
html[data-theme="dark"] body .football-tour-v1 .tour-variants-v1 button,
html[data-theme="dark"] body .football-tour-v1 .tour-summary-v1 {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface-2);
    color: var(--rm-theme-text);
}

/* Dialogi, zgody i mobilna nawigacja */
html[data-theme="dark"] body .mobile-nav-panel,
html[data-theme="dark"] body .privacy-notice-v47,
html[data-theme="dark"] body .privacy-notice-v47__inner,
html[data-theme="dark"] body .rm-favorites-popover-v46,
html[data-theme="dark"] body .global-search-v1,
html[data-theme="dark"] body .location-search-v27,
html[data-theme="dark"] body .support-chat-v1 {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text);
}
html[data-theme="dark"] body .mobile-nav-head,
html[data-theme="dark"] body .mobile-nav-panel > a,
html[data-theme="dark"] body .privacy-settings-v47,
html[data-theme="dark"] body .privacy-settings-v47 label { border-color: var(--rm-theme-border); }
html[data-theme="dark"] body .mobile-nav-head button,
html[data-theme="dark"] body .privacy-settings-v47 label,
html[data-theme="dark"] body .privacy-actions-v47 button,
html[data-theme="dark"] body .privacy-save-v47 button {
    background: var(--rm-theme-surface-2);
    color: var(--rm-theme-text);
}
html[data-theme="dark"] body .privacy-actions-v47 .is-primary,
html[data-theme="dark"] body .privacy-save-v47 button { background: var(--rm-theme-green); color: #07150d; }

/* Mapy pozostają czytelne bez wymiany dostawcy kafelków. */
html[data-theme="dark"] body .leaflet-tile-pane {
    filter: brightness(.72) saturate(.72) contrast(1.12) hue-rotate(5deg);
}
html[data-theme="dark"] body .leaflet-control-zoom a,
html[data-theme="dark"] body .leaflet-control-layers,
html[data-theme="dark"] body .leaflet-popup-content-wrapper,
html[data-theme="dark"] body .leaflet-popup-tip,
html[data-theme="dark"] body .rm-popup .leaflet-popup-tip {
    border-color: var(--rm-theme-border);
    background: var(--rm-theme-surface);
    color: var(--rm-theme-text);
}

@media (max-width: 900px) {
    .topbar .rm-theme-toggle-v1 { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    html,
    body,
    .app-shell,
    .topbar,
    button,
    input,
    select,
    textarea { transition: none; }
}