/* ============ Sobres · modo oscuro (css/dark.css) ============
   Se carga al final. Todo va bajo html[data-theme="dark"] (lo pone el JS; aquí NO se usa prefers-color-scheme).
   Paleta cálida, no negro puro: papel #16130f · superficie #221d18 · superficie 2 #2a241e · línea #3a332b
   tinta #f3ece2 · tinta 2 #b7ab9c · acento #ff5e46 (texto #ff7a66) · oro #e9c46a · ok #4cc38a · peligro #ff6b6b
   El escenario del sobre (fondos por tema), el sobre, la carta y las fotos NO se tocan: solo el "chrome". */

/* ---- tokens y base ---- */
html[data-theme="dark"]{
  color-scheme:dark;
  --paper:#16130f;--ink:#f3ece2;--ink-2:#b7ab9c;--hair:#3a332b;--white:#221d18;
  --dk-surface:#221d18;--dk-surface2:#2a241e;--dk-input:#1b1713;--dk-hover:#332c25;--dk-line2:#4a4136;--dk-ph:#8a7f71;
  --dk-accent:#ff5e46;--dk-accent-ink:#ff7a66;--dk-gold:#e9c46a;--dk-ok:#4cc38a;--dk-danger:#ff6b6b;
  --dk-gold-bg:#2b2416;--dk-gold-hair:#5a4a22;--dk-gold-ink:#f1dca2;--dk-danger-bg:#2e1d1b;--dk-danger-hair:#5a2d2a;
  scrollbar-width:thin;scrollbar-color:var(--dk-line2) var(--paper);
}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] ::selection{background:rgba(233,196,106,.28);color:var(--ink)}
html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] textarea:focus-visible,
html[data-theme="dark"] [contenteditable]:focus-visible,html[data-theme="dark"] a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
html[data-theme="dark"] ::placeholder{color:var(--dk-ph);opacity:1}
html[data-theme="dark"] *{scrollbar-color:var(--dk-line2) transparent}
/* chrome general de app.css */
html[data-theme="dark"] .banner{background:var(--dk-surface);border-color:var(--hair)}
html[data-theme="dark"] .chip{background:var(--dk-surface);border-color:var(--hair);color:var(--ink)}
html[data-theme="dark"] .chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html[data-theme="dark"] .toast{background:var(--ink);color:var(--paper);box-shadow:0 12px 34px rgba(0,0,0,.6)}

/* ---- escenario: solo píldoras y botones (el fondo por tema se queda) ---- */
html[data-theme="dark"] .stage:not(.dark) .pill,
html[data-theme="dark"] .stage:not(.dark) .cb:not(.primary):not(.money),
html[data-theme="dark"] .stage:not(.dark) .ghost,
html[data-theme="dark"] .stage:not(.dark) .cardbar .pager{background:rgba(22,19,15,.66);color:var(--ink);box-shadow:0 6px 18px rgba(0,0,0,.3)}
html[data-theme="dark"] .stage:not(.dark) .pill{box-shadow:none}
html[data-theme="dark"] .stage:not(.dark) .pill.dark{background:var(--ink);color:var(--paper)}
html[data-theme="dark"] .stage.dark .pill.dark{background:#fff;color:#1e1917}
html[data-theme="dark"] .stage:not(.dark) .cardbar .pager .cb:not(.primary):not(.money){background:transparent;box-shadow:none}
html[data-theme="dark"] .stage .cb.money{color:#1e1917}
html[data-theme="dark"] .stage:not(.dark) .cb:not(.money):not(.primary){box-shadow:0 6px 18px rgba(0,0,0,.35)}

/* ---- portada (.hm) ---- */
html[data-theme="dark"] .hm{
  --hm-paper:#16130f;--hm-ink:#f3ece2;--hm-ink2:#b7ab9c;--hm-hair:#3a332b;--hm-tint:#2a241e;--hm-accent:#ff5e46;--hm-danger:#ff6b6b;--hm-ok:#4cc38a;
  --hm-gold-bg:#2b2416;--hm-gold-hair:#5a4a22;
}
html[data-theme="dark"] .hm-btn-primary{background:var(--hm-ink);color:var(--hm-paper)}
html[data-theme="dark"] .hm-btn-primary:hover{background:#fff}
html[data-theme="dark"] .hm-btn-ghost{background:var(--dk-surface);border-color:var(--hm-hair);color:var(--hm-ink)}
html[data-theme="dark"] .hm-btn-ghost:hover{border-color:var(--hm-ink)}
html[data-theme="dark"] .hm-btn-danger{background:#b3261e;color:#fff}
html[data-theme="dark"] .hm-btn-danger:hover{background:#951c15}
html[data-theme="dark"] .hm-btn-soon,html[data-theme="dark"] .hm-btn[disabled]{background:var(--hm-tint);color:var(--hm-ink2)}
html[data-theme="dark"] .hm-btn-big{box-shadow:0 18px 36px -18px rgba(0,0,0,.9)}
html[data-theme="dark"] .hm-ico{color:var(--dk-accent-ink)}
html[data-theme="dark"] .hm-hero h1 em{color:var(--dk-accent-ink)}
/* cabecera */
html[data-theme="dark"] .hm-head{background:rgba(22,19,15,.86)}
html[data-theme="dark"] .hm-burger,html[data-theme="dark"] .hm-theme{background:var(--dk-surface);border-color:var(--hm-hair);color:var(--hm-ink)}
html[data-theme="dark"] .hm-theme:hover{background:var(--hm-tint)}
@media (max-width:820px){
  html[data-theme="dark"] .hm-nav{background:var(--dk-surface);border-color:var(--hm-hair);box-shadow:0 22px 44px -26px rgba(0,0,0,.9)}
}
/* tarjetas: eran #fff */
html[data-theme="dark"] .hm-why-card,html[data-theme="dark"] .hm-date-form,html[data-theme="dark"] .hm-date-it,html[data-theme="dark"] .hm-step,
html[data-theme="dark"] .hm-plan,html[data-theme="dark"] .hm-price-ex>div,html[data-theme="dark"] .hm-saved-it,html[data-theme="dark"] .hm-memo-it,
html[data-theme="dark"] .hm-badge,html[data-theme="dark"] .hm-tab,html[data-theme="dark"] .hm-x{background:var(--dk-surface);border-color:var(--hm-hair)}
html[data-theme="dark"] .hm-badge{box-shadow:0 10px 26px -16px rgba(0,0,0,.9)}
html[data-theme="dark"] .hm-plan-main{border-color:var(--hm-ink);box-shadow:0 26px 50px -34px rgba(0,0,0,.9)}
html[data-theme="dark"] .hm-plan-tag,html[data-theme="dark"] .hm-step-n{background:var(--hm-ink);color:var(--hm-paper)}
html[data-theme="dark"] .hm-price-ex>.hm-trust{background:var(--hm-tint);border-color:transparent}
html[data-theme="dark"] .hm-trust .hm-ico,html[data-theme="dark"] .hm-date-it.soon .hm-date-ico{background:var(--dk-surface)}
html[data-theme="dark"] .hm-date-it.soon{background:var(--hm-gold-bg);border-color:var(--hm-gold-hair)}
html[data-theme="dark"] .hm-saved-it.confirm{background:var(--dk-danger-bg);border-color:var(--hm-danger)}
html[data-theme="dark"] .hm-tab{color:var(--hm-ink2)}
html[data-theme="dark"] .hm-tab:hover{border-color:var(--hm-ink);color:var(--hm-ink)}
html[data-theme="dark"] .hm-tab.on{background:var(--hm-ink);color:var(--hm-paper);border-color:var(--hm-ink)}
html[data-theme="dark"] .hm-x{color:var(--hm-ink2)}
html[data-theme="dark"] .hm-x:hover{border-color:var(--hm-danger);color:var(--hm-danger)}
html[data-theme="dark"] .hm-tile .hm-env{box-shadow:0 16px 32px -22px rgba(0,0,0,.9)}
html[data-theme="dark"] .hm-tile:hover .hm-env,html[data-theme="dark"] .hm-tile:focus-visible .hm-env{box-shadow:0 24px 40px -22px rgba(0,0,0,.95)}
html[data-theme="dark"] .hm-shadow{background:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 70%)}
/* formularios */
html[data-theme="dark"] .hm-field input,html[data-theme="dark"] .hm-field select{background-color:var(--dk-input);border-color:var(--dk-line2);color:var(--hm-ink)}
html[data-theme="dark"] .hm-field input:focus,html[data-theme="dark"] .hm-field select:focus{border-color:var(--hm-ink);background-color:var(--dk-surface2)}
html[data-theme="dark"] .hm-field input::placeholder{color:var(--dk-ph)}
html[data-theme="dark"] .hm-drop{background:#1d1915;border-color:var(--dk-line2)}
html[data-theme="dark"] .hm-drop.over{background:var(--dk-surface2);border-color:var(--hm-ink)}
/* cierre "sin ideas" */
html[data-theme="dark"] .hm-sec-ideas{background:#1d1915}
html[data-theme="dark"] .hm-idea,html[data-theme="dark"] .hm-trust-lines li{background:var(--dk-surface2);border-color:rgba(255,255,255,.08)}
/* aviso de cookies */
html[data-theme="dark"] .hm-cookie{background:var(--dk-surface);border-color:var(--hm-hair);color:var(--hm-ink);box-shadow:0 24px 50px -24px rgba(0,0,0,.95)}
/* la bienvenida (.hm-welcome) usa el degradado del tema del sobre: se queda igual */

/* ---- editor (.ed) ---- */
html[data-theme="dark"] .ed{
  --hair:#3a332b;--ink:#f3ece2;--ink2:#b7ab9c;--soft:#2b2520;--soft2:#332c25;--danger:#ff6b6b;
  background:var(--dk-surface);color:var(--ink);box-shadow:0 0 48px rgba(0,0,0,.6);
}
html[data-theme="dark"] .ed-grip::before{background:var(--dk-line2)}
html[data-theme="dark"] .ed-done,html[data-theme="dark"] .ed-btn.primary{background:var(--ink);color:#16130f;border-color:var(--ink)}
html[data-theme="dark"] .ed-done:hover,html[data-theme="dark"] .ed-btn.primary:hover{background:#fff}
html[data-theme="dark"] .ed-tab{color:var(--ink2)}
html[data-theme="dark"] .ed-tab.on{color:var(--ink)}
html[data-theme="dark"] .ed-body,html[data-theme="dark"] .ed-strip{scrollbar-color:var(--dk-line2) transparent}
html[data-theme="dark"] .ed input[type=text]{background:var(--dk-input);border-color:var(--dk-line2);color:var(--ink)}
html[data-theme="dark"] .ed input[type=text]:focus{border-color:var(--ink)}
html[data-theme="dark"] .ed input[type=text]::placeholder{color:var(--dk-ph)}
/* botones y fichas: eran #fff */
html[data-theme="dark"] .ed-btn,html[data-theme="dark"] .ed-theme,html[data-theme="dark"] .ed-emoji,html[data-theme="dark"] .ed-pat,
html[data-theme="dark"] .ed-kind,html[data-theme="dark"] .ed-fmt,html[data-theme="dark"] .ed-item,html[data-theme="dark"] .ed-crow{background:var(--dk-surface2);border-color:var(--hair);color:var(--ink)}
html[data-theme="dark"] .ed-btn:hover,html[data-theme="dark"] .ed-theme:hover,html[data-theme="dark"] .ed-emoji:hover,html[data-theme="dark"] .ed-pat:hover,
html[data-theme="dark"] .ed-fmt:hover,html[data-theme="dark"] .ed-crow-head:hover{background:var(--dk-hover)}
html[data-theme="dark"] .ed-btn.on,html[data-theme="dark"] .ed-theme.on,html[data-theme="dark"] .ed-emoji.on,html[data-theme="dark"] .ed-pat.on,
html[data-theme="dark"] .ed-fmt.on,html[data-theme="dark"] .ed-item.on{background:var(--dk-hover);border-color:var(--ink)}
html[data-theme="dark"] .ed-btn.danger{color:var(--danger);border-color:var(--dk-danger-hair);background:var(--dk-danger-bg)}
html[data-theme="dark"] .ed-btn.danger:hover{background:#3a2422}
html[data-theme="dark"] .ed-btn:disabled{background:var(--dk-surface2)}
html[data-theme="dark"] .ed-trash:hover{background:#3a2321}
html[data-theme="dark"] .ed-stock-it{background-color:var(--dk-surface2);border-color:var(--hair)}
/* interruptor y deslizadores */
html[data-theme="dark"] .ed-switch{background:var(--dk-line2)}
html[data-theme="dark"] .ed-switch::after{background:#e8e0d4}
html[data-theme="dark"] .ed-switchrow[aria-checked="true"] .ed-switch{background:var(--ink)}
html[data-theme="dark"] .ed-switchrow[aria-checked="true"] .ed-switch::after{background:#16130f}
html[data-theme="dark"] .ed-range{--track:#3a332b}
html[data-theme="dark"] .ed-range::-webkit-slider-thumb{background:var(--ink);border-color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.5)}
html[data-theme="dark"] .ed-range::-moz-range-thumb{background:var(--ink);border-color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.5)}
/* segmentos, miniaturas y fichas de color */
html[data-theme="dark"] .ed-seg button{color:var(--ink2)}
html[data-theme="dark"] .ed-seg button.on{background:#3f3730;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.35)}
html[data-theme="dark"] .ed-thumb{border-color:var(--hair);background:linear-gradient(var(--c,#fff),var(--c,#fff)),repeating-conic-gradient(#3a332b 0 25%,#221d18 0 50%) 0 0/12px 12px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
html[data-theme="dark"] .ed-thumb.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
html[data-theme="dark"] .ed-cchip{background:linear-gradient(var(--c,#fff),var(--c,#fff)),repeating-conic-gradient(#3a332b 0 25%,#221d18 0 50%) 0 0/12px 12px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14)}
html[data-theme="dark"] .ed-brush::before,html[data-theme="dark"] .ed-preset::before{box-shadow:0 0 0 1.5px rgba(255,255,255,.14),inset 0 0 0 2px var(--dk-surface)}
html[data-theme="dark"] .ed-brush.on::before,html[data-theme="dark"] .ed-preset.on::before{box-shadow:0 0 0 3px var(--ink),inset 0 0 0 2px var(--dk-surface)}
html[data-theme="dark"] .ed-cpop{background:var(--soft);border-color:var(--hair)}
html[data-theme="dark"] .ed-foot{background:var(--dk-surface);border-color:var(--hair)}
html[data-theme="dark"] .ed-toast{background:var(--ink);color:#16130f}

/* ---- envíos (.ev) ---- */
html[data-theme="dark"] .ev-root.ev-open{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .ev-bar{background:var(--dk-surface);border-color:var(--hair)}
html[data-theme="dark"] .ev-back,html[data-theme="dark"] .ev-btn{background:var(--dk-surface2);border-color:var(--hair);color:var(--ink)}
html[data-theme="dark"] .ev-btn:hover{background:var(--dk-hover)}
html[data-theme="dark"] .ev-wa{background:#25d366;border-color:#25d366;color:#fff}
html[data-theme="dark"] .ev-title,html[data-theme="dark"] .ev-side-title,html[data-theme="dark"] .ev-field>span,html[data-theme="dark"] .ev-sub,
html[data-theme="dark"] .ev-breakdown small,html[data-theme="dark"] .ev-lead,html[data-theme="dark"] .ev-cd span,html[data-theme="dark"] .ev-codebox small,
html[data-theme="dark"] .ev-mine-txt span,html[data-theme="dark"] .ev-link{color:var(--ink-2)}
html[data-theme="dark"] .ev-form,html[data-theme="dark"] .ev-cd div,html[data-theme="dark"] .ev-timeline li,html[data-theme="dark"] .ev-aportes li,
html[data-theme="dark"] .ev-mine-it{background:var(--dk-surface);border-color:var(--hair)}
html[data-theme="dark"] .ev-timeline li{color:var(--ink-2)}
html[data-theme="dark"] .ev-timeline li.on{border-color:var(--dk-ok);color:var(--ink)}
html[data-theme="dark"] .ev-timeline li.on b::before{color:var(--dk-ok)}
html[data-theme="dark"] .ev-field input,html[data-theme="dark"] .ev-linkbox input{background:var(--dk-input);border-color:var(--dk-line2);color:var(--ink)}
html[data-theme="dark"] .ev-field input:focus{border-color:var(--ink)}
html[data-theme="dark"] .ev-seg{background:var(--dk-surface2)}
html[data-theme="dark"] .ev-seg button{color:var(--ink-2)}
html[data-theme="dark"] .ev-seg button.on{background:#3f3730;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.35)}
html[data-theme="dark"] .ev-breakdown{background:var(--dk-surface2)}
html[data-theme="dark"] .ev-breakdown .ev-total{border-color:var(--hair)}
html[data-theme="dark"] .ev-err{background:var(--dk-danger-bg);color:var(--dk-danger)}
html[data-theme="dark"] .ev-pay{background:var(--ink);color:#16130f}
html[data-theme="dark"] .ev-pay .ev-spin{border-color:rgba(0,0,0,.2);border-top-color:#16130f}
html[data-theme="dark"] .ev-spin-dark{border-color:rgba(255,255,255,.18);border-top-color:var(--ink)}
/* el QR se queda blanco para que se pueda escanear */
html[data-theme="dark"] .ev-qr{background:#fff;border-color:var(--hair)}
html[data-theme="dark"] .ev-modal{background:rgba(0,0,0,.7)}
html[data-theme="dark"] .ev-modal-card{background:var(--dk-surface);box-shadow:0 30px 80px rgba(0,0,0,.7)}
html[data-theme="dark"] .ev-codebox,html[data-theme="dark"] .ev-thanks{background:var(--dk-gold-bg);color:var(--dk-gold-ink)}
html[data-theme="dark"] .ev-progress i{background:var(--dk-surface2)}
html[data-theme="dark"] .ev-progress i::after{background:var(--dk-ok)}
html[data-theme="dark"] .ev-badge{background:var(--dk-surface2);color:var(--ink)}
html[data-theme="dark"] .ev-b-prog{background:#1e2c3a;color:#9cc7ff}
html[data-theme="dark"] .ev-b-ent{background:var(--dk-gold-bg);color:var(--dk-gold-ink)}
html[data-theme="dark"] .ev-b-cob{background:#1d3327;color:#8fe0b4}
html[data-theme="dark"] .ev-b-dev{background:var(--dk-danger-bg);color:#ffb3ad}
html[data-theme="dark"] .ev-env{box-shadow:0 24px 50px -24px rgba(0,0,0,.9)}

/* ---- legal (legal.html) ---- */
html[data-theme="dark"]{
  --lg-paper:#16130f;--lg-ink:#f3ece2;--lg-ink2:#b7ab9c;--lg-hair:#3a332b;--lg-tint:#2a241e;--lg-accent:#ff5e46;--lg-accent-ink:#ff7a66;
  --lg-gold-bg:#2b2416;--lg-gold-hair:#5a4a22;--lg-gold-ink:#f1dca2;--lg-mark:#4a3a08;--lg-mark-ink:#ffe08a;
}
html[data-theme="dark"] .lg-head{background:rgba(22,19,15,.88);border-color:var(--lg-hair)}
html[data-theme="dark"] .lg-back,html[data-theme="dark"] .lg-box,html[data-theme="dark"] .lg-table{background:var(--dk-surface);border-color:var(--lg-hair)}
html[data-theme="dark"] .lg-back{color:var(--lg-ink)}
html[data-theme="dark"] .lg-quote{border-left-color:var(--dk-gold)}
html[data-theme="dark"] .ph{border-color:#8a6d1c}
html[data-theme="dark"] .lg-fill{background:var(--dk-gold-bg);border-color:#8a6d1c;color:var(--lg-mark-ink)}
@media (max-width:900px){
  html[data-theme="dark"] .lg-toc a{background:var(--dk-surface);border-color:var(--lg-hair)}
}
@media print{html[data-theme="dark"]{--lg-paper:#fff;--lg-ink:#1e1917;--lg-ink2:#6f655d;--lg-hair:#e6ddd2;--lg-tint:#efe7dd;--lg-gold-bg:#fff7e3;--lg-gold-ink:#3a2a0c;--lg-mark:#fff1a8;--lg-mark-ink:#5a4300;--dk-surface:#fff;--dk-surface2:#f6f2ec;--dk-gold-bg:#fff7e3}
  html[data-theme="dark"] body{background:#fff;color:#1e1917}}

/* ---- media.js: menú contextual y barrita flotante (estilos inyectados, se pisan por especificidad) ---- */
html[data-theme="dark"] .m-menu{background:var(--dk-surface2);color:var(--ink);box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
html[data-theme="dark"] .m-menu.m-sheet::before{background:var(--dk-line2)}
html[data-theme="dark"] .m-menu .m-mi:hover,html[data-theme="dark"] .m-menu .m-mi:focus-visible{background:var(--dk-hover)}
html[data-theme="dark"] .m-menu .m-mi.m-danger{color:var(--dk-danger)}
html[data-theme="dark"] .m-menu .m-sep{background:var(--hair)}
html[data-theme="dark"] .m-menu .m-seg button,html[data-theme="dark"] .m-menu .m-step button{background:var(--dk-surface);border-color:var(--dk-line2);color:var(--ink)}
html[data-theme="dark"] .m-menu .m-seg button.on{background:var(--accent,#c42a44);color:#fff;border-color:transparent}
html[data-theme="dark"] .m-menu .m-chip{border-color:var(--dk-surface2);box-shadow:0 0 0 1px var(--dk-line2)}
html[data-theme="dark"] .m-menu .m-chip.on{box-shadow:0 0 0 2px var(--ink)}
html[data-theme="dark"] .m-bar{background:var(--dk-surface2);color:var(--ink);box-shadow:0 8px 28px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.07)}
html[data-theme="dark"] .m-bar button:hover{background:var(--dk-hover)}
html[data-theme="dark"] .m-bar button.on{box-shadow:inset 0 0 0 2px var(--ink)}
html[data-theme="dark"] .m-bar .m-bchip{background:var(--dk-surface)}
html[data-theme="dark"] .m-bar .m-bdot i{box-shadow:0 0 0 1px var(--dk-line2)}
html[data-theme="dark"] .m-bar .m-bdot.on i{box-shadow:0 0 0 2px var(--dk-surface2),0 0 0 4px var(--ink)}
html[data-theme="dark"] .m-bar .m-bdanger{color:var(--dk-danger)}
html[data-theme="dark"] .m-bar .m-bdanger:hover{background:#3a2321}
/* las manijas (.m-handle) y los scrims (.m-scrim-*) viven sobre la hoja, cuyo color elige el usuario: no se tocan */

/* ---- transición suave al cambiar de modo ----
   Única excepción al alcance html[data-theme="dark"]: se selecciona por presencia del atributo (el script lo pone
   en ambos modos) para que el fundido funcione también al volver a claro, no solo al pasar a oscuro. */
html[data-theme] body,html[data-theme] .hm,html[data-theme] .hm-head,html[data-theme] .hm-sec,
html[data-theme] .hm-why-card,html[data-theme] .hm-step,html[data-theme] .hm-plan,html[data-theme] .hm-idea,
html[data-theme] .hm-price-ex>div,html[data-theme] .hm-saved-it,html[data-theme] .hm-memo-it,html[data-theme] .hm-cookie,
html[data-theme] .hm-tab,html[data-theme] .hm-x,html[data-theme] .hm-theme,html[data-theme] .hm-burger,
html[data-theme] .ed-body,html[data-theme] .ed-head,html[data-theme] .ed-foot,html[data-theme] .ed-tabs,
html[data-theme] .ev-root,html[data-theme] .ev-bar,html[data-theme] .ev-form,html[data-theme] .banner,html[data-theme] .chip,
html[data-theme] .lg-head,html[data-theme] .lg-box,html[data-theme] .lg-table{transition:background-color .25s ease,color .25s ease,border-color .25s ease}
@media (prefers-reduced-motion:reduce){
  html[data-theme] body,html[data-theme] .hm,html[data-theme] .hm *,html[data-theme] .ed *,
  html[data-theme] .ev-root,html[data-theme] .ev-root *,html[data-theme] .banner,html[data-theme] .chip,
  html[data-theme] .lg-head,html[data-theme] .lg-box,html[data-theme] .lg-table{transition-duration:0s}
}