/* Lady Caz — chat du site (v3 du 2026-11-01 : fenêtre détachée du fond nuit — fond violet plus clair, bordure lavande,
   ombre + halo violet, en-tête contrasté, bulles plus claires ; Jonathan : « ça fait ton sur ton ». v2 du 2026-10-30 : retours à la ligne dans les bulles de l'IA ; v1 du 2026-10-29). Même univers que lc.css : nuit violette, néons violet / bleu électrique / cyan.
   Aucune couleur verte, dorée ou rose bonbon. Couleurs écrites en dur (la feuille fonctionne aussi sur une page sans lc.css). */
.lcc{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:9000;
  font:400 15px/1.45 "Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;color:#f7f4ff}
.lcc *{box-sizing:border-box}
.lcc [hidden]{display:none!important}

/* bulle ronde : la photo de Lady Caz dans un anneau néon */
.lcc-bulle{position:relative;width:64px;height:64px;border-radius:50%;padding:3px;border:0;cursor:pointer;
  background:conic-gradient(from 200deg,#8b5cf6,#818cf8,#22d3ee,#8b5cf6);
  box-shadow:0 0 0 2px rgba(196,181,253,.7),0 12px 34px rgba(0,0,0,.6),0 0 30px rgba(139,92,246,.75),0 0 60px rgba(109,40,217,.4);
  transition:transform .2s ease}
.lcc-bulle:hover{transform:scale(1.05)}
.lcc-bulle:focus-visible{outline:2px solid #a5f3fc;outline-offset:3px}
.lcc-bulle img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#150c29}
.lcc-point{position:absolute;right:3px;bottom:3px;width:14px;height:14px;border-radius:50%;background:#22d3ee;
  border:2px solid #0c0718;box-shadow:0 0 10px #22d3ee}
.lcc.ouvert .lcc-bulle{display:none}

/* petit mot d'accroche */
.lcc-teaser{position:absolute;right:4px;bottom:76px;width:max-content;max-width:min(260px,calc(100vw - 40px));
  background:linear-gradient(165deg,#2c1a58,#1e1240);border:1.5px solid rgba(196,181,253,.6);border-radius:16px 16px 4px 16px;
  padding:10px 30px 10px 14px;box-shadow:0 14px 34px rgba(0,0,0,.65),0 0 26px rgba(139,92,246,.45);backdrop-filter:blur(10px);animation:lcc-in .35s ease}
.lcc-teaser p{margin:0;cursor:pointer}
.lcc-x{position:absolute;top:4px;right:6px;border:0;background:none;color:#cbc3e8;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}

/* panneau de discussion */
.lcc-panneau{width:min(370px,calc(100vw - 32px));height:min(560px,calc(100dvh - 32px));display:flex;flex-direction:column;
  background:radial-gradient(120% 70% at 100% 0,rgba(139,92,246,.30),transparent 60%),linear-gradient(165deg,#221544 0%,#1b1038 55%,#170d2e 100%);
  border:1.5px solid rgba(196,181,253,.6);border-radius:22px;overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.8),0 0 0 4px rgba(139,92,246,.18),0 0 60px rgba(139,92,246,.5),0 0 120px rgba(109,40,217,.3);animation:lcc-in .3s ease}
.lcc-panneau header{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;
  background:linear-gradient(135deg,#3b1f72,#2a1757);border-bottom:1px solid rgba(196,181,253,.4)}
.lcc-panneau header img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #c4b5fd,0 0 12px rgba(139,92,246,.7)}
.lcc-panneau header div{flex:1;display:flex;flex-direction:column}
.lcc-panneau header b{font-weight:700;font-size:16px}
.lcc-panneau header small{color:#ddd6fe;font-size:12px}
.lcc-fermer{border:0;background:rgba(255,255,255,.12);color:#f7f4ff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}
.lcc-fermer:focus-visible,.lcc-b:focus-visible,.lcc-saisie button:focus-visible{outline:2px solid #a5f3fc;outline-offset:2px}

.lcc-fil{flex:1;overflow-y:auto;padding:14px 12px 6px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth}
.lcc-m{margin:0;max-width:84%;padding:9px 13px;border-radius:18px;word-wrap:break-word;white-space:pre-line;animation:lcc-in .25s ease}
.lcc-m.elle{align-self:flex-start;background:#3d2672;border:1px solid rgba(196,181,253,.35);border-bottom-left-radius:6px;box-shadow:0 2px 8px rgba(6,3,13,.35)}
.lcc-m.lui{align-self:flex-end;background:linear-gradient(135deg,#6d28d9,#4f46e5);border-bottom-right-radius:6px}
.lcc-m.tape{display:flex;gap:4px;padding:12px 14px}
.lcc-m.tape span{width:7px;height:7px;border-radius:50%;background:#c7d2fe;opacity:.4;animation:lcc-tape 1s infinite}
.lcc-m.tape span:nth-child(2){animation-delay:.15s}.lcc-m.tape span:nth-child(3){animation-delay:.3s}
.lcc-accord{display:block;quotes:none;font-size:13.5px;color:#e0e7ff;border-left:2px solid #22d3ee;padding-left:9px}

.lcc-choix{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:0 12px}
.lcc-choix:not(:empty){padding:6px 12px 8px}
.lcc-b{font:600 14px/1 inherit;font-family:inherit;padding:11px 16px;border-radius:999px;cursor:pointer;text-decoration:none;
  color:#f7f4ff;background:rgba(255,255,255,.1);border:1px solid rgba(196,181,253,.5)}
.lcc-b.principal{border:0;background:linear-gradient(135deg,#8b5cf6,#4f46e5);box-shadow:0 6px 18px rgba(109,40,217,.5),0 0 14px rgba(34,211,238,.25)}
.lcc-b:hover{filter:brightness(1.12)}

.lcc-saisie{display:flex;gap:8px;padding:8px 12px 6px}
.lcc-saisie input{flex:1;min-width:0;font:inherit;font-size:16px;color:#f7f4ff;background:rgba(255,255,255,.1);
  border:1px solid rgba(196,181,253,.45);border-radius:999px;padding:10px 14px;outline:none}
.lcc-saisie input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.18)}
.lcc-saisie input::placeholder{color:#b8b0d9}
.lcc-saisie{border-top:1px solid rgba(196,181,253,.18)}
.lcc-saisie button{flex:none;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;color:#fff;font-size:16px;
  background:linear-gradient(135deg,#8b5cf6,#4f46e5)}
.lcc-pied{margin:0;padding:2px 12px 10px;text-align:center;font-size:11.5px;color:#b8b0d9}
.lcc-pied a{color:#a5f3fc}

@keyframes lcc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes lcc-tape{0%,100%{opacity:.35;transform:none}50%{opacity:1;transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.lcc *{animation:none!important;transition:none!important}}
@media (max-width:480px){
  .lcc.ouvert{right:0;bottom:0;left:0;top:0}
  .lcc-panneau{width:100vw;height:100dvh;border-radius:0;border:0}
}