/* © 2026 MARLITHA — una caro (une seule chair). Tous droits réservés. Reproduction non autorisée. */
/* GÉNÉRÉ par PowerShell\construire-compte.ps1 à partir de Html\mon-compte-v94.html — NE SE MODIFIE PAS À LA MAIN : on change la maquette, puis on relance le script. */
#app-fixe{ --lui:#5E6B49; --elle:#33567E; --nous:#A87B23;
  --or:#E3BC6A; --flamme:#E8A628; --alerte:#A8443B;
  --bil:#A8443B; --san:#C08A2E; --mel:#4A5B84; --fle:#5E7A63;
  
  --soir-deux:#4E7A33; --soir-un:#E07A1F; --soir-rien:#CC2B1D;
  
  --del-fond:rgba(227,188,106,.34);
  
  --ecarlate:#CC2B1D; --del-vif:rgba(204,43,29,.1);
  
  --del-moi:rgba(168,68,59,.14);
  
  --note9:#0E5129; --note7:#44661A; --note5:#6E5408; --note3:#8A4A05; --note0:#7A1F15;
  
  --note-neutre:#4A4336;
  color-scheme:light }
#app-fixe, #app-fixe *{box-sizing:border-box}
#app-fixe{height:100%}
#app-fixe{margin:0;font-family:'Karla','Helvetica Neue',Arial,sans-serif;font-size:13.5px;
  line-height:1.45;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;
  overflow:hidden;background:#0B1017}
#app-fixe h1,#app-fixe h2,#app-fixe h3{font-family:'Marcellus','Times New Roman',serif;font-weight:400;margin:0;text-wrap:balance}
#app-fixe p{margin:0}
#app-fixe svg{display:block}
#app-fixe .app-uc-defs{position:absolute;width:0;height:0;overflow:hidden}
#app-fixe .app-choix{flex:none;display:flex;align-items:center;gap:11px;padding:4px 14px;background:#0B1017;
  color:rgba(240,235,225,.42);font-size:10px;border-bottom:1px solid rgba(240,235,225,.1);flex-wrap:wrap}
#app-fixe .choix-logo{display:flex;align-items:center;gap:9px;flex:none}
#app-fixe .choix-logo svg{width:66px;height:34px}
#app-fixe .choix-logo .nm{font-family:'Marcellus',serif;font-size:13.5px;letter-spacing:.15em;
  line-height:1;color:#EAE1CD;white-space:nowrap}
#app-fixe .app-choix b{color:rgba(240,235,225,.5);font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  font-size:10px;border:1px solid rgba(240,235,225,.14);border-radius:3px;padding:2px 7px}
#app-fixe .app-choix .grp{display:flex;gap:1px;margin-left:auto;background:rgba(255,255,255,.05);
  border:1px solid rgba(240,235,225,.12);border-radius:4px;padding:1px}
#app-fixe .app-choix button{font:inherit;font-size:10px;font-weight:600;border:0;background:none;
  color:rgba(240,235,225,.5);padding:2px 8px;border-radius:3px;cursor:pointer}
#app-fixe .app-choix button:hover{color:#F0EBE1}
#app-fixe .app-choix button[aria-pressed="true"]{background:var(--nous);color:#FFFDF8}
#app-fixe .app{flex:1;min-height:0;display:flex;flex-direction:row;position:relative;overflow:hidden;
  background:var(--tranche);color:var(--encre);padding:16px 0 16px 22px;gap:0}
#app-fixe .scene{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;z-index:2;
  background:var(--fond);border:1px solid var(--bord);border-right:0;
  border-radius:16px 0 0 16px;overflow:hidden;
  box-shadow:-2px 0 6px rgba(31,40,51,.05), -12px 0 36px rgba(31,40,51,.07)}
#app-fixe .app[data-dir="nuit"] .scene{box-shadow:-4px 0 18px rgba(0,0,0,.4), -20px 0 50px rgba(0,0,0,.35)}
#app-fixe .app[data-dir="clarte"]{
  --tranche:#EDE8DD; --fond:#FAF8F3; --surface:#FFFFFF; --surface2:#F4F0E7; --piste:#F2ECE1;
  --sombre:#232B36; --encre:#1F2833; --doux:#6B7280; --bord:rgba(31,40,51,.11); --accent:#A87B23;
  --ombre:0 1px 1px rgba(31,40,51,.035), 0 2px 4px rgba(31,40,51,.04),
    0 8px 14px rgba(31,40,51,.045), 0 18px 34px rgba(31,40,51,.05);
  --haut:inset 0 1px 0 rgba(255,255,255,.95); --r:7px}
#app-fixe .app[data-dir="vitrail"]{
  --tranche:#E6DDCB; --fond:#F2ECE1; --surface:#FBF8F2; --surface2:#F7F2E9; --piste:#EDE4D3;
  --sombre:#232B36; --encre:#1F2833; --doux:#5A6472; --bord:rgba(168,123,35,.4); --accent:#A87B23;
  --ombre:0 2px 3px rgba(168,123,35,.07), 0 10px 24px rgba(168,123,35,.09);
  --haut:inset 0 1px 0 rgba(255,255,255,.7); --r:2px}
#app-fixe .app[data-dir="nuit"]{
  --soir-deux:#7FAF5E; --soir-un:#F0A04B; --soir-rien:#F0594A;
  --del-fond:rgba(227,188,106,.2);
  --ecarlate:#F0594A; --del-vif:rgba(240,89,74,.14); --del-moi:rgba(224,145,134,.2);
  --tranche:#0B1017; --fond:#131A24; --surface:rgba(255,255,255,.05);
  --surface2:rgba(255,255,255,.085); --piste:rgba(255,255,255,.1); --sombre:#0B1017;
  --encre:#F2EEE6; --doux:rgba(242,238,230,.56); --bord:rgba(242,238,230,.13); --accent:var(--or);
  --lui:#A3B089; --elle:#8CB0D8; --alerte:#E09186;
  --bil:#DB8177; --san:#E0B963; --mel:#8CA5D8; --fle:#93B599;
  --note9:#1FB159; --note7:#72AB2C; --note5:#C1940E; --note3:#EA7D08; --note0:#E67B70; --note-neutre:#A59983;
  --ombre:0 1px 1px rgba(0,0,0,.25), 0 3px 8px rgba(0,0,0,.3),
    0 12px 26px rgba(0,0,0,.33), 0 24px 48px rgba(0,0,0,.3);
  --haut:inset 0 1px 0 rgba(255,255,255,.1); --r:10px; color-scheme:dark}
#app-fixe .app[data-dir="nuit"]::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(900px 520px at 20% -12%, rgba(232,166,40,.13), transparent 60%),
             radial-gradient(760px 520px at 86% 112%, rgba(51,86,126,.24), transparent 62%)}
#app-fixe .filigrane{display:none;position:absolute;top:50%;left:50%;width:1000px;height:1000px;
  transform:translate(-50%,-50%);opacity:.055;pointer-events:none}
#app-fixe .app[data-dir="vitrail"] .filigrane{display:block}
#app-fixe .app .app-ecran{display:none}
#app-fixe .app[data-ecran="bord"] .app-ecran[data-nom="bord"]{display:grid}
#app-fixe .app[data-ecran="soirees"] .app-ecran[data-nom="soirees"],#app-fixe .app[data-ecran="temperament"] .app-ecran[data-nom="temperament"],#app-fixe .app[data-ecran="questions"] .app-ecran[data-nom="questions"],#app-fixe .app[data-ecran="asseoir"] .app-ecran[data-nom="asseoir"],#app-fixe .app[data-ecran="reglages"] .app-ecran[data-nom="reglages"],#app-fixe .app[data-ecran="repondre"] .app-ecran[data-nom="repondre"],#app-fixe .app[data-ecran="quotidien"] .app-ecran[data-nom="quotidien"],#app-fixe .app[data-ecran="conseiller"] .app-ecran[data-nom="conseiller"],#app-fixe .app[data-ecran="aide"] .app-ecran[data-nom="aide"],#app-fixe .app[data-ecran="messager"] .app-ecran[data-nom="messager"]{display:grid}
#app-fixe .grille-1,#app-fixe .grille-2{position:relative;z-index:2;flex:1;min-height:0;gap:11px;padding:11px 16px}
#app-fixe .grille-1{grid-template-columns:1fr}
#app-fixe .grille-2{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1.3fr)}
#app-fixe .grille-2 .b-large{grid-column:1/-1}
#app-fixe .app-ecran[data-nom="quotidien"] .cad-g{flex:none}
#app-fixe .app-ecran[data-nom="questions"]{grid-template-rows:none;grid-auto-rows:max-content;
  overflow:auto;scrollbar-width:thin;align-content:start}
#app-fixe .app-ecran[data-nom="questions"] > .bande:not(.b-large){max-height:none}
#app-fixe .app-ecran[data-nom="questions"] > .bande{min-height:0}
#app-fixe #z-cad-couple{grid-template-columns:repeat(3,1fr);flex:none}
#app-fixe .app-ecran[data-nom="questions"] .porte-g{margin-top:7px}
#app-fixe .app-ecran[data-nom="quotidien"] .pts{max-height:min(44vh,430px);flex:none}
#app-fixe .entete{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:14px;
  padding:9px 16px;border-bottom:1px solid var(--bord);background:var(--surface)}
#app-fixe .app[data-dir="nuit"] .entete{background:rgba(255,255,255,.035)}
#app-fixe .titre-ecran{font-family:'Marcellus',serif;font-weight:400;font-size:21px;color:var(--encre);line-height:1.2}
#app-fixe .entete .app-sous{font-size:12.5px;color:var(--doux);padding-left:15px;
  border-left:1px solid var(--bord);line-height:1.3}
#app-fixe .entete .btn{margin-left:auto}
#app-fixe .calendrier{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;flex:1;min-height:0;
  align-content:start;max-width:400px;margin-bottom:10px;overflow:hidden}
#app-fixe .cal.deux{background:var(--lui);color:#fff;border-color:transparent;font-weight:700}
#app-fixe .cal.un{background:var(--accent);opacity:.6;color:#fff;border-color:transparent}
#app-fixe .rep{border-left:3px solid var(--lui);padding:8px 0 8px 12px}
#app-fixe .rep.e{border-left-color:var(--elle)}
#app-fixe .rep p{font-size:13.5px;color:var(--encre);line-height:1.5;margin-top:3px}
#app-fixe .chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;
  flex:1;align-content:center}
#app-fixe .app[data-dir="nuit"] .tp{background:rgba(255,255,255,.04)}
#app-fixe .q-note .legende{text-align:left}
#app-fixe .pentes{flex:1;min-height:90px;max-height:150px;display:flex}
#app-fixe .pentes svg{width:100%;height:100%}
#app-fixe .dt-l{display:grid;grid-template-columns:1fr auto 58px 86px;align-items:center;gap:9px;
  padding:3px 0;border-bottom:1px solid var(--bord);font-size:12.5px}
#app-fixe .dt-l:last-child{border-bottom:0}
#app-fixe .dt-n{font-family:'Marcellus',serif;font-size:13.5px;color:var(--encre);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-fixe .fl{font-size:10px;color:var(--doux)}
#app-fixe .fl.up{color:var(--lui)}
#app-fixe .fl.down{color:var(--alerte)}
#app-fixe .dt-v{text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--doux)}
#app-fixe .dt-e{font-size:11.5px;text-align:right;color:var(--doux);white-space:nowrap}
#app-fixe .dt-e.juste{color:var(--lui);font-weight:700}
#app-fixe .dt-e.loin{color:var(--alerte);font-weight:700}
#app-fixe .q-note .legende{text-align:left;line-height:1.45}
#app-fixe .prochain{display:flex;align-items:flex-start;gap:20px;margin-bottom:14px}
#app-fixe .prochain .jour{flex:none}
#app-fixe .archive{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
#app-fixe .ar{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--bord);font-size:13.5px}
#app-fixe .ar:last-child{border-bottom:0}
#app-fixe .ar-d{font-size:12.5px;color:var(--doux)}
#app-fixe .ar b{font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;color:var(--encre)}
#app-fixe .fil-q{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow:auto}
#app-fixe .qr{border:1px solid var(--bord);border-radius:9px;overflow:hidden}
#app-fixe .qr-q{padding:13px 16px;background:var(--surface2)}
#app-fixe .app[data-dir="nuit"] .qr-q{background:rgba(255,255,255,.05)}
#app-fixe .qr-d{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--doux);font-weight:700}
#app-fixe .qr-q p{font-family:'Marcellus',serif;font-size:15.5px;color:var(--encre);line-height:1.35;margin-top:4px}
#app-fixe .qr-r{padding:13px 16px;border-left:3px solid var(--accent)}
#app-fixe .qr-r p{font-size:12.5px;color:var(--doux);line-height:1.6}
#app-fixe .app-menu{position:relative;z-index:3;flex:none;width:82px;display:flex;flex-direction:column;
  align-items:stretch;gap:10px;padding:2px 0;background:none;border:0}
#app-fixe .rail-logo .nm{font-family:'Marcellus',serif;font-size:11.5px;letter-spacing:.13em;
  line-height:1;color:var(--encre);opacity:.78;white-space:nowrap}
#app-fixe .rail{display:flex;flex-direction:column;gap:3px}
#app-fixe .re{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:11px 4px 9px;margin-right:-1px;text-decoration:none;color:var(--doux);
  border:1px solid transparent;border-right:0;border-radius:12px 0 0 12px;
  transition:background .16s,color .16s,transform .16s}
#app-fixe .re svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
#app-fixe .re span{font-size:10px;letter-spacing:.03em;line-height:1.1;text-align:center;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-fixe .re:hover{background:rgba(255,255,255,.55);color:var(--encre);transform:translateX(2px)}
#app-fixe .app[data-dir="nuit"] .re:hover{background:rgba(255,255,255,.07)}
#app-fixe .re.app-ici{background:var(--fond);color:var(--encre);border-color:var(--bord);z-index:4;
  box-shadow:-2px 0 5px rgba(31,40,51,.05), -9px 0 22px rgba(31,40,51,.06)}
#app-fixe .re.app-ici::after{content:"";position:absolute;top:-1px;bottom:-1px;right:-3px;width:4px;background:var(--fond)}
#app-fixe .re.app-ici svg{stroke:var(--accent)}
#app-fixe .app[data-dir="nuit"] .re.app-ici{box-shadow:-3px 0 12px rgba(0,0,0,.4)}
#app-fixe .app[data-dir="vitrail"] .re.app-ici{border-color:var(--nous)}
#app-fixe .re.ferme{opacity:.5;cursor:pointer}
#app-fixe .re.ferme:hover,#app-fixe .re.ferme:focus-visible{opacity:.9;background:var(--del-fond)}
#app-fixe .re.ferme .cle{position:absolute;top:7px;right:12px;width:7px;height:9px;
  border:1.4px solid var(--accent);border-radius:1.5px;border-top:0}
#app-fixe .re.ferme .cle::before{content:"";position:absolute;left:0;right:0;top:-5px;height:5px;margin:0 1px;
  border:1.4px solid var(--accent);border-bottom:0;border-radius:3px 3px 0 0}
#app-fixe .re[data-option-menu="trouverAide"] span{white-space:normal}
#app-fixe .aide-forme{margin:0;padding:0 0 0 2px;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--encre)}
#app-fixe .rail-sep{flex:none;height:1px;background:var(--bord);margin:8px 14px 5px 7px}
#app-fixe .rail-parcours{margin-top:auto;margin-right:10px;display:flex;flex-direction:column;
  align-items:center;gap:5px;padding:11px 2px;cursor:pointer;
  background:var(--surface);border:1px solid var(--bord);border-radius:12px;
  box-shadow:0 1px 2px rgba(31,40,51,.04), 0 6px 16px rgba(31,40,51,.06);
  transition:transform .16s,box-shadow .16s}
#app-fixe .rail-parcours:hover{transform:translateY(-2px);
  box-shadow:0 2px 4px rgba(31,40,51,.06), 0 10px 24px rgba(31,40,51,.09)}
#app-fixe .app[data-dir="nuit"] .rail-parcours{background:rgba(255,255,255,.06);box-shadow:0 8px 20px rgba(0,0,0,.35)}
#app-fixe .anneau svg{width:38px;height:38px;display:block}
#app-fixe .rp-nom{font-size:10px;letter-spacing:0;line-height:1.2;text-align:center;
  color:var(--doux);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app-fixe .barre{position:relative;z-index:2;flex:none;min-height:54px;display:flex;align-items:center;
  gap:14px;padding:8px 20px;border-bottom:1px solid var(--bord);flex-wrap:wrap}
#app-fixe .app[data-dir="clarte"] .barre{background:var(--surface);box-shadow:0 1px 2px rgba(31,40,51,.04)}
#app-fixe .app[data-dir="vitrail"] .barre{border-bottom:2px solid var(--nous)}
#app-fixe .marque{display:flex;align-items:center;gap:10px}
#app-fixe .marque svg{width:44px;height:auto}
#app-fixe .marque .nm{font-family:'Marcellus',serif;font-size:21px;letter-spacing:.12em;line-height:1}
#app-fixe .ongl a.app-ici{color:var(--encre);font-weight:600;background:var(--surface2);
  box-shadow:inset 0 1px 2px rgba(31,40,51,.07), inset 0 -1px 0 rgba(255,255,255,.6)}
#app-fixe .app[data-dir="nuit"] .ongl a.app-ici{box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
#app-fixe .barre .droite{margin-left:auto;display:flex;align-items:center;gap:10px}
#app-fixe .prix{font-size:11.5px;color:var(--doux);margin-top:-4px;margin-bottom:9px}
#app-fixe .prix b{color:var(--accent);font-weight:700}
#app-fixe .fenetre.large{max-width:560px}
#app-fixe .parcours-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
#app-fixe .pl{display:grid;grid-template-columns:1fr auto;gap:3px 14px;align-items:baseline;
  border:1px solid var(--bord);border-radius:7px;padding:13px 15px}
#app-fixe .pl b{font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;color:var(--encre)}
#app-fixe .pl span:not(.pl-etat):not(.pl-prix){grid-column:1/-1;font-size:12.5px;color:var(--doux);line-height:1.5}
#app-fixe .pl-etat{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--lui);font-weight:700}
#app-fixe .pl-prix{font-family:'Marcellus',serif;font-size:15.5px;color:var(--accent);white-space:nowrap}
#app-fixe .pl .pl-aller{grid-column:2;grid-row:1;align-self:center;justify-self:end;white-space:nowrap}
#app-fixe .pl span:not(.pl-etat):not(.pl-prix):not(.pl-aller){grid-column:1/-1}
#app-fixe .pl.app-ici{border-color:var(--lui);background:var(--surface2)}
#app-fixe .ident{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:14px;
  flex-wrap:wrap;padding:9px 16px;background:var(--surface);border-bottom:1px solid var(--bord);
  box-shadow:0 1px 3px rgba(31,40,51,.04)}
#app-fixe .app[data-dir="nuit"] .ident{background:rgba(255,255,255,.035)}
#app-fixe .deux{display:flex;align-items:center}
#app-fixe .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;
  font-weight:700;font-size:13.5px;color:#fff;border:2px solid var(--surface)}
#app-fixe .av.l{background:var(--lui)}
#app-fixe .av.e{background:var(--elle);margin-left:-10px}
#app-fixe .app[data-dir="nuit"] .av{border-color:#131A24;color:#0B1017}
#app-fixe .nom{margin-left:12px;line-height:1.25}
#app-fixe .nom b{display:block;font-family:'Marcellus',serif;font-size:15.5px}
#app-fixe .nom span{font-size:12.5px;color:var(--doux)}
#app-fixe .faits{display:flex;gap:7px;flex-wrap:wrap;margin-left:26px;align-items:center}
#app-fixe .ident #app-b-dates{margin-left:auto}
#app-fixe .sur-faits{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--accent);margin-right:5px;
  padding-right:12px;border-right:1px solid var(--bord)}
#app-fixe button.fait{cursor:pointer;font:inherit;font-size:12.5px}
#app-fixe button.fait:hover{border-color:var(--accent)}
#app-fixe .btn.app-petit{height:31px;padding:0 14px;font-size:13.5px;box-shadow:none}
#app-fixe .fait{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;background:var(--surface2);
  border:1px solid var(--bord);border-radius:20px;padding:6px 12px;white-space:nowrap;color:var(--encre)}
#app-fixe .fait .pt{width:7px;height:7px;border-radius:50%;flex:none;background:var(--lui)}
#app-fixe .fait.att{border-color:rgba(168,68,59,.42)}
#app-fixe .fait.att .pt{background:var(--alerte)}
#app-fixe .fait b{font-weight:700}
#app-fixe .voile{position:fixed;inset:0;z-index:50;background:rgba(15,20,27,.55);
  display:flex;align-items:center;justify-content:center;padding:20px}
#app-fixe .fenetre{background:#FFFDF8;color:#1F2833;border:1px solid var(--bord);border-radius:9px;
  box-shadow:0 20px 60px rgba(0,0,0,.3);padding:22px 24px;max-width:420px;width:100%}
#app-fixe .app[data-dir="nuit"] .fenetre{background:#222A35;color:#F0EBE1;border-color:rgba(240,235,225,.18)}
#app-fixe .f-tete{display:flex;align-items:center;gap:12px;margin-bottom:8px}
#app-fixe .f-tete h3{font-size:21px}
#app-fixe .f-fermer{margin-left:auto;background:none;border:0;font-size:21px;line-height:1;cursor:pointer;
  color:var(--doux);padding:0 4px}
#app-fixe .f-fermer:hover{color:var(--encre)}
#app-fixe .f-dit{font-size:12.5px;color:var(--doux);line-height:1.5;margin-bottom:14px}
#app-fixe .fenetre .dates{margin-bottom:16px;gap:11px;display:flex;flex-direction:column}
#app-fixe .parcours{perspective:1400px;perspective-origin:50% 40%;
  position:relative;z-index:2;flex:1;min-height:0;display:grid;
  grid-template-columns:repeat(20,1fr);
  grid-template-rows:auto auto minmax(0,1.15fr) minmax(0,1fr);
  gap:11px;padding:11px 16px}
#app-fixe .t-humeur{grid-area:1/1/2/21}
#app-fixe .t-delicat{grid-area:2/1/3/21}
#app-fixe .t-soir{grid-area:3/1/4/5}
#app-fixe .t-ensemble{grid-area:3/5/4/21}
#app-fixe .t-courbes{grid-area:4/1/5/12}
#app-fixe .t-devoir{grid-area:4/12/5/17}
#app-fixe .t-conseil{grid-area:4/17/5/21}
#app-fixe .humeur{display:flex;align-items:center;gap:18px;padding:8px 15px;min-width:0;overflow:hidden;
  background:radial-gradient(150% 230% at 13% -70%, rgba(232,166,40,.17), transparent 62%), var(--surface);
  border:1px solid var(--bord);border-radius:var(--r);box-shadow:var(--ombre), var(--haut);
  animation:app-monte .6s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--retard,0s)}
#app-fixe .app[data-dir="vitrail"] .humeur{border-color:var(--nous)}
#app-fixe .hum-t{flex:none;display:flex;flex-direction:column;gap:1px;
  padding-right:20px;border-right:1px solid var(--bord)}
#app-fixe .hum-t .sur{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent)}
#app-fixe .hum-t h3{font-size:21px;white-space:nowrap}
#app-fixe .hum-l{flex:1;min-width:0;display:flex;gap:24px;flex-wrap:wrap;
  justify-content:space-between;padding-right:26px}
#app-fixe .hu{display:flex;flex-direction:column;gap:2px;min-width:0}
#app-fixe .hu-nom{font-size:12.5px;color:var(--doux);letter-spacing:.02em;white-space:nowrap}
#app-fixe .hu-f{display:flex;gap:5px;align-items:flex-end;margin:2px 0 1px}
#app-fixe .hu-f svg{width:17px;height:32px;flex:none}
#app-fixe .fl .mand{fill:#88423A}
#app-fixe .fl .corps{fill:#E8A628}
#app-fixe .fl .coeur{fill:#FBE08A}
#app-fixe .fl.off .mand{fill:var(--piste)}
#app-fixe .fl.off .corps,#app-fixe .fl.off .coeur{display:none}
#app-fixe .hu-mot{font-family:'Marcellus',serif;font-size:15.5px;color:var(--encre);white-space:nowrap}
#app-fixe .hu.couple{padding-left:30px;border-left:1px solid var(--bord)}
#app-fixe .hu.couple .hu-nom{color:var(--accent);font-weight:700}
#app-fixe .hu.couple .hu-mot{color:var(--accent)}
#app-fixe .hum-fin{flex:none;margin-left:auto;font-size:11.5px;color:var(--doux);text-align:right;line-height:1.4}
#app-fixe .hum-fin b{font-weight:600;color:var(--encre)}
#app-fixe .etape,#app-fixe .bande{background:
    radial-gradient(130% 90% at 50% -20%, rgba(255,255,255,.55), transparent 55%),
    var(--surface);
  border:1px solid var(--bord);border-radius:var(--r);
  box-shadow:var(--ombre), var(--haut);min-width:0;min-height:0;display:flex;flex-direction:column;
  position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;
  transition:transform .32s cubic-bezier(.2,.8,.3,1), box-shadow .32s;
  animation:app-monte .6s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--retard,0s)}
#app-fixe .app[data-dir="nuit"] .etape,#app-fixe .app[data-dir="nuit"] .bande{
  background:radial-gradient(130% 90% at 50% -20%, rgba(255,255,255,.07), transparent 55%), var(--surface)}
@keyframes app-monte{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}#app-fixe .etape::after,#app-fixe .bande::after{content:"";position:absolute;inset:0;pointer-events:none;
  opacity:0;transition:opacity .3s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),
    rgba(232,166,40,.1), transparent 62%)}
#app-fixe .etape:hover::after,#app-fixe .bande:hover::after{opacity:1}
#app-fixe .app[data-dir="nuit"] .etape::after,#app-fixe .app[data-dir="nuit"] .bande::after{
  background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),
    rgba(232,166,40,.16), transparent 62%)}
#app-fixe .etape:hover,#app-fixe .bande:hover{
  transform:translateY(-4px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  box-shadow:0 2px 3px rgba(31,40,51,.05), 0 8px 16px rgba(31,40,51,.07),
             0 22px 38px rgba(31,40,51,.09), 0 44px 76px rgba(31,40,51,.09), var(--haut)}
#app-fixe .app[data-dir="nuit"] .etape:hover,#app-fixe .app[data-dir="nuit"] .bande:hover{
  box-shadow:0 3px 8px rgba(0,0,0,.35), 0 16px 32px rgba(0,0,0,.4),
             0 32px 64px rgba(0,0,0,.36), var(--haut)}
#app-fixe .etape{padding:12px 13px 11px}
#app-fixe .bande{padding:11px 13px}
#app-fixe .app[data-dir="nuit"] .etape,#app-fixe .app[data-dir="nuit"] .bande{
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#app-fixe .tete{flex:none;display:flex;align-items:center;gap:8px;margin-bottom:2px}
#app-fixe .num{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--doux)}
#app-fixe .etat{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10px;
  border:1px solid var(--bord);border-radius:20px;padding:3px 9px;color:var(--doux);white-space:nowrap}
#app-fixe .etat .pt{width:6px;height:6px;border-radius:50%;flex:none;background:var(--doux)}
#app-fixe .etat.app-ok{color:var(--lui);border-color:rgba(94,107,73,.4)}
#app-fixe .etat.app-ok .pt{background:var(--lui)}
#app-fixe .etat.att{color:var(--alerte);border-color:rgba(168,68,59,.42)}
#app-fixe .etat.att .pt{background:var(--alerte)}
#app-fixe .etape h3{font-size:15.5px;line-height:1.15;flex:none;margin-bottom:9px}
#app-fixe .visuel{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:8px}
#app-fixe .dit{flex:none;font-size:11.5px;color:var(--doux);line-height:1.4;margin-top:8px;text-align:center}
#app-fixe .dit b{color:var(--encre)}
#app-fixe .actions{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:9px}
#app-fixe .etape.app-ici{background:var(--surface);border-color:var(--accent);border-width:2px;
  box-shadow:0 1px 2px rgba(168,123,35,.14), 0 6px 16px rgba(168,123,35,.18),
             0 18px 38px rgba(168,123,35,.14)}
#app-fixe .etape.app-ici:hover{transform:translateY(-5px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  box-shadow:0 2px 4px rgba(168,123,35,.18), 0 12px 26px rgba(168,123,35,.24),
             0 30px 60px rgba(168,123,35,.18)}
#app-fixe .etape.app-ici::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--flamme),transparent)}
#app-fixe .etape.app-ici::after{content:"";position:absolute;top:-70px;right:-60px;width:220px;height:220px;
  background:radial-gradient(circle,rgba(232,166,40,.13),transparent 62%);pointer-events:none}
#app-fixe .etape.app-ici > *{position:relative;z-index:1}
#app-fixe .etape.app-ici h3{color:var(--encre)}
#app-fixe .etape.app-ici .num{color:var(--accent)}
#app-fixe .etape.app-ici .etat{color:var(--accent);border-color:rgba(168,123,35,.5)}
#app-fixe .etape.app-ici .etat .pt{background:var(--flamme)}
#app-fixe .lock .visuel,#app-fixe .lock .courbes,#app-fixe .lock .soir-int,#app-fixe .lock .devoir-int,#app-fixe .soir-droite.lock>.miroir,#app-fixe .soir-droite.lock>.leg,#app-fixe .ag-compte.lock>.ag-cpt,#app-fixe .demarche-cumul.lock>.demarche,#app-fixe .lock .aide-forme{opacity:.26;filter:grayscale(1)}
#app-fixe .lock h3,#app-fixe .lock .num,#app-fixe .lock .leg-int,#app-fixe .lock .fin,#app-fixe .lock .sous-courbes{opacity:.55}
#app-fixe .lock .dit{opacity:.55}
#app-fixe .lock::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 30%,var(--voile-lock,var(--surface)) 88%)}
#app-fixe .lock .actions,#app-fixe .lock .tete,#app-fixe .lock .b-tete{position:relative;z-index:2}
#app-fixe .etat.lock{color:var(--accent);border-color:var(--accent)}
#app-fixe .etat.lock .pt{background:var(--accent)}
#app-fixe .appel{position:relative;z-index:2;flex:none;margin-top:10px;text-align:center;
  border-top:1px dashed var(--bord);padding-top:11px}
#app-fixe .appel p{font-size:11.5px;color:var(--doux);line-height:1.4;margin-bottom:9px}
#app-fixe .appel b{color:var(--accent);font-weight:700}
#app-fixe .etape.app-ici{--voile-lock:var(--surface)}
#app-fixe [hidden]{display:none!important}
#app-fixe .btn{display:inline-flex;align-items:center;justify-content:center;height:37px;padding:0 19px;
  width:auto;flex:none;font-family:'Marcellus',serif;font-size:13.5px;letter-spacing:.04em;
  background:linear-gradient(150deg,#C9962F,#A87B23 56%,#8F681B);color:#FFFDF8;
  border:1px solid rgba(255,251,240,.2);border-radius:5px;cursor:pointer;white-space:nowrap;
  box-shadow:0 1px 1px rgba(143,104,27,.25), 0 3px 8px rgba(168,123,35,.3),
    0 8px 18px rgba(168,123,35,.22), inset 0 1px 0 rgba(255,251,240,.35);
  transition:transform .16s,box-shadow .16s,filter .16s}
#app-fixe .btn:hover{transform:translateY(-2px);
  box-shadow:0 2px 2px rgba(143,104,27,.25), 0 6px 14px rgba(168,123,35,.38),
    0 14px 28px rgba(168,123,35,.3), inset 0 1px 0 rgba(255,251,240,.45);
  filter:brightness(1.06)}
#app-fixe .btn:active{transform:translateY(0);
  box-shadow:inset 0 2px 5px rgba(100,72,16,.4)}
#app-fixe .btn:focus-visible{outline:2px solid var(--or);outline-offset:2px}
#app-fixe .btn.creux{background:none;color:var(--encre);border:1px solid var(--bord);box-shadow:none;
  font-size:13.5px;height:33px;padding:0 15px}
#app-fixe .btn.creux:hover{background:var(--surface2);filter:none;box-shadow:none}
#app-fixe .app[data-dir="vitrail"] .btn{border-radius:2px}
#app-fixe .lien{font:inherit;font-size:12.5px;background:none;border:0;cursor:pointer;color:var(--doux);
  padding:0;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
#app-fixe .lien:hover{color:var(--encre)}
#app-fixe .gros{display:flex;align-items:baseline;justify-content:center;gap:7px;flex:none}
#app-fixe .gros b{font-family:'Marcellus',serif;font-weight:400;font-size:30px;line-height:.9;color:var(--accent)}
#app-fixe .gros span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--doux)}
#app-fixe .etape.app-ici .gros b{color:var(--or)}
#app-fixe .barres{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
#app-fixe .bl{display:grid;grid-template-columns:1fr 20px;gap:2px 8px;align-items:center}
#app-fixe .bl .lab{font-size:11.5px;color:var(--doux);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-fixe .bl .val{font-size:11.5px;font-weight:700;text-align:right;color:var(--encre);font-variant-numeric:tabular-nums}
#app-fixe .piste i.e{height:100%;background:none;border-right:2px solid var(--elle)}
#app-fixe .bl.bas .lab{color:var(--alerte);font-weight:700}
#app-fixe .legende{font-size:11.5px;letter-spacing:.06em;color:var(--doux);text-align:center;line-height:1.5}
#app-fixe .gros-seul b{font-size:30px}
#app-fixe .gros-seul span{font-size:11.5px}
#app-fixe .bp.on{background:var(--lui);color:#fff;border-color:transparent}
#app-fixe .bp.off{opacity:.45}
#app-fixe .sem span.on{background:var(--flamme);border-color:transparent;color:#1F2833;font-weight:700}
#app-fixe .heures{display:flex;justify-content:center;gap:18px;text-align:center}
#app-fixe .heures span{display:flex;flex-direction:column;gap:2px}
#app-fixe .heures b{font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;color:var(--accent);letter-spacing:.04em}
#app-fixe .heures i{font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--doux)}
#app-fixe .jour{text-align:center}
#app-fixe .jour .j{font-family:'Marcellus',serif;font-size:30px;line-height:1;color:var(--accent)}
#app-fixe .jour .m{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--doux);margin-top:5px}
#app-fixe .bul .pt{width:6px;height:6px;border-radius:50%;flex:none;background:var(--lui)}
#app-fixe .notes{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));
  gap:7px;align-content:center}
#app-fixe .note{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer;text-align:left;
  background:none;border:1px solid var(--bord);border-radius:7px;padding:6px 8px;
  font:inherit;color:var(--encre);transition:.15s}
#app-fixe .note:hover{background:var(--surface2);border-color:var(--trait-fort,var(--doux))}
#app-fixe .note .n{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  font-family:'Marcellus',serif;font-size:15.5px;color:#FFFDF8;font-variant-numeric:tabular-nums}
#app-fixe .note .t{font-size:11.5px;line-height:1.2;color:var(--doux);min-width:0;overflow:hidden}
#app-fixe .note.vert .n{background:var(--lui)}
#app-fixe .note.ambre .n{background:var(--nous)}
#app-fixe .note.rouge .n{background:var(--alerte)}
#app-fixe .courbes{flex:1;min-height:70px;display:flex;align-items:stretch}
#app-fixe .courbes svg{width:100%;height:100%}
#app-fixe .sous-courbes{flex:none;font-size:12.5px;color:var(--doux);line-height:1.5;margin-top:9px}
#app-fixe .sous-courbes b{color:var(--encre)}
#app-fixe .leg-int{display:flex;gap:14px;font-size:11.5px;color:var(--doux);flex-wrap:wrap}
#app-fixe .leg-int span{display:inline-flex;align-items:center;gap:6px}
#app-fixe .leg-int i{width:14px;height:3px;border-radius:2px;display:inline-block}
#app-fixe .leg-int i.tirets{height:0;border-top:2px dashed var(--elle);border-radius:0;
  position:relative}
#app-fixe .leg-int i.tirets::before{content:"";position:absolute;left:0;top:-2px;width:50%;
  border-top:2px dashed var(--lui)}
#app-fixe .devoir-int{flex:1;min-height:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;overflow-x:hidden;
  justify-content:flex-start;gap:15px;overflow:hidden}
#app-fixe .devoir-int .jour{flex:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;
  padding-right:15px;border-right:1px solid var(--bord)}
#app-fixe .devoir-int .jour .j{font-size:30px}
#app-fixe .devoir-int .jour .m{margin-top:3px}
#app-fixe .devoir-dit{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
#app-fixe .theme{font-family:'Marcellus',serif;font-size:13.5px;color:var(--encre);line-height:1.3}
#app-fixe .theme b{color:var(--accent);font-weight:400}
#app-fixe .devoir-dit .corps{font-size:12.5px;line-height:1.45;color:var(--doux)}
#app-fixe .dev-plus{flex:none;margin-top:7px;padding-top:6px;border-top:1px solid var(--bord);
  font-size:10px;line-height:1.35;color:var(--doux)}
#app-fixe .dev-plus b{color:var(--accent);font-weight:700}
#app-fixe .b-tete{flex:none;display:flex;align-items:baseline;gap:9px;margin-bottom:8px;flex-wrap:wrap}
#app-fixe .b-tete h3{font-size:15.5px;line-height:1.1}
#app-fixe .b-tete .fin{margin-left:auto;font-size:11.5px;color:var(--doux);white-space:nowrap}
#app-fixe .q-liste{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:flex;
  flex-direction:column;justify-content:center;gap:16px}
#app-fixe .q{display:grid;grid-template-columns:148px 1fr 20px;align-items:center;gap:11px;min-width:0}
#app-fixe .q.bas .q-nom{color:var(--alerte);font-weight:700}
#app-fixe .q .piste{grid-column:auto;height:9px}
#app-fixe .soir-int{flex:1;min-height:0;display:flex;align-items:stretch;gap:20px}
#app-fixe .compteur{flex:none;display:flex;flex-direction:column;justify-content:center;gap:5px;
  padding-right:20px;border-right:1px solid var(--bord)}
#app-fixe .compteur .gros{justify-content:flex-start;align-items:baseline}
#app-fixe .compteur .gros b{font-size:30px}
#app-fixe .compteur .gros span{text-align:left;max-width:5.5em;line-height:1.25}
#app-fixe .compteur-dit{font-size:11.5px;color:var(--doux)}
#app-fixe .compteur-dit b{color:var(--encre)}
#app-fixe .soir-droite{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}
#app-fixe .miroir{flex:1;min-height:0;margin-top:auto;display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;
  gap:3px 11px;max-height:124px}
#app-fixe .mir-nom{font-size:11.5px;color:var(--doux);white-space:nowrap;text-align:right;
  align-self:end;line-height:1.1;padding-bottom:1px}
#app-fixe .mir-nom.bas{align-self:start;padding:1px 0 0}
#app-fixe .mir-nom b{color:var(--encre);font-weight:700}
#app-fixe .mir-r{display:flex;flex-direction:row;gap:7px;min-width:0;min-height:0}
#app-fixe .mir-r.app-haut{align-items:flex-end}
#app-fixe .mir-r.bas{align-items:flex-start}
#app-fixe .mir-r span{flex:1;max-width:30px;min-width:0;border-radius:4px 4px 0 0;
  background:var(--soir-rien)}
#app-fixe .mir-r.bas span{border-radius:0 0 4px 4px}
#app-fixe .mir-ec{display:flex;flex-direction:row;gap:7px;min-width:0;height:4px}
#app-fixe .mir-ec span{flex:1;max-width:30px;min-width:0;border-radius:2px}
#app-fixe .mir-ec span.on{background:var(--accent)}
#app-fixe .leg i.dore{background:var(--accent)}
#app-fixe .compteur-dit.ec{color:var(--doux)}
#app-fixe .compteur-dit.ec b{color:var(--encre)}
#app-fixe .leg{flex:none;display:flex;gap:13px;font-size:11.5px;color:var(--doux);margin-top:8px;flex-wrap:wrap}
#app-fixe .leg i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:-1px}
#app-fixe .leg .leg-ec{padding-left:13px;margin-left:1px;border-left:1px solid var(--bord)}
#app-fixe .dates{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:flex;
  flex-direction:column;justify-content:center;gap:9px}
#app-fixe .dt .jj{font-family:'Marcellus',serif;font-size:13.5px;color:var(--accent);min-width:56px}
#app-fixe .reg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;
  flex:1;min-height:0;overflow:auto}
#app-fixe .app-ecran[data-nom="reglages"]{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
#app-fixe .app-ecran[data-nom="temperament"]{grid-template-rows:minmax(0,1fr) minmax(0,.92fr)}
#app-fixe .app-ecran[data-nom="questions"]{grid-template-rows:minmax(0,1fr) minmax(0,.95fr)}
#app-fixe .app-ecran[data-nom="asseoir"]{grid-template-rows:minmax(0,1.3fr) minmax(0,1fr)}
#app-fixe .app-ecran[data-nom="soirees"]{grid-template-rows:minmax(0,1.42fr) minmax(0,1fr)}
#app-fixe .app-ecran[data-nom="soirees"][data-vue-ag="jour"]{
  grid-template-rows:minmax(0,max-content) minmax(0,1fr)}
#app-fixe [data-vue-ag="jour"] .jr-b,#app-fixe [data-vue-ag="jour"] .jrv-d,#app-fixe [data-vue-ag="jour"] .ag-vue{flex:none}
#app-fixe [data-vue-ag="jour"] .ag-cal{flex:none}
#app-fixe .rg{display:grid;grid-template-columns:1fr auto;gap:0 14px;align-items:center;
  border:1px solid var(--bord);border-radius:var(--r);padding:6px 12px;background:var(--surface2)}
#app-fixe .rg b{font-weight:600;font-size:12.5px;color:var(--encre);grid-column:1}
#app-fixe .rg i{grid-column:1;font-style:normal;font-size:11.5px;color:var(--doux);line-height:1.35}
#app-fixe .rg .act{grid-row:1/3;grid-column:2}
#app-fixe .rg.danger b{color:var(--alerte)}
#app-fixe .fiche-t{border-top:4px solid var(--t)}
#app-fixe .ft{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;overflow:hidden}
#app-fixe .ft-dom{display:block;font-family:'Marcellus',serif;font-size:21px;line-height:1.1;color:var(--encre)}
#app-fixe .ft-cle{display:block;font-size:11.5px;color:var(--doux);margin-top:2px}
#app-fixe .ft-desc{font-size:12.5px;line-height:1.45;color:var(--encre)}
#app-fixe .ft-f,#app-fixe .ft-r{font-size:11.5px;line-height:1.4;color:var(--doux)}
#app-fixe .ft-f b{color:var(--lui);font-weight:700}
#app-fixe .ft-r b{color:var(--alerte);font-weight:700}
#app-fixe .jauges{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;margin-top:auto}
#app-fixe .jg{display:grid;grid-template-columns:78px 1fr 34px;align-items:center;gap:9px;font-size:10px;color:var(--doux)}
#app-fixe .jg .p{height:6px;background:var(--piste);border-radius:4px;position:relative;overflow:hidden}
#app-fixe .jg .p i{position:absolute;top:0;bottom:0;left:0;background:var(--c);border-radius:4px}
#app-fixe .jg .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--encre);font-weight:600}
#app-fixe .jg.dom .l{color:var(--encre);font-weight:700}
#app-fixe .renc{background:var(--surface);border-color:var(--accent);border-width:2px;
  box-shadow:0 1px 2px rgba(168,123,35,.12), 0 8px 20px rgba(168,123,35,.14)}
#app-fixe .renc h3{color:var(--encre)}
#app-fixe .renc .fin{color:var(--doux)}
#app-fixe .renc-dit{flex:none;font-size:12.5px;line-height:1.5;color:var(--doux);margin-bottom:10px}
#app-fixe .renc-g{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;
  align-content:start;overflow:hidden}
#app-fixe .rc h4{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--accent);margin:0 0 6px}
#app-fixe .rc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
#app-fixe .rc li{position:relative;padding-left:11px;font-size:11.5px;line-height:1.4;color:var(--encre)}
#app-fixe .rc li::before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;
  border-radius:50%;background:var(--accent);opacity:.8}
#app-fixe .renc-pied{flex:none;margin-top:11px;padding-top:9px;border-top:1px solid var(--bord);
  display:flex;gap:18px;flex-wrap:wrap;align-items:baseline}
#app-fixe .renc-att{flex:1;min-width:220px;font-size:11.5px;line-height:1.45;color:var(--alerte);font-weight:700}
#app-fixe .renc-regle{font-size:11.5px;color:var(--doux);font-style:italic}
#app-fixe .q-vues{margin-left:auto;display:inline-flex;gap:1px;background:var(--piste);
  border:1px solid var(--bord);border-radius:6px;padding:1px;flex:none}
#app-fixe .q-vues button{font:inherit;font-size:11.5px;color:var(--doux);background:none;border:0;
  border-radius:5px;padding:5px 10px;cursor:pointer;white-space:nowrap;
  transition:background .14s,color .14s}
#app-fixe .q-vues button:hover{color:var(--encre)}
#app-fixe .q-vues button[aria-pressed=true]{background:var(--surface);color:var(--encre);font-weight:700;
  box-shadow:0 1px 2px rgba(31,40,51,.08)}
#app-fixe .pa{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;
  background:var(--c);color:#FFFFFF;font-size:11.5px;font-weight:700;white-space:nowrap;
  vertical-align:1px}
#app-fixe .pa .pico{display:inline-flex;flex:none;width:14px;height:14px}
#app-fixe .pa .pico svg{display:block;width:100%;height:100%}
#app-fixe .oc-dit b .pico{display:inline-flex;width:.95em;height:.95em;vertical-align:-.12em;margin-right:6px}
#app-fixe .oc-dit b .pico svg{display:block;width:100%;height:100%}
#app-fixe .oc-tout{flex:none;font-size:11.5px;line-height:1.4;color:var(--doux);margin:2px 0 0}
#app-fixe .aide-l{flex:1 1 100%;order:3;font-size:11.5px;line-height:1.45;color:var(--doux);
  background:var(--surface2);border-radius:6px;padding:8px 11px;margin-top:6px}
#app-fixe .aide-l em{font-style:normal;font-weight:700}
#app-fixe .aide-l em.r{color:var(--alerte)}
#app-fixe .aide-l em.v{color:var(--soir-deux)}
#app-fixe .cad-g{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}
#app-fixe .cad-c{min-width:0;display:flex;flex-direction:column;gap:5px}
#app-fixe .cad-c h4{font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;color:var(--encre);margin:0}
#app-fixe .cad-s2{margin:0;font-size:11.5px;line-height:1.35;color:var(--doux)}
#app-fixe .cad-s{width:100%;height:auto;display:block;overflow:visible;max-width:300px;
  margin:0 auto}
#app-fixe .cad-b{display:flex;justify-content:space-between;margin-top:-6px}
#app-fixe .cad-x{font-size:11.5px;color:var(--doux)}
#app-fixe .cad-l{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:3px}
#app-fixe .cad-l span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--doux)}
#app-fixe .cad-l i{width:9px;height:9px;border-radius:50%;flex:none}
#app-fixe .cad-e{margin:2px 0 0;font-size:11.5px;line-height:1.4;color:var(--doux)}
#app-fixe .cad-e b{font-weight:700}
#app-fixe .porte-g{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
#app-fixe .porte{border:1px solid var(--bord);border-radius:7px;padding:9px 11px;min-width:0;
  border-top-width:3px}
#app-fixe .porte.app-ok{border-top-color:var(--soir-deux)}
#app-fixe .porte.att{border-top-color:var(--alerte)}
#app-fixe .porte h4{font-family:'Karla',sans-serif;font-size:11.5px;font-weight:700;margin:0 0 6px;
  color:var(--encre)}
#app-fixe .porte.app-ok h4{color:var(--soir-deux)}
#app-fixe .porte.att h4{color:var(--alerte)}
#app-fixe .porte ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
#app-fixe .porte li{display:flex;align-items:center;justify-content:space-between;gap:9px;
  font-size:12.5px;color:var(--encre);border-bottom:1px solid var(--bord);padding-bottom:4px}
#app-fixe .porte li:last-child{border-bottom:0;padding-bottom:0}
#app-fixe .qd-fd em.surl{font-style:normal;font-weight:700;color:var(--encre);
  background:var(--del-fond);border-radius:3px;padding:1px 6px}
#app-fixe .qd-b{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;overflow:hidden}
#app-fixe .qd-w em.app-ok{color:var(--soir-deux)}
#app-fixe .qd-w em.ec{color:var(--alerte)}
#app-fixe .qd-suj{margin:0;font-size:13.5px;line-height:1.7;color:var(--encre)}
#app-fixe .qd-fd{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--doux)}
#app-fixe .qd-fd{margin:0;font-size:12.5px;line-height:1.45;color:var(--encre)}
#app-fixe .qd-sy{flex:none;display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:auto 0 0;
  padding-top:9px;border-top:1px solid var(--bord);font-size:11.5px;color:var(--doux)}
#app-fixe .qd-sy > b{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--doux)}
#app-fixe .qd-sy i{font-style:normal;display:inline-flex;align-items:center;gap:5px;color:var(--encre)}
#app-fixe .qd-sy i b{font-family:'Marcellus',serif;font-size:13.5px;color:var(--accent);font-weight:400}
#app-fixe .qd-sy .sy{width:20px;height:20px}
#app-fixe .qd-sy .sy.a-moi{width:17px;height:17px;padding:2px;border-radius:4px}
#app-fixe .qd-g{flex:1;min-height:60px;width:100%;display:block}
#app-fixe .qd-chif{flex:none;display:flex;gap:22px;flex-wrap:wrap}
#app-fixe .qd-chif span{display:flex;align-items:baseline;gap:6px;font-size:11.5px;color:var(--doux)}
#app-fixe .qd-chif b{font-family:'Marcellus',serif;font-size:21px;font-weight:400}
#app-fixe .qia{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:5px;
  overflow:hidden}
#app-fixe .qia-t{margin:0;font-family:'Marcellus',serif;font-size:21px;line-height:1.25;color:var(--encre)}
#app-fixe .qia-d{margin:0;font-size:12.5px;line-height:1.5;color:var(--doux);max-width:76ch}
#app-fixe .pq.app-ici{background:var(--surface2);box-shadow:inset 2px 0 0 var(--accent)}
#app-fixe .compo .cp span s{display:block;text-decoration:none;font-size:10px;line-height:1.3;
  color:var(--doux);margin-top:1px}
#app-fixe .suj-sy .sy{width:20px;height:20px}
#app-fixe .suj-sy .sy.a-moi{width:17px;height:17px;padding:2px;border-radius:4px}
#app-fixe .pts{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow:auto;
  display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
#app-fixe .pq{display:grid;grid-template-columns:3px 40px 32px 1fr auto;align-items:center;gap:12px;
  width:100%;padding:6px 8px 6px 0;border:0;border-bottom:1px solid var(--bord);
  background:none;font:inherit;text-align:left;cursor:pointer;min-width:0;
  transition:background .14s}
#app-fixe .pq:hover{background:var(--surface2)}
#app-fixe .pq-f{align-self:stretch;border-radius:2px;min-height:26px}
#app-fixe .pq-d{text-align:center}
#app-fixe .pq-d b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;line-height:1;
  color:var(--encre)}
#app-fixe .pq-d s{display:block;text-decoration:none;font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--doux);margin-top:2px}
#app-fixe .pq-n{font-family:'Marcellus',serif;font-size:21px;line-height:1;text-align:center;
  font-variant-numeric:tabular-nums}
#app-fixe .pq-t{min-width:0}
#app-fixe .pq-t b{display:block;font-size:12.5px;line-height:1.25;color:var(--encre)}
#app-fixe .pq-t span{display:block;font-size:10px;line-height:1.3;color:var(--doux)}
#app-fixe .pq-sy{display:flex;align-items:center;gap:5px;flex:none}
#app-fixe .pq-sy .sy{width:20px;height:20px}
#app-fixe .pq-sy .sy.a-moi{width:17px;height:17px;padding:2px;border-radius:4px}
#app-fixe .pts-rien{padding:16px 4px;font-size:12.5px;color:var(--doux)}
#app-fixe .pts-leg{flex:none;font-size:10px;line-height:1.4;color:var(--doux);margin:9px 0 0;
  padding-top:9px;border-top:1px solid var(--bord)}
#app-fixe .oc{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;overflow:hidden}
#app-fixe .oc-haut{flex:none;display:flex;align-items:center;gap:15px}
#app-fixe .arc{flex:none;width:90px;height:52px;position:relative}
#app-fixe .arc svg{width:100%;height:100%;overflow:visible}
#app-fixe .arc-n{position:absolute;left:0;right:0;bottom:-3px;text-align:center;
  font-family:'Marcellus',serif;font-size:21px;line-height:1;color:var(--encre)}
#app-fixe .arc-n s{text-decoration:none;font-size:12.5px;color:var(--doux)}
#app-fixe .oc-dit{min-width:0}
#app-fixe .oc-dit b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;
  color:var(--encre);line-height:1.2;margin-bottom:3px}
#app-fixe .oc-dit p{font-size:11.5px;color:var(--doux);line-height:1.4}
#app-fixe .compo{flex:none;display:flex;flex-direction:column;gap:4px}
#app-fixe .cp{display:grid;grid-template-columns:1fr 28px;gap:1px 9px;align-items:center;
  font-size:11.5px;color:var(--doux)}
#app-fixe .cp b{text-align:right;font-family:'Marcellus',serif;font-weight:400;font-size:13.5px;color:var(--encre)}
#app-fixe .cp .p{grid-column:1/-1;height:6px;background:var(--piste);border-radius:3px;position:relative;overflow:hidden}
#app-fixe .cp .p i{position:absolute;top:0;bottom:0;left:0;border-radius:3px;background:var(--c)}
#app-fixe .oc-regle{flex:none;margin-top:auto;padding-top:7px;border-top:1px solid var(--bord);
  font-size:10px;color:var(--doux);line-height:1.45}
#app-fixe .halt{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:flex;
  flex-direction:column;justify-content:center;gap:12px;overflow:hidden}
#app-fixe .ha-t span.juste{color:var(--lui);font-weight:700}
#app-fixe .ha-t span.loin{color:var(--alerte);font-weight:700}
#app-fixe .ha-p i.vrai{background:var(--elle)}
#app-fixe .ha-p i.cru{background:var(--fond);border:2px dashed var(--lui)}
#app-fixe .fam{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:grid;
  grid-template-columns:repeat(2,1fr);gap:0 32px;align-content:space-between;overflow:hidden}
#app-fixe .fa{display:grid;grid-template-columns:1fr auto auto 30px;align-items:center;gap:10px;
  padding:8px 0;border-bottom:1px solid var(--bord);font-size:12.5px}
#app-fixe .fa-ec i s.on{background:var(--ec)}
#app-fixe .fa-n{color:var(--encre);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-fixe .fa-ev.up{color:var(--lui)}
#app-fixe .fa-ev.down{color:var(--alerte)}
#app-fixe .fa.bas .fa-n{color:var(--alerte);font-weight:700}
#app-fixe .fa.bas .fa-v{color:var(--alerte)}
#app-fixe .sujet{flex:none;margin-top:10px;padding-top:9px;border-top:1px solid var(--bord);
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#app-fixe .sujet .lab{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);white-space:nowrap}
#app-fixe .sujet p{font-size:12.5px;color:var(--doux);line-height:1.45;flex:1;min-width:220px}
#app-fixe .sujet b{color:var(--encre);font-weight:700}
#app-fixe .ag{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 288px;
  grid-template-rows:minmax(0,1fr);gap:0}
@media (min-width:1500px){#app-fixe .ag{grid-template-columns:minmax(0,1fr) 34%}
}@media (min-width:1700px){#app-fixe .ag{grid-template-columns:minmax(0,1fr) 36%}
}@media (min-width:1900px){#app-fixe .ag{grid-template-columns:minmax(0,1fr) 38%}
}#app-fixe .ag-cal{min-width:0;min-height:0;display:flex;flex-direction:column}
#app-fixe .ag-cote{min-width:0;min-height:0;display:flex;flex-direction:column;
  margin-left:16px;padding-left:16px;border-left:1px solid var(--bord)}
#app-fixe .ag-barre{flex:none;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
#app-fixe .ag-vues{display:inline-flex;gap:1px;background:var(--piste);border:1px solid var(--bord);
  border-radius:6px;padding:2px}
#app-fixe .ag-vues button{font:inherit;font-size:11.5px;border:0;background:none;color:var(--doux);
  padding:4px 13px;border-radius:4px;cursor:pointer;transition:background .15s,color .15s}
#app-fixe .ag-vues button:hover{color:var(--encre)}
#app-fixe .ag-vues button[aria-pressed="true"]{background:var(--surface);color:var(--encre);font-weight:700;
  box-shadow:0 1px 2px rgba(31,40,51,.1)}
#app-fixe .ag-nav{display:inline-flex;align-items:center;gap:3px}
#app-fixe .ag-fl{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--bord);
  border-radius:6px;background:var(--surface);color:var(--doux);cursor:pointer;padding:0;
  transition:background .15s,color .15s,border-color .15s}
#app-fixe .ag-fl:hover{color:var(--encre);border-color:var(--accent);background:var(--surface2)}
#app-fixe .ag-fl svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
#app-fixe .ag-per{font-family:'Marcellus',serif;font-size:21px;line-height:1;color:var(--encre);
  padding:0 6px;white-space:nowrap}
#app-fixe .ag-ajd{font:inherit;font-size:11.5px;letter-spacing:.04em;border:1px solid var(--bord);
  border-radius:6px;background:var(--surface);color:var(--doux);padding:5px 11px;cursor:pointer;
  transition:color .15s,border-color .15s}
#app-fixe .ag-ajd:hover{color:var(--accent);border-color:var(--accent)}
#app-fixe .ag-rech{margin-left:auto;position:relative;display:inline-flex;align-items:center}
#app-fixe .ag-rech svg{position:absolute;left:9px;width:13px;height:13px;fill:none;stroke:var(--doux);
  stroke-width:1.8;stroke-linecap:round;pointer-events:none}
#app-fixe .ag-rech input{font:inherit;font-size:12.5px;color:var(--encre);width:178px;
  padding:6px 26px 6px 28px;border:1px solid var(--bord);border-radius:6px;
  background:var(--surface);transition:border-color .15s,width .2s}
#app-fixe .ag-rech input::placeholder{color:var(--doux)}
#app-fixe .ag-rech input:focus{outline:0;border-color:var(--accent);width:214px}
#app-fixe .ag-vider{position:absolute;right:5px;width:18px;height:18px;display:none;place-items:center;
  border:0;border-radius:50%;background:var(--piste);color:var(--doux);cursor:pointer;
  font:inherit;font-size:12.5px;line-height:1;padding:0}
#app-fixe .ag-rech.plein .ag-vider{display:grid}
#app-fixe .ag-vue{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#app-fixe .m-tete{flex:none;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
#app-fixe .m-tete span{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--doux);
  text-align:center}
#app-fixe .m-grille{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);
  grid-auto-rows:minmax(0,1fr);gap:4px}
#app-fixe .mj{position:relative;display:flex;flex-direction:column;gap:1px;min-width:0;min-height:0;
  padding:2px 4px 3px;border:1px solid var(--bord);border-radius:7px;background:var(--surface);
  overflow:hidden;text-align:left;font:inherit;cursor:pointer;
  transition:border-color .15s,box-shadow .15s,transform .15s}
#app-fixe .mj:hover{border-color:var(--accent);box-shadow:var(--ombre);transform:translateY(-1px);z-index:2}
#app-fixe .mj.hors{background:none;border-color:transparent;opacity:.4}
#app-fixe .mj.futur{background:none;border-style:dashed}
#app-fixe .mj.ajd{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
#app-fixe .mj-f{position:absolute;left:0;right:0;top:0;height:3px;border-radius:7px 7px 0 0}
#app-fixe .mj-n{flex:none;font-family:'Marcellus',serif;font-size:12.5px;line-height:1.1;color:var(--encre);
  margin-top:2px}
#app-fixe .mj.ajd .mj-n{color:var(--accent);font-weight:700}
#app-fixe .mj-e{display:flex;align-items:center;gap:4px;min-width:0;font-size:10px;line-height:1.2;
  color:var(--encre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app-fixe .mj-e i{flex:none;width:5px;height:5px;border-radius:50%;background:var(--t)}
#app-fixe .mj-p{font-size:10px;color:var(--doux);margin-top:auto}
#app-fixe .sy{pointer-events:all;width:20px;height:20px;flex:none;fill:none;stroke:var(--sc);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;overflow:visible}
#app-fixe .sy.a-moi{border-radius:3px;padding:1px;background:var(--del-moi);box-sizing:content-box;
  width:9.5px;height:9.5px}
#app-fixe .sy.tu{position:relative}
#app-fixe .mj-h{flex:none;display:flex;align-items:center;gap:5px;min-width:0;margin-top:2px}
#app-fixe .mj-h .mj-n{margin-top:0;flex:none}
#app-fixe .mj-sy{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}
#app-fixe .mj-sy .sy{width:30px;height:30px;stroke-width:1.7}
#app-fixe .mj-sy .sy.a-moi{width:27px;height:27px;padding:2px;border-radius:4px}
#app-fixe .mj-sy .sy.q-elle{border-bottom:2px solid var(--elle);padding-bottom:2px}
#app-fixe .mj-sy .mj-ev{width:7px;height:7px}
#app-fixe .mj-sy .mj-plus{flex:none;font-size:10px;line-height:1;color:var(--doux);font-weight:700}
#app-fixe .mj-ev{flex:none;width:5px;height:5px;border-radius:50%;background:var(--t);
  margin-right:1px}
#app-fixe .mj.a-acc{box-shadow:0 0 0 1.5px var(--accent);border-color:var(--accent)}
#app-fixe .s-grille{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
#app-fixe .sj{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--bord);
  border-radius:8px;background:var(--surface);overflow:hidden;cursor:pointer;
  transition:border-color .15s,box-shadow .15s}
#app-fixe .sj:hover{border-color:var(--accent);box-shadow:var(--ombre)}
#app-fixe .sj:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#app-fixe .sj.ajd{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
#app-fixe .sj-t{flex:none;padding:6px 8px 5px;border-bottom:1px solid var(--bord);background:var(--surface2)}
#app-fixe .sj-t b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;line-height:1;
  color:var(--encre)}
#app-fixe .sj.ajd .sj-t b{color:var(--accent)}
#app-fixe .sj-t span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}
#app-fixe .sj-f{flex:none;height:3px}
#app-fixe .sj-c{flex:1;min-height:0;overflow:auto;padding:6px;display:flex;flex-direction:column;gap:5px}
#app-fixe .se{border-left:2.5px solid var(--t);padding:3px 0 3px 7px;min-width:0}
#app-fixe .se b{display:block;font-size:10px;line-height:1.25;color:var(--encre);font-weight:700}
#app-fixe .se span{display:block;font-size:10px;line-height:1.3;color:var(--doux)}
#app-fixe .se.prev{opacity:.5}
#app-fixe .se.prev b{font-weight:400}
#app-fixe .se .sem-l{display:flex;flex-direction:column;gap:2px;margin-top:3px}
#app-fixe .se .sem-i{display:grid;grid-template-columns:auto 1fr;gap:0 5px;min-width:0;
  align-items:start}
#app-fixe .se .sem-i .sy{width:20px;height:20px;stroke-width:1.7;grid-row:1/3;margin-top:1px}
#app-fixe .se .sem-i .sy.a-moi{width:17px;height:17px;padding:2px;border-radius:4px}
#app-fixe .se .sem-i b{font-size:10px;line-height:1.3;font-weight:400;color:var(--encre);
  min-width:0;overflow-wrap:anywhere}
#app-fixe .se .sem-i s{text-decoration:none;font-size:10px;line-height:1.25;color:var(--doux);
  min-width:0;overflow-wrap:anywhere}
#app-fixe .se .sem-i .sy.a-moi{background:var(--del-moi);border-radius:3px;padding:1px;
  box-sizing:content-box}
#app-fixe .sj.a-acc{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
#app-fixe .se .sem-i.a-deux s{color:var(--accent);font-weight:700}
#app-fixe .sj-vide{font-size:10px;color:var(--doux);padding:4px 2px;line-height:1.4}
#app-fixe .a-grille{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,1fr);
  grid-auto-rows:minmax(0,1fr);gap:9px 13px;overflow:hidden}
#app-fixe .am{display:flex;flex-direction:column;min-width:0;min-height:0}
#app-fixe .am-t{flex:none;font-family:'Marcellus',serif;font-size:12.5px;line-height:1;color:var(--encre);
  margin-bottom:4px;display:flex;align-items:baseline;gap:5px}
#app-fixe .am-t s{text-decoration:none;font-family:'Karla',sans-serif;font-size:10px;color:var(--doux)}
#app-fixe .am-g{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);
  grid-template-rows:repeat(6,minmax(0,1fr));gap:1.5px;overflow:hidden}
#app-fixe .ac{position:relative;min-width:0;min-height:0;border-radius:2px;background:var(--piste);
  cursor:pointer;border:0;padding:0;font:inherit;transition:transform .12s}
#app-fixe .ac:hover{transform:scale(1.45);z-index:2;box-shadow:0 0 0 1px var(--accent)}
#app-fixe .ac.vide{background:none;cursor:default;pointer-events:none}
#app-fixe .ac.avant{background:none;box-shadow:inset 0 0 0 1px var(--bord);opacity:.45}
#app-fixe .ac.futur{background:none;box-shadow:inset 0 0 0 1px var(--bord)}
#app-fixe .ac.ajd{box-shadow:0 0 0 1.5px var(--accent)}
#app-fixe .ac em{position:absolute;right:-1px;top:-1px;width:3.5px;height:3.5px;border-radius:50%;
  background:var(--t)}
#app-fixe .ac.a-sy::after{content:"";position:absolute;left:-1px;bottom:-1px;width:3.5px;height:3.5px;
  border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--surface)}
#app-fixe .ac.a-acc{box-shadow:0 0 0 1.5px var(--accent)}
#app-fixe .ac.a-acc.ajd{box-shadow:0 0 0 1.5px var(--accent),0 0 0 3px var(--del-fond)}
#app-fixe .pan{flex:none;position:relative;display:block;width:13px;height:11px;
  background:var(--or);clip-path:polygon(50% 0,100% 100%,0 100%)}
#app-fixe .pan::after{content:"!";position:absolute;left:0;right:0;bottom:-1px;text-align:center;
  font-family:'Karla',sans-serif;font-size:10px;font-weight:700;line-height:1;color:#1C1A15}
#app-fixe .pan.gros{width:21px;height:18px}
#app-fixe .pan.gros::after{font-size:12.5px;bottom:-1px}
#app-fixe .mj.a-del{background:var(--del-fond);border-color:var(--or)}
#app-fixe .mj.a-del.ajd{border-color:var(--accent)}
#app-fixe .mj-d{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--or)}
#app-fixe .mj-d.deb{left:1px;border-radius:0 0 0 6px}
#app-fixe .mj-d.fin{right:1px;border-radius:0 0 6px 0}
#app-fixe .mj .pan{position:absolute;right:4px;top:4px;z-index:1}
#app-fixe .sj-d{flex:none;height:16px;display:flex;align-items:center;justify-content:center;
  background:var(--del-fond);border-bottom:1px solid var(--or)}
#app-fixe .ac.del{box-shadow:inset 0 0 0 1.5px var(--or)}
#app-fixe .ac.del.ajd{box-shadow:inset 0 0 0 1.5px var(--or), 0 0 0 1.5px var(--accent)}
#app-fixe .delicat{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:9px 15px;min-width:0;
  background:var(--del-vif);border:3px solid var(--ecarlate);border-radius:var(--r);
  animation:app-monte .6s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--retard,0s)}
#app-fixe .delicat p{min-width:0;font-size:13.5px;line-height:1.35;color:var(--encre)}
#app-fixe .delicat b{font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;color:var(--encre)}
#app-fixe .delicat i{font-style:normal;color:var(--doux);font-size:12.5px}
#app-fixe .delicat .lien{margin-left:auto;flex:none;color:var(--ecarlate);font-weight:700}
#app-fixe .pan.vif{background:var(--ecarlate)}
#app-fixe .pan.vif::after{color:#FFF8F2}
#app-fixe .del-f{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:9px;
  scrollbar-width:thin}
#app-fixe .del-f label{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--doux);margin-bottom:3px}
#app-fixe .del-f input,#app-fixe .del-f select{font:inherit;font-size:12.5px;width:100%;color:var(--encre);
  background:var(--surface);border:1px solid var(--bord);border-radius:5px;padding:5px 7px}
#app-fixe .del-f input:focus,#app-fixe .del-f select:focus{outline:0;border-color:var(--accent)}
#app-fixe .del-rec{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--encre);
  cursor:pointer}
#app-fixe .del-rec input{width:auto;flex:none;accent-color:var(--accent)}
#app-fixe .del-fin{font-size:10px;line-height:1.45;color:var(--doux);
  border-top:1px solid var(--bord);padding-top:8px}
#app-fixe .del-l{list-style:none;margin:0;padding:0}
#app-fixe .del-i{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;
  padding:6px 0;border-bottom:1px solid var(--bord);min-width:0}
#app-fixe .del-i:last-child{border-bottom:0}
#app-fixe .del-i b{display:block;font-size:11.5px;line-height:1.25;color:var(--encre)}
#app-fixe .del-i s{display:block;text-decoration:none;font-size:10px;color:var(--doux)}
#app-fixe .del-i .lien{font-size:10px}
#app-fixe .del-vide{font-size:10px;line-height:1.45;color:var(--doux)}
#app-fixe .del-b{flex:none;display:flex;gap:6px;margin-top:10px}
#app-fixe .ag-cote .del-b .btn{flex:1 1 0;margin-top:0;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app-fixe .del-b{flex-wrap:wrap}
#app-fixe .av-pas{margin:10px 0 0;padding:9px 12px;border-radius:8px;background:var(--del-fond);
  border-left:3px solid var(--accent);font-size:11.5px;color:var(--encre)}
#app-fixe .ag-cote .del-b .btn{flex:1 1 110px}
#app-fixe .ag-pieds{flex:none;display:flex;flex-direction:column;gap:6px;margin-top:10px}
#app-fixe .ag-cote .ag-pieds .btn{margin-top:0}
#app-fixe .mq-elle .sy{width:20px;height:20px}
#app-fixe .mq-b .sy{width:20px;height:20px}
#app-fixe .mq-oeil{flex:none;width:28px;display:inline-grid;place-items:center;
  border:1px solid var(--bord);border-radius:4px;background:var(--surface);
  color:var(--bord);cursor:pointer;
  transition:border-color .14s,color .14s,background .14s}
#app-fixe .mq-oeil svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round}
#app-fixe .mq-oeil[aria-pressed=true]{border-color:var(--accent);background:var(--accent);
  color:#FFFDF8}
#app-fixe .mq-oeil:disabled{cursor:default;opacity:.4}
#app-fixe .mq-fait.vu{opacity:1}
#app-fixe .ag-res{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:1px}
#app-fixe .ar{display:grid;grid-template-columns:86px 1fr;align-items:baseline;gap:11px;width:100%;
  padding:7px 6px;border:0;border-bottom:1px solid var(--bord);background:none;
  font:inherit;text-align:left;cursor:pointer;transition:background .14s}
#app-fixe .ar:hover{background:var(--surface2)}
#app-fixe .ar-d{font-family:'Marcellus',serif;font-size:12.5px;color:var(--accent);white-space:nowrap}
#app-fixe .ar-t{min-width:0}
#app-fixe .ar-t b{display:block;font-size:12.5px;color:var(--encre);line-height:1.3}
#app-fixe .ar-t span{display:block;font-size:10px;color:var(--doux);line-height:1.35}
#app-fixe .ar-t i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--t);
  margin-right:6px;vertical-align:1px}
#app-fixe .ar-sy{display:inline-block;margin-right:6px;vertical-align:-3px}
#app-fixe .ar-sy .sy{width:20px;height:20px}
#app-fixe .ar-sy .sy.a-moi{width:17px;height:17px;padding:1px;border-radius:3px}
#app-fixe .ag-rien{padding:14px 4px;font-size:12.5px;color:var(--doux);line-height:1.5}
#app-fixe .jr-b{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;
  border:1px solid var(--bord);border-radius:9px;background:var(--surface);
  padding:15px 17px;min-width:0;overflow:hidden}
#app-fixe .jr-b > .jrv-g{flex:none;flex-direction:row;align-items:baseline;flex-wrap:wrap;
  gap:8px 26px;overflow:visible;padding-bottom:10px;border-bottom:1px solid var(--bord)}
#app-fixe .jr-b > .jrv-g > *{flex:none}
#app-fixe .jr-b > .jrv-d{flex:1;min-height:0}
#app-fixe .ag-cote > .ag-suite{flex:0 1 auto}
#app-fixe .jr-b.ajd{border-color:var(--accent)}
#app-fixe .jr-b.a-acc{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
#app-fixe .jrv-g,#app-fixe .jrv-d{min-width:0;min-height:0;display:flex;flex-direction:column;gap:9px;
  overflow:auto;scrollbar-width:thin;white-space:normal}
#app-fixe .jr-t{flex:none;display:flex;align-items:baseline;gap:12px}
#app-fixe .jr-t b{font-family:'Marcellus',serif;font-weight:400;font-size:30px;line-height:1;
  color:var(--accent)}
#app-fixe .jr-t span{font-size:15.5px;color:var(--encre);line-height:1.2}
#app-fixe .jr-t s{display:block;text-decoration:none;font-size:11.5px;color:var(--doux);margin-top:2px}
#app-fixe .jr-l{list-style:none;margin:0;padding:0;flex:none;display:flex;flex-direction:column;gap:3px}
#app-fixe .jr-l li{border-left:2.5px solid var(--t);padding:3px 0 3px 9px;min-width:0}
#app-fixe .jr-l b{display:block;font-size:12.5px;line-height:1.25;color:var(--encre);font-weight:700}
#app-fixe .jr-l span{display:block;font-size:11.5px;line-height:1.3;color:var(--doux)}
#app-fixe .jr-vide{border-left-color:var(--bord)!important;font-size:12.5px;color:var(--doux);
  padding:3px 0 3px 9px}
#app-fixe .jr-elle{flex:none;display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:auto 0 0;
  font-size:11.5px;color:var(--doux);background:var(--surface2);border-radius:5px;padding:8px 10px}
#app-fixe .jr-elle i{font-style:normal;display:inline-flex;align-items:center;gap:5px;color:var(--encre)}
#app-fixe .jr-elle .sy{width:20px;height:20px}
#app-fixe .jr-aide,#app-fixe .jr-fige{flex:none;margin:0;font-size:11.5px;line-height:1.45;border-radius:5px;
  padding:8px 10px}
#app-fixe .jr-aide{color:var(--doux);background:var(--surface2)}
#app-fixe .jr-aide b{color:var(--encre);font-weight:700}
#app-fixe .jr-fige{color:var(--encre);background:var(--del-moi)}
#app-fixe .jr-ti{flex:none;margin:2px 0 0;font-family:'Karla',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.17em;text-transform:uppercase;color:var(--accent)}
#app-fixe .jrv-d{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:6px 16px;
  grid-template-areas:"aide aide" "t1 t2" "c1 c2"}
#app-fixe .jrv-d > .jr-aide,#app-fixe .jrv-d > .jr-fige{grid-area:aide}
#app-fixe .jrv-t1{grid-area:t1;margin:2px 0 0}
#app-fixe .jrv-t2{grid-area:t2;margin:2px 0 0}
#app-fixe .jrv-c1{grid-area:c1}
#app-fixe .jrv-c2{grid-area:c2}
#app-fixe .jrv-d .sy-choix{flex:none;grid-template-columns:1fr;align-content:start;
  max-width:none;margin:0;overflow:visible;gap:4px}
#app-fixe .jrv-d .sy-c{padding:3px 8px;font-size:11.5px;gap:7px;align-items:center}
#app-fixe [data-vue-ag="jour"] .jr-b{padding:12px 14px;gap:14px}
#app-fixe [data-vue-ag="jour"] .jr-aide,#app-fixe [data-vue-ag="jour"] .jr-fige{padding:6px 9px;font-size:11.5px}
#app-fixe .jrv-d .sy-c b{line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip}
#app-fixe .jrv-d .sy-c .sy{width:20px;height:20px}
#app-fixe .jrv-d .sy-cr{min-width:0}
#app-fixe .ag-replier{flex:none;margin-left:auto;width:32px;height:30px;display:inline-grid;place-items:center;
  border:1px solid var(--bord);border-radius:6px;background:var(--surface);color:var(--doux);
  cursor:pointer;transition:border-color .14s,color .14s,background .14s}
#app-fixe .ag-replier:hover{border-color:var(--accent);color:var(--encre)}
#app-fixe .ag-replier svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
#app-fixe .ag-replier[aria-pressed=true]{background:var(--surface2);border-color:var(--accent);
  color:var(--accent)}
#app-fixe .ag-replier[aria-pressed=true] svg{transform:scaleX(-1)}
#app-fixe .ag.replie{grid-template-columns:minmax(0,1fr)}
#app-fixe .ag.replie .ag-cote{display:none}
#app-fixe .ag-cpt{order:1;flex:none;display:flex;align-items:center;gap:8px;margin-top:6px;
  padding-top:6px;border-top:1px solid var(--bord);font-size:10px;color:var(--doux);
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;line-height:1}
#app-fixe .ag-cal.a-cpt .ag-cpt{margin-top:4px;padding-top:4px}
#app-fixe .ag-cpt::-webkit-scrollbar{height:0}
#app-fixe .ag-cpt b{flex:none;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent)}
#app-fixe .ag-cpt .cpt{flex:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
#app-fixe .ag-cpt .cpt .sy{width:20px;height:20px}
#app-fixe .ag-cpt .cpt s{text-decoration:none;font-weight:700;color:var(--encre);font-size:11.5px}
#app-fixe .ag-cpt .cpt-acc{flex:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
  padding:1px 8px;border-radius:999px;background:var(--surface2);color:var(--encre);
  box-shadow:inset 0 0 0 1px var(--accent);font-size:10px}
#app-fixe .ag-cpt .cpt-acc b{color:var(--encre);font-size:10px;letter-spacing:0;text-transform:none}
#app-fixe .ag-cpt .cpt-rien{flex:none;white-space:nowrap}
#app-fixe .ag-cpt-plus{order:1;flex:none;margin:4px 0 0;padding-top:4px;line-height:1;
  border-top:1px solid var(--bord);font-size:10px;color:var(--doux);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app-fixe .ag-cpt-plus b{color:var(--encre);font-weight:700}
#app-fixe .ag-compte{position:relative;order:1;flex:none}
#app-fixe .demarche-cumul{position:relative;flex:none}
#app-fixe .ag-cal.a-cpt .leg-cal{margin-bottom:5px;padding-bottom:5px;gap:12px;font-size:12.5px}
#app-fixe .ag-cal.a-cpt .mj-sy .sy{width:30px;height:30px}
#app-fixe .ag-cal.a-cpt .mj-sy .sy.a-moi{width:17px;height:17px}
@media (min-width:1500px) and (min-height:920px){#app-fixe .ag-cal.a-cpt .mj-sy .sy{width:30px;height:30px}
#app-fixe .ag-cal.a-cpt .mj-sy .sy.a-moi{width:27px;height:27px}
}@media (min-width:1700px) and (min-height:1000px){#app-fixe .ag-cal.a-cpt .mj-sy .sy{width:30px;height:30px}
#app-fixe .ag-cal.a-cpt .mj-sy .sy.a-moi{width:27px;height:27px}
}@media (max-height:899px){#app-fixe .ag-cal.a-cpt .mj-sy .sy{width:20px;height:20px}
#app-fixe .ag-cal.a-cpt .mj-sy .sy.a-moi{width:17px;height:17px}
}@media (max-height:819px){#app-fixe .ag-cal.a-cpt .mj-sy .sy{width:20px;height:20px}
#app-fixe .ag-cal.a-cpt .mj-sy .sy.a-moi{width:17px;height:17px}
}#app-fixe .leg-cal{order:-1;flex:none;display:flex;gap:13px;flex-wrap:wrap;font-size:12.5px;
  color:var(--doux);margin:0 0 9px;padding-bottom:9px;
  border-bottom:1px solid var(--bord)}
#app-fixe .leg-cal span{display:inline-flex;align-items:center;gap:5px}
#app-fixe .leg-cal i{width:16px;height:7px;border-radius:2px;display:block}
#app-fixe .leg-cal i.rond{border-radius:50%;width:9px;height:9px}
#app-fixe .leg-cal b{font-weight:700;color:var(--doux);letter-spacing:.09em;text-transform:uppercase;
  font-size:10px}
#app-fixe .ag-cote h4{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:var(--accent);margin:0 0 8px}
#app-fixe .ag-suite{list-style:none;margin:0;padding:0;flex:1;min-height:0;
  display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}
#app-fixe .as{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:7px 0;
  border-bottom:1px solid var(--bord)}
#app-fixe .as:last-child{border-bottom:0}
#app-fixe .as-d{text-align:center;min-width:34px}
#app-fixe .as-d b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;line-height:1;
  color:var(--accent)}
#app-fixe .as-d s{display:block;text-decoration:none;font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--doux);margin-top:2px}
#app-fixe .as-t{min-width:0}
#app-fixe .as-t b{display:block;font-size:11.5px;line-height:1.3;color:var(--encre)}
#app-fixe .as-t span{display:block;font-size:10px;line-height:1.35;color:var(--doux);margin-top:1px}
#app-fixe .as-t em{font-style:normal;color:var(--t);font-weight:700}
#app-fixe .ag-cote .btn{flex:none;margin-top:10px}
#app-fixe .jours{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:flex;
  flex-direction:column;justify-content:space-between;overflow:hidden}
#app-fixe .jr{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:11px;
  padding:0;border-bottom:1px solid var(--bord)}
#app-fixe .jr:last-child{border-bottom:0}
#app-fixe .jr-d{font-family:'Marcellus',serif;font-size:12.5px;color:var(--accent);white-space:nowrap;line-height:1.15}
#app-fixe .jr-d s{display:block;text-decoration:none;font-family:'Karla',sans-serif;font-size:10px;color:var(--doux)}
#app-fixe .jr-t{min-width:0}
#app-fixe .jr-t b{display:block;font-size:12.5px;color:var(--encre);font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-fixe .jr-t span{font-size:10px;color:var(--doux)}
#app-fixe .jr .lien,#app-fixe .jr .btn{white-space:nowrap}
#app-fixe .rdv{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
#app-fixe .rdv-haut{flex:none;display:flex;align-items:center;gap:16px}
#app-fixe .rdv-haut .jour{flex:none;padding-right:16px;border-right:1px solid var(--bord)}
#app-fixe .rdv-haut .jour .j{font-size:30px}
#app-fixe .rdv-t b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;color:var(--encre)}
#app-fixe .rdv-t span{font-size:11.5px;color:var(--doux);line-height:1.4}
#app-fixe .rdv-cadre{list-style:none;margin:0;padding:0;flex:none;display:flex;flex-direction:column;gap:4px}
#app-fixe .rdv-cadre li{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:baseline;
  font-size:11.5px;color:var(--doux);padding:2px 0;border-bottom:1px solid var(--bord)}
#app-fixe .rdv-cadre li:last-child{border-bottom:0}
#app-fixe .rdv-cadre b{color:var(--encre);font-weight:600}
#app-fixe .rdv .actions{margin-top:auto;align-items:flex-start}
#app-fixe .trame{list-style:none;margin:0;padding:0;flex:1;min-height:0;counter-reset:q;
  display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
#app-fixe .trame-2{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;align-content:space-between}
#app-fixe .tr{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:baseline;
  padding:3px 0;border-bottom:1px solid var(--bord)}
#app-fixe .tr:last-child{border-bottom:0}
#app-fixe .tr::before{counter-increment:q;content:counter(q);font-family:'Marcellus',serif;
  font-size:12.5px;color:var(--accent);line-height:1.3}
#app-fixe .tr b{display:block;font-size:12.5px;color:var(--encre);font-weight:600}
#app-fixe .tr span{font-size:10px;color:var(--doux);line-height:1.3}
#app-fixe .regles{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);
  gap:10px 20px;align-content:start;overflow:hidden}
#app-fixe .rg4 p{font-size:11.5px;line-height:1.4}
#app-fixe .rg4 b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:13.5px;
  color:var(--encre);margin-bottom:3px}
#app-fixe .rg4 p{font-size:11.5px;line-height:1.45;color:var(--doux)}
#app-fixe .rg4 p,#app-fixe .devoir-dit .corps,#app-fixe .ft-desc,#app-fixe .ft-f,#app-fixe .ft-r{
  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
#app-fixe .rg4 p{-webkit-line-clamp:4}
#app-fixe .devoir-dit .corps{-webkit-line-clamp:3}
#app-fixe .ft-desc{-webkit-line-clamp:4}
#app-fixe .ft-f,#app-fixe .ft-r{-webkit-line-clamp:2}
#app-fixe .luc{flex:none;margin-top:9px;padding-top:8px;border-top:1px solid var(--bord);
  display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}
#app-fixe .luc q{flex:1;min-width:260px;font-family:'Marcellus',serif;font-size:12.5px;line-height:1.45;
  color:var(--encre);font-style:italic;quotes:none}
#app-fixe .luc cite{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--accent);font-style:normal;white-space:nowrap}
#app-fixe .jg .v,#app-fixe .cp b,#app-fixe .arc-n,#app-fixe .jour .j,#app-fixe .gros b,#app-fixe .bl .val,#app-fixe .dt-v,#app-fixe .jr-d,#app-fixe .compteur .gros b,#app-fixe .heures b,#app-fixe .note .n,#app-fixe .rp-nom{
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
#app-fixe h1,#app-fixe h2,#app-fixe h3,#app-fixe h4,#app-fixe .ft-dom,#app-fixe .oc-dit b,#app-fixe .rdv-t b,#app-fixe .rg4 b,#app-fixe .theme{hyphens:none}
#app-fixe .fa-n,#app-fixe .jr-t b,#app-fixe .tr b,#app-fixe .hu-nom,#app-fixe .jg .l{hyphens:none}
#app-fixe .rdv-cadre li{grid-template-columns:88px 1fr}
#app-fixe .jr{grid-template-columns:74px 1fr auto}
#app-fixe .ft-desc,#app-fixe .ft-f,#app-fixe .ft-r,#app-fixe .oc-regle,#app-fixe .renc-dit,#app-fixe .rc li,#app-fixe .rg4 p,#app-fixe .tr span,#app-fixe .jr-t span,#app-fixe .sujet p,#app-fixe .oc-dit p{text-wrap:pretty}
#app-fixe .ident{flex-direction:column;align-items:stretch;gap:9px}
#app-fixe .id-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#app-fixe .membres{list-style:none;margin:0;padding:0;display:flex;gap:7px;flex-wrap:wrap;align-items:stretch}
#app-fixe .mb{display:flex;flex-direction:column;gap:1px;padding:5px 12px;border:1px solid var(--bord);
  border-radius:var(--r);background:var(--surface2);cursor:pointer;font:inherit;text-align:left;
  color:var(--encre);transition:border-color .16s,transform .16s,box-shadow .16s;white-space:nowrap}
#app-fixe .mb:hover{border-color:var(--accent);transform:translateY(-1px);
  box-shadow:0 2px 5px rgba(31,40,51,.07)}
#app-fixe .mb b{font-size:12.5px;font-weight:600;line-height:1.15}
#app-fixe .mb span{font-size:10px;color:var(--doux);line-height:1.15;font-variant-numeric:tabular-nums}
#app-fixe .mb.noces{background:none;border-color:var(--accent)}
#app-fixe .mb.noces b{color:var(--accent)}
#app-fixe .mb.plus{justify-content:center;color:var(--doux);background:none;border-style:dashed}
#app-fixe .mb.plus b{font-size:13.5px;font-weight:400;line-height:1}
#app-fixe .id-h .nom{margin-left:12px}
#app-fixe .ident #app-b-dates{margin-left:auto}
#app-fixe .aide{flex:none;width:16px;height:16px;padding:0;margin-left:7px;vertical-align:2px;border-radius:50%;
  border:1px solid var(--bord);background:none;color:var(--doux);
  font:inherit;font-size:10px;font-weight:700;line-height:1;cursor:help;
  display:inline-grid;place-items:center;transition:border-color .16s,color .16s,background .16s}
#app-fixe .aide:hover,#app-fixe .aide:focus-visible{border-color:var(--accent);color:#FFFDF8;background:var(--accent);outline:none}
#app-fixe .bulle{position:fixed;z-index:60;max-width:380px;padding:13px 17px;border-radius:9px;
  background:#FFFDF8;color:#1F2833;border:1.5px solid var(--accent);
  font-size:13.5px;font-weight:400;line-height:1.55;
  text-align:left;box-shadow:0 12px 34px rgba(31,40,51,.26), 0 2px 8px rgba(31,40,51,.14);
  pointer-events:none;opacity:0;transition:opacity .15s}
#app-fixe[data-dir="nuit"] .bulle{background:#2B3440;color:#F0EBE1;
  box-shadow:0 12px 34px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.4)}
#app-fixe .bulle.vue{opacity:1}
#app-fixe .btn.creux:hover{background:var(--surface2);transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(31,40,51,.08)}
#app-fixe .btn.creux:active{transform:translateY(0);box-shadow:none}
#app-fixe .lien{transition:color .15s,text-decoration-color .15s}
#app-fixe .lien:hover{color:var(--encre);text-decoration-color:var(--encre)}
#app-fixe button.fait{transition:border-color .16s,transform .16s,box-shadow .16s}
#app-fixe button.fait:hover{border-color:var(--accent);transform:translateY(-1px);
  box-shadow:0 2px 5px rgba(31,40,51,.07)}
#app-fixe .rg,#app-fixe .jr,#app-fixe .fa{transition:background .15s}
#app-fixe .rg:hover{border-color:var(--accent)}
#app-fixe .jr:hover,#app-fixe .fa:hover{background:var(--surface2)}
#app-fixe .demarche{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:flex;
  flex-direction:column;justify-content:space-between;overflow:hidden}
#app-fixe .dm{display:grid;grid-template-columns:8px 1fr auto;align-items:baseline;gap:11px;
  padding:1px 0;border-bottom:1px solid var(--bord);transition:background .15s}
#app-fixe .dm:last-child{border-bottom:0}
#app-fixe .dm:hover{background:var(--surface2)}
#app-fixe .dm i{width:8px;height:8px;border-radius:50%;background:var(--lui);display:block;align-self:center}
#app-fixe .dm.att i{background:var(--alerte)}
#app-fixe .dm.rien i{background:none;border:1px solid var(--trait-fort,var(--bord));box-shadow:inset 0 0 0 1px var(--bord)}
#app-fixe .dm-n{min-width:0;font-size:12.5px;color:var(--encre);line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-fixe .dm-n s{display:inline;text-decoration:none;font-size:10px;color:var(--doux);margin-left:9px}
#app-fixe .dm-v{font-family:'Marcellus',serif;font-size:15.5px;color:var(--accent);white-space:nowrap;
  font-variant-numeric:tabular-nums;text-align:right}
#app-fixe .dm-v s{display:inline;text-decoration:none;font-family:'Karla',sans-serif;
  font-size:10px;color:var(--doux);letter-spacing:.04em;margin-left:4px}
#app-fixe .pdf{flex:1;min-height:0;display:flex;align-items:center;gap:20px;overflow:hidden}
#app-fixe .pdf-vue{flex:none;position:relative;width:96px;height:124px}
#app-fixe .pdf-vue i{position:absolute;display:block;background:var(--surface);
  border:1px solid var(--bord);border-radius:2px;
  box-shadow:0 2px 5px rgba(31,40,51,.07), 0 8px 20px rgba(31,40,51,.08)}
#app-fixe .pdf-vue i.a{left:0;top:8px;width:74px;height:104px;transform:rotate(-5deg)}
#app-fixe .pdf-vue i.b{right:0;top:2px;width:74px;height:104px;transform:rotate(4deg)}
#app-fixe .pdf-vue i::before{content:"";position:absolute;left:9px;right:9px;top:13px;height:3px;
  border-radius:2px;background:var(--accent);opacity:.65}
#app-fixe .pdf-vue i::after{content:"";position:absolute;left:9px;right:9px;top:24px;bottom:11px;
  background:repeating-linear-gradient(var(--piste) 0 2px, transparent 2px 7px)}
#app-fixe .pdf-dit{min-width:0;display:flex;flex-direction:column;gap:9px;align-items:flex-start}
#app-fixe .pdf-dit p{font-size:12.5px;line-height:1.5;color:var(--doux)}
#app-fixe .pdf-src{font-size:10px;color:var(--doux);opacity:.8;font-style:italic}
#app-fixe .fenetre.peigne{max-width:760px}
#app-fixe .pg-r .ec{position:absolute;top:7px;height:3px;border-radius:2px}
#app-fixe .pg-r b.l{background:#5E6B49}
#app-fixe .pg-r b.e{background:#33567E}
#app-fixe .pg-r .duo{position:absolute;top:1px;width:14px;height:14px;margin-left:-7px;
  border-radius:50%;border:2px solid var(--surface);display:block;
  background:linear-gradient(90deg,#5E6B49 0 50%,#33567E 50% 100%)}
#app-fixe .soir{position:relative;display:flex;flex-direction:column;overflow:hidden}
#app-fixe .soir-tete{flex:none;display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  padding-bottom:11px;border-bottom:1px solid var(--bord)}
#app-fixe .soir-tete .num{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
#app-fixe .soir-tete .qd{font-size:12.5px;color:var(--doux)}
#app-fixe .jalons{margin-left:auto;display:flex;gap:6px;align-items:center}
#app-fixe .jalons i{width:26px;height:4px;border-radius:2px;background:var(--piste);display:block;
  transition:background .25s}
#app-fixe .jalons i.fait{background:var(--lui)}
#app-fixe .jalons i.app-ici{background:var(--accent)}
#app-fixe .pas{flex:1;min-height:0;display:none;flex-direction:column;justify-content:center;
  align-items:center;gap:14px;text-align:center;padding:8px 0}
#app-fixe .soir[data-pas="1"] .pas[data-n="1"],#app-fixe .soir[data-pas="2"] .pas[data-n="2"],#app-fixe .soir[data-pas="3"] .pas[data-n="3"],#app-fixe .soir[data-pas="4"] .pas[data-n="4"],#app-fixe .soir[data-pas="5"] .pas[data-n="5"],#app-fixe .soir[data-pas="6"] .pas[data-n="6"],#app-fixe .soir[data-pas="7"] .pas[data-n="7"],#app-fixe .soir[data-pas="8"] .pas[data-n="8"],#app-fixe .soir[data-pas="9"] .pas[data-n="9"],#app-fixe .soir[data-pas="10"] .pas[data-n="10"],#app-fixe .soir[data-pas="11"] .pas[data-n="11"]{display:flex}
#app-fixe .sy-choix{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;
  width:100%;max-width:820px;margin:0 auto;overflow:auto;scrollbar-width:thin}
#app-fixe .sy-cr{display:flex;gap:6px;min-width:0}
#app-fixe .sy-cr .sy-c{flex:1;min-width:0}
#app-fixe .sy-c{display:flex;align-items:center;gap:9px;padding:9px 11px;min-width:0;
  border:1px solid var(--bord);border-radius:6px;background:var(--surface);
  font:inherit;font-size:12.5px;color:var(--doux);text-align:left;cursor:pointer;
  transition:border-color .14s,background .14s,color .14s}
#app-fixe .sy-c:hover{border-color:var(--accent)}
#app-fixe .sy-c .sy{width:20px;height:20px;flex:none}
#app-fixe .sy-c .sy.a-moi{width:17px;height:17px;padding:2px;border-radius:4px}
#app-fixe .sy-c b{font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-fixe .sy-c[aria-pressed=true]{background:var(--surface2);border-color:var(--accent);color:var(--encre)}
#app-fixe .sy-c[aria-pressed=true] b{font-weight:700}
#app-fixe .sy-c[aria-pressed=true]::after{content:"\2713";flex:none;margin-left:auto;
  width:17px;height:17px;border-radius:50%;background:var(--accent);color:#FFFDF8;
  font-size:10px;font-weight:700;line-height:17px;text-align:center}
#app-fixe .sy-cr .mq-oeil{width:38px;flex:none}
#app-fixe .jalons i.fin1{margin-right:9px;position:relative}
#app-fixe .jalons i.fin1::after{content:"";position:absolute;right:-6px;top:-3px;bottom:-3px;
  width:1px;background:var(--bord)}
#app-fixe .pas-q{font-family:'Marcellus',serif;font-size:30px;line-height:1.25;color:var(--encre);
  max-width:20ch;text-wrap:balance}
#app-fixe .pas-s{font-size:12.5px;color:var(--doux);line-height:1.5;max-width:52ch}
#app-fixe .choisir{display:flex;gap:11px;align-items:flex-end}
#app-fixe .fl-b{background:none;border:0;padding:5px 7px;border-radius:9px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:5px;
  transition:background .15s,transform .15s}
#app-fixe .fl-b:hover{background:var(--surface2);transform:translateY(-2px)}
#app-fixe .fl-b svg{width:27px;height:50px}
#app-fixe .fl-b .mot{font-size:10px;color:var(--doux);white-space:nowrap}
#app-fixe .fl-b[aria-pressed="true"]{background:var(--surface2)}
#app-fixe .fl-b[aria-pressed="true"] .mot{color:var(--encre);font-weight:700}
#app-fixe .choisir[data-hors]{flex-wrap:wrap;justify-content:center;max-width:720px}
#app-fixe .fl-b .app-sous{display:block;font-size:10px;line-height:1.25;color:var(--doux);text-align:center;max-width:120px}
#app-fixe .choisir[data-hors] .nsp-b{border-radius:12px;white-space:normal;text-align:center}
#app-fixe .nsp-b .app-sous{display:block;font-size:10px;font-weight:400;color:var(--doux)}
#app-fixe .nsp-b[aria-pressed=true] .app-sous{color:#FFFDF8}
#app-fixe .ecrire{width:100%;max-width:620px;display:flex;flex-direction:column;gap:7px}
#app-fixe .ecrire textarea{width:100%;min-height:118px;resize:none;font:inherit;font-size:13.5px;
  line-height:1.6;color:var(--encre);background:var(--surface);padding:13px 15px;
  border:1px solid var(--bord);border-radius:var(--r);outline:none}
#app-fixe .ecrire textarea:focus{border-color:var(--accent)}
#app-fixe .ecrire .compte{font-size:10px;color:var(--doux);text-align:right}
#app-fixe .soir-pied{flex:none;display:flex;align-items:center;gap:13px;padding-top:11px;
  border-top:1px solid var(--bord)}
#app-fixe .soir-pied .btn{margin-left:auto}
#app-fixe .soir-sceau{font-size:11.5px;color:var(--doux);line-height:1.4;max-width:46ch}
#app-fixe .scelle{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}
#app-fixe .scelle .cad{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:var(--surface2);border:1px solid var(--bord)}
#app-fixe .scelle .cad svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}
#app-fixe .scelle h3{font-size:21px}
#app-fixe .scelle p{font-size:12.5px;color:var(--doux);line-height:1.55;max-width:50ch}
#app-fixe .be{display:none;position:relative;z-index:2;flex:none;align-items:center;gap:14px;
  flex-wrap:wrap;padding:7px 16px;border-bottom:1px solid var(--bord)}
#app-fixe .app[data-etat="seul"] .be[data-e="seul"],#app-fixe .app[data-etat="invite"] .be[data-e="invite"],#app-fixe .app[data-etat="depanner"] .be[data-e="depanner"],#app-fixe .app[data-etat="suppression"] .be[data-e="suppression"]{display:flex}
#app-fixe .be-i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
#app-fixe .be-i svg{width:18px;height:18px;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
#app-fixe .be-t{flex:1;min-width:240px}
#app-fixe .be-t b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:13.5px;
  color:var(--encre);line-height:1.2}
#app-fixe .be-t span{font-size:11.5px;color:var(--doux);line-height:1.4}
#app-fixe .be-a{flex:none;display:flex;align-items:center;gap:11px;flex-wrap:wrap}
#app-fixe .app:not([data-etat="deux"]) .parcours{gap:9px;padding:9px 16px}
#app-fixe .app:not([data-etat="deux"]) .etape{padding:9px 12px 8px}
#app-fixe .app:not([data-etat="deux"]) .tete{margin-bottom:0}
#app-fixe .app:not([data-etat="deux"]) .bande{padding:9px 12px}
#app-fixe .app:not([data-etat="deux"]) .etape h3{font-size:15.5px;margin-bottom:6px}
#app-fixe .app:not([data-etat="deux"]) .visuel{gap:6px}
#app-fixe .app:not([data-etat="deux"]) .sem span{height:24px}
#app-fixe .app:not([data-etat="deux"]) .heures{gap:15px}
#app-fixe .app:not([data-etat="deux"]) .heures b{font-size:13.5px}
#app-fixe .app:not([data-etat="deux"]) .dit{margin-top:6px;font-size:11.5px}
#app-fixe .app:not([data-etat="deux"]) .actions{margin-top:7px;gap:4px}
#app-fixe .app:not([data-etat="deux"]) .devoir-int{gap:12px}
#app-fixe .app:not([data-etat="deux"]) .devoir-int .jour{padding-right:12px}
#app-fixe .app:not([data-etat="deux"]) .devoir-int .jour .j{font-size:21px}
#app-fixe .app:not([data-etat="deux"]) .devoir-dit{gap:4px}
#app-fixe .app:not([data-etat="deux"]) .devoir-dit .corps{font-size:11.5px;line-height:1.4}
#app-fixe .app:not([data-etat="deux"]) .devoir-int .jour .m{margin-top:2px;font-size:10px}
#app-fixe .app:not([data-etat="deux"]) .theme{font-size:12.5px;line-height:1.25}
#app-fixe .be.att{background:rgba(168,123,35,.07)}
#app-fixe .be.att .be-i{background:rgba(168,123,35,.15)}
#app-fixe .be.att .be-i svg{stroke:var(--accent)}
#app-fixe .be.dan{background:rgba(168,68,59,.08)}
#app-fixe .be.dan .be-i{background:rgba(168,68,59,.16)}
#app-fixe .be.dan .be-i svg{stroke:var(--alerte)}
#app-fixe .be.dan .be-t b{color:var(--alerte)}
#app-fixe .app[data-etat="seul"] .av.e,#app-fixe .app[data-etat="invite"] .av.e{background:none;border:2px dashed var(--trait-fort,var(--bord));
  color:var(--doux)}
#app-fixe .app[data-etat="seul"] .hu:nth-child(2),#app-fixe .app[data-etat="seul"] .hu.couple{opacity:.3}
#app-fixe .app[data-etat="seul"] .membres,#app-fixe .app[data-etat="seul"] .faits{opacity:.45}
#app-fixe .app-pied{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:9px;
  padding:7px 16px;border-top:1px solid var(--bord);flex-wrap:wrap}
#app-fixe .app[data-dir="clarte"] .app-pied{background:var(--surface)}
#app-fixe .app[data-dir="nuit"] .app-pied{background:rgba(255,255,255,.03)}
#app-fixe .app[data-dir="vitrail"] .app-pied{border-top:2px solid var(--nous)}
#app-fixe .app-pied .ttl{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent);margin-right:4px}
#app-fixe .app-pied .lien,#app-fixe .app-pied a{font-size:12.5px;color:var(--doux);text-decoration:none;white-space:nowrap}
#app-fixe .app-pied .lien:hover,#app-fixe .app-pied a:hover{color:var(--encre);text-decoration:underline;
  text-decoration-color:var(--accent);text-underline-offset:3px}
#app-fixe .app-pied .app-sep{color:var(--bord)}
#app-fixe .app-pied .droite{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#app-fixe .app-pied .danger{color:var(--alerte)}
@media (max-width:1380.98px){#app-fixe .parcours{gap:11px;padding:11px 13px}
#app-fixe .etape{padding:13px 12px}
#app-fixe .etape h3{font-size:15.5px;margin-bottom:7px}
#app-fixe .visuel{gap:6px}
#app-fixe .devoir-int{gap:12px}
#app-fixe .devoir-int .jour{padding-right:12px}
#app-fixe .devoir-int .jour .j{font-size:21px}
#app-fixe .devoir-dit{gap:4px}
#app-fixe .theme{font-size:12.5px}
#app-fixe .heures{gap:15px}
#app-fixe .heures b{font-size:13.5px}
#app-fixe .dit{margin-top:6px}
#app-fixe .actions{margin-top:7px}
#app-fixe .regles{gap:6px 16px}
#app-fixe .rg4 b{font-size:12.5px;margin-bottom:2px}
#app-fixe .rg4 p{-webkit-line-clamp:3;line-height:1.36}
#app-fixe .luc{margin-top:6px;padding-top:5px}
#app-fixe .luc q{font-size:11.5px;min-width:200px}
#app-fixe .app:not([data-etat="deux"]) .etape h3{font-size:15.5px;margin-bottom:6px}
#app-fixe .app:not([data-etat="deux"]) .visuel{gap:5px}
#app-fixe .app:not([data-etat="deux"]) .sem span{height:20px}
#app-fixe .app:not([data-etat="deux"]) .heures i{font-size:10px}
#app-fixe .app:not([data-etat="deux"]) .heures{gap:13px}
#app-fixe .app:not([data-etat="deux"]) .heures b{font-size:13.5px}
#app-fixe .app:not([data-etat="deux"]) .dit{margin-top:5px}
#app-fixe .app:not([data-etat="deux"]) .actions{margin-top:6px}
#app-fixe .fa{padding:6px 0}
#app-fixe .dm{padding:0}
#app-fixe .dm-n{font-size:11.5px}
#app-fixe .dm-v{font-size:13.5px}
}@media (max-width:1180.98px){#app-fixe .app{flex-direction:column}
#app-fixe .app{padding:0;background:var(--fond)}
#app-fixe .scene{border:0;border-radius:0;box-shadow:none}
#app-fixe .app-menu{width:auto;flex-direction:row;align-items:center;gap:8px;
    background:var(--surface);border-bottom:1px solid var(--bord);padding:8px 12px}
#app-fixe .rail-logo .nm{display:block;font-size:13.5px;letter-spacing:.15em}
#app-fixe .rail{flex-direction:row;flex:1;gap:2px;overflow-x:auto;
    scrollbar-width:none;-ms-overflow-style:none}
#app-fixe .rail::-webkit-scrollbar{display:none}
#app-fixe .re{flex:1;min-width:78px;border-radius:9px;border-right:1px solid transparent;margin-right:0;padding:8px 6px}
#app-fixe .re.app-ici{background:var(--surface2);border-color:var(--bord);box-shadow:none}
#app-fixe .re.app-ici::after{display:none}
#app-fixe .rail-sep{display:none}
#app-fixe .rail-parcours{margin:0;flex-direction:row;gap:8px;padding:7px 11px}
#app-fixe .re{min-width:78px;padding:7px 6px}
#app-fixe .anneau svg{width:30px;height:30px}
#app-fixe .menu-bas .btn{width:auto}
#app-fixe{height:auto;min-height:100%}
#app-fixe{overflow:auto}
#app-fixe .parcours{flex:none;grid-template-columns:repeat(2,1fr);grid-template-rows:none;
    grid-auto-rows:auto;gap:14px;padding:16px}
#app-fixe .grille-1,#app-fixe .grille-2{flex:none;grid-template-columns:1fr;grid-auto-rows:auto;gap:14px;padding:16px}
#app-fixe .grille-2 .b-large{grid-column:1}
#app-fixe .entete{flex-wrap:wrap;gap:10px}
#app-fixe .titre-ecran{border-left:0;padding-left:0}
#app-fixe .calendrier{min-height:280px}
#app-fixe .t-humeur{grid-area:1/1/2/3}
#app-fixe .t-delicat{grid-area:2/1/3/3}
#app-fixe .t-soir{grid-area:3/1/4/2}
#app-fixe .t-conseil{grid-area:3/2/4/3}
#app-fixe .t-ensemble{grid-area:4/1/5/3}
#app-fixe .t-courbes{grid-area:5/1/6/3}
#app-fixe .t-devoir{grid-area:6/1/7/3}
#app-fixe .humeur{flex-wrap:wrap;gap:9px 18px;padding:11px 14px}
#app-fixe .hum-t{border-right:0;padding-right:0;width:100%;flex-direction:row;align-items:baseline;gap:10px}
#app-fixe .hum-l{gap:18px;padding-right:0}
#app-fixe .hu.couple{padding-left:18px}
#app-fixe .hum-fin{margin-left:auto;text-align:right}
#app-fixe .app{min-height:auto}
#app-fixe .scene{min-height:auto}
#app-fixe .etape{min-height:252px}
#app-fixe .bande{min-height:230px}
#app-fixe .grille-1 .bande{min-height:300px}
#app-fixe .ident{flex-direction:column;align-items:flex-start;gap:9px}
#app-fixe .sur-faits{width:100%;border-right:0;padding-right:0;margin:0 0 1px}
#app-fixe .faits{gap:6px}
#app-fixe .id-h{flex-direction:column;align-items:flex-start;gap:10px;width:100%}
#app-fixe .id-h .deux{order:1}
#app-fixe .id-h .membres{order:2;width:100%}
#app-fixe .id-h #app-b-dates{order:3;align-self:flex-start;margin-left:0}
#app-fixe .faits{order:3;width:100%;margin-left:0}
#app-fixe .courbes{min-height:170px}
#app-fixe .q-liste,#app-fixe .notes{min-height:160px}
#app-fixe .calendrier{max-width:100%;margin-bottom:14px}
#app-fixe .chiffres{min-height:150px}
#app-fixe .fil-q{overflow:visible}
#app-fixe .courbes{min-height:160px}
#app-fixe .soirs{max-height:76px}
#app-fixe .dates{gap:12px}
#app-fixe .faits{margin-left:0;width:100%}
#app-fixe .ident{gap:12px}
}@media (max-width:760.98px){#app-fixe .rail-parcours .rp-nom{display:none}
#app-fixe .app-menu{flex-wrap:wrap;gap:0;padding:8px 13px 0}
#app-fixe .rail-logo .nm{font-size:15.5px;letter-spacing:.17em}
#app-fixe .rail-parcours{order:2;margin:0;padding:6px 9px}
#app-fixe .rail{order:3;width:100%;flex:0 0 auto;margin-top:7px;padding-bottom:5px}
#app-fixe .re{flex:0 0 auto;min-width:64px;padding:7px 7px}
#app-fixe .re span{font-size:10px}
}@media (max-width:680.98px){#app-fixe .parcours{grid-template-columns:1fr}
#app-fixe .t-soir,#app-fixe .t-conseil,#app-fixe .t-courbes,#app-fixe .t-ensemble,#app-fixe .t-devoir,#app-fixe .t-humeur,#app-fixe .t-delicat{grid-area:auto}
#app-fixe .humeur{gap:7px 12px;padding:10px 12px}
#app-fixe .hum-t{width:100%}
#app-fixe .hum-t h3{font-size:15.5px}
#app-fixe .hum-l{width:100%;flex-wrap:nowrap;gap:0;padding-right:0;justify-content:space-between}
#app-fixe .hu{flex:1 1 0;min-width:0;align-items:flex-start}
#app-fixe .hu-nom{font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#app-fixe .hu-f{gap:3px}
#app-fixe .hu-f svg{width:16px;height:21px}
#app-fixe .hu-mot{font-size:12.5px}
#app-fixe .hu.couple{padding-left:11px;padding-top:0;border-left:1px solid var(--bord);border-top:0}
#app-fixe .hum-fin{display:none}
#app-fixe .devoir-int{flex-direction:column;align-items:flex-start;gap:14px}
#app-fixe .devoir-int .jour{border-right:0;padding-right:0}
#app-fixe .soir-int{flex-direction:column;gap:14px}
#app-fixe .compteur{padding-right:0;border-right:0}
}#app-fixe .regles,#app-fixe .visuel,#app-fixe .devoir-int,#app-fixe .fam,#app-fixe .ag-suite,#app-fixe .renc-g,#app-fixe .del-f{
  overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
#app-fixe .a-suite{
  -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent);
  mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent)}
#app-fixe .regles::-webkit-scrollbar,#app-fixe .visuel::-webkit-scrollbar,#app-fixe .ag-suite::-webkit-scrollbar,#app-fixe .devoir-int::-webkit-scrollbar,#app-fixe .fam::-webkit-scrollbar,#app-fixe .renc-g::-webkit-scrollbar{width:4px}
#app-fixe .regles::-webkit-scrollbar-thumb,#app-fixe .visuel::-webkit-scrollbar-thumb,#app-fixe .ag-suite::-webkit-scrollbar-thumb,#app-fixe .devoir-int::-webkit-scrollbar-thumb,#app-fixe .fam::-webkit-scrollbar-thumb,#app-fixe .renc-g::-webkit-scrollbar-thumb{background:var(--bord);border-radius:3px}
@media (min-width:1600px){#app-fixe .rail-logo .nm{font-size:12.5px}
}@media (max-width:1380.98px) and (min-width:1181px){#app-fixe .rail-logo .nm{font-size:10px}
}@media (min-width:1181px) and (max-height:859px){#app-fixe .app-menu{overflow-y:auto;scrollbar-width:none}
#app-fixe .app-menu::-webkit-scrollbar{display:none}
}@media (prefers-reduced-motion:reduce){#app-fixe, #app-fixe *{transition:none!important;animation:none!important}
#app-fixe .etape:hover,#app-fixe .bande:hover,#app-fixe .etape.app-ici:hover{transform:none}
}@media (max-width:1299.98px){#app-fixe .mj-sy .sy{width:30px;height:30px}
#app-fixe .mj-sy .sy.a-moi{width:17px;height:17px}
#app-fixe .mj-sy{gap:3px}
#app-fixe .se .sem-i .sy{width:20px;height:20px}
#app-fixe .se .sem-i .sy.a-moi{width:17px;height:17px}
}@media (min-width:1500px) and (min-height:920px){#app-fixe .mj-sy .sy{width:30px;height:30px;stroke-width:1.6}
#app-fixe .mj-sy .sy.a-moi{width:27px;height:27px}
#app-fixe .mj-sy{gap:5px}
#app-fixe .mj-sy .mj-ev{width:8px;height:8px}
}@media (min-width:1700px) and (min-height:1000px){#app-fixe .mj-sy .sy{width:30px;height:30px;stroke-width:1.5}
#app-fixe .mj-sy .sy.a-moi{width:27px;height:27px}
#app-fixe .mj-sy{gap:6px}
#app-fixe .mj-sy .mj-ev{width:9px;height:9px}
}@media (max-height:899px){#app-fixe .mj-sy .sy{width:30px;height:30px}
#app-fixe .mj-sy .sy.a-moi{width:17px;height:17px}
}@media (max-height:819px){#app-fixe .mj-sy .sy{width:20px;height:20px}
#app-fixe .mj-sy .sy.a-moi{width:17px;height:17px}
}@media (min-width:1500px){#app-fixe .ag-vues button,#app-fixe .ag-ajd{font-size:11.5px}
#app-fixe .ag-per{font-size:15.5px}
#app-fixe .ag-rech input{font-size:12.5px}
#app-fixe .ag-rech input::placeholder{font-size:12.5px}
#app-fixe .leg-cal{font-size:11.5px;gap:12px}
#app-fixe .leg-cal b{font-size:10px}
#app-fixe .mj-n{font-size:13.5px}
#app-fixe .mj-e{font-size:11.5px}
#app-fixe .sj-t b{font-size:21px}
#app-fixe .se b{font-size:12.5px}
#app-fixe .se span{font-size:11.5px}
#app-fixe .se .sem-i b{font-size:11.5px}
#app-fixe .se .sem-i s{font-size:10px}
#app-fixe .se .sem-i .sy{width:20px;height:20px}
#app-fixe .se .sem-i .sy.a-moi{width:17px;height:17px}
#app-fixe .ag-cote h4{font-size:10px}
#app-fixe .as-d b{font-size:21px}
#app-fixe .as-d s{font-size:10px}
#app-fixe .as-t b{font-size:12.5px}
#app-fixe .as-t span{font-size:11.5px}
#app-fixe .ag-cpt{font-size:11.5px;gap:10px}
#app-fixe .ag-cpt b{font-size:10px}
#app-fixe .ag-cpt .cpt s{font-size:12.5px}
#app-fixe .ag-cpt .cpt-acc,#app-fixe .ag-cpt .cpt-acc b{font-size:11.5px}
#app-fixe .ag-cpt .cpt .sy{width:20px;height:20px}
#app-fixe .ag-cpt-plus{font-size:11.5px}
#app-fixe .dm-n{font-size:12.5px}
#app-fixe .dm-n s{font-size:11.5px}
#app-fixe .dm-v{font-size:15.5px}
#app-fixe .dm-v s{font-size:10px}
#app-fixe .mq-b .sy{width:20px;height:20px}
#app-fixe .mq-oeil{width:32px}
#app-fixe .mq-elle .sy{width:20px;height:20px}
#app-fixe .ar-d{font-size:13.5px}
#app-fixe .ar-t b{font-size:13.5px}
#app-fixe .ar-t span{font-size:11.5px}
#app-fixe .del-f label{font-size:10px}
#app-fixe .del-f input,#app-fixe .del-f select{font-size:12.5px}
#app-fixe .del-rec{font-size:12.5px}
#app-fixe .del-fin,#app-fixe .del-vide{font-size:11.5px}
#app-fixe .del-i b{font-size:12.5px}
#app-fixe .del-i s{font-size:11.5px}
}#app-fixe .cu-oc{display:flex;flex-direction:column;gap:6px}
#app-fixe .cu-vues{margin-left:auto}
#app-fixe .cu-ch{font-size:12.5px;line-height:1.5;color:var(--doux);margin:0 0 12px}
#app-fixe .cu-fd{font-size:11.5px;line-height:1.45;color:var(--doux);margin:9px 0 0}
#app-fixe .cu-fd b{color:var(--encre)}
#app-fixe .cu-bil{font-size:12.5px;line-height:1.5;color:var(--encre);margin:12px 0 0;
  padding:9px 12px;border:1px solid var(--bord);border-left:3px solid var(--accent);
  border-radius:0 6px 6px 0;background:var(--del-fond)}
#app-fixe .cu-bil b{font-weight:700}
#app-fixe .cu-l{color:var(--lui)}
#app-fixe .cu-e{color:var(--elle)}
#app-fixe .cu-sujet{margin-top:9px;padding:9px 11px;border:1px solid var(--bord);
  border-top:2px solid var(--or);border-radius:7px;background:var(--surface)}
#app-fixe .cu-sujet .lab{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--accent);margin-bottom:5px}
#app-fixe .cu-sj{font-size:13.5px;line-height:1.7;color:var(--encre);margin:0}
#app-fixe .cu-sj b{font-weight:700}
#app-fixe .pa-nsp{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;
  font-size:11.5px;font-weight:700;color:#FFFDF8;background:#1F2833;border:0;
  white-space:nowrap;vertical-align:1px}
#app-fixe .app[data-dir="nuit"] .pa-nsp{background:#F0EBE1;color:#1F2833}
#app-fixe .cu-leg{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:12px 0 0;
  padding:10px 12px;border:1px solid var(--bord);border-radius:7px;background:var(--surface)}
#app-fixe .cu-leg4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
#app-fixe .cu-leg span{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;
  line-height:1.45;color:var(--doux)}
#app-fixe .cu-leg svg{flex:none;width:48px;height:15px;margin-top:2px}
#app-fixe .cu-leg4 svg{width:17px}
#app-fixe .cu-leg b{color:var(--encre)}
#app-fixe .cu-leg em.surv{font-style:normal;font-weight:700;color:var(--soir-deux);
  background:rgba(94,158,54,.16);padding:1px 6px;border-radius:4px}
#app-fixe .cu-hal{margin-top:12px}
#app-fixe .cu-hal2{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;align-items:start}
#app-fixe .cu-hx{display:flex;justify-content:space-between;font-size:11.5px;color:var(--doux);
  padding:0 1.6% 3px 31.4%}
#app-fixe .cu-hal svg{display:block;width:100%;height:auto;overflow:visible}
#app-fixe .hl-f{font-family:'Marcellus',serif;font-size:15.5px;fill:var(--accent)}
#app-fixe .hl-n{font-size:12.5px;fill:var(--encre)}
#app-fixe .hl-q{font-size:12.5px;font-weight:700;fill:var(--encre);text-anchor:middle}
#app-fixe .hl-e{font-size:12.5px;font-weight:700;text-anchor:middle}
#app-fixe .cu-err{max-width:1060px;margin-top:12px;padding:9px 11px;border:1px solid var(--bord);border-radius:7px;
  background:var(--surface)}
#app-fixe .cu-err b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:13.5px;
  color:var(--encre)}
#app-fixe .cu-err p{font-size:12.5px;color:var(--doux);margin:1px 0 2px}
#app-fixe .cu-fam{margin-top:14px}
#app-fixe .cu-fam:first-child{margin-top:0}
#app-fixe .cu-ft{display:flex;align-items:center;gap:9px;margin-bottom:5px}
#app-fixe .cu-ft h4{font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;color:var(--encre);margin:0}
#app-fixe .cu-fn{font-size:11.5px;color:var(--doux)}
#app-fixe .cu-tn{margin-left:auto;font-size:11.5px;font-weight:700;color:#fff;background:var(--c);
  padding:2px 10px;border-radius:999px}
#app-fixe .cu-ft b{font-family:'Marcellus',serif;font-weight:400;font-size:15.5px}
#app-fixe .cu-ft b s{text-decoration:none;font-size:11.5px;color:var(--doux)}
#app-fixe .cu-tb{width:100%;border-collapse:collapse;font-size:12.5px;
  border:1px solid var(--bord);border-radius:7px;overflow:hidden}
#app-fixe .cu-tb thead th{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--doux);text-align:left;padding:7px 10px;background:var(--piste)}
#app-fixe .cu-tb thead th:nth-child(n+2){width:21%}
#app-fixe .cu-tb td{padding:7px 10px;border-top:1px solid var(--bord);color:var(--encre);
  line-height:1.4;vertical-align:middle}
#app-fixe .cu-tb tbody tr:nth-child(odd) td{background:rgba(0,0,0,.012)}
#app-fixe .cu-th td{font-weight:700;font-size:12.5px;background:var(--piste)!important}
#app-fixe .cu-ps td{font-size:12.5px;font-style:italic;color:var(--doux)}
#app-fixe .cu-mo td{font-size:12.5px;color:var(--doux);background:var(--del-fond)!important}
#app-fixe .cu-mo b{color:var(--encre)}
#app-fixe .cu-ev td s{display:block;text-decoration:none;font-size:10px;color:var(--doux)}
#app-fixe .cu-up{color:var(--soir-deux);font-weight:700}
#app-fixe .cu-dn{color:var(--alerte);font-weight:700}
#app-fixe .cu-eg{color:var(--doux);font-weight:700}
#app-fixe .cu-fin{padding:10px 12px;border:1px solid var(--bord);border-top:2px solid var(--or);
  border-radius:7px;background:var(--del-fond)}
#app-fixe .cu-f1{font-size:12.5px;line-height:1.55;color:var(--encre);margin:0}
#app-fixe .cu-f2{font-size:11.5px;color:var(--doux);margin:7px 0 0;text-align:center}
@media (max-width:1100.98px){#app-fixe .cu-hal2{grid-template-columns:1fr}
#app-fixe .cu-leg{grid-template-columns:1fr}
#app-fixe .cu-tb thead th:nth-child(n+2){width:26%}
}#app-fixe .tm-ouv{padding:10px 13px;border:1px solid var(--bord);border-left:3px solid var(--or);
  border-radius:0 7px 7px 0;background:var(--del-fond)}
#app-fixe .tm-ph{font-family:'Marcellus',serif;font-size:21px;line-height:1.3;color:var(--encre);margin:0}
#app-fixe .tm-ph b{font-weight:400}
#app-fixe .tm-vu{font-size:12.5px;line-height:1.6;color:var(--encre);margin:5px 0 0}
#app-fixe .tm-ok{font-style:normal;font-weight:700;color:var(--soir-deux)}
#app-fixe .tm-no{font-style:normal;font-weight:700;color:var(--alerte)}
#app-fixe .tm-fd{font-size:11.5px;line-height:1.45;color:var(--doux);margin:8px 0 0;
  padding-top:7px;border-top:1px solid var(--bord)}
#app-fixe .tm-pts{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}
#app-fixe .tm-pt{border:1px solid var(--bord);border-radius:7px;padding:9px 11px;
  background:var(--surface);min-width:0}
#app-fixe .tm-pt b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;
  color:var(--encre)}
#app-fixe .tm-pt s{display:block;text-decoration:none;font-size:11.5px;color:var(--doux);margin-top:1px}
#app-fixe .tm-et{display:inline-block;margin:7px 0 6px;padding:2px 10px;border-radius:999px;
  font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
#app-fixe .tm-et.op{color:#8A5A0B;border:1px solid var(--flamme);background:rgba(232,166,40,.12)}
#app-fixe .app[data-dir="nuit"] .tm-et.op{color:var(--flamme)}
#app-fixe .tm-et.pa{color:var(--soir-deux);border:1px solid var(--soir-deux);background:rgba(94,158,54,.1)}
#app-fixe .tm-pt p{font-size:12.5px;line-height:1.5;color:var(--encre);margin:0}
#app-fixe .tm-cote{font-size:11.5px;font-weight:700;color:var(--accent);margin:7px 0 3px}
#app-fixe .tm-cote:first-of-type{margin-top:2px}
#app-fixe .tm-fin{padding:10px 13px;border:1px solid var(--bord);border-top:2px solid var(--or);
  border-radius:7px;background:var(--surface)}
#app-fixe .tm-f1,#app-fixe .tm-f2{font-size:12.5px;line-height:1.55;color:var(--encre);margin:0}
#app-fixe .tm-f2{margin-top:9px;padding-top:9px;border-top:1px solid var(--bord);color:var(--doux)}
#app-fixe .tm-f1 b{color:var(--alerte)}
#app-fixe .tm-f2 b{color:var(--encre)}
#app-fixe .qs-g{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:center;
  padding:11px 13px;border:1px solid var(--bord);border-radius:7px;background:var(--surface)}
#app-fixe .qs-c{text-align:center}
#app-fixe .qs-r{width:100%;max-width:200px;height:auto;display:block;margin:0 auto}
#app-fixe .qs-n{display:flex;justify-content:space-around;font-size:11.5px;font-weight:700;margin-top:2px}
#app-fixe .qs-m{font-size:12.5px;font-weight:700;margin-top:4px}
#app-fixe .qs-d h4{font-family:'Marcellus',serif;font-weight:400;font-size:21px;line-height:1.25;
  color:var(--encre);margin:0 0 7px}
#app-fixe .qs-d p{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--encre);margin:4px 0}
#app-fixe .qs-p{flex:none;width:19px;height:19px;border-radius:50%;color:#fff;font-size:10px;
  font-weight:700;font-style:normal;display:grid;place-items:center}
#app-fixe .qs-w{color:var(--alerte);font-weight:700;font-size:12.5px}
#app-fixe .qs-ok{color:var(--soir-deux);font-weight:700;font-size:12.5px}
#app-fixe .qs-h{font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;color:var(--encre);
  margin:14px 0 2px}
#app-fixe .qs-deux{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
#app-fixe .qs-k{border:1px solid var(--bord);border-top:3px solid var(--t);border-radius:7px;
  padding:9px 11px;background:var(--surface);min-width:0}
#app-fixe .qs-q{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--doux)}
#app-fixe .qs-k b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:15.5px;
  line-height:1.3;color:var(--encre);margin:2px 0 7px}
#app-fixe .qs-k p{display:flex;align-items:center;gap:7px;font-size:12.5px;margin:4px 0;flex-wrap:wrap}
#app-fixe .qs-k p s{text-decoration:none;color:var(--doux)}
#app-fixe .qs-f{font-size:13.5px;line-height:1.6;color:var(--encre);margin:0}
#app-fixe .qs-t{font-family:'Marcellus',serif;font-weight:400;font-size:21px;color:var(--encre);margin:0}
#app-fixe .qd-pg{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
#app-fixe .qd-pa{border:1px solid var(--bord);border-radius:7px;padding:8px 10px;background:var(--surface)}
#app-fixe .qd-pa svg{display:block;height:auto;max-width:420px;margin:0 auto;overflow:visible}
#app-fixe .qd-pb{display:flex;justify-content:space-around;gap:8px;margin-top:2px}
#app-fixe .qd-pt{text-align:center;font-family:'Marcellus',serif;font-size:13.5px;color:var(--encre);
  margin:6px 0 0}
#app-fixe .qd-nom{font-family:'Marcellus',serif;font-size:13.5px;text-anchor:middle}
#app-fixe .qd-sous{font-size:12.5px;fill:var(--doux);text-anchor:middle}
#app-fixe .qd-mo{margin-top:10px;padding:8px 11px;border:1px solid var(--bord);
  border-left:3px solid var(--lui);border-radius:0 6px 6px 0;background:var(--surface)}
#app-fixe .qd-moe{border-left-color:var(--elle)}
#app-fixe .qd-mo s{display:block;text-decoration:none;font-size:10px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}
#app-fixe .qd-mo p{font-size:13.5px;line-height:1.5;color:var(--encre);margin:3px 0 0}
#app-fixe .qt-s{font-size:13.5px;color:var(--encre);margin:0}
#app-fixe .qt-j{display:flex;align-items:baseline;gap:10px;font-size:12.5px;margin:2px 0}
#app-fixe .qt-j span{font-family:'Marcellus',serif;font-size:15.5px;color:var(--encre)}
#app-fixe .qt-c{margin-top:12px;border:1px solid var(--bord);border-radius:7px;overflow:hidden;
  background:var(--surface)}
#app-fixe .qt-t{display:block;padding:6px 12px;background:var(--piste);font-size:10px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--doux)}
#app-fixe .qt-i{padding:9px 12px}
#app-fixe .qt-v{display:flex;align-items:center;gap:8px;font-family:'Marcellus',serif;font-size:15.5px;
  color:var(--encre);margin:0 0 6px}
#app-fixe .qt-v i{flex:none;width:20px;height:20px;border-radius:50%;color:#fff;font-style:normal;
  font-size:12.5px;font-weight:700;display:grid;place-items:center}
#app-fixe .qt-v.app-ok i{background:var(--soir-deux)}
#app-fixe .qt-v.no i{background:var(--flamme)}
#app-fixe .qt-l{display:flex;gap:10px;font-size:12.5px;color:var(--encre);margin:3px 0}
#app-fixe .qt-l s{flex:none;width:68px;text-decoration:none;font-size:11.5px;font-weight:700}
#app-fixe .qt-q{font-size:11.5px;color:var(--doux);margin:9px 0 5px;padding-top:7px;
  border-top:1px solid var(--bord)}
#app-fixe .qt-g{display:flex;flex-wrap:wrap;gap:8px}
#app-fixe .qt-b{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;
  border:1px solid var(--bord);font-size:12.5px;color:var(--encre);background:var(--fond)}
#app-fixe .qt-b i{flex:none;width:17px;height:17px;border-radius:50%;color:#fff;font-style:normal;
  font-size:10px;font-weight:700;display:grid;place-items:center}
#app-fixe .qt-b.app-ok i{background:var(--soir-deux)}
#app-fixe .qt-b.no i{background:var(--flamme)}
#app-fixe .qt-b.app-nsp i{background:var(--encre)}
#app-fixe .qt-r{display:flex;gap:10px;font-size:12.5px;color:var(--encre);margin:5px 0 0}
#app-fixe .qt-r s{flex:none;width:118px;text-decoration:none;color:var(--doux)}
#app-fixe .qt-lab{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--doux);margin:14px 0 5px}
#app-fixe .qt-lab:first-of-type{margin-top:4px}
@media (max-width:1100.98px){#app-fixe .qs-g{grid-template-columns:1fr}
#app-fixe .qs-deux,#app-fixe .qd-pg{grid-template-columns:1fr}
}#app-fixe .hu-vu{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--doux);
  white-space:nowrap;margin-top:3px}
#app-fixe .hu-n b{font-family:'Marcellus',serif;font-weight:400;font-size:30px;line-height:1.05;
  margin:2px 0 1px}
#app-fixe .hu-n b s{text-decoration:none;font-size:12.5px;color:var(--doux)}
#app-fixe .humeur{flex-wrap:wrap}
#app-fixe .hum-sujet{flex:1 1 100%;display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  margin-top:7px;padding:8px 13px;border-top:1px solid var(--bord);
  border-left:3px solid var(--or);border-radius:0 7px 7px 0;background:var(--del-fond)}
#app-fixe .hum-sujet .lab{flex:none;font-size:10px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--accent)}
#app-fixe .hum-sujet p{flex:1;min-width:260px;font-size:12.5px;line-height:1.7;color:var(--encre);margin:0}
#app-fixe .hum-sujet .lien{flex:none;margin-left:auto}
#app-fixe .q-vues button.vue-lock{opacity:1;cursor:pointer}
#app-fixe .app-ecran .bande.lock .pts,#app-fixe .app-ecran .bande.lock .ag-rech{display:none}
#app-fixe .app-ecran .bande.lock .pts-leg{display:none}
#app-fixe .pas-q2{margin-top:16px;padding-top:13px;border-top:1px solid var(--bord)}
#app-fixe .ch-don{flex-wrap:wrap}
#app-fixe .dn-b{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:92px;
  font:inherit;background:none;border:1px solid transparent;border-radius:9px;
  padding:9px 6px;cursor:pointer;color:var(--doux)}
#app-fixe .dn-b:hover{background:var(--surface);border-color:var(--bord)}
#app-fixe .dn-b[aria-pressed=true]{background:var(--surface);border-color:var(--accent);color:var(--encre)}
#app-fixe .dn-j{display:flex;align-items:flex-end;gap:3px;height:30px}
#app-fixe .dn-j i{width:7px;border-radius:2px;background:#F0EADD;transition:background .12s}
#app-fixe .dn-j i:nth-child(1){height:9px}
#app-fixe .dn-j i:nth-child(2){height:16px}
#app-fixe .dn-j i:nth-child(3){height:23px}
#app-fixe .dn-j i:nth-child(4){height:30px}
#app-fixe .dn-j i.on{background:#DCD1B8}
#app-fixe .dn-b[aria-pressed=true] .dn-j i.on{background:var(--accent)}
#app-fixe .dn-b .mot{font-size:11.5px;line-height:1.2;text-align:center}
#app-fixe .dn-b[aria-pressed=true] .mot{font-weight:700}
#app-fixe .nsp-b{font:inherit;font-size:12.5px;font-weight:700;color:var(--encre);background:var(--piste);
  border:1px solid var(--bord);border-radius:999px;padding:7px 16px;cursor:pointer;
  align-self:center;white-space:nowrap}
#app-fixe .nsp-b:hover{border-color:var(--encre)}
#app-fixe .nsp-b[aria-pressed=true]{background:var(--encre);color:#FFFDF8;border-color:var(--encre)}
#app-fixe .th-g{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}
#app-fixe .th-b{font:inherit;font-size:12.5px;line-height:1.35;text-align:left;color:var(--encre);
  background:var(--surface);border:1px solid var(--bord);border-radius:8px;
  padding:9px 12px;cursor:pointer}
#app-fixe .th-b:hover{border-color:var(--accent)}
#app-fixe .th-b[aria-pressed=true]{border-color:var(--accent);border-width:2px;padding:8px 11px;
  background:var(--del-fond);font-weight:700}
#app-fixe .th-g .nsp-b{grid-column:1/-1;justify-self:center;margin-top:2px}
@media (max-width:900.98px){#app-fixe .th-g{grid-template-columns:1fr}
}#app-fixe .app-ecran[data-nom="quotidien"] .oc,#app-fixe .app-ecran[data-nom="questions"] .oc{gap:15px}
#app-fixe .app-ecran[data-nom="quotidien"] .oc-haut,#app-fixe .app-ecran[data-nom="questions"] .oc-haut{gap:24px}
#app-fixe .app-ecran[data-nom="quotidien"] .arc,#app-fixe .app-ecran[data-nom="questions"] .arc{width:132px;height:76px}
#app-fixe .app-ecran[data-nom="quotidien"] .arc-n,#app-fixe .app-ecran[data-nom="questions"] .arc-n{font-size:30px;bottom:-5px}
#app-fixe .app-ecran[data-nom="quotidien"] .arc-n s,#app-fixe .app-ecran[data-nom="questions"] .arc-n s{font-size:15.5px}
#app-fixe .app-ecran[data-nom="quotidien"] .oc-dit b,#app-fixe .app-ecran[data-nom="questions"] .oc-dit b{font-size:21px;margin-bottom:5px}
#app-fixe .app-ecran[data-nom="quotidien"] .oc-dit p,#app-fixe .app-ecran[data-nom="questions"] .oc-dit p{font-size:13.5px}
#app-fixe .app-ecran[data-nom="quotidien"] .oc-tout,#app-fixe .app-ecran[data-nom="questions"] .oc-tout,#app-fixe .app-ecran[data-nom="quotidien"] .oc-regle,#app-fixe .app-ecran[data-nom="questions"] .oc-regle{font-size:12.5px;line-height:1.55}
#app-fixe .app-ecran[data-nom="quotidien"] .compo,#app-fixe .app-ecran[data-nom="questions"] .compo{gap:15px;max-width:none}
#app-fixe .app-ecran[data-nom="quotidien"] .cp,#app-fixe .app-ecran[data-nom="questions"] .cp{grid-template-columns:1fr 38px;gap:5px 14px;font-size:12.5px}
#app-fixe .app-ecran[data-nom="quotidien"] .cp span s,#app-fixe .app-ecran[data-nom="questions"] .cp span s{font-size:11.5px;margin-top:2px}
#app-fixe .app-ecran[data-nom="quotidien"] .cp b,#app-fixe .app-ecran[data-nom="questions"] .cp b{font-size:21px}
#app-fixe .app-ecran[data-nom="quotidien"] .cp .p,#app-fixe .app-ecran[data-nom="questions"] .cp .p{height:9px;border-radius:5px}
#app-fixe .app-ecran[data-nom="quotidien"] .cp .p i,#app-fixe .app-ecran[data-nom="questions"] .cp .p i{border-radius:5px}
#app-fixe .app-ecran[data-nom="quotidien"] .qd-b{gap:13px;margin-top:14px;padding-top:13px;
  border-top:1px solid var(--bord)}
#app-fixe .app-ecran[data-nom="quotidien"] .qd-suj{font-size:15.5px;line-height:1.85}
#app-fixe .app-ecran[data-nom="quotidien"] .qd-fd{font-size:12.5px;line-height:1.6}
#app-fixe .app[data-ecran="questions"]   .app-ecran[data-nom="questions"],#app-fixe .app[data-ecran="quotidien"]   .app-ecran[data-nom="quotidien"],#app-fixe .app[data-ecran="temperament"] .app-ecran[data-nom="temperament"]{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:none;grid-auto-rows:max-content;
  align-content:start;align-items:start;gap:13px;
  overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
#app-fixe .app-ecran[data-nom="questions"]   > .bande,#app-fixe .app-ecran[data-nom="quotidien"]   > .bande,#app-fixe .app-ecran[data-nom="temperament"] > .bande{
  height:auto;min-height:0;max-height:none;overflow:visible;
  margin-bottom:0;transform:none;grid-column:span 12}
#app-fixe .app-ecran[data-nom="questions"]   > .bande[data-l="4"],#app-fixe .app-ecran[data-nom="quotidien"]   > .bande[data-l="4"],#app-fixe .app-ecran[data-nom="temperament"] > .bande[data-l="4"]{grid-column:span 4}
#app-fixe .app-ecran[data-nom="questions"]   > .bande[data-l="5"],#app-fixe .app-ecran[data-nom="quotidien"]   > .bande[data-l="5"],#app-fixe .app-ecran[data-nom="temperament"] > .bande[data-l="5"]{grid-column:span 5}
#app-fixe .app-ecran[data-nom="questions"]   > .bande[data-l="6"],#app-fixe .app-ecran[data-nom="quotidien"]   > .bande[data-l="6"],#app-fixe .app-ecran[data-nom="temperament"] > .bande[data-l="6"]{grid-column:span 6}
#app-fixe .app-ecran[data-nom="questions"]   > .bande[data-l="7"],#app-fixe .app-ecran[data-nom="quotidien"]   > .bande[data-l="7"],#app-fixe .app-ecran[data-nom="temperament"] > .bande[data-l="7"]{grid-column:span 7}
#app-fixe .app-ecran[data-nom="questions"]   > .bande[data-l="8"],#app-fixe .app-ecran[data-nom="quotidien"]   > .bande[data-l="8"],#app-fixe .app-ecran[data-nom="temperament"] > .bande[data-l="8"]{grid-column:span 8}
#app-fixe .per-barre{grid-column:span 12;position:sticky;top:0;z-index:6;
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  padding:7px 13px;border:1px solid var(--bord);border-radius:11px;
  background:var(--surface);
  box-shadow:0 2px 10px rgba(31,40,51,.07), 0 10px 24px rgba(31,40,51,.05)}
#app-fixe .app[data-dir="nuit"] .per-barre{background:#2B3440;
  box-shadow:0 2px 10px rgba(0,0,0,.4), 0 10px 24px rgba(0,0,0,.3)}
#app-fixe .per-barre .per-q{font-family:'Marcellus',serif;font-size:15.5px;line-height:1.1;
  white-space:nowrap}
#app-fixe .per-barre .fin{font-size:12.5px;color:var(--doux);white-space:nowrap}
#app-fixe .per-barre .q-vues{margin-left:auto}
#app-fixe .app[data-ecran="quotidien"]   .ident,#app-fixe .app[data-ecran="questions"]   .ident,#app-fixe .app[data-ecran="temperament"] .ident{display:none}
#app-fixe .app-ecran[data-nom="questions"]   > .bande:hover,#app-fixe .app-ecran[data-nom="quotidien"]   > .bande:hover,#app-fixe .app-ecran[data-nom="temperament"] > .bande:hover{transform:none}
#app-fixe .app-ecran[data-nom="questions"] .oc,#app-fixe .app-ecran[data-nom="quotidien"] .oc,#app-fixe .app-ecran[data-nom="questions"] .qd-b,#app-fixe .app-ecran[data-nom="quotidien"] .qd-b,#app-fixe .app-ecran[data-nom="quotidien"] .qia,#app-fixe .app-ecran[data-nom="quotidien"] .cad-g,#app-fixe .app-ecran[data-nom="quotidien"] .qs-g,#app-fixe .app-ecran[data-nom="quotidien"] .qd-pg,#app-fixe .app-ecran[data-nom="quotidien"] .pts,#app-fixe .app-ecran[data-nom="questions"] .cu-oc,#app-fixe .app-ecran[data-nom="questions"] .cad-g,#app-fixe .app-ecran[data-nom="temperament"] .renc-g,#app-fixe .app-ecran[data-nom="temperament"] .tm-pts,#app-fixe .app-ecran[data-nom="temperament"] .ft{flex:none;overflow:visible}
#app-fixe .app-ecran[data-nom="quotidien"] .pts{overflow:auto;max-height:min(44vh,430px)}
#app-fixe #app-cu-s1 .cad-g{grid-template-columns:repeat(3,1fr)}
#app-fixe #app-cu-s3 .cad-g{grid-template-columns:minmax(0,460px)}
#app-fixe #app-cu-s3{display:grid;grid-template-columns:minmax(0,490px) minmax(0,1fr);
  gap:10px 22px;align-items:start;align-content:start}
#app-fixe #app-cu-s3 > .cu-ch{grid-column:1/-1}
#app-fixe #app-cu-s3 > .cad-g{grid-column:1;grid-row:2}
#app-fixe #app-cu-s3 > .cu-bil{grid-column:1;grid-row:3}
#app-fixe #app-cu-s3 > .cu-hal2{grid-column:2;grid-row:2/span 2}
#app-fixe .app-ecran[data-nom="questions"] > .bande[data-l="8"]{grid-column:1/span 8;grid-row:2/span 2}
#app-fixe .app-ecran[data-nom="questions"] > .bande[data-l="4"]{grid-column:9/span 4;grid-row:2}
#app-fixe .app-ecran[data-nom="questions"] > .bande.cu-bas{grid-column:9/span 4;grid-row:3}
#app-fixe .app-ecran[data-nom="questions"] > .per-barre{grid-row:1}
#app-fixe #app-q-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
#app-fixe #app-q-themes > .cu-ch,#app-fixe #app-q-themes > .cu-sujet{grid-column:1/-1}
#app-fixe #app-q-perc{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-items:start}
#app-fixe #app-q-perc > .cu-leg,#app-fixe #app-q-perc > .cu-leg4,#app-fixe #app-q-perc > .cu-bil,#app-fixe #app-q-perc > .cu-ch,#app-fixe #app-q-perc > .aide-l{grid-column:1/-1}
#app-fixe .app-ecran[data-nom="quotidien"] .pts{display:block;columns:2;column-gap:20px}
#app-fixe .app-ecran[data-nom="quotidien"] .pts > *{break-inside:avoid;
  -webkit-column-break-inside:avoid;display:block;width:100%}
#app-fixe .app-ecran[data-nom="temperament"] > .bande[data-l="5"]{grid-column:1/span 5;grid-row:1}
#app-fixe .app-ecran[data-nom="temperament"] > .bande.tm-bas{grid-column:1/span 5;grid-row:2}
#app-fixe .app-ecran[data-nom="temperament"] > .bande[data-l="7"]{grid-column:6/span 7;grid-row:1/span 2}
#app-fixe #app-cu-s4{columns:3;column-gap:22px}
#app-fixe #app-cu-s4 > .cu-fam{break-inside:avoid;-webkit-column-break-inside:avoid;
  page-break-inside:avoid;display:inline-block;width:100%;margin-bottom:14px}
#app-fixe #app-cu-s2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;align-items:start}
#app-fixe #app-cu-s2 > .cu-leg,#app-fixe #app-cu-s2 > .cu-leg4,#app-fixe #app-cu-s2 > .cu-bil,#app-fixe #app-cu-s2 > .cu-ch,#app-fixe #app-cu-s2 > .cu-hal2,#app-fixe #app-cu-s2 > .aide-l,#app-fixe #app-cu-s2 > p{grid-column:1/-1}
#app-fixe #app-cu-s2 > .cu-err{max-width:none}
#app-fixe .cu-hal2[data-col="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}
#app-fixe .app-ecran[data-nom="repondre"],#app-fixe .app-ecran[data-nom="temperament"],#app-fixe .app-ecran[data-nom="quotidien"],#app-fixe .app-ecran[data-nom="questions"],#app-fixe .app-ecran[data-nom="asseoir"],#app-fixe .app-ecran[data-nom="conseiller"],#app-fixe .app-ecran[data-nom="aide"],#app-fixe .app-ecran[data-nom="messager"],#app-fixe .app-ecran[data-nom="reglages"]{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;
  grid-template-rows:none;grid-auto-rows:max-content;
  align-content:start;align-items:start}
#app-fixe .app-ecran[data-nom="repondre"] > .bande,#app-fixe .app-ecran[data-nom="temperament"] > .bande,#app-fixe .app-ecran[data-nom="quotidien"] > .bande,#app-fixe .app-ecran[data-nom="questions"] > .bande,#app-fixe .app-ecran[data-nom="asseoir"] > .bande,#app-fixe .app-ecran[data-nom="conseiller"] > .bande,#app-fixe .app-ecran[data-nom="aide"] > .bande,#app-fixe .app-ecran[data-nom="messager"] > .bande,#app-fixe .app-ecran[data-nom="reglages"] > .bande,#app-fixe .app-ecran[data-nom="repondre"] > .etape,#app-fixe .app-ecran[data-nom="asseoir"] > .etape,#app-fixe .app-ecran[data-nom="conseiller"] > .etape{
  height:auto;min-height:0;max-height:none;overflow:visible}
#app-fixe .app-ecran[data-nom="reglages"] .reg,#app-fixe .app-ecran[data-nom="asseoir"] .regles,#app-fixe .app-ecran[data-nom="asseoir"] .rdv,#app-fixe .app-ecran[data-nom="asseoir"] .trame,#app-fixe .app-ecran[data-nom="quotidien"] .pts,#app-fixe .app-ecran[data-nom="conseiller"] .q-liste,#app-fixe .app-ecran[data-nom="conseiller"] .notes,#app-fixe .app-ecran[data-nom="quotidien"] #app-q-rep,#app-fixe .app-ecran[data-nom="questions"] #app-cu-s4{
  max-height:none;min-height:0;overflow:visible;flex:none}
#app-fixe .app-ecran[data-nom="bord"],#app-fixe .app-ecran[data-nom="soirees"]{
  overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;min-height:0}
#app-fixe .app[data-ecran="bord"] .scene,#app-fixe .app[data-ecran="soirees"] .scene{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
#app-fixe .app[data-ecran="bord"] .app-ecran[data-nom="bord"],#app-fixe .app[data-ecran="soirees"] .app-ecran[data-nom="soirees"]{flex:1 0 auto;min-height:860px}
#app-fixe .app[data-ecran="bord"] .entete,#app-fixe .app[data-ecran="soirees"] .entete{position:sticky;top:0;z-index:7;
  background:var(--fond)}
#app-fixe .app[data-dir="nuit"][data-ecran="bord"] .entete,#app-fixe .app[data-dir="nuit"][data-ecran="soirees"] .entete{background:#131A24}
@media (max-width:1100.98px){#app-fixe .app-ecran[data-nom="quotidien"],#app-fixe .app-ecran[data-nom="questions"],#app-fixe .app-ecran[data-nom="temperament"]{grid-template-columns:minmax(0,1fr)!important}
#app-fixe .app-ecran[data-nom="quotidien"] > .bande,#app-fixe .app-ecran[data-nom="questions"] > .bande,#app-fixe .app-ecran[data-nom="temperament"] > .bande,#app-fixe .app-ecran[data-nom="quotidien"] > .per-barre,#app-fixe .app-ecran[data-nom="questions"] > .per-barre{
    grid-column:1/-1!important;grid-row:auto!important}
#app-fixe .cu-hal2,#app-fixe .cu-hal2[data-col="3"]{grid-template-columns:minmax(0,1fr)!important}
#app-fixe #app-cu-s2,#app-fixe #app-q-themes,#app-fixe #app-q-perc{grid-template-columns:minmax(0,1fr)!important}
#app-fixe #app-cu-s3{display:block!important}
#app-fixe #app-cu-s4,#app-fixe .app-ecran[data-nom="quotidien"] .pts{columns:1!important}
#app-fixe #app-cu-s1 .cad-g{grid-template-columns:minmax(0,1fr)!important}
#app-fixe #app-cu-s3 .cad-g{grid-template-columns:minmax(0,1fr)!important}
#app-fixe .cu-hal svg{min-width:0}
#app-fixe .jr-b > .jrv-g{flex-direction:column;align-items:flex-start;gap:6px}
#app-fixe .jrv-d{grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"aide" "t1" "c1" "t2" "c2"!important}
#app-fixe .app-ecran,#app-fixe .app-ecran *{max-width:100%}
#app-fixe .app-ecran{overflow-x:hidden}
}@media (max-width:760.98px){#app-fixe .app[data-ecran="bord"] .app-ecran[data-nom="bord"],#app-fixe .app[data-ecran="soirees"] .app-ecran[data-nom="soirees"]{
    display:block!important;height:auto!important}
#app-fixe .app-ecran[data-nom="bord"] > *,#app-fixe .app-ecran[data-nom="soirees"] > *{
    grid-area:auto!important;margin-bottom:11px}
#app-fixe .app[data-ecran="bord"] .scene,#app-fixe .app[data-ecran="soirees"] .scene{overflow-y:auto}
}#app-fixe .monte{flex:none;position:relative;z-index:3;display:flex;align-items:baseline;
  gap:9px 16px;flex-wrap:wrap;margin:0 16px 0;padding:10px 16px;
  border:1px solid var(--or);border-left:4px solid var(--accent);border-radius:10px;
  background:var(--del-fond)}
#app-fixe .monte .mo-ou{font-family:'Marcellus',serif;font-size:15.5px;color:var(--accent);
  white-space:nowrap;flex:none}
#app-fixe .monte .mo-t{flex:1;min-width:260px;font-size:13.5px;line-height:1.5;color:var(--encre)}
#app-fixe .monte .btn{flex:none;margin-left:auto}
#app-fixe .monte.mo-replie{align-items:center;flex-wrap:nowrap}
#app-fixe .monte.mo-replie .mo-ou{white-space:normal;flex:0 1 auto;min-width:0}
#app-fixe .monte.mo-replie .mo-q{margin-left:0;vertical-align:0}
#app-fixe .monte.mo-replie .btn{margin-left:auto}
#app-fixe .monte.mo-replie:not(.deplie) .mo-t{display:none}
#app-fixe .monte.mo-replie.deplie{flex-wrap:wrap}
#app-fixe .monte.mo-replie.deplie .mo-t{order:3;flex:1 1 100%;min-width:0;margin:0}
#app-fixe .app[data-dir="nuit"] .monte{background:rgba(227,188,106,.14)}
#app-fixe .mo-refus{margin:0 0 14px;padding:13px 16px;border-radius:9px;
  border:1px solid var(--or);background:var(--del-fond);
  font-family:'Marcellus',serif;font-size:15.5px;line-height:1.45;color:var(--encre)}
#app-fixe .app[data-dir="nuit"] .mo-refus{background:rgba(227,188,106,.16)}
#app-fixe [data-per][aria-disabled="true"]{cursor:pointer;color:var(--encre);opacity:1;
  transition:background .12s, box-shadow .12s}
#app-fixe [data-per][aria-disabled="true"]:hover,#app-fixe [data-per][aria-disabled="true"]:focus-visible{color:var(--accent);
  background:var(--del-fond);box-shadow:inset 0 0 0 1px var(--or)}
#app-fixe [data-per][aria-disabled="true"]:active{transform:translateY(1px);
  background:var(--or);color:var(--encre)}
@media (max-width:1100.98px){#app-fixe .monte{margin:0 12px;padding:9px 12px}
#app-fixe .monte .btn{margin-left:0}
}#app-fixe ::selection{background:#E3BC6A;color:#1F2833;text-shadow:none}
#app-fixe ::-moz-selection{background:#E3BC6A;color:#1F2833;text-shadow:none}
#app-fixe[data-dir="nuit"] ::selection{background:#E3BC6A;color:#131A24}
#app-fixe[data-dir="nuit"] ::-moz-selection{background:#E3BC6A;color:#131A24}
#app-fixe .ag-cpt-plus{display:flex;align-items:center;gap:14px;flex-wrap:wrap;line-height:1.5;
  white-space:normal;overflow:visible;text-overflow:clip;font-size:12.5px;text-align:left;
  padding:8px 0 2px}
#app-fixe .ag-cpt-plus .ag-cpt-t{flex:1;min-width:280px}
#app-fixe .ag-cpt-plus .ag-cpt-b{flex:none;margin-left:auto}
#app-fixe .jrv-d .sy-c{position:relative}
#app-fixe .jrv-d .sy-c .sy-et{margin-left:auto;flex:none;font-style:normal;font-size:11.5px;
  font-weight:700;letter-spacing:.02em;padding:2px 9px;border-radius:999px;
  background:var(--sombre);color:#FFFDF8;white-space:nowrap}
#app-fixe .jrv-d .sy-c .sy-et-deux{background:var(--accent);color:#1F2833}
#app-fixe .app[data-dir="nuit"] .jrv-d .sy-c .sy-et{background:#F0EBE1;color:#1F2833}
#app-fixe .app[data-dir="nuit"] .jrv-d .sy-c .sy-et-deux{background:var(--or);color:#131A24}
#app-fixe .jrv-d .sy-cr .mq-oeil-l{width:auto;min-width:38px;padding:0 10px;gap:7px;
  grid-auto-flow:column;align-items:center;color:var(--doux);
  border-color:var(--bord);font:inherit;font-size:11.5px;font-weight:600}
#app-fixe .jrv-d .sy-cr .mq-oeil-l span{white-space:nowrap}
#app-fixe .jrv-d .sy-cr .mq-oeil-l:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
#app-fixe .jrv-d .sy-cr .mq-oeil-l[aria-pressed=true]{background:var(--accent);color:#FFFDF8;
  border-color:var(--accent)}
#app-fixe .jrv-d .sy-cr .mq-oeil-l:disabled{opacity:.3}
#app-fixe .jrv-d > .jr-aide{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#app-fixe .jrv-d > .jr-aide > p{flex:1;min-width:300px;margin:0}
#app-fixe .jrv-d > .jr-aide > #app-jr-modif{flex:none;margin-left:auto;align-self:center}
#app-fixe .jr-aide-ed{border-left:3px solid var(--accent);background:var(--del-fond)}
#app-fixe .app[data-dir="nuit"] .jr-aide-ed{background:rgba(227,188,106,.14)}
#app-fixe .jrv-d .sy-c:disabled{cursor:default;opacity:1}
#app-fixe .jrv-d .sy-c:disabled:hover{background:inherit;border-color:var(--bord)}
#app-fixe .jrv-d .sy-c.sy-dem,#app-fixe .mq-b.sy-dem{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}
#app-fixe .mq-b.sy-dem{background:var(--del-fond)}
#app-fixe .fi-ch{width:100%;max-width:280px;padding:7px 10px;border:1px solid var(--bord);
  border-radius:7px;background:var(--surface);color:var(--encre);
  font-family:'Karla',system-ui,sans-serif;font-size:13.5px}
#app-fixe .app[data-dir="nuit"] .fi-ch{background:rgba(255,255,255,.1)}
#app-fixe .fi-ch:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
#app-fixe .sy-dm{grid-column:1/-1;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;
  margin:2px 0 4px;padding:10px 13px;border:1.5px solid var(--accent);border-radius:9px;
  background:var(--del-fond);box-shadow:0 3px 10px rgba(31,40,51,.08)}
#app-fixe .sy-dm p{flex:1;min-width:170px;margin:0;font-size:13.5px;line-height:1.35;color:var(--encre)}
#app-fixe .sy-dm b{font-weight:700;color:var(--accent)}
#app-fixe .sy-dm-b{flex:none;display:flex;gap:7px;margin-left:auto}
#app-fixe .sy-dm .btn{padding:5px 15px;font-size:12.5px}
#app-fixe .app[data-dir="nuit"] .sy-dm{background:rgba(227,188,106,.16);
  box-shadow:0 3px 10px rgba(0,0,0,.4)}
#app-fixe .ag-cal{background:var(--piste);border:1px solid var(--bord);border-radius:11px;
  padding:9px 10px 10px}
#app-fixe .app[data-dir="nuit"] .ag-cal{background:rgba(0,0,0,.26)}
#app-fixe .mj,#app-fixe .sj,#app-fixe .ac{box-shadow:0 1px 2px rgba(31,40,51,.08), 0 1px 1px rgba(31,40,51,.04)}
#app-fixe .mj,#app-fixe .sj{border-color:rgba(31,40,51,.22);background:#FFFFFF}
#app-fixe .ac{border:1px solid rgba(31,40,51,.16)}
#app-fixe .app[data-dir="vitrail"] .mj,#app-fixe .app[data-dir="vitrail"] .sj{
  border-color:rgba(168,123,35,.5);background:#FFFCF6}
#app-fixe .app[data-dir="nuit"] .mj,#app-fixe .app[data-dir="nuit"] .sj{
  background:rgba(255,255,255,.085);border-color:rgba(242,238,230,.26);
  box-shadow:0 1px 2px rgba(0,0,0,.4)}
#app-fixe .app[data-dir="nuit"] .ac{background:rgba(255,255,255,.1);
  border-color:rgba(242,238,230,.2)}
#app-fixe .mj.ajd,#app-fixe .sj.ajd{box-shadow:0 0 0 2px var(--accent), 0 2px 6px rgba(31,40,51,.14)}
#app-fixe .mj.a-acc,#app-fixe .sj.a-acc{box-shadow:0 0 0 2px var(--accent), 0 3px 9px rgba(168,123,35,.3)}
#app-fixe .mj:hover,#app-fixe .sj:hover{border-color:var(--accent);background:var(--del-fond);
  transform:translateY(-1px);z-index:2}
#app-fixe .app[data-dir="nuit"] .mj:hover,#app-fixe .app[data-dir="nuit"] .sj:hover{
  background:rgba(227,188,106,.2)}
#app-fixe .ac:hover{box-shadow:0 0 0 1.5px var(--accent)}
#app-fixe .mj.futur,#app-fixe .sj.futur{background:none;box-shadow:none}
#app-fixe .mj.hors,#app-fixe .sj.hors{background:none;box-shadow:none;border-color:transparent}
#app-fixe .mj.a-del,#app-fixe .sj.a-del{background:var(--del-fond);border-color:var(--or)}
#app-fixe .btn.creux:hover,#app-fixe .btn.creux:focus-visible{background:var(--del-fond);
  border-color:var(--accent);color:var(--accent);
  box-shadow:0 3px 10px rgba(168,123,35,.2)}
#app-fixe .sy-c:not(:disabled):hover{border-color:var(--accent);background:var(--del-fond)}
#app-fixe .app[data-dir="nuit"] .sy-c:not(:disabled):hover{background:rgba(227,188,106,.18)}
#app-fixe .re:hover{background:var(--del-fond)}
#app-fixe .reg:hover,#app-fixe .rg:hover{background:var(--surface2)}
#app-fixe .app-ecran h3,#app-fixe .bande > .b-tete h3{font-size:15.5px}
#app-fixe .app-ecran h4{font-size:13.5px}
#app-fixe .app[data-ecran="soirees"] .app-ecran[data-nom="soirees"]{padding:6px 16px 7px;gap:8px}
#app-fixe .app[data-ecran="soirees"] .app-ecran[data-nom="soirees"] > .bande{padding:8px 13px}
#app-fixe .app[data-ecran="soirees"] .ag-cal{padding:6px 8px 7px}
#app-fixe .app[data-ecran="soirees"] .leg-cal{gap:4px 12px;padding-top:5px}
#app-fixe .app[data-ecran="soirees"] .ag-cpt{padding-top:4px;padding-bottom:2px}
#app-fixe .app[data-ecran="soirees"] .app-ecran[data-nom="soirees"] > .bande > .b-tete{margin-bottom:5px}
#app-fixe .app[data-ecran="soirees"] .jours,#app-fixe .app[data-ecran="soirees"] .demarche{flex:none;justify-content:flex-start;
  gap:3px;overflow:visible}
#app-fixe .app[data-ecran="soirees"] .jr,#app-fixe .app[data-ecran="soirees"] .dm{padding:3px 0}
#app-fixe .app[data-ecran="soirees"] .app-ecran[data-nom="soirees"] > .bande:not(.b-large){align-self:start}
/* ===== AJOUTS DU SITE (construire-compte.ps1) : la maquette était une page entière ; ici l'application est un CADRE posé sur la page ===== */
#app-fixe{position:fixed;inset:0;z-index:9000;height:auto}
/* CHANTIER 237 (LOT A) : LE CADRE COMMENCE SOUS LES BANDEAUX FIXES. Le bandeau « BASE D'ESSAI » (chiffrement/uc-bandeau-test.js) est fixe en haut,
   au z-index maximum ; le cadre, fixé à top:0, passait dessous : logo, « Visite guidée », « Refermer mes réponses », « Quitter mon compte » étaient
   dessinés mais cachés (depuis le chantier 36, personne n'a pu allumer la visite). --uc-haut est la hauteur des bandeaux fixes, mesurée par
   uc-habillage.js ; sans bandeau elle vaut 0 et rien ne bouge. */
#app-fixe{top:var(--uc-haut,0px)}
#app-fixe[hidden]{display:none!important}
body.app-ouvert{overflow:hidden}
/* CHANTIER 236 (LOT F) : L'ESTOMPÉ DU DÉBUT. Un bloc sans aucune donnée montre sa forme pleine, en gris pâle, SANS UN SEUL CHIFFRE VRAI (des formes, jamais des valeurs),
   et sa phrase reste lisible par-dessus. Chaque bloc quitte l'estompé de lui-même, dès qu'il a sa première donnée. Rien n'est écrit en base : c'est un dessin. */
/* CHANTIER 237 (LOT D) : la partie « À part des parcours » de la fenêtre, et la ligne d’une option désignée depuis son écran */
#app-fixe .pl-apart{display:block;margin:20px 0 10px}
#app-fixe .pl.vise{box-shadow:0 0 0 3px #E3BC6A;transition:box-shadow .3s}
#app-fixe .estompe{opacity:.32;filter:grayscale(1);pointer-events:none;user-select:none}
#app-fixe .estompe *{animation:none!important}
/* chantier 237 (LOT E) : les flammes vides se VOIENT — encre douce, l’estompé du bloc remonté à .7 pour elles seules (1,61:1 avant, mesuré) ; et la rangée passe à la ligne, sinon la phrase
   (flex-basis:100%) écrasait les deux colonnes à 0 px de large sous 681 px : à 390 px, aucune flamme n’était dessinée */
#app-fixe .hu.fantome .hu-f svg path{fill:#4A5563!important;stroke:none!important}
#app-fixe .hu.fantome.estompe{opacity:.7}
#app-fixe #app-bord-hum:has(.hu.fantome){flex-wrap:wrap;justify-content:center}
#app-fixe .hu.fantome{min-width:110px}
/* la ligne VI01 sous « Votre démarche » estompée : une ligne entière, hors de la grille puce / nom / nombre des lignes du bloc */
#app-fixe .jr.jr-vide{display:block}
/* chantier 239 : sa phrase aussi se lit en entier : le titre ne se coupe plus en « Aucune date no… », la phrase va dessous (le 238 n'avait réglé que la ligne) */
#app-fixe .jr.jr-vide .jr-t{display:block}
#app-fixe .jr.jr-vide .jr-t b{white-space:normal;overflow:visible;text-overflow:clip;margin-bottom:3px}
#app-fixe .dm.dm-vi01{display:block;padding-top:8px;font-size:12.5px;color:var(--doux)}
/* CHANTIER 55 : « Refermer mes réponses » — dans la barre du haut, à côté de la visite guidée, sur tous les écrans du compte. Fond plein, contour net, cadenas au trait. */
#app-fixe .app-choix .refermer{margin-left:16px;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;font-weight:700;color:#F0EBE1;background:#232B36;border:1px solid rgba(240,235,225,.55);border-radius:999px;padding:5px 13px 5px 10px;cursor:pointer;white-space:nowrap}
#app-fixe .app-choix .refermer svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#app-fixe .app-choix .refermer:hover,#app-fixe .app-choix .refermer:focus-visible{background:#E3BC6A;border-color:#E3BC6A;color:#1F2833}
@media (max-width:560.98px){#app-fixe .app-choix .refermer-suite{display:none}#app-fixe .app-choix .refermer{margin-left:8px;font-size:11.5px}}
#app-fixe .app-choix .quitter{margin-left:16px;color:rgba(240,235,225,.66);font-size:12.5px;text-decoration:underline;text-underline-offset:3px}
#app-fixe .app-choix .quitter:hover,#app-fixe .app-choix .quitter:focus-visible{color:#F0EBE1}
/* CHANTIER 63 : le garde-fou détresse sous chaque résultat. Une seule taille, parmi les sept : 13,5 px (celle du texte des cartes). */
#app-fixe .garde-fou{margin-top:12px;padding:12px 14px;border-radius:3px;background:var(--surface2);border-left:4px solid var(--nous);font-size:13.5px;line-height:1.55;color:var(--encre)}
#app-fixe .garde-fou p{margin:0}
#app-fixe .garde-fou a{color:var(--encre);font-weight:700;text-decoration:underline}
#app-fixe a:focus-visible,#app-fixe button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
#app-fixe .app-pied a{color:var(--doux);text-decoration:none}
#app-fixe .app-pied a:hover{color:var(--encre)}
/* ===== LA MOLETTE À 1024 × 768 (chantier 38, E) : sous 1181 px de large, la maquette fait de chaque écran la hauteur de son contenu (flex:none) dans une scène qui COUPE
   (overflow:hidden) ; seuls Bord et Agenda avaient une scène défilante. Désormais la scène défile pour TOUS les écrans : une seule barre, sur le côté, jamais de barre
   horizontale. L'en-tête de l'écran reste en haut, comme sur Bord et Agenda. ===== */
@media (max-width:1180.98px){
#app-fixe .scene{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
#app-fixe .entete{position:sticky;top:0;z-index:7;background:var(--fond)}
#app-fixe .app[data-dir="nuit"] .entete{background:#131A24}
}
/* ===== LA VISITE GUIDÉE (chantier 36) : tout est posé PAR-DESSUS les écrans, rien ne les déplace. Sept tailles seulement (10 · 11.5 · 12.5 · 13.5 · 15.5 · 21 · 30), couleurs de la charte. ===== */
#app-fixe .vt-inter{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:12.5px;color:rgba(240,235,225,.9);cursor:pointer;user-select:none;padding:5px 11px 5px 8px;border-radius:999px;border:1px solid rgba(240,235,225,.2);background:rgba(240,235,225,.05);transition:.18s}
#app-fixe .vt-inter:hover{background:rgba(227,188,106,.18);border-color:#E3BC6A}
#app-fixe .vt-glis{width:34px;height:18px;border-radius:999px;background:rgba(240,235,225,.2);position:relative;flex:none;transition:.22s}
#app-fixe .vt-glis::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#F0EBE1;transition:.22s}
#app-fixe .vt-inter.on{background:#E3BC6A;border-color:#E3BC6A;color:#1F2833;font-weight:700}
#app-fixe .vt-inter.on .vt-glis{background:rgba(31,40,51,.3)}
#app-fixe .vt-inter.on .vt-glis::after{left:18px;background:#FCFAF6}
#app-fixe .vt-annonce{position:absolute;left:0;right:0;top:47px;z-index:65;background:#E3BC6A;color:#1F2833;padding:6px 20px;display:flex;align-items:center;gap:14px;justify-content:center;box-shadow:0 3px 14px rgba(31,40,51,.22);font-size:13.5px;flex-wrap:wrap}
#app-fixe .vt-annonce[hidden]{display:none}
#app-fixe .vt-annonce b{font-family:'Marcellus',serif;font-size:15.5px;font-weight:400}
#app-fixe .vt-x{font:inherit;font-size:12.5px;border:1px solid rgba(31,40,51,.4);background:rgba(252,250,246,.4);color:#1F2833;padding:4px 13px;border-radius:999px;cursor:pointer;font-weight:700}
#app-fixe .vt-x:hover{background:#FCFAF6}
#app-fixe .vt-pts{position:absolute;inset:0;z-index:60;pointer-events:none}
#app-fixe .vt-pt{position:absolute;pointer-events:auto;width:28px;height:28px;padding:0;border-radius:50%;background:#E3BC6A;color:#1F2833;border:2px solid #FCFAF6;display:flex;align-items:center;justify-content:center;font-family:'Marcellus',serif;font-size:15.5px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(31,40,51,.3);animation:app-vt-bat 1.7s ease-in-out 4}
#app-fixe .vt-pt[hidden]{display:none}
@keyframes app-vt-bat{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
#app-fixe .vt-pt:hover,#app-fixe .vt-pt:focus-visible{background:#A87B23;color:#FCFAF6;animation:none;transform:scale(1.2)}
@media (prefers-reduced-motion:reduce){#app-fixe .vt-pt{animation:none}}
#app-fixe.vt-on .app-ecran{cursor:help}
#app-fixe.vt-on .app-ecran .bande:hover{box-shadow:0 0 0 2px rgba(227,188,106,.34)}
#app-fixe .vt-voile{position:absolute;inset:0;z-index:70;display:none;pointer-events:none;overflow:hidden}
#app-fixe .vt-voile.on{display:block}
#app-fixe .vt-trou{position:absolute;border-radius:13px;box-shadow:0 0 0 9999px rgba(31,40,51,.72),0 0 0 3px #E3BC6A,0 0 34px rgba(227,188,106,.5);transition:all .34s cubic-bezier(.4,0,.2,1)}
#app-fixe .vt-bulle{position:absolute;z-index:74;display:none;width:min(440px,calc(100% - 32px));background:#FCFAF6;color:#1F2833;border:2px solid #E3BC6A;border-radius:13px;box-shadow:0 14px 44px rgba(31,40,51,.42);padding:17px 19px 15px;text-align:left}
#app-fixe .vt-bulle.on{display:block;animation:app-vt-pose .22s ease-out}
@keyframes app-vt-pose{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#app-fixe .vt-ou{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7E5C18;font-weight:700;margin-bottom:5px}
#app-fixe .vt-bulle h2{font-family:'Marcellus',serif;font-size:15.5px;font-weight:400;margin:0 0 8px;line-height:1.25;color:#1F2833}
#app-fixe .vt-bulle p{font-size:13.5px;margin:0 0 9px;line-height:1.6;color:#1F2833}
#app-fixe .vt-bulle p:last-of-type{margin-bottom:0}
#app-fixe .vt-bulle .vt-cle{background:rgba(227,188,106,.34);border-left:3px solid #A87B23;border-radius:7px;padding:9px 12px;font-size:13.5px;margin:10px 0 0}
#app-fixe .vt-fl{position:absolute;width:16px;height:16px;background:#FCFAF6;border-left:2px solid #E3BC6A;border-top:2px solid #E3BC6A;transform:rotate(45deg)}
#app-fixe .vt-bulle.vt-feuille{border-radius:13px 13px 9px 9px;overflow:visible}   /* CHANTIER 235 (LOT H) : plus de défilement dans la bulle (règle du marbre) : elle prend la hauteur de son texte */
#app-fixe .vt-barre{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;z-index:78;display:none;background:#232B36;color:#F0EBE1;border:1px solid rgba(227,188,106,.4);border-radius:13px;box-shadow:0 10px 34px rgba(31,40,51,.45);padding:10px 13px;align-items:center;gap:13px;max-width:calc(100% - 24px);flex-wrap:wrap}
#app-fixe .vt-barre.on{display:flex}
#app-fixe .vt-nom{font-family:'Marcellus',serif;font-size:13.5px;padding-right:13px;border-right:1px solid rgba(240,235,225,.2);white-space:nowrap}
#app-fixe .vt-nom em{font-style:normal;display:block;font-family:'Karla',sans-serif;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(240,235,225,.66);font-weight:700}
#app-fixe .vt-past{display:flex;gap:5px;flex-wrap:wrap}
#app-fixe .vt-past button{font:inherit;font-size:11.5px;width:26px;height:26px;border-radius:7px;cursor:pointer;border:1px solid rgba(240,235,225,.26);background:rgba(240,235,225,.07);color:#F0EBE1;transition:.15s;padding:0}
#app-fixe .vt-past button:hover{background:rgba(227,188,106,.34);border-color:#E3BC6A;color:#FCFAF6}
#app-fixe .vt-past button.vt-ici{background:#E3BC6A;border-color:#E3BC6A;color:#1F2833;font-weight:700}
#app-fixe .vt-past button.vt-vu{border-color:rgba(227,188,106,.5);color:#E3BC6A}
#app-fixe .vt-nav{display:flex;gap:6px;align-items:center;padding-left:13px;border-left:1px solid rgba(240,235,225,.2)}
#app-fixe .vt-nb{font:inherit;font-size:12.5px;padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid rgba(240,235,225,.26);background:rgba(240,235,225,.07);color:#F0EBE1;transition:.15s}
#app-fixe .vt-nb:hover:not(:disabled){background:rgba(227,188,106,.34);border-color:#E3BC6A}
#app-fixe .vt-nb:disabled{opacity:.32;cursor:default}
#app-fixe .vt-nb.vt-fin{background:#E3BC6A;border-color:#E3BC6A;color:#1F2833;font-weight:700}
#app-fixe .vt-nb.vt-ferme{width:32px;padding:6px 0;text-align:center;font-size:15.5px;line-height:1}
#app-fixe .vt-tou{font-size:10px;color:rgba(240,235,225,.66);white-space:nowrap}
@media (max-width:680.98px){#app-fixe .vt-barre{bottom:8px;padding:9px 11px;gap:9px}#app-fixe .vt-nom{border-right:0;padding-right:0}#app-fixe .vt-tou{display:none}}
@media (max-width:680.98px){#app-fixe .vt-annonce:not(.vt-dit) span{display:none}#app-fixe .vt-annonce{padding:5px 14px}}
@media (max-width:430.98px){#app-fixe .app-choix .nm{display:none}}
@media (max-width:480.98px){#app-fixe .vt-inter{padding:4px 8px 4px 6px;gap:6px;font-size:11.5px}#app-fixe .vt-glis{width:28px;height:16px}#app-fixe .vt-glis::after{width:12px;height:12px}#app-fixe .vt-inter.on .vt-glis::after{left:14px}#app-fixe .app-choix .quitter{font-size:11.5px;margin-left:8px}}
#app-fixe .vt-emploi{display:none;margin-left:auto}
#app-fixe .app[data-ecran="reglages"] .vt-emploi{display:inline}
#app-fixe .app[data-ecran="reglages"] .entete .btn{margin-left:14px}
/* ===== CHANTIER 41 : les trois outils mènent à leur page ; le couple se lit en DEUX COLONNES côte à côte ===== */
#app-fixe a.fait{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}
#app-fixe a.fait:hover{border-color:var(--accent);transform:translateY(-1px)}
#app-fixe .fait-va{margin-left:2px;color:var(--accent);font-size:15.5px;line-height:1}
#app-fixe a.btn{text-decoration:none}
#app-fixe .app[data-etat="seul"] .faits,#app-fixe .app[data-etat="invite"] .faits{opacity:1}   /* les outils se font seul : la rangée ne s'efface pas */
#app-fixe .outil-va{display:flex;flex-wrap:wrap;gap:9px 11px;align-items:center;margin:0 0 10px}
#app-fixe .outil-ligne{flex:1 1 220px;font-size:12.5px;color:var(--doux);line-height:1.4}
#app-fixe .hu-c{align-items:flex-start;flex:1 1 0;min-width:150px}
#app-fixe .hu-gros{gap:7px;margin:4px 0 5px}
#app-fixe .hu-gros svg{width:26px;height:50px}
#app-fixe .hu-ecart{flex:none;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:96px;padding:0 6px;font-size:11.5px;color:var(--doux);text-align:center;line-height:1.25}
#app-fixe .hu-ecart b{font-family:'Marcellus',serif;font-weight:400;font-size:30px;line-height:1;color:var(--accent)}
#app-fixe .hu-ecart.pareil span{color:var(--soir-deux);font-weight:700}
#app-fixe .hu-ecart.sep span{color:var(--encre)}
#app-fixe .hu-ecart.neutre span{font-size:21px}
#app-fixe .hu-c.vide{border:1px dashed var(--bord);border-radius:9px;padding:7px 12px}
#app-fixe .hu-c.vide .hu-nom{color:var(--doux)}
#app-fixe .hu-attend{font-family:'Karla',sans-serif;font-size:12.5px;color:var(--doux);white-space:normal;line-height:1.35;max-width:230px}
#app-fixe .hu-moral{font-size:11.5px;color:var(--doux);margin-top:3px}
@media (max-width:680.98px){#app-fixe .hu-gros svg{width:20px;height:38px}#app-fixe .hu-ecart{min-width:60px}#app-fixe .hu-ecart b{font-size:21px}#app-fixe .hu-attend{font-size:11.5px}#app-fixe .hu-c{min-width:0}}
/* ===== CHANTIER 206 (Éric, 20/10/2026, « À la place. ») : les pictogrammes en relief des onglets, des bandeaux et du scellé (posés par lcPictos, couche de lecture) ===== */
#app-fixe .re .uc-pic,#app-fixe .be-i .uc-pic,#app-fixe .scelle .cad .uc-pic{display:block;margin:0;vertical-align:0}
#app-fixe .be-i.a-pic{width:40px;height:40px}
/* ===== CHANTIER 207 (Éric, 20/10/2026, « Oui. ») : les quinze symboles en pictogramme (picto() de la maquette). Ailleurs, chaque endroit garde la taille que .sy lui donne ; dans les listes de choix, 28 px. ===== */
#app-fixe img.sy.uc-pic{margin:0;vertical-align:middle}
#app-fixe .sy-c img.sy.uc-pic{width:28px;height:28px}
/* ===== CHANTIER 220 (Éric, 21/10/2026 : « même réflexion dans le tableau de bord, les visuels sont beaucoup trop petits ») : les symboles de « Ce qui a marqué »
   sont des choix ; ils prennent l'échelle unique des pictogrammes de choix (--uc-picto, commun.css : 64 px, 52 px au téléphone), et leur case ne passe jamais
   sous 48 px de haut. ===== */
#app-fixe .sy-c{min-height:48px}
/* L'agenda au téléphone (trouvé au chantier 220, défaut d'avant : la vue du jour avait 44 px, le texte une lettre par ligne, aucun symbole touchable) :
   la colonne de droite gardait ses 288 px. Sous 600 px, les deux colonnes s'empilent. */
@media (max-width:600px){#app-fixe .ag{grid-template-columns:minmax(0,1fr)}}
#app-fixe .sy-c img.sy.uc-pic{width:var(--uc-picto,28px);height:var(--uc-picto,28px)}
/* ===== CHANTIER 229, LOT B (Éric, 22/10/2026 à 9 h 51 : « les pictogrammes sur le côté [...] beaucoup plus gros, même taille [...] que ceux du questionnaire ») :
   les onglets du cadre (colonne de gauche ; barre d'onglets au téléphone) et l'icône des bandeaux prennent l'échelle unique --uc-picto (64 px, 52 px sous 1 024 px).
   Le pictogramme ne rapetisse pas : sur ordinateur, la colonne défile quand l'écran est trop bas pour tout montrer (la règle qui le faisait sous 860 px de haut vaut
   désormais à toute hauteur) ; au téléphone, la barre d'onglets défilait déjà de côté. ===== */
#app-fixe .re .uc-pic{width:var(--uc-picto,22px);height:var(--uc-picto,22px)}
#app-fixe .re.a-pic{gap:3px;padding-top:8px;padding-bottom:7px}
#app-fixe .be-i.a-pic,#app-fixe .be-i.a-pic .uc-pic{width:var(--uc-picto,40px);height:var(--uc-picto,40px)}
@media (min-width:1181px){#app-fixe .app-menu{overflow-y:auto;scrollbar-width:none}#app-fixe .app-menu::-webkit-scrollbar{display:none}}
/* ===== CHANTIER 230, LOT C (décision du directeur) : les symboles de la grille du mois restent petits, mais un clic sur eux est un clic sur la case du
   jour (un bouton), et cette case ne descend jamais sous 44 × 44 px. À 390 px elle faisait 42 px de large : sous 421 px, la grille resserre ses écarts
   (4 → 2 px) et sa marge intérieure (8 → 4 px) ; les cases passent à 44,9 px. ===== */
@media (max-width:420.98px){#app-fixe .m-grille{gap:2px}#app-fixe .app[data-ecran="soirees"] .ag-cal{padding-left:4px;padding-right:4px}}
/* Sous 381 px, les cases se touchent (leur bord fait la séparation), la grille et sa bande perdent leur marge : 45 px à 360. À 320 px, sept colonnes ne tiennent pas
   à 44 px (7 × 44 = 308 px, plus les bords du compte) : la case y fait 38 px de large sur 79 de haut (au-dessus des 24 px du niveau AA). */
@media (max-width:380.98px){#app-fixe .m-grille{gap:0}#app-fixe .app[data-ecran="soirees"] .ag-cal{padding-left:2px;padding-right:2px}#app-fixe .app[data-ecran="soirees"] .bande:has(.ag-cal){padding-left:4px !important;padding-right:4px !important}}
/* ===== CHANTIER 232, LOT B (Éric, 22/10/2026 à 12 h 52 : « un double scroll sur le côté ») : le cadre du compte est posé en position fixe sur tout l'écran ;
   la page du site, dessous, défilait encore (970 px à 1 440 × 900) : une seconde barre, pour rien. Tant que le cadre est affiché, la page ne défile plus ;
   seuls défilent la scène du compte et, quand elle est trop haute, la colonne des onglets. ===== */
html:has(#app-fixe:not([hidden])),html:has(#app-fixe:not([hidden])) body{overflow:hidden !important}
/* ===== CHANTIER 232, LOT B (« une petite flèche qui monte et qui descend […] si j'ai pas de roulette, je peux pas le faire ») : deux flèches au bout de la colonne
   des onglets (de la barre d'onglets au téléphone), posées par lcFlechesRail. Elles ne paraissent que si la colonne est plus haute que la place ; un clic fait
   défiler d'un onglet ; celle du haut s'éteint en haut, celle du bas en bas. Discrètes, de la couleur du texte : LA FORME EST À ÉRIC (proposition). ===== */
#app-fixe .rail-fl{position:sticky;z-index:5;flex:none;display:flex;align-items:center;justify-content:center;border:0;margin:0;padding:0;
  background:var(--fond,#FAF8F3);color:var(--doux,#6B7280);cursor:pointer;opacity:.9}
#app-fixe .rail-fl[hidden]{display:none !important}
#app-fixe .rail-fl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#app-fixe .rail-fl:hover{color:var(--encre,#1F2833)}
#app-fixe .rail-fl:focus-visible{outline:2px solid var(--accent,#A87B23);outline-offset:-2px}
#app-fixe .rail-fl[aria-disabled="true"]{opacity:.25;cursor:default}
#app-fixe .rail-fl.v{width:100%;height:26px}
#app-fixe .rail-fl.v.debut{top:0}
#app-fixe .rail-fl.v.fin{bottom:0}
#app-fixe .rail-fl.h{width:26px;align-self:stretch}
#app-fixe .rail-fl.h.debut{left:0}
#app-fixe .rail-fl.h.fin{right:0}
/* ===== CHANTIER 234, LOT B (Éric : « Tu mets juste un cadenas ouvert, un cadenas fermé, avec une infobulle […] Mais mettre du texte pour ça, non. ») : le signe de la clé
   du couple, sans un mot à côté ; l'explication vit dans sa bulle (data-dit), comme « Données chiffrées » dans la barre du site. Il se pose au bout de la rangée « À faire »
   et y reste quand tout est fait. ===== */
#app-fixe .cle-signe{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:auto;border-radius:50%;flex:none;
  color:var(--accent,#A87B23);cursor:help}
#app-fixe .cle-signe svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#app-fixe .cle-signe:focus-visible{outline:2px solid var(--accent,#A87B23);outline-offset:2px}
#app-fixe .app:not([data-dir="nuit"]) .cle-signe{color:#7E5C18}
/* ===== CHANTIER 213 (Éric, 20/10/2026) : l'or clair n'apparaît jamais sur un fond clair (CLAUDE.md § 5). « dans 12 jours » (le Devoir de S'Asseoir, couleur --or)
   était à 1,25:1 dans les deux habillages ; sur les fonds clairs il prend l'or foncé du texte. En sombre (nuit), rien ne change. ===== */
#app-fixe .app:not([data-dir="nuit"]) .as-t em[style*="var(--or)"]{color:#7E5C18}
/* ===== CHANTIER 213 (Éric, 20/10/2026) : LE CADRE EN MODERNE. Chaque règle commence par :root[data-forme="moderne"] : le traditionnel ne la lit pas.
   Le quadruple identifiant (#app-fixe répété) passe devant moderne.css (§§ 10, 20, 38, 39), dont les règles pèsent jusqu'à trois identifiants (§ 20 : trois :not(#…)) : écrites pour les pages
   publiques, elles atteignaient aussi le cadre (pied du site posé sur le pied du cadre, cases du calendrier en pilule, tous les traits effacés).
   Ce qui suit les remet d'aplomb, dans la logique du moderne : fonds neutres, rayons des cinq, l'ombre à la place du trait, le doré commun. ===== */
/* 1. les fonds : ceux de --lin et --ivoire en moderne (clair : #F4F6F9 et #FFFFFF ; nuit : #0F1318 et #171C23) ; l'or des textes devient l'or foncé */
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app:is([data-dir="vitrail"],[data-dir="clarte"]){
  --tranche:#F4F6F9; --fond:#FFFFFF; --surface:#FFFFFF; --surface2:#F4F6F9; --piste:#F4F6F9;
  --bord:rgba(31,40,51,.11); --doux:#5A6673; --accent:#7E5C18; --r:var(--r-carte,18px); --haut:0 0 0 transparent;
  --ombre:0 1px 2px rgba(31,40,51,.04),0 4px 10px rgba(31,40,51,.05),0 16px 40px rgba(31,40,51,.09)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"]{--tranche:#0F1318; --fond:#171C23; --doux:rgba(242,238,230,.68); --r:var(--r-carte,18px)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] .entete{background:#171C23}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app :is(.etape,.bande,.humeur){background:var(--surface)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app:is([data-dir="vitrail"],[data-dir="clarte"]) :is(.mj,.sj){background:#FFFFFF}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="vitrail"] .filigrane{display:none}
/* 2. les rayons : les cartes ont celui des cartes, ce qui est posé dedans le petit, les lignes de réglage celui des champs */
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.ident,.etape,.bande,.humeur,.ag-cal){border-radius:var(--r-carte,18px)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .ident{margin:10px 16px 0}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .scene{border-radius:var(--r-carte,18px) 0 0 var(--r-carte,18px)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.rg,textarea){border-radius:var(--r-champ,14px)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.mj,.sj){border-radius:var(--r-dedans,8px)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.btn,a.btn,.mb,.fait,.ag-ajd,.ag-fl,.ag-replier,.nsp-b,.refermer,.ag-vues,.ag-vues button){border-radius:var(--r-pilule,999px)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .rail-parcours{border-radius:var(--r-carte,18px)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .aide{border-radius:50%!important}
/* 3. le trait part, l'ombre le remplace. Gardent leur trait parce qu'il porte un sens : les visages (.av), le filet d'or de « Vos trois outils » (.sur-faits),
   l'étape en cours (.etape.app-ici), la date marquée (.mj.ajd, .mj.a-del), les jours à venir en pointillé (.mj.futur), l'outil à reprendre (.fait.att),
   la période délicate (.delicat, bord écarlate), le filet du garde-fou détresse, et les champs de saisie. */
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.fait,.re,.entete,.ident,.app-menu,.scene,.vt-inter,.etape,.bande,.humeur,.rg,.ag-cal,.ag-vues,.mb,.app-pied,.rail-parcours,.mj,.sj){border-color:transparent}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.fait,.re.app-ici,.ident,.rail-parcours,.mb){box-shadow:0 1px 3px rgba(31,40,51,.08),0 6px 18px rgba(31,40,51,.07)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] :is(.fait,.re.app-ici,.ident,.rail-parcours,.mb){box-shadow:0 1px 3px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.28)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .av{border:2px solid var(--surface)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .sur-faits{border-right-color:var(--accent)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .etape.app-ici{border:2px solid var(--accent)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .fait.att{border:1px solid rgba(168,68,59,.42)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .mj.futur{border:1px dashed rgba(31,40,51,.3)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] .mj.futur{border-color:rgba(242,238,230,.3)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.mj.ajd,.mj.a-del){border:1px solid var(--accent)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .delicat{border:3px solid var(--ecarlate)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .garde-fou{border-left:4px solid var(--nous)!important;border-radius:var(--r-dedans,8px)}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(input,select,textarea){border-width:1px!important;border-style:solid!important}
/* 4. le pied du cadre : moderne.css (§ 10) pose sur tout <footer> le fond, la marge et les rayons du pied du site */
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe footer.app-pied{background:var(--surface)!important;background-image:none!important;margin:0!important;padding:7px 16px!important;border-radius:0!important;overflow:visible}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] footer.app-pied{background:rgba(255,255,255,.03)!important}
/* 5. les boutons d'action : le canon du moderne (Karla demi-gras, pilule, sans trait, une ombre ; 17 px, décision du 20/10 au chantier 214 : la taille
   est posée dans commun.css, car A6 garde les sept tailles de cette feuille), et le doré commun du chantier 212 : #916B21 0 % · #815C18 18 % · #755417 55 % · #654812 100 %, texte ivoire */
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.btn,a.btn){font-family:'Karla',system-ui,sans-serif!important;font-weight:600!important;
  letter-spacing:.01em!important;line-height:1.25!important;text-transform:none!important;border:0!important;
  background-image:linear-gradient(180deg,#916B21 0%,#815C18 18%,#755417 55%,#654812 100%)!important;background-color:#755417!important;color:#FCFAF6!important;
  box-shadow:0 1px 2px rgba(101,72,18,.25),0 4px 12px rgba(101,72,18,.22)!important}
/* les boutons sans fond plein : le fond léger des secondaires publics, et l'ombre ; aucun ne doit ressembler à du texte */
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.btn.creux,.mb.plus,.ag-ajd,.ag-fl,.ag-replier,.nsp-b:not([aria-pressed=true])){
  background-image:none!important;background-color:rgba(31,40,51,.055)!important;color:var(--encre)!important;border:0!important;
  box-shadow:0 1px 3px rgba(31,40,51,.08),0 6px 18px rgba(31,40,51,.07)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] :is(.btn.creux,.mb.plus,.ag-ajd,.ag-fl,.ag-replier,.nsp-b:not([aria-pressed=true])){
  background-color:rgba(255,255,255,.085)!important;box-shadow:0 1px 3px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.28)!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .mb{background-color:var(--surface2)}
/* 6. ce qui n'est pas un bouton d'action reprend sa taille : moderne.css (§ 39) donne 17 px et le demi-gras à tout bouton d'un écran.
   Les cases du calendrier, les étiquettes, les liens, les choix, l'aide « ? » gardent les tailles du cadre (au téléphone : format-telephone.css). */
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.mj,.sj,.mb,.fait,.lien,.ag-vues button,.ag-ajd,.nsp-b,.refermer,.aide,.sy-c,.jr-b,.fl-b,.rail-parcours,.vt-past button,.vt-nb,.app-choix button,.ag-fl,.ag-replier){
  font-family:'Karla','Helvetica Neue',Arial,sans-serif!important;letter-spacing:normal!important;line-height:1.45!important;text-transform:none!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.mj,.sj,.mb,.rail-parcours,.sy-c,.jr-b,.fl-b){font-size:13.5px!important;font-weight:400!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.fait,.lien,.vt-nb){font-size:12.5px!important;font-weight:400!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.ag-vues button,.ag-ajd,.vt-past button){font-size:11.5px!important;font-weight:400!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .ag-vues button[aria-pressed="true"]{font-weight:700!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe :is(.nsp-b,.refermer){font-size:12.5px!important;font-weight:700!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .app-choix button:not(.refermer){font-size:10px!important;font-weight:600!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .aide{font-size:10px!important;font-weight:700!important;line-height:1!important}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe .lien{border-radius:0!important;box-shadow:none!important;background:none!important}
/* ===== CHANTIER 239 (LOT B) : LA NAVIGATION DU TÉLÉPHONE. Décidé le 17/10 (la forme et les deux formats : « rail à gauche sur ordinateur, BARRE EN BAS sur
   téléphone et tablette »), resté sans numéro de chantier. La bascule est le seuil qui existe déjà (232 : sous 900 px, les blocs s'empilent) :
     900 px et plus : LE RAIL À GAUCHE — rétabli entre 900 et 1 180 px (la maquette l'y couchait en rangée EN HAUT) ; au-dessus, rien ne change ;
     moins de 900 px : LA BARRE EN BAS — fixe, tous les onglets, elle défile de côté au pouce, avec les deux flèches du chantier 232 (lcFlechesRail suit
     l'axe de la barre), sans barre de défilement ; le contenu réserve sa hauteur (--uc-app-bas, mesurée par lcBarreBas) et ne passe jamais dessous.
   La mise en page du contenu entre 900 et 1 180 px ne change pas : seuls le menu et le cadre de la scène retrouvent leur place d'ordinateur. ===== */
@media (min-width:900px) and (max-width:1180.98px){
#app-fixe{overflow:hidden}
#app-fixe .app{flex-direction:row;flex:1;min-height:0;padding:16px 0 16px 22px;background:var(--tranche)}
#app-fixe .scene{min-height:0;border:1px solid var(--bord);border-right:0;border-radius:16px 0 0 16px;box-shadow:-2px 0 6px rgba(31,40,51,.05), -12px 0 36px rgba(31,40,51,.07)}
#app-fixe .app-menu{width:82px;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px;padding:2px 0;background:none;border:0;overflow-y:auto;scrollbar-width:none}
#app-fixe .app-menu::-webkit-scrollbar{display:none}
#app-fixe .rail{order:0;width:auto;flex:none;flex-direction:column;gap:3px;margin:0;padding:0;overflow-x:visible}
#app-fixe .re{flex:none;min-width:0;margin-right:-1px;padding:11px 4px 9px;border-right:0;border-radius:12px 0 0 12px}
#app-fixe .re.app-ici{background:var(--fond);border-color:var(--bord);box-shadow:-2px 0 5px rgba(31,40,51,.05), -9px 0 22px rgba(31,40,51,.06)}
#app-fixe .re.app-ici::after{display:block}
#app-fixe .rail-sep{display:block}
#app-fixe .rail-parcours{order:0;margin:auto 10px 0 0;flex-direction:column;gap:5px;padding:11px 2px}
#app-fixe .rail-parcours .rp-nom{display:block}
#app-fixe .anneau svg{width:38px;height:38px}
}
@media (max-width:899.98px){
#app-fixe .app{padding-bottom:var(--uc-app-bas,96px)}
#app-fixe .app-menu{position:fixed;left:0;right:0;bottom:0;z-index:60;width:auto;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;
  padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));margin:0;background:var(--surface);border:0;border-top:1px solid var(--bord);
  box-shadow:0 -6px 18px rgba(31,40,51,.08)}
#app-fixe .app[data-dir="nuit"] .app-menu{box-shadow:0 -6px 18px rgba(0,0,0,.35)}
#app-fixe .rail-logo{display:none}
#app-fixe .rail-parcours{order:1;flex:none;margin:0;padding:6px 9px}
#app-fixe .rail-parcours .rp-nom{display:none}
#app-fixe .rail{order:2;flex:1 1 auto;width:auto;min-width:0;margin:0;padding:0;flex-direction:row;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
#app-fixe .rail::-webkit-scrollbar{display:none}
#app-fixe .re{flex:0 0 auto;min-width:64px}
/* l'onglet courant se voit sans ambiguïté : son fond, et un trait d'or au-dessus de son pictogramme */
#app-fixe .re.app-ici{background:var(--surface2,#F4EFE6);border-color:var(--bord);box-shadow:inset 0 3px 0 var(--accent,#A87B23)}
/* ce qui se pose en bas de l'écran se pose AU-DESSUS de la barre */
#app-fixe .vt-barre{bottom:calc(var(--uc-app-bas,96px) + 8px)}
}
/* ===== CHANTIER 268 (LOT 7, tranchage 5) — 320 PX SANS HABILLAGE MODERNE : les deux débordements du banc du compte (tableau de bord rempli). Les cinq flammes
   de chaque jauge (16 px + 3 px) passaient de 14 px le cadre de « Comment vous allez » ; les trente barres de « Vos soirs ensemble », séparées de 7 px fixes
   (29 × 7 = 203 px), passaient de 7 px leur bande. Ici seulement : sous 360 px, hors moderne (le moderne, celui du compte connecté, ne bouge pas). ===== */
@media (max-width:360.98px){
:root:not([data-forme="moderne"]) #app-fixe .hu-f{gap:2px}
:root:not([data-forme="moderne"]) #app-fixe .hu-f svg{width:13px;height:18px}
:root:not([data-forme="moderne"]) #app-fixe .mir-r{gap:2px}
}
/* ===== CHANTIER 268 (LOT 5) — LE COMPTE SUR TÉLÉPHONE (Éric, 25/10 à 0 h 15 et 0 h 17 : « Mettre le menu plus petit en bas, pas en transparent. La partie du
   haut, il y a un menu fixe qui sert à pas grand-chose, qui est très épais. Il faut gagner un maximum de place. » ; « Le nom una caro, s'il prend trop de
   place, c'est pas la peine. Ce qui est important, c'est de pouvoir naviguer sereinement. »). Sous 900 px (là où la barre est en bas) :
     EN HAUT : RIEN. La barre du haut (.app-choix : la marque, la visite guidée, « Refermer mes réponses », « Quitter mon compte ») se cache ; ses trois
       actions passent dans « Plus » (des relais vers les mêmes boutons : une seule action pour chacune). Le titre de l'onglet est déjà dans le contenu.
     EN BAS : la même barre (.app-menu : le fond plein du bloc 258 s'y applique toujours, rien ne le réécrit), plus petite, CINQ entrées d'au moins 44 px :
       Accueil · Le soir · S'asseoir · Messager · Plus. « Plus » ouvre, au-dessus d'elle, l'Agenda, Votre tempérament, Votre couple, le Conseiller,
       Trouver de l'aide, les Réglages, vos parcours, et les trois actions du haut. Aucun onglet n'est retiré : ceux qui ne sont pas dans la barre sont
       dans « Plus ». Au-dessus de 900 px, RIEN NE CHANGE. ===== */
#app-fixe .re .re-court{display:none}
#app-fixe .re-plus,#app-fixe .app-plus{display:none}
@media (max-width:899.98px){
#app-fixe .app-choix{display:none !important}
#app-fixe .rail .re:not([data-ecran="bord"]):not([data-ecran="quotidien"]):not([data-ecran="asseoir"]):not([data-ecran="messager"]){display:none !important}
#app-fixe .app-menu .rail-parcours{display:none !important}
#app-fixe .app-menu .rail-fl{display:none !important}
#app-fixe .app-menu{gap:0;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));overflow:visible !important}
#app-fixe .rail{overflow:visible;gap:2px;justify-content:space-between}
#app-fixe .rail .re,#app-fixe .rail .re-plus{flex:1 1 0;min-width:44px;min-height:46px;padding:4px 2px 3px;gap:3px;box-sizing:border-box}
#app-fixe .rail .re .uc-pic,#app-fixe .rail .re > svg,#app-fixe .rail .re-plus > svg{width:26px !important;height:26px !important}
#app-fixe .rail .re:has(.re-court) > span:not(.re-court){display:none}
#app-fixe .rail .re .re-court{display:block}
#app-fixe .rail .re-plus{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;background:none;color:inherit;font:inherit;cursor:pointer}
#app-fixe .rail .re-plus span{font-size:10px;letter-spacing:.03em;line-height:1.1}
#app-fixe .rail .re-plus > svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#app-fixe .rail .re-plus.app-ici,#app-fixe .rail .re-plus[aria-expanded="true"]{background:var(--surface2,#F4EFE6);border-color:var(--bord);box-shadow:inset 0 3px 0 var(--accent,#A87B23)}
#app-fixe .app-plus{position:absolute;right:8px;bottom:calc(100% + 6px);width:min(300px,calc(100vw - 16px));max-height:calc(100vh - var(--uc-app-bas,60px) - 24px);overflow:visible;
  flex-direction:column;gap:2px;padding:8px;box-sizing:border-box;background:inherit;color:inherit;border:1px solid var(--bord);border-radius:14px;box-shadow:0 -6px 22px rgba(31,40,51,.18)}
#app-fixe .app-plus:not([hidden]){display:flex}
#app-fixe .app-plus button{display:flex;align-items:center;min-height:44px;padding:0 14px;border:0;border-radius:10px;background:none;color:inherit;font:600 15px/1.2 Karla,system-ui,sans-serif;text-align:left;cursor:pointer}
#app-fixe .app-plus button:hover,#app-fixe .app-plus button:focus-visible{background:var(--surface2,#F4EFE6)}
#app-fixe .app-plus button[aria-current="page"]{box-shadow:inset 3px 0 0 var(--accent,#A87B23)}
#app-fixe .app-plus .plus-sep{height:1px;margin:4px 6px;background:var(--bord)}
/* « Plus » ressemble aux autres entrées : le canon des boutons d’action du moderne (la pilule, 17 px) ne le prend pas ; son libellé a la taille et la couleur des libellés des onglets */
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rail button.re-plus{border-radius:9px !important;border:1px solid transparent !important;min-height:46px !important;padding:4px 2px 3px !important;background:none !important;color:var(--doux,#5A6673) !important;font-size:13.5px !important;font-weight:400 !important;box-shadow:none !important}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rail button.re-plus span{font-size:13.5px !important;letter-spacing:.03em !important;line-height:1.1 !important;color:inherit !important}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rail button.re-plus:is(.app-ici,[aria-expanded="true"]){background:var(--surface2,#F4EFE6) !important;border-color:var(--bord) !important;box-shadow:inset 0 3px 0 var(--accent,#A87B23) !important}
/* LE FOND PLEIN, POUR DE BON. Le bloc 258 (plus bas dans compte.css) devait rendre la barre opaque dans les quatre thèmes, mais son sélecteur
   « #app-fixe #app-fixe .app .app-menu » cherche un #app-fixe DANS un #app-fixe : il ne s’applique jamais (mesuré le 25/10 : en thème nuit, la barre reste à
   rgba(255,255,255,.05), le contenu défile derrière). Il n’est pas touché ; la même règle, avec les mêmes couleurs, est posée ici avec un sélecteur qui s’applique. */
#app-fixe .app .app-menu{background:#FFFFFF;-webkit-backdrop-filter:none;backdrop-filter:none}
#app-fixe .app[data-dir="clarte"] .app-menu{background:#FAF8F3}
#app-fixe .app[data-dir="vitrail"] .app-menu{background:#FBF8F2}
#app-fixe .app[data-dir="nuit"] .app-menu{background:#1B2430}
}
/* ===== CHANTIER 244 (LOT D) : le bandeau « Vous visitez un compte de démonstration » ne recouvre rien : il se pose tout en bas, sur toute la largeur,
   et le cadre lui fait sa place (--uc-demo-h, sa hauteur réelle, posée par mon-compte.html quand il paraît ; 0 sinon). Sous 900 px, la barre d'onglets
   se pose au-dessus de lui. ===== */
#app-fixe{bottom:calc(var(--uc-demo-h,0px) + var(--uc-avis-h,0px))}
@media (max-width:899.98px){
#app-fixe .app-menu{bottom:calc(var(--uc-demo-h,0px) + var(--uc-avis-h,0px))}
}
/* CHANTIER 245 (LOT D1) : le message bref du cadre (app-avis, mon-compte.html) a sa bande réservée, comme le bandeau de démonstration : --uc-avis-h */
/* ===== CHANTIER 240 (LOT N) : les trois profondeurs des résultats (Votre couple, Votre tempérament) : le bloc déplié grandit, la scène défile ; jamais de barre dans le bloc. ===== */
#app-fixe .lc-deplie{margin-top:12px}
#app-fixe .lc-plie{max-height:none;overflow:visible}
#app-fixe .lc-ec{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:baseline}
#app-fixe .lc-q{overflow-wrap:anywhere}
/* au téléphone, la colonne des noms de tempérament suit la taille du texte (78 px coupaient « Mélancolique » et « Flegmatique » au milieu du mot, à 390 px) */
@media (max-width:620.98px){ #app-fixe .jg{grid-template-columns:7.4em 1fr 3.4em} }
#app-fixe .ecran[data-nom="questions"] .bande.b-large,#app-fixe .ecran[data-nom="temperament"] .bande.b-large{max-height:none;overflow:visible}
/* ===== CHANTIER 240 (LOT A) : LA MARGE DE RÉSERVE DANS LE COMPTE (règle d'Éric, 22/10 : aucun contenu à moins de 20 px du bord ; tranché par le directeur).
   Le cadre posait ses en-têtes et son pied à 16 px des bords : 140 des 145 défauts mesurés au 239 (Html\banc\appli-mesure.mjs). ===== */
#app-fixe .entete,#app-fixe .app-pied{padding-left:20px;padding-right:20px}
/* chantier 267 (LOT 6) : le bandeau d’état d’un compte neuf (« Hugo n’est pas encore là », « Comment ça marche ? ») avait 16 px : il prend les 20 px des en-têtes */
#app-fixe .be{padding-left:20px;padding-right:20px}
/* chantier 267 (LOT 6) : à 320 px, le compteur vide de l’Agenda (« Les dessins disent… », « Souscrire à… ») dépassait son panneau de 2 à 8 px : rien ne sort de son panneau */
/* chantier 267 (LOT 9) : le compteur de l’Agenda défilait de côté, sa barre cachée (overflow-x:auto, scrollbar-width:none) : sur un compte rempli, une partie
   des symboles ne se voyait qu’en glissant. Rien ne défile dans un cadre : la rangée passe à la ligne. */
#app-fixe .ag-cpt{flex-wrap:wrap;overflow:visible;row-gap:6px;line-height:1.2}
@media (max-width:420.98px){#app-fixe #app-ag-cpt-plus .ag-cpt-t{flex:1 1 100%;min-width:0;max-width:100%;box-sizing:border-box}#app-fixe #app-ag-cpt-plus .btn{max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;white-space:normal}}
:root[data-forme="moderne"] #app-fixe#app-fixe#app-fixe#app-fixe footer.app-pied{padding-left:20px!important;padding-right:20px!important}
/* « Votre couple, côte à côte ? » ne passe plus à la ligne au téléphone : à 320 px il sortait de 17 px de l'écran */
@media (max-width:420.98px){ #app-fixe .hum-t h3{white-space:normal} }
/* L'agenda, vue du mois : un libellé d'événement qui ne tient pas dans sa case n'est plus coupé par une ellipse (« Votre tem… ») ; il se réduit à sa
   pastille, et se lit dans la bulle (data-dit), comme les événements d'un jour qui porte des symboles (lcAgendaCourt). */
#app-fixe .mj-e{overflow:hidden}
#app-fixe .mj-e .mj-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-fixe .mj-e.mj-court{gap:0}
#app-fixe .mj-e.mj-court .mj-t{display:none}
/* Au téléphone (la scène y défile : la place en hauteur ne manque pas), plus aucun texte coupé, et rien ne sort de l'écran :
   - « Votre démarche » : le nom et sa ligne (« vous : fait le 10 octobre · … ») passaient en une ligne coupée d'une ellipse ; la ligne sortait de l'écran ;
   - « Le Devoir de S'Asseoir », les quatre règles : leur texte était rogné à trois lignes (line-clamp) ;
   - l'agenda : « rien de noté en … » sortait du bandeau des compteurs. */
@media (max-width:620.98px){
#app-fixe .dm-n{white-space:normal;overflow:visible;text-overflow:clip}
#app-fixe .dm-n s{display:block;margin-left:0;margin-top:2px}
#app-fixe .rg4 p{display:block;-webkit-line-clamp:unset;overflow:visible}
#app-fixe .ag-cpt{flex-wrap:wrap;row-gap:6px}
#app-fixe .ag-cpt .cpt-rien{white-space:normal}
}
/* CHANTIER 241 (LOT D) : l'ordre proposé de Trouver de l'aide (tempérament, parcours, Votre couple) — une liste numérotée sobre, rien de plus */
#app-fixe .aide-ordre{margin:4px 0 10px;padding-left:22px}
#app-fixe .aide-ordre li{margin:3px 0}
/* CHANTIER 242 (LOT F) — L'INTÉRIEUR DU COMPTE EST TOUT EN KARLA, dans les deux habillages (Éric, 23/10 : décision 8 du 241). Les 86 éléments relevés en Marcellus —
   la marque, les chiffres, les dates, les prénoms, les questions de l'écran « répondre » — y passent aussi. La maquette n'est pas réécrite : la règle passe devant. */
#app-fixe,#app-fixe *:not(code):not(pre){font-family:'Karla',-apple-system,system-ui,sans-serif !important}
/* CHANTIER 243 (LOTS C et D) : les archives (le pavé, la vue par année et par mois) et la bibliothèque, un bloc à part. Aucune barre : tout se déplie. */
#app-fixe .lc-arch{list-style:none;margin:4px 0 10px;padding:0}
#app-fixe .lc-arch-it{margin:0 0 9px}
#app-fixe .lc-arch-l1,#app-fixe .lc-arch-l2{display:block}
#app-fixe .lc-arch-l2{color:var(--doux)}
#app-fixe .lc-arch-pave{margin:14px 0;padding:12px 14px;border:1px solid var(--bord);border-radius:var(--r-champ,14px)}
#app-fixe .lc-arch-vue{margin:6px 0 14px}
#app-fixe .lc-arch-an{margin-top:12px}
#app-fixe .lc-biblio{margin-top:18px;padding-top:14px;border-top:1px solid var(--bord)}
#app-fixe .lc-biblio-texte{margin:4px 0 12px}
#app-fixe .lc-biblio-pressentis{margin:2px 0 12px;padding:0 0 0 18px;list-style:disc;font-size:13.5px;line-height:1.5;color:var(--doux);opacity:.6;pointer-events:none}   /* chantier 251 (LOT D) : éteints, jamais cliquables */
/* CHANTIER 244 (LOT E) : les restitutions du compte se lisent comme le rapport public (trouver-de-l-aide-resultat.html) et le gabarit du directeur (Html\gabarit-restitutions.html).
   Un cadre bordé, un bandeau sombre en tête (capitales espacées, « n · »), le corps sur fond lin ; une couleur par personne (par RANG, jamais par genre) ; des filets, jamais des « · ».
   Les pastilles restent celles du moteur commun (.pa : fond plein, texte blanc, pictogramme). Cinq identifiants : le moderne (§ 20, § 38) ne les atteint pas. */
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .app{--rs-a:#2E6B4F; --rs-b:#2A4A7A; --rs-lin:#F5F0E6; --rs-filet:rgba(31,40,51,.12); --rs-bord:rgba(168,123,35,.35); --rs-carte:#FFFFFF; --rs-or:#7E5C18}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"]{--rs-a:#7FC9A3; --rs-b:#7FA6DE; --rs-lin:#1B2230; --rs-filet:rgba(242,238,230,.14); --rs-bord:rgba(227,188,106,.32); --rs-carte:#222B3A; --rs-or:#E3BC6A}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-bloc{margin:16px 0;border:1px solid var(--rs-bord);border-radius:var(--r-carte,18px);overflow:hidden;background:var(--rs-lin);box-shadow:none}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-bloc > header{display:block;position:static;background:#1F2833;color:#F0EBE1;padding:12px 20px;font-size:12.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;line-height:1.4;border:0;border-radius:0;margin:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] .rs-bloc > header{background:#0F1318;color:#E3BC6A}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-dedans{padding:16px 20px 18px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-dedans > :first-child{margin-top:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-dedans .oc{background:transparent}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-h{margin:16px 0 6px;font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--rs-or)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-sous{margin:6px 0;font-size:13.5px;line-height:1.5;color:var(--doux)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-apres{margin-top:12px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-texte{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:var(--encre)}   /* chantier 250 : un texte qui se lit, pas une note */
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] .rs-texte{color:#F2EEE6}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-garantie{padding:10px 14px;border-left:3px solid var(--rs-or);background:var(--rs-lin);border-radius:var(--r-dedans,8px)}   /* chantier 251 */
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-entend{padding-left:12px;border-left:3px solid var(--rs-b)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .prep-lab{display:block;margin:14px 0 6px;font-size:13.5px;font-weight:700;color:var(--encre)}   /* chantier 252 : le brouillon de la préparation */
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] .prep-lab{color:#F2EEE6}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .prep-champ{display:block;box-sizing:border-box;width:100%;min-height:96px;margin:0;padding:10px 12px;font:inherit;font-size:15.5px;line-height:1.5;color:var(--encre);background:var(--rs-carte);border:2px solid var(--rs-bord);border-radius:var(--r-champ,10px);resize:vertical}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .prep-champ:focus{outline:none;border-color:var(--rs-or)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .app[data-dir="nuit"] .prep-champ{color:#F2EEE6}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .prep-etat:empty{display:none}
/* CHANTIER 253 (LOT B) — ÉVITEZ LES VIDES : les blocs pleine largeur posés dans S'asseoir (préparation 251, chemin 253, devoirs passés 243) laissaient une cellule vide
   à droite de « Votre prochain rendez-vous » ; la grille comble ses trous avec le bloc suivant (« dense »). L'ordre de lecture des blocs pleine largeur ne change pas. */
#app-fixe .app-ecran[data-nom="asseoir"]{grid-auto-flow:row dense}
#app-fixe .lc-env{height:10px;border-radius:999px;background:rgba(31,40,51,.10);overflow:hidden;margin:4px 0 10px}.lc-env > i{display:block;height:100%;border-radius:999px;background:#A87B23}.msg-ech{margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--rs-filet)}   /* chantier 254 (LOT A) : un échange du messager */
#app-fixe .msg-ech:last-child{border-bottom:0}
#app-fixe .msg-ech-v{margin:10px 0;padding:10px 12px;border-radius:var(--r-dedans,8px);background:var(--rs-lin)}
#app-fixe .msg-ech-lib{margin:0 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rs-or)}
#app-fixe .av-res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 6px}   /* chantier 253 (LOT E) : la forme d'un résultat à venir */
#app-fixe .av-col{display:flex;flex-direction:column;gap:9px;padding:12px 14px;border-radius:var(--r-champ,10px);background:var(--surface2)}
#app-fixe .av-col .rs-nom{margin:0 0 2px;font-size:13.5px;font-weight:700}
#app-fixe .av-barre{display:block;height:10px;border-radius:999px;background:rgba(107,114,128,.28)}
@media (max-width:520px){#app-fixe .av-res{grid-template-columns:minmax(0,1fr)}}
#app-fixe .fait.six-m:not(.att) .pt{background:var(--accent)}   /* chantier 253 (LOT C) : le décompte, à venir */
#app-fixe .six-bandeau{margin-bottom:10px}
#app-fixe .six-bandeau .btn.creux{margin-left:0}
#app-fixe .jr.jr-vide .jr-idees{margin:8px 0 0;padding:0 0 0 18px;font-size:13.5px;line-height:1.6;color:var(--doux)}   /* chantier 253 (LOT B) : ce qu'on note */
/* CHANTIER 253 (LOT B) — ÉVITEZ LES VIDES, LA TROISIÈME FAÇON : sur un écran HAUT (au moins 960 px, au-delà de 1 180 px de large), les rangées des écrans du
   cadre étaient en « fr » : elles s'étiraient pour remplir la hauteur, et chaque cadre du tableau de bord se creusait d'un grand blanc (mesuré à 1 440 × 2 600 :
   « Ce soir » 799 px pour 330 de contenu, « Le Devoir de S'Asseoir » 904 pour 450). Elles prennent la hauteur de leur contenu ; sous 960 px de haut, rien ne change. */
@media (min-width:1181px) and (min-height:960px){
#app-fixe#app-fixe .app-ecran{grid-template-rows:none !important;grid-auto-rows:max-content !important;align-content:start !important}
}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-lg{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--rs-filet);font-size:13.5px;line-height:1.45}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-lg:first-child, #app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-h + .rs-lg, #app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-sous + .rs-lg{border-top:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-lg > span:first-child{min-width:0;overflow-wrap:anywhere}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-v{flex:none;text-align:right}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-theme > span:first-child{display:flex;flex-direction:column;gap:2px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-mini{font-size:12.5px;color:var(--doux)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* CHANTIER 265 (LOT 4) : les trois derniers pas du point du soir (lcTroisPas) — les barres du partage (hauteur et couleur de leur cran, données par uc-questions.js), les listes des dessins */
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .lc-tp-barres{display:flex;align-items:flex-end;gap:2px;height:56px;margin:6px 0 4px;padding:0 2px;border-bottom:1px solid var(--rs-bord)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .lc-tp-barres i{flex:1 1 0;min-width:3px;max-width:14px;border-radius:3px 3px 0 0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .lc-tp-barres i.nsp{background:none;border:1px dashed var(--doux);border-bottom:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .lc-tp-liste{list-style:none;margin:4px 0;padding:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .lc-tp-liste li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--rs-bord)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .lc-tp-liste li:last-child{border-bottom:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .lc-tp-liste b{white-space:nowrap;font-weight:600}
/* CHANTIER 265 (LOT 5) : le point complet de l'outil, dans le compte (lcOuvrirComplet) : un cadre sans bord, à la hauteur de son contenu */
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe iframe.lc-complet-f{display:block;width:100%;border:0;min-height:200px;overflow:hidden;border-radius:var(--r-carte,18px)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-perso{background:var(--rs-carte);border-radius:var(--r-champ,14px);border-top:3px solid var(--rs-a);padding:12px 16px;min-width:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-perso.rs-b{border-top-color:var(--rs-b)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-perso .fiche-t{margin:0;border:0;box-shadow:none;background:transparent;padding:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-perso.rs-a .fiche-t h3{color:var(--rs-a)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-perso.rs-b .fiche-t h3{color:var(--rs-b)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-nom{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--rs-a)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-b .rs-nom{color:var(--rs-b)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-verdict{display:flex;align-items:center;gap:12px;margin:4px 0 8px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-verdict p{margin:0;font-size:15.5px;font-weight:700;line-height:1.35}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-rond{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--c)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-rond svg{width:18px;height:18px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 18px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-th{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--rs-filet);font-size:13.5px;min-width:0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-th > span{min-width:0;overflow-wrap:anywhere}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-table{width:100%;border-collapse:collapse;font-size:13.5px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-table thead th{font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--rs-or);text-align:right;padding:6px 0 8px 10px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-table tbody th{text-align:left;font-weight:400;padding:9px 10px 9px 0;border-top:1px solid var(--rs-filet)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-table td{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;padding:9px 0 9px 10px;border-top:1px solid var(--rs-filet);white-space:nowrap}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-etage{background:var(--rs-carte);border-radius:var(--r-champ,14px);padding:12px 16px;margin:10px 0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-et-tete{display:flex;gap:12px;align-items:flex-start;margin-bottom:6px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-et-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:var(--r-dedans,8px);background:#7E5C18;color:#FFFFFF;font-weight:700;font-size:13.5px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-et-t{margin:0;font-size:15.5px;font-weight:700}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-et-q{margin:2px 0 0;font-size:13.5px;color:var(--doux)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-vers{display:flex;gap:10px;align-items:baseline;margin:0 0 6px;padding:6px 0 0;font-size:13.5px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-vers b{flex:none;font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--rs-or)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-q{background:var(--rs-carte);border-radius:var(--r-champ,14px);padding:10px 16px;margin:8px 0}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-q-t{margin:0 0 4px;font-size:13.5px;line-height:1.45}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-q-r{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--rs-filet);font-size:13.5px}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-q-qui{font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--rs-a);flex:none}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-q-r.rs-b .rs-q-qui{color:var(--rs-b)}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-q-rep{text-align:right;min-width:0;overflow-wrap:anywhere}
#app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .lc-plie > .rs-bloc:first-child{margin-top:8px}
@media (max-width:640px){
  #app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-duo{grid-template-columns:1fr}
  #app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-bloc > header{padding:11px 16px}
  #app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-dedans{padding:14px 16px 16px}
  #app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-q-r{flex-direction:column;gap:2px}
  #app-fixe#app-fixe#app-fixe#app-fixe#app-fixe .rs-q-rep{text-align:left}
}
/* CHANTIER 244 (LOT D) : l'aide d'un « ? » de titre se déplie DANS la page, sous son titre : elle ne recouvre plus rien */
#app-fixe .aide-dep{margin:4px 0 10px;padding:10px 14px;border-radius:var(--r-champ,14px);background:var(--rs-lin,#F5F0E6);font-size:13.5px;line-height:1.5;color:var(--encre)}
#app-fixe .app[data-dir="nuit"] .aide-dep{color:#F2EEE6}
/* CHANTIER 245 (LOT D2) : l'explication d'un pictogramme (data-dit) se déplie dans la page, sous lui ou sous sa rangée ; elle ne flotte plus */
#app-fixe .dit-dep{flex:1 1 100%;grid-column:1/-1;width:auto;margin:6px 0 10px;padding:8px 12px;border-radius:var(--r-champ,14px);background:var(--rs-lin,#F5F0E6);font-size:13.5px;line-height:1.5;color:var(--encre);white-space:normal}
#app-fixe .app[data-dir="nuit"] .dit-dep{color:#F2EEE6}
#app-fixe [data-dit]:not(button):not(a){cursor:pointer}
#app-fixe [data-dit][tabindex]:focus-visible{outline:2px solid var(--accent,#A87B23);outline-offset:2px}
/* CHANTIER 242 (LOT J) : la case « Ouvrir mes réponses écrites » des réglages */
#app-fixe .rg-case{display:inline-flex;align-items:center;gap:7px;flex:none;cursor:pointer}
#app-fixe .rg-case input{width:18px;height:18px;margin:0;accent-color:var(--accent,#A87B23)}
/* CHANTIER 242 (LOT B) : la liste de tous les soirs du Quotidien — une ligne par soir, sans barre de défilement (la scène défile) */
#app-fixe .lc-soirs{list-style:none;margin:4px 0 12px;padding:0}
#app-fixe .lc-soirs li{margin:2px 0}
/* CHANTIER 241 (LOT D) : « un couple qui arrive sur Trouver de l'aide n'est pas un client à faire monter en gamme » — sur son onglet, le bandeau des parcours
   (« Vous êtes au Point du soir · Voir les parcours ») se tait. Il reste sur tous les autres écrans. */
#app-fixe .app[data-ecran="aide"] #app-monte{display:none !important}

/* =====================================================================
   CHANTIER 258 — LA BARRE DES ONGLETS, EN DUR SUR TÉLÉPHONE
   Éric, 23 octobre 22 h 30 : « la barre au niveau du clavier en bas sur
   mobile, c'est très bien. En transparent, ça ne le fait pas. Tu la mets
   en dur. »
   Mesuré le même soir : en thème NUIT, --surface vaut rgba(255,255,255,.05),
   soit du blanc à 5 % — le contenu défilait derrière la barre. Les deux autres thèmes
   clarté et vitrail étaient déjà opaques (#FFFFFF et #FBF8F2).
   Ici la barre fixée en bas reçoit un fond OPAQUE dans les quatre thèmes.
   🔴 Rien n'est retiré : ni le filet du haut, ni l'ombre, ni le décalage
   que la barre garde pour le bandeau de démonstration.
   ===================================================================== */
#app-fixe #app-fixe .app .app-menu{ -webkit-backdrop-filter:none; backdrop-filter:none }
@media (max-width:899.98px){
  #app-fixe #app-fixe .app .app-menu{ background:#FFFFFF }
  #app-fixe #app-fixe .app[data-dir="clarte"] .app-menu{ background:#FAF8F3 }
  #app-fixe #app-fixe .app[data-dir="vitrail"] .app-menu{ background:#FBF8F2 }
  #app-fixe #app-fixe .app[data-dir="nuit"] .app-menu{ background:#1B2430 }
}