/* Versión oscura (negativo) de la portada. Se activa con ?dark en la URL
   (el script del <head> pone la clase .dark en <html>). Vale para index, es y urdu. */
html.dark {
  --bg: #0b0b0b;
  --fg: rgba(255, 255, 255, .88);
  --muted: rgba(255, 255, 255, .5);
  --line: rgba(255, 255, 255, .16);
  color-scheme: dark;
}
/* logos en negro → blanco */
html.dark .logo, html.dark .vxr { filter: invert(1); }
/* botón en negativo: blanco con texto negro; el reflejo pasa a ser una sombra suave */
html.dark button.start { background: #fff; color: #000; border-color: #fff; }
html.dark button.start:disabled { background: var(--bg); color: var(--muted); border-color: var(--line); }
html.dark button.start:not(:disabled)::after { background: linear-gradient(105deg, transparent 35%, rgba(0, 0, 0, .14) 50%, transparent 65%); }
html.dark .progress i { background: #fff; }html.dark .thumbs img { background: #222; }
html.dark .error { color: #ff8a80; }