/* ⚑ GÉNÉRÉ par ads/porte/_rail-css.mjs depuis site/renard.html — NE PAS ÉDITER À LA MAIN (2026-11-05T05:22).
   Le menu du chat, pour les pages qui ont le même menu (Mon plan, Mon relevé, Journal). */
#tiroir{
  --vn:rgba(255,255,255,.055);
  --vn-jour:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,0) 42%);
  --vn-bord:rgba(255,255,255,.14);
  --vn-creux:inset 0 1px 0 rgba(255,255,255,.05);
  --rail:#09090A;
  --rail-l:264px;
  --hibou:#D5D9D8;
  --hibou-doux:rgba(255,255,255,.06);
}
#tiroir{position:fixed;z-index:60;left:0;top:0;bottom:var(--clavier,0px);
  width:var(--rail-l);background:var(--rail);border-radius:0 0 18px 0;
  border-right:1px solid var(--trait);border-bottom:1px solid var(--trait);display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(-102%);transition:transform .28s cubic-bezier(.16,1,.3,1)}
#tiroir.ouvert{transform:none;box-shadow:24px 0 60px rgba(0,0,0,.6)}
#tiroir .marque{display:flex;align-items:center;gap:11px;padding:16px 18px 0;flex:none}
#tiroir .marque .tuile-fox{display:none}
@media (display-mode: standalone){
#tiroir .marque{padding-top:calc(env(safe-area-inset-top,0px) + 6px)}
}
.rail-corps{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px;
  display:flex;flex-direction:column;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18px,
                     #000 calc(100% - 26px),transparent 100%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 18px,
                     #000 calc(100% - 26px),transparent 100%);
  scrollbar-width:thin;scrollbar-color:#2E2E2A transparent}
.rail-corps::-webkit-scrollbar{width:8px}
.rail-corps::-webkit-scrollbar-track{background:transparent}
.rail-corps::-webkit-scrollbar-thumb{background:#2E2E2A;border-radius:99px;border:2px solid var(--rail)}
.rail-corps:hover::-webkit-scrollbar-thumb{background:#43433E}
#tiroir .tuile-fox{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center;position:relative;
  background:linear-gradient(180deg,#121211,#080807)}
#tiroir .tuile-fox::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.22),rgba(255,255,255,.07) 55%,rgba(255,255,255,.16));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#tiroir .tuile-fox img{width:22px;height:22px;display:block}
#tiroir .qui-r b{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.01em}
#tiroir .qui-r span{display:block;font-size:11.5px;color:var(--sourd);margin-top:1px}
#tiroir .pt-vert{width:6px;height:6px;border-radius:50%;background:rgba(242,241,236,.6);flex:none;
  box-shadow:0 0 7px rgba(242,241,236,.25);animation:bat 2.4s ease-in-out infinite}
#tiroir .neuf-chat{flex:none;display:flex;align-items:center;justify-content:center;gap:9px;margin:16px 16px 0;height:42px;
  border:1px solid var(--vn-bord);border-radius:12px;
  background:var(--vn-jour),var(--vn);
  box-shadow:var(--vn-creux);
  color:var(--encre);
  font-family:var(--ui);font-size:14px;font-weight:600;cursor:pointer;
  transition:background .25s,border-color .25s,box-shadow .25s}
#tiroir .neuf-chat:hover{--fil-a:.24;
  background:var(--vn-jour),rgba(255,255,255,.085)}
#tiroir .connecter{flex:none;display:flex;align-items:center;gap:10px;margin:9px 16px 0;height:42px;padding:0 13px;
  border:1px solid rgba(255,255,255,.10);border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 52%),rgba(255,255,255,.018);
  background-repeat:no-repeat;background-origin:border-box;
  color:var(--gris);font-family:var(--ui);font-size:13.5px;font-weight:600;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:border-color .22s,color .22s}
#tiroir .connecter:hover{border-color:rgba(255,255,255,.2);color:var(--encre)}
#tiroir .connecter svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
#tiroir .connecter span{flex:1;min-width:0}
#tiroir .connecter .pastille{width:6px;height:6px;border-radius:50%;flex:none;background:var(--ok);
  box-shadow:0 0 7px rgba(42,199,123,.75)}
#tiroir .connecter .pastille[hidden]{display:none}
#tiroir .connecter .pile{display:inline-flex;align-items:center;flex:none}
#tiroir .connecter .pile[hidden]{display:none}
#tiroir .connecter .pile i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;flex:none;
  margin-left:-7px;background:#0C0C0B;box-shadow:0 0 0 1.5px #0C0C0B;position:relative}
#tiroir .connecter .pile i:first-child{margin-left:0}
#tiroir .connecter .pile svg{width:13px;height:13px;display:block;stroke:none}
#tiroir .connecter .pile i.plus{font:600 9.5px var(--mono,monospace);color:var(--gris);
  box-shadow:0 0 0 1.5px #0C0C0B, inset 0 0 0 1px rgba(255,255,255,.14)}
#tiroir .neuf-chat:active{background:rgba(255,255,255,.028);
  box-shadow:inset 0 2px 6px -3px rgba(0,0,0,.9)}
#tiroir .nav{padding:14px 12px 0;display:flex;flex-direction:column;gap:2px}
#tiroir .nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;
  color:var(--gris);font-family:var(--ui);font-size:14px;padding:11px 12px;border-radius:10px;cursor:pointer}
#tiroir .nav button svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#tiroir .nav button:hover{background:rgba(255,255,255,.04);color:var(--encre)}
#tiroir .nav button.la{background:rgba(255,255,255,.06);color:var(--encre);font-weight:500;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.1)}
#tiroir .nav button.la svg{stroke:var(--encre)}
#tiroir hr{border:none;border-top:1px solid var(--trait);margin:14px 18px}
#tiroir .compte-t{display:block;margin:16px 24px 2px;font-family:var(--mono,ui-monospace,monospace);font-size:calc(9.5px * var(--tx,1));
  letter-spacing:.14em;text-transform:uppercase;color:var(--sourd)}
#tiroir .nav.compte-r{padding-top:4px}
#tiroir .nav.compte-r .inter{margin-left:auto;transform:scale(.82);transform-origin:right center}
#tiroir .nav.compte-r .inter{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.10)}
#tiroir .nav.compte-r .inter.oui{background:linear-gradient(180deg,rgba(42,199,123,.30),rgba(42,199,123,.14));
  border-color:rgba(42,199,123,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 10px -2px rgba(42,199,123,.45),0 0 12px -4px rgba(42,199,123,.5)}
#tiroir .nav.compte-r .inter.oui i{background:radial-gradient(circle at 34% 30%,#BFF3D6,#2AC77B 68%);
  box-shadow:0 0 8px -1px rgba(42,199,123,.8)}
#tiroir .vers-hibou.gele{opacity:.55;cursor:default;position:relative}
#tiroir .vers-hibou.gele:hover{border-color:var(--trait)}
#tiroir .vers-hibou.gele .cad{width:13px;height:13px;flex:none;margin-left:auto;
  stroke:var(--sourd);fill:none;stroke-width:1.8;stroke-linecap:round}
#tiroir .vers-hibou.gele .ch{display:none}
#tiroir .hibou-verrou{font-size:11px;color:var(--sourd);line-height:1.5;padding:8px 2px 0;margin:0 14px}
#tiroir .hibou-verrou b{color:var(--gris);font-weight:500}
#tiroir .bloc-centre{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;gap:8px}
@media (max-width:900px) and (min-height:880px){
#tiroir .bloc-centre{margin-top:auto;margin-bottom:13vh}
}
#tiroir .vers-hibou{display:flex;align-items:center;gap:11px;margin:0 12px;padding:11px 12px;border-radius:12px;
  border:1px solid rgba(2,184,241,.35);background:var(--hibou-doux);cursor:pointer;
  color:var(--encre);font-family:var(--ui);text-align:left;width:calc(100% - 24px)}
#tiroir .vers-hibou svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--hibou);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#tiroir .vers-hibou b{display:block;font-size:13.5px;font-weight:600}
#tiroir .vers-hibou span{display:block;font-size:11px;color:var(--sourd)}
#tiroir .vers-hibou .ch{margin-left:auto;color:var(--hibou);font-size:15px}
#tiroir .bas-r{flex:none;border-top:1px solid var(--trait);padding:13px 14px calc(13px + env(safe-area-inset-bottom,0px));
  display:flex;align-items:center;gap:11px;background:#0B0B0C}
#tiroir .init{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;
  background:var(--vn-jour),var(--vn);border:1px solid var(--vn-bord);color:var(--gris);
  box-shadow:var(--vn-creux);
  font-family:var(--mono);font-size:12px;font-weight:600}
#tiroir .moi{flex:1;min-width:0}
#tiroir .moi b{display:block;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tiroir .moi span{display:block;font-size:11px;color:var(--sourd)}
#tiroir .bas-r .ch{color:var(--sourd);font-size:14px;cursor:pointer;background:none;border:none;padding:4px}
#menu-moi{display:none;position:absolute;left:12px;right:12px;bottom:62px;z-index:70;background:var(--carte2);
  border:1px solid var(--trait-fort);border-radius:12px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.6)}
#menu-moi.ouvert{display:block}
#menu-moi a,#menu-moi button{display:block;width:100%;text-align:left;padding:12px 14px;font-size:13.5px;border:none;
  border-top:1px solid var(--trait);background:none;color:var(--encre);font-family:var(--ui);cursor:pointer}
#menu-moi>*:first-child{border-top:none}
#menu-moi .sortir{color:var(--alerte)}
#tiroir .lueur-fond{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit}
#tiroir .lueur-fond i{position:absolute;display:block;border-radius:50%;
  animation:lueur-derive 34s ease-in-out infinite alternate;will-change:translate}
#tiroir .lueur-fond .l1{width:230px;height:230px;left:-50px;top:6%;background:#FF5A1F;opacity:.26;filter:blur(46px)}
#tiroir .lueur-fond .l2{width:190px;height:190px;right:-40px;top:42%;background:#38BDF8;opacity:.15;filter:blur(42px);
  animation-delay:-11s;animation-duration:41s}
#tiroir .lueur-fond .l3{width:168px;height:168px;left:28%;bottom:-34px;background:#F472B6;opacity:.13;filter:blur(40px);
  animation-delay:-22s;animation-duration:47s}
@keyframes lueur-derive{from{translate:-16px -11px}to{translate:18px 13px}}
@media (prefers-reduced-motion:reduce){
#tiroir .lueur-fond i{animation:none}
}
#tiroir > *:not(.lueur-fond){position:relative;z-index:1}
#tiroir .neuf-chat,#tiroir .init{position:relative;border:1px solid transparent;
  
  background-repeat:no-repeat;background-origin:border-box}
#tiroir .neuf-chat::after,#tiroir .init::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:rgb(var(--fil) / var(--fil-a));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
#tiroir .neuf-chat,#tiroir .init{box-shadow:var(--vn-creux)}
#tiroir .init::after{opacity:.78;padding:.6px}
.histo{margin:6px 12px 0}
.histo[hidden]{display:none}
.histo-i{display:flex;flex-direction:column;gap:2px;width:100%;padding:9px 12px;border:0;border-radius:12px;background:none;color:var(--encre);text-align:left;cursor:pointer;font-family:var(--ui)}
.histo-i:hover{background:rgba(255,255,255,.04)}
.histo-i small{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--sourd)}
.histo-i small i{font-style:normal;color:#9FE7C2}
.histo-i span{font-size:13px;color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.histo-vide{font-size:12px;color:var(--sourd);padding:6px 12px}
.histo-tete{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 4px 2px 0}
.histo-tete .compte-t{margin:0 0 0 12px}
.histo-ic{display:flex;gap:2px}
.histo-ic button{width:34px;height:34px;padding:0;border:0;border-radius:11px;background:none;color:var(--gris);display:grid;place-items:center;cursor:pointer;position:relative}
.histo-ic button:hover,.histo-ic button.on{background:rgba(255,255,255,.06);color:var(--encre)}
.histo-ic button.histo-filtre.on::after{content:"";position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#FF9A6A}
.histo-ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.histo-cherche{margin:6px 0 4px}
.histo-cherche[hidden]{display:none}
.histo-cherche input{width:100%;box-sizing:border-box;padding:10px 12px;border:0;border-radius:12px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
  color:var(--encre);font:400 16px var(--ui);outline:none;-webkit-appearance:none;appearance:none}
.histo-cherche input:focus{box-shadow:inset 0 0 0 1px rgba(255,154,106,.45)}
.histo-sous{display:block;margin:12px 12px 2px;font-family:var(--mono,ui-monospace,monospace);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--sourd)}
.histo-r{position:relative;border-radius:12px;transition:opacity .22s ease,translate .22s ease}
.histo-r .histo-i{padding-right:44px}
.histo-r.histo-touchee{background:rgba(255,255,255,.06)}
.histo-r.histo-part{opacity:0;translate:-12px 0}
.histo-pts{position:absolute;right:4px;top:50%;translate:0 -50%;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:none;color:var(--sourd);display:grid;place-items:center;cursor:pointer}
.histo-pts:hover,.histo-touchee .histo-pts{color:var(--encre);background:rgba(255,255,255,.07)}
.histo-pts svg{width:16px;height:16px;fill:currentColor}
.histo-i small .histo-tr{display:inline-flex;align-items:center;gap:3px;margin-left:8px;font-weight:400;color:var(--sourd)}
.histo-i small .histo-tr svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2}
.histo-i small .histo-pub{margin-left:8px;font-weight:400;color:#FF9A6A}
.histo-epinglee .histo-i small::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;vertical-align:-1px;background:#FF9A6A;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3l6 6-3.5 1-3.5 3.5 1 5-1.5 1.5-4.5-4.5L4 21l-1-1 5.5-5.5L4 10l1.5-1.5 5 1L14 6z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3l6 6-3.5 1-3.5 3.5 1 5-1.5 1.5-4.5-4.5L4 21l-1-1 5.5-5.5L4 10l1.5-1.5 5 1L14 6z'/%3E%3C/svg%3E") center/contain no-repeat}
.histo-renom{display:block;width:100%;box-sizing:border-box;margin:2px 0;padding:10px 12px;border:0;border-radius:12px;background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(255,154,106,.45);color:var(--encre);font:500 16px var(--ui);outline:none;-webkit-appearance:none;appearance:none}
.histo-menu{position:fixed;z-index:420;padding:6px;border-radius:18px;box-sizing:border-box;
  background:linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),rgba(18,18,19,.96);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 18px 50px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;scale:.97;transform-origin:100% 0;transition:opacity .16s ease,scale .16s ease}
.histo-menu.dessus{transform-origin:100% 100%}
.histo-menu.la{opacity:1;scale:1}
.histo-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:12px;background:none;color:var(--encre);font:500 14.5px var(--ui);text-align:left;cursor:pointer}
.histo-menu button:hover,.histo-menu button:focus-visible{background:rgba(255,255,255,.06);outline:none}
.histo-menu button svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.histo-menu button i{margin-left:auto;font-style:normal;font:500 11px var(--mono,ui-monospace,monospace);color:var(--sourd)}
.histo-menu button.rouge{color:#F08A74}
.histo-menu button.rouge.confirme{background:rgba(224,83,59,.16);color:#FFD9D1;box-shadow:inset 0 0 0 1px rgba(224,83,59,.5)}
.histo-menu hr{border:0;height:1px;background:rgba(255,255,255,.07);margin:5px 8px}
.histo-menu.histo-tri button{justify-content:space-between;gap:10px}
.histo-menu.histo-tri button.on{color:#FF9A6A}
.histo-menu.histo-tri button svg{width:16px;height:16px;stroke-width:2}
.histo-voile{position:fixed;inset:0;z-index:410;background:rgba(0,0,0,.5);opacity:0;transition:opacity .24s ease;display:flex;align-items:flex-end;justify-content:center}
.histo-voile.la{opacity:1}
.histo-feuille2{box-sizing:border-box;width:min(560px,calc(100% - 16px));margin:0 0 calc(8px + env(safe-area-inset-bottom,0px));max-height:78vh;overflow:auto;padding:10px 14px 16px;border-radius:26px;
  background:linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),rgba(18,18,19,.97);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 -10px 40px rgba(0,0,0,.5);
  translate:0 24px;transition:translate .28s cubic-bezier(.22,1,.36,1);scrollbar-width:none}
.histo-voile.la .histo-feuille2{translate:0 0}
.histo-poignee{display:block;width:38px;height:4px;border-radius:4px;background:rgba(255,255,255,.18);margin:2px auto 12px}
.histo-ft{padding:0 4px 12px}
.histo-ft b{display:block;font:600 16px/1.3 var(--ui);color:var(--encre)}
.histo-ft small{display:block;margin-top:4px;font:500 9.5px var(--mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--sourd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.histo-f{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;align-items:center;padding:10px 4px;border-top:1px solid rgba(255,255,255,.06);color:inherit;text-decoration:none}
.histo-f.retire{opacity:.6}
.histo-fv{width:48px;height:48px;border-radius:12px;background-size:cover;background-position:center;background-color:#0E0F0F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.histo-fv.ic{display:grid;place-items:center;color:var(--gris)}
.histo-fv.ic.pdf{color:#E0533B}
.histo-fv.ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.histo-fn{min-width:0}
.histo-fn b{display:block;font:600 14px/1.3 var(--ui);color:var(--encre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.histo-fn small{display:block;margin-top:3px;font:500 9.5px var(--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--sourd)}
.histo-fn em{display:inline-block;margin-top:7px;font:500 9px/1 var(--mono,ui-monospace,monospace);letter-spacing:.09em;text-transform:uppercase;font-style:normal;padding:5px 8px;border-radius:99px;
  color:var(--gris);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)}
.histo-fn em.ok{color:var(--ok,#2AC77B);box-shadow:inset 0 0 0 1px rgba(42,199,123,.3);background:rgba(42,199,123,.08)}
.histo-fnote,.histo-pdit{margin:12px 4px 2px;font:400 12.5px/1.45 var(--ui);color:var(--sourd)}
.histo-pdit{margin:0 4px 12px}
.histo-purl{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  font:500 13px var(--ui);color:var(--encre)}
.histo-purl span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}
.histo-purl svg{width:17px;height:17px;flex:none;fill:none;stroke:#FF9A6A;stroke-width:1.8;stroke-linecap:round}
.histo-pg{display:flex;gap:8px;margin-top:12px}
.histo-pg button{flex:1;padding:13px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  color:var(--encre);font:600 14px/1 var(--ui);cursor:pointer}
.histo-pg button.ok{color:var(--ok,#2AC77B);border-color:rgba(42,199,123,.35)}
.histo-eteindre{display:block;margin:12px auto 0;padding:8px 12px;border:0;background:none;color:var(--sourd);font:500 12.5px var(--ui);cursor:pointer}
.histo-eteindre:disabled{opacity:.5}
.histo-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:430;translate:-50% 12px;opacity:0;pointer-events:none;max-width:calc(100% - 32px);
  padding:11px 16px;border-radius:999px;background:rgba(24,24,25,.96);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 10px 30px rgba(0,0,0,.5);color:var(--encre);font:500 13px/1.35 var(--ui);
  transition:opacity .2s ease,translate .2s ease}
.histo-toast.la{opacity:1;translate:-50% 0}
@media (prefers-reduced-motion:reduce){
.histo-menu,.histo-voile,.histo-feuille2,.histo-r,.histo-toast{transition:none}
}
body.tiroir-hibou #tiroir .neuf-chat{--fil:2 184 241;--fil-a:.55;background:var(--hibou-doux);color:var(--hibou)}
body.tiroir-hibou #tiroir .neuf-chat:hover{background:rgba(2,184,241,.2)}
body.tiroir-hibou #tiroir .init{background:var(--hibou-doux);--fil:2 184 241;--fil-a:.42;color:var(--hibou)}
body.tiroir-hibou #tiroir .pt-vert{background:var(--hibou);box-shadow:0 0 8px rgba(2,184,241,.8)}
#tiroir .vers-hibou img{width:22px;height:22px;flex:none;object-fit:contain}
#tiroir .tuile-fox.h::before{background:linear-gradient(140deg,var(--hibou),rgba(2,184,241,.25) 60%,rgba(2,184,241,.6))}
#tiroir .inter{position:relative;width:44px;height:25px;border-radius:99px;background:#262623;border:1px solid var(--trait-fort);
  cursor:pointer;flex:none;transition:background .2s}
#tiroir .inter i{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--sourd);transition:all .2s}
#tiroir .inter.oui{background:rgba(2,184,241,.25);border-color:rgba(2,184,241,.6)}
#tiroir .inter.oui i{left:21px;background:var(--hibou)}
@media (min-width:820px){
#tiroir{transform:none;box-shadow:none}
}
#tiroir .lueur-fond .l2{background:#FF9A6A;opacity:.19;filter:blur(48px);width:210px;height:210px;
  animation:lueur-defile 30s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){
#tiroir .lueur-fond .l2{animation:none}
}
#tiroir .pt-vert{position:relative;overflow:hidden;width:6px;height:6px;background:rgba(255,255,255,.03);   
  -webkit-backdrop-filter:blur(1px) saturate(1.6) brightness(1.3);backdrop-filter:blur(1px) saturate(1.6) brightness(1.3);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 0 7px rgba(255,154,106,.55);
  animation:perle-bat 2.4s ease-in-out infinite}
#tiroir .pt-vert::before{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:50%;
  background:linear-gradient(115deg,#FF5A1F,#FF9A6A 30%,#FFD6BE 45%,#FF9A6A 60%,#F472B6 88%);
  background-size:320% 320%;mix-blend-mode:screen;opacity:.55;   
  animation:perle-reflet 30s ease-in-out infinite alternate}
#tiroir .pt-vert::after{content:"";position:absolute;left:17%;top:13%;width:38%;height:32%;border-radius:50%;
  background:rgba(255,255,255,.8);filter:blur(.5px)}
body.tiroir-hibou #tiroir .pt-vert{animation:perle-bat-h 2.4s ease-in-out infinite}
body.tiroir-hibou #tiroir .pt-vert::before{background:linear-gradient(115deg,#02B8F1,#8FE0FA 45%,#02B8F1 70%,#7C9CFF);background-size:320% 320%}
@media (prefers-reduced-motion:reduce){
#tiroir .pt-vert,#tiroir .pt-vert::before{animation:none}
}
body.visiteur #tiroir .nav.compte-r [data-c="concentration"]{display:none}
#tiroir .bas-r{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease}
#tiroir .bas-r:active{background:#121214}
#tiroir .bas-r .ch{padding:6px 4px;transition:transform .28s cubic-bezier(.22,1,.36,1)}
#tiroir:has(#menu-moi.ouvert) .bas-r .ch{transform:rotate(180deg)}
body.tiroir-hibou #tiroir .neuf-chat{--fil:255 255 255;--fil-a:.18;background:var(--vn-jour),var(--vn);color:var(--encre)}
body.tiroir-hibou #tiroir .neuf-chat:hover{background:var(--vn-jour),rgba(255,255,255,.085)}
body.tiroir-hibou #tiroir .init{background:rgba(255,255,255,.05);--fil:255 255 255;--fil-a:.2;color:var(--encre)}
#tiroir .vers-hibou{border:1px solid var(--vn-bord);background:var(--vn-jour),var(--vn);box-shadow:var(--vn-creux)}
#tiroir .bloc-centre{position:relative}
#tiroir .vers-hibou .ch{visibility:hidden}
.oeil-hibou{position:absolute;right:14px;top:0;height:var(--h-vh,56px);width:44px;display:grid;place-items:center;
  background:none;border:0;padding:0;cursor:pointer;color:var(--sourd);-webkit-tap-highlight-color:transparent;transition:color .2s}
.oeil-hibou svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.oeil-hibou .o-ferme{display:none}
.oeil-hibou[aria-pressed="true"] .o-ouvert{display:none}
.oeil-hibou[aria-pressed="true"] .o-ferme{display:block}
.oeil-hibou:active{color:var(--encre)}
.oeil-hibou:focus-visible{outline:2px solid var(--hibou,#38BDF8);outline-offset:-6px;border-radius:10px}
body.tiroir-hibou #tiroir .oeil-hibou{display:none}
body.tiroir-hibou #tiroir .vers-hibou .ch{visibility:visible}
#tiroir .vers-hibou b{color:var(--encre)}
#tiroir .vers-hibou .ch{color:var(--sourd)}
.cx-hibou{display:none;margin:6px 20px 0;font-size:11.5px;line-height:1.45;color:var(--sourd)}
body.tiroir-hibou #tiroir .cx-hibou{display:block}
#tiroir .inter.oui{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.1));border-color:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
#tiroir .inter.oui i{left:21px;background:radial-gradient(circle at 34% 30%,#FFFFFF,#E4E2DC 70%);box-shadow:0 1px 3px rgba(0,0,0,.45)}
#tiroir .tuile-fox.h::before{background:linear-gradient(140deg,rgba(255,255,255,.42),rgba(255,255,255,.1) 60%,rgba(255,255,255,.26))}
body.tiroir-hibou #tiroir .pt-vert{box-shadow:0 0 6px rgba(255,255,255,.4)}
body.tiroir-hibou #tiroir .pt-vert::before{background:linear-gradient(115deg,#BFC3C2,#FFFFFF 45%,#BFC3C2 70%,#9EA3A2);background-size:320% 320%}
#tiroir .qui-r b#rail-nom{font-size:22px;letter-spacing:-.02em;line-height:1.1}
#tiroir .qui-r b#rail-nom span{display:inline;font-size:inherit;color:inherit;margin:0;letter-spacing:inherit}
#tiroir .qui-r b#rail-nom .lettre-verte{color:var(--ok)}
#tiroir .qui-r #rail-sous{margin-top:3px}
#tiroir .marque{position:relative;z-index:12}
#tiroir .qui-r{position:relative}
#tiroir .qui-r .nom-l{display:flex;align-items:center;gap:7px;margin:0;font-size:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#tiroir .r-bascule{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;flex:none;cursor:pointer;
  background:rgba(255,255,255,.07);color:var(--gris,#A1A1A6);transition:rotate .22s cubic-bezier(.22,1,.36,1),background .2s,color .2s}
#tiroir .r-bascule svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
#tiroir .r-bascule.ouvert{rotate:180deg;background:rgba(255,255,255,.13);color:var(--encre,#F2F1EC)}
#tiroir .qui-r .r-agents{position:absolute;left:-6px;top:calc(100% + 8px);z-index:30;display:block;min-width:236px;margin:0;padding:6px;border-radius:16px;
  background:rgb(24,24,26);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 14px 34px rgba(0,0,0,.6);animation:r-ag-entre .22s cubic-bezier(.22,1,.36,1)}
#tiroir .qui-r .r-ag{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:0;border-radius:11px;background:none;
  color:var(--encre,#F2F1EC);text-align:left;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;transition:background .15s,scale .12s}
#tiroir .qui-r .r-ag:active{background:rgba(255,255,255,.08);scale:.98}
#tiroir .qui-r .r-ag img{width:30px;height:30px;border-radius:50%;flex:none}
#tiroir .qui-r .r-ag img{border-radius:0;object-fit:contain;width:24px;height:24px;margin:0 3px}
#tiroir .qui-r .r-agents.avec-oeil{width:max-content;box-sizing:border-box}
#tiroir .qui-r .r-ag-l{display:flex;align-items:center;gap:2px}
#tiroir .qui-r .r-ag-l .r-ag{flex:1;min-width:0}
#tiroir .qui-r .r-ag-l .r-ag > span{min-width:0}
#tiroir .qui-r .r-agents.avec-oeil .r-ag{gap:9px;padding-right:4px}
#tiroir .qui-r .r-agents.avec-oeil .r-oeil{width:36px}
#tiroir .qui-r .r-oeil{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:11px;background:none;
  color:var(--gris,#A1A1A6);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}
#tiroir .qui-r .r-oeil[hidden]{display:none}
#tiroir .qui-r .r-oeil:active{background:rgba(255,255,255,.08);color:var(--encre,#F2F1EC)}
#tiroir .qui-r .r-oeil svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#tiroir .qui-r .r-oeil .o-ferme{display:none}
#tiroir .qui-r .r-oeil[aria-pressed="true"] .o-ouvert{display:none}
#tiroir .qui-r .r-oeil[aria-pressed="true"] .o-ferme{display:block}
#tiroir.a-conv .ligne-hibou{display:none}
#tiroir .qui-r .r-ag span{display:block;margin:0;font-size:inherit;color:inherit}
#tiroir .qui-r .r-ag b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em}
#tiroir .qui-r .r-ag small{display:block;margin-top:1px;font-size:12px;color:var(--gris,#A1A1A6)}
@media (prefers-reduced-motion:reduce){
#tiroir .qui-r .r-agents{animation:none}
#tiroir .r-bascule{transition:none}
}
@media (min-resolution:2dppx){
html body .neuf-chat::after,html body #tiroir .init::after{padding:.5px;opacity:1}
}
@media (min-resolution:3dppx){
html body .neuf-chat::after,html body #tiroir .init::after{padding:.34px}
}
html body .neuf-chat,html body #tiroir .init{background-clip:padding-box!important}
@media (min-resolution:2dppx){
html body .neuf-chat::after,html body #tiroir .init::after{padding:.9px;opacity:.55}
}
@media (min-resolution:3dppx){
html body .neuf-chat::after,html body #tiroir .init::after{padding:.6px;opacity:.57}
}
html body #tiroir .lueur-fond{display:none!important}
@media (max-width:819px){
html body #tiroir{width:338px!important;border-radius:0 30px 30px 0!important;box-shadow:24px 0 80px rgba(0,0,0,.7)!important}
}
html body #tiroir{background:#000!important}
html body #tiroir .neuf-chat{display:none!important}
html body #tiroir .nav [data-v="p-creer"]{display:none!important}
html body #tiroir .connecter::after,html body #tiroir .connecter::before,html body #tiroir .nav button::after,html body #tiroir .nav button::before,html body #tiroir .vers-hibou::after,html body #tiroir .vers-hibou::before,html body #tiroir .bas-r .init::after{display:none!important}
html body #tiroir .connecter,html body #tiroir .nav button,html body #tiroir .vers-hibou{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important;border-color:transparent!important;color:#F2F2F2!important}
html body #tiroir .compte-t{font-family:inherit!important;letter-spacing:0!important;text-transform:none!important;font-size:14.5px!important;font-weight:500!important;color:#8E8E93!important}
html body #tiroir hr{border:0!important;height:1px!important;background:rgba(255,255,255,.07)!important}
html body #tiroir .marque{display:flex!important;align-items:center!important;padding-left:24px!important;padding-right:14px!important}
html body #tiroir .r-act{margin-left:auto;display:flex;gap:4px}
html body #tiroir .r-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:transparent;border:0;color:#A1A1A6;padding:0;cursor:pointer}
html body #tiroir .r-ic svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body #tiroir .r-ic:active{background:rgba(255,255,255,.08)}
@media (min-width:820px){
html body #tiroir #r-fermer{display:none}
}
html body #tiroir .r-creer{display:flex;align-items:center;gap:12px;text-decoration:none;margin:10px 12px 6px;padding:0 14px 0 10px;height:56px;border-radius:999px;
  background:linear-gradient(180deg,#B5451B,#8E3414);color:#FBE9DD;flex:none}
html body #tiroir .r-creer svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body #tiroir .r-creer .r-plus{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.16);color:#fff}
html body #tiroir .r-creer .r-t{display:flex;align-items:baseline;gap:8px;line-height:1.15;min-width:0}
html body #tiroir .r-creer b{font-size:17px;font-weight:650}
html body #tiroir .r-creer small{font-size:13.5px;font-weight:500;color:rgba(251,233,221,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #tiroir .r-creer .r-fl{margin-left:auto;display:grid;opacity:.7}
html body #tiroir .r-creer:active{filter:brightness(1.1)}
html body #tiroir .connecter{min-height:58px!important;padding-left:12px!important;font-size:18px!important;font-weight:400!important}
html body #tiroir .connecter > svg{stroke:#F2F2F2!important;opacity:1!important;width:22px!important;height:22px!important}
html body #tiroir .connecter .cx-txt{display:flex;flex-direction:column;line-height:1.15}
html body #tiroir .connecter .cx-sous{font-size:12.5px;color:#8E8E93;font-weight:500;margin-top:2px}
html body #tiroir .connecter.cx-on .cx-sous{color:#7FD8A6}
html body #tiroir .connecter .pile{margin-left:auto!important}
html body #tiroir .connecter .pile i{box-shadow:0 0 0 2px #000!important}
html body #tiroir .nav button{font-size:18px!important;font-weight:400!important;min-height:52px!important;border-radius:14px!important}
html body #tiroir .nav button svg{stroke:#F2F2F2!important;opacity:1!important;width:22px!important;height:22px!important}
html body #tiroir .nav button.la{color:#FF8A55!important}
html body #tiroir .nav button.la svg{stroke:#FF8A55!important}
html body #tiroir .r-date{margin-left:auto;font-size:12.5px;font-weight:600;color:#C7C7CC;background:rgba(255,255,255,.07);border-radius:8px;padding:3px 8px;text-transform:capitalize}
html body #tiroir .histo .compte-t{margin-left:12px!important}
html body #tiroir #histo-l{padding-left:12px!important;padding-right:12px!important}
html body #tiroir #histo-l > *{padding-left:0!important;margin-left:0!important}
html body #tiroir #histo-l > .histo-r > .histo-i{padding-left:0!important}
html body #tiroir .histo-tete .compte-t{margin:0 0 0 12px!important}
html body #tiroir .bloc-centre > .compte-t{margin-left:24px!important}
html body #tiroir #hibou-demo-note{padding-left:12px!important;padding-right:20px!important;color:#76767B!important;font-size:13.5px!important}
html body #tiroir #hibou-demo-note b{color:#C7C7CC!important;font-weight:500!important}
html body #tiroir .bas-r{background:#000!important;border-top:0!important}
html body #tiroir .bas-r .init{border-radius:50%!important;border:0!important;color:#fff!important;font-weight:600!important;background:#2A2A2D!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #3A3A3E!important}
html body #tiroir .bas-r .init{padding:0 0 1.34px .66px!important}
html body #tiroir .bas-r .init[data-teinte="v"]{padding:1.34px 0 0 .5px!important}
html body #tiroir .bas-r .init[data-teinte="0"]{background:linear-gradient(160deg,#F07040,#C8461C)!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #F07040!important}
html body #tiroir .bas-r .init[data-teinte="1"]{background:linear-gradient(160deg,#ECA640,#B9731A)!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #ECA640!important}
html body #tiroir .bas-r .init[data-teinte="2"]{background:linear-gradient(160deg,#DE8A62,#A5512F)!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #DE8A62!important}
html body #tiroir .bas-r .init[data-teinte="3"]{background:linear-gradient(160deg,#D85A6E,#9C2E45)!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #D85A6E!important}
html body #tiroir .bas-r .init[data-teinte="4"]{background:linear-gradient(160deg,#55AC80,#2B6E4E)!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #55AC80!important}
html body #tiroir .bas-r .init[data-teinte="5"]{background:linear-gradient(160deg,#45AAAD,#1F6D74)!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #45AAAD!important}
html body #tiroir .bas-r .init[data-teinte="6"]{background:linear-gradient(160deg,#7895CB,#3F5E94)!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #7895CB!important}
html body #tiroir .bas-r .init[data-teinte="7"]{background:linear-gradient(160deg,#A97BC8,#6C4590)!important;box-shadow:0 0 0 2.5px #000,0 0 0 4.5px #A97BC8!important}
html body #tiroir .nav button svg,html body #tiroir .connecter > svg{stroke:#9A9AA0!important}
html body #tiroir .connecter.cx-on .cx-sous{color:var(--ok)}
body:not(.tiroir-hibou) #tiroir .nav button.la{background:rgba(255,255,255,.07)!important;color:#fff!important;font-weight:500!important}
body:not(.tiroir-hibou) #tiroir .nav button.la svg{stroke:#fff!important}
body.tiroir-hibou #tiroir .nav button.la{background:rgba(52,96,214,.20)!important;color:#C9D8FF!important;font-weight:500!important}
body.tiroir-hibou #tiroir .nav button.la svg{stroke:#9DB8FF!important}
body:not(.tiroir-hibou) #tiroir .r-creer{background:#1C1C1F;color:#F2F2F2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
body:not(.tiroir-hibou) #tiroir .r-creer small{color:#8E8E93}
body:not(.tiroir-hibou) #tiroir .r-creer .r-plus{background:linear-gradient(180deg,#B5451B,#8E3414);color:#FBE9DD}
body.tiroir-hibou #tiroir .r-creer{background:#1C1C1F;color:#F2F2F2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
body.tiroir-hibou #tiroir .r-creer small{color:#8E8E93}
body.tiroir-hibou #tiroir .r-creer .r-plus{background:linear-gradient(180deg,#2A4FB8,#1B3A8E);color:#EEF3FF}
html body #tiroir .r-creer .r-s-h{display:none}
body.tiroir-hibou #tiroir .r-creer .r-s-r{display:none}
body.tiroir-hibou #tiroir .r-creer .r-s-h{display:inline}
@media (max-width:819px){
html body #tiroir .nav button,html body #tiroir .connecter{font-size:15px!important;min-height:46px!important}
html body #tiroir .connecter{min-height:54px!important}
html body #tiroir .nav button svg,html body #tiroir .connecter > svg{width:20px!important;height:20px!important}
html body #tiroir .r-creer{height:52px}
html body #tiroir .r-creer b{font-size:16px}
html body #tiroir .r-creer small{font-size:12.5px}
html body #tiroir .compte-t{font-size:13px!important}
}
html body #tiroir .appeler{justify-content:flex-start;gap:12px;margin:0 12px;width:calc(100% - 24px);padding:0 12px;min-height:54px;height:auto;
  background:transparent;border:0;box-shadow:none;border-radius:14px;color:#F2F2F2;font-size:15px;font-weight:400;font-family:inherit}
html body #tiroir .appeler::before,html body #tiroir .appeler::after{display:none}
html body #tiroir .appeler > svg{width:20px;height:20px;stroke:#9A9AA0}
html body #tiroir .appeler .ap-txt{display:flex;flex-direction:column;line-height:1.15;text-align:left}
html body #tiroir .appeler .ap-txt::after{content:"À voix haute, en direct";font-size:12.5px;color:#8E8E93;font-weight:500;margin-top:2px}
html body #tiroir .appeler .ap-ondes{margin-left:auto;display:flex;align-items:center;gap:2.5px;height:16px}
html body #tiroir .appeler .ap-ondes i{display:block;width:2.5px;border-radius:2px;background:var(--ok);will-change:transform;animation:ap-o 1.1s ease-in-out infinite}
html body #tiroir .appeler .ap-ondes i:nth-child(1){height:6px}
html body #tiroir .appeler .ap-ondes i:nth-child(2){height:12px;animation-delay:.15s}
html body #tiroir .appeler .ap-ondes i:nth-child(3){height:9px;animation-delay:.3s}
html body #tiroir .appeler .ap-ondes i:nth-child(4){height:14px;animation-delay:.45s}
@media (prefers-reduced-motion:reduce){
html body #tiroir .appeler .ap-ondes i{animation:none}
}
@media (min-width:820px){
html body #tiroir .nav button,html body #tiroir .connecter{font-size:15.5px!important;min-height:44px!important}
html body #tiroir .nav button svg,html body #tiroir .connecter > svg{width:20px!important;height:20px!important}
html body #tiroir .r-creer{height:50px;margin:8px 12px 4px}
html body #tiroir .r-creer b{font-size:16px}
html body #tiroir .r-creer small{font-size:12.5px}
html body #tiroir .compte-t{font-size:13px!important}
}
body:not(.tiroir-hibou) #menu-moi .mm-demo-h{display:none}
html body #menu-moi{left:10px;right:10px;bottom:calc(70px + env(safe-area-inset-bottom,0px));padding:8px;border-radius:24px;overflow:hidden;
  
  background:rgba(28,28,30,.94);
  -webkit-backdrop-filter:blur(30px) saturate(1.4);backdrop-filter:blur(30px) saturate(1.4);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 60px rgba(0,0,0,.7)}
html body #menu-moi.ouvert{display:flex;flex-direction:column;transform-origin:50% 100%;animation:mm-monte .26s cubic-bezier(.22,1,.36,1) both}
@keyframes mm-monte{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
html body #menu-moi.ouvert{animation:none}
}
html body #menu-moi a,html body #menu-moi button{display:flex;align-items:center;gap:13px;padding:12px;border:none;border-radius:14px;
  font-size:15.5px;font-weight:450;color:#F2F1EC;background:none;-webkit-tap-highlight-color:transparent;transition:background .15s}
html body #menu-moi a:active,html body #menu-moi button:active{background:rgba(255,255,255,.07)}
@media (hover:hover){
html body #menu-moi a:hover,html body #menu-moi button:hover{background:rgba(255,255,255,.06)}
}
html body #menu-moi svg{flex:none;width:20px;height:20px;fill:none;stroke:#A1A1A6;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body #menu-moi .sortir{color:#C9C7C0}
html body #menu-moi #sortir{color:#FF8A7A}
html body #menu-moi #sortir svg{stroke:#FF8A7A}
html body #menu-moi #changer-compte{position:relative;margin-top:13px}
html body #menu-moi #changer-compte::before{content:"";position:absolute;left:12px;right:12px;top:-7px;height:1px;background:rgba(255,255,255,.09);pointer-events:none}
html body #menu-moi .mm-offre{gap:12px;padding:11px 12px;margin-bottom:6px;border-radius:16px;
  background:linear-gradient(180deg,rgba(224,86,31,.17),rgba(224,86,31,.06));box-shadow:inset 0 0 0 1px rgba(255,138,86,.12)}
html body #menu-moi .mm-offre.h{background:linear-gradient(180deg,rgba(26,127,174,.2),rgba(26,127,174,.07));box-shadow:inset 0 0 0 1px rgba(79,179,224,.14)}
html body #menu-moi .mm-jt{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#C9521F,#9C3A13)}
html body #menu-moi .mm-offre.h .mm-jt{background:linear-gradient(180deg,#2B8FC2,#1A6A93)}
html body #menu-moi .mm-jt svg{width:18px;height:18px;stroke:#fff}
html body #menu-moi .mm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body #menu-moi .mm-t b{font-size:14.5px;font-weight:650;color:#F2F1EC}
html body #menu-moi .mm-t small{font-size:12px;color:#9C9A92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #menu-moi .mm-fl{flex:none;color:#8E8C85;font-size:18px;line-height:1}
html body #menu-moi .mm-v{margin-left:auto;font-size:12.5px;color:#8E8C85}
html body #tiroir #hibou-demo-note{display:none!important}
html body #tiroir .ligne-hibou{position:relative;margin-top:2px}
html body #tiroir .ligne-hibou .vers-hibou b{font-size:15px;font-weight:400;color:#F2F2F2}
html body #tiroir .ligne-hibou .vers-hibou span span{font-size:12.5px;font-weight:500;color:#8E8E93;margin-top:1px}
html body #tiroir .ligne-hibou .vers-hibou img{width:20px;height:20px}
html body #tiroir .ligne-hibou .vers-hibou{margin:0 16px!important;width:calc(100% - 32px)!important;padding:0 13px 0 12px!important;min-height:54px;gap:10px!important}
html body #tiroir:has(#histo-l .histo-i) .bloc-centre .compte-t,html body #tiroir:has(#histo-l .histo-i) #compte-r{display:none!important}
html body #tiroir .r-act .appeler{display:grid;place-items:center;place-content:center;flex:none;width:40px;height:40px;min-height:0;margin:0;padding:0;gap:0;
  border:0;border-radius:12px;background:transparent;box-shadow:none;color:#A1A1A6;filter:none}
html body #tiroir .r-act .appeler[hidden]{display:none!important}
html body #tiroir .r-act .appeler:hover{background:transparent;filter:none;color:#F2F2F2}
html body #tiroir .r-act .appeler:active{background:rgba(255,255,255,.08)}
html body #tiroir .r-act .appeler > svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8}
html body #tiroir .r-act .appeler .ap-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ⚑ RENOMMÉE, LA RÈGLE GAGNE CE QU'ELLE PERDAIT (31/10/2026). Dans le chat, `.rail > *:not(.lueur-fond){position:relative}` perd
   contre `#menu-moi{position:absolute}` (une classe contre un id). Écrite `#tiroir > …`, elle gagne : la carte du compte
   redevenait une rangée (sur Créer, 20 points plus large que dans le chat). Deux identifiants lui rendent sa place, pour
   toutes les pages qui ont ce menu (Mon plan l'écrivait chez lui). */
#tiroir > #menu-moi{position:absolute;z-index:70}