/* Écran de chargement de Ruby (0.9.2) — console, Mon compte, connexion.
 * Il s'affiche AVANT tout le reste (aucun JavaScript lourd), seulement quand c'est utile :
 *  · console et connexion : si ce navigateur était connecté la dernière fois (on vérifie la session pendant ce temps) ;
 *  · Mon compte : toujours, jusqu'à ce que tes vraies données soient là.
 * PERSONNALISER : change les variables ci-dessous (couleurs, taille, texte, vitesse, logo). Essai : /ui/chargement/essai.html
 */
:root{
  --rc-fond:#f6f7fb;             /* fond de l'écran */
  --rc-couleur:#2563eb;          /* couleur de l'anneau */
  --rc-piste:rgba(37,99,235,.15);/* partie fixe de l'anneau */
  --rc-texte-couleur:#5b6475;    /* couleur du texte */
  --rc-taille:44px;              /* diamètre de l'anneau */
  --rc-epaisseur:3px;            /* épaisseur de l'anneau */
  --rc-vitesse:.8s;              /* un tour d'anneau */
  --rc-texte:"Chargement…";      /* texte sous l'anneau ("" pour aucun) */
  --rc-police:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --rc-logo:none;                /* ex. url("/ui/logo.svg") : remplace l'anneau par ton logo (qui pulse) */
  --rc-delai:.15s;               /* l'écran n'apparaît qu'après ce délai : rien ne clignote si tout est déjà prêt */
}
/* 0.15.19 : le système n'est suivi que sans choix (data-theme absent = « Système » ou console) ; clair par défaut sinon */
@media (prefers-color-scheme:dark){:root:not([data-theme]){--rc-fond:#0f1218;--rc-texte-couleur:#9aa3b5;--rc-piste:rgba(147,180,255,.18);--rc-couleur:#7aa2ff}}
:root[data-theme="dark"]{--rc-fond:#0f1218;--rc-texte-couleur:#9aa3b5;--rc-piste:rgba(147,180,255,.18);--rc-couleur:#7aa2ff}

html.rc body>*{visibility:hidden!important}
html.rc{overflow:hidden}
html.rc::before{content:var(--rc-texte);position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;
  padding-top:calc(var(--rc-taille) + 36px);background:var(--rc-fond);color:var(--rc-texte-couleur);font:500 14px/1.4 var(--rc-police);letter-spacing:.01em;
  opacity:0;animation:rc-entree .2s ease var(--rc-delai) forwards}
html.rc::after{content:"";position:fixed;z-index:2147483647;left:50%;top:50%;width:var(--rc-taille);height:var(--rc-taille);
  margin:calc(var(--rc-taille) / -2 - 14px) 0 0 calc(var(--rc-taille) / -2);box-sizing:border-box;border-radius:50%;
  border:var(--rc-epaisseur) solid var(--rc-piste);border-top-color:var(--rc-couleur);
  background:var(--rc-logo) center/contain no-repeat;opacity:0;animation:rc-entree .2s ease var(--rc-delai) forwards,rc-tour var(--rc-vitesse) linear infinite}
html.rc.rc-logo::after{border:0;border-radius:0;animation:rc-entree .2s ease var(--rc-delai) forwards,rc-pouls 1.2s ease-in-out infinite}
@keyframes rc-entree{to{opacity:1}}
@keyframes rc-tour{to{transform:rotate(360deg)}}
@keyframes rc-pouls{50%{transform:scale(.88);filter:opacity(.6)}}
@media (prefers-reduced-motion:reduce){html.rc::after{animation:rc-entree .2s ease var(--rc-delai) forwards}}