.barre-courte {
    align-self: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 500px !important;
}


@media (prefers-color-scheme: light) {
  /* On cible absolument tout pour être prioritaire sur Glance */
  html, body, :root, :root[data-scheme="dark"] {
    
    /* 1. La variable magique pour les calculs internes de Glance */
    --scheme: 100% - !important;
    
    /* 2. Tes couleurs du thème clair */
    --bgh: 240 !important;
    --bgs: 13% !important;
    --bgl: 95% !important;
    --cm: 1.3 !important;
    --tsm: 0.5 !important;
    --color-primary: hsl(230.0, 100.0%, 30.0%) !important;
    --color-negative: hsl(0.0, 70.0%, 50.0%) !important;
    
    /* 3. Le correctif natif du navigateur pour les polices et scrollbars */
    color-scheme: light !important;
  }
}