:root{color-scheme:dark light;--fond:#0f1219;--surface:#161b25;--surface-2:#1c2330;--bord:#29323f;--bord-doux:#212936;--texte:#e8ebf1;--texte-doux:#8b95a7;--accent:#47a3f0;--accent-fond:#47a3f01a;--danger:#e5697a;--danger-fond:#e5697a14;--ok:#4fc38a;--attention:#e2b153;--bot:#b394f5;--sarcelle:#35b8a8;--rose:#d073a8;--fond-2:var(--surface-2);--rayon:10px;--rayon-s:6px;--mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace}@media (prefers-color-scheme:light){:root{--fond:#f4f5f8;--surface:#ffffff;--surface-2:#eef0f5;--bord:#dde1e9;--bord-doux:#e7eaf0;--texte:#1a1f2b;--texte-doux:#5d6778;--accent:#1c6fd4;--accent-fond:#1c6fd414;--danger:#c23b52;--danger-fond:#c23b520f;--ok:#1f9d66;--attention:#b07d1e;--bot:#7a54d4;--sarcelle:#178f7f;--rose:#b0568c}}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14.5px;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh}.app,.lat{display:flex}.lat{width:218px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--bord);flex-direction:column;padding:1.1rem .8rem;position:-webkit-sticky;position:sticky;top:0;height:100vh}.lat-tete{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.lat-corps{display:flex;flex-direction:column;flex:1 1;min-height:0}.burger{display:none;background:none;border:1px solid var(--bord);color:var(--texte);padding:.3rem .45rem;border-radius:var(--rayon-s);line-height:0}.burger:hover{background:var(--surface-2);filter:none}.burger svg{width:20px;height:20px}.marque{display:flex;align-items:center;gap:.6rem;padding:0 .5rem 1.1rem}.marque .pastille{width:30px;height:30px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.95em;flex-shrink:0}.marque strong{font-size:.98em;letter-spacing:.01em}.marque small{display:block;color:var(--texte-doux);font-size:.78em}.lat nav{display:flex;flex-direction:column;gap:2px;margin-top:.4rem}.lat nav a{display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border-radius:var(--rayon-s);color:var(--texte-doux);font-weight:500}.lat nav a:hover{background:var(--surface-2);color:var(--texte);text-decoration:none}.lat nav a.actif{background:var(--accent-fond);color:var(--accent)}.lat nav a svg{width:17px;height:17px;flex-shrink:0}.lat nav .groupe{margin:1rem .6rem .3rem;font-size:.72em;letter-spacing:.1em;text-transform:uppercase;color:var(--texte-doux);opacity:.7;font-weight:600}.lat .pied{margin-top:auto;border-top:1px solid var(--bord-doux);padding-top:.8rem;display:flex;align-items:center;gap:.6rem;font-size:.88em}.lat .pied small{color:var(--texte-doux);display:block;font-family:var(--mono);font-size:.82em}.lat .pied form{margin-left:auto}.principal{flex:1 1;min-width:0;padding:1.6rem 2rem 3rem}@media (max-width:860px){.app{flex-direction:column}.lat{width:100%;height:auto;position:static;padding:.7rem .8rem}.marque{padding-bottom:0}.burger{display:block}.lat-corps{display:none}.lat.ouverte .lat-corps{display:flex;padding-top:.8rem}.lat.ouverte .pied{margin-top:.8rem;padding-top:.8rem}.principal{padding:1.2rem 1rem 3rem}}h1{font-size:1.35em;margin:0 0 1rem}.entete-page{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;margin-bottom:1.1rem}.entete-page h1{margin:0}.compteur{font-family:var(--mono);font-size:.8em;color:var(--texte-doux);border:1px solid var(--bord);padding:.15rem .6rem;border-radius:999px;white-space:nowrap}.compteur,.filtres{background:var(--surface)}.filtres{display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-end;border:1px solid var(--bord);border-radius:var(--rayon);padding:.9rem 1rem;margin-bottom:1.2rem}label{display:block;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-doux);margin-bottom:.25rem;font-weight:600}button,input,select{font:inherit;padding:.42rem .6rem;border:1px solid var(--bord);border-radius:var(--rayon-s);background:var(--fond);color:var(--texte)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}button{cursor:pointer;background:var(--accent);border-color:transparent;color:#fff;font-weight:600;padding:.48rem 1.1rem}button:hover{filter:brightness(1.1)}button:disabled{opacity:.6;cursor:default}.btn-lien{background:none;border:none;color:var(--texte-doux);padding:0;font-weight:500;font-size:.95em}.btn-lien:hover{color:var(--texte);filter:none;text-decoration:underline}.liste{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);overflow:hidden}.jour{padding:.45rem 1.1rem;font-size:.75em;letter-spacing:.08em;text-transform:uppercase;color:var(--texte-doux);background:var(--surface-2);font-weight:600}.jour,.message{border-bottom:1px solid var(--bord-doux)}.message{padding:.65rem 1.1rem;position:relative}.liste .message:last-child{border-bottom:none}.message.avec-avatar{display:flex;gap:.8rem}.message.avec-avatar:hover{background:var(--surface-2)}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:.8em;color:#fff;margin-top:.15rem;position:relative;overflow:hidden}.avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.av-1{background:#5b6ee0}.av-2{background:#2f9d8a}.av-3{background:#b4638f}.av-4{background:#c07a3d}.av-5{background:#4f8fc9}.av-6{background:#7d9a44}.av-bot{background:var(--bot)}.message .corps{min-width:0;flex:1 1}.message .ligne1,.message .meta{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}.message .meta{font-size:.84em;color:var(--texte-doux)}.message .auteur,.message .nom{font-weight:650;color:var(--texte);font-size:.95em}.message .auteur.est-bot,.message .nom.est-bot{color:var(--bot)}.message .salon{font-size:.84em}.message .salon,.quand{color:var(--texte-doux)}.quand{font-family:var(--mono);font-size:.78em}a.quand:hover{color:var(--accent);text-decoration:none}.message .contenu{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.1rem}.message .pj{margin-top:.3rem;font-size:.86em}.message.supprime:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--danger)}.message.supprime{background:var(--danger-fond)}.message.supprime .contenu{text-decoration:line-through;color:var(--texte-doux)}.message.cible:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.message.cible{background:var(--accent-fond)}.etiquette{font-size:.7em;font-weight:650;letter-spacing:.03em;padding:.1rem .5rem;border-radius:999px;background:var(--surface-2);color:var(--texte-doux);border:1px solid var(--bord);vertical-align:1px}.etiquette.rouge{background:var(--danger-fond);color:var(--danger);border-color:transparent}.etiquette.violette{background:color-mix(in srgb,var(--bot) 16%,transparent);color:var(--bot);border-color:transparent}.etiquette.ambre{background:color-mix(in srgb,var(--attention) 16%,transparent);color:var(--attention);border-color:transparent}.etiquette.verte{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);border-color:transparent}.pagination{display:flex;align-items:center;gap:1.1rem;margin-top:1rem;font-size:.92em}.pagination .ou{color:var(--texte-doux);font-family:var(--mono);font-size:.88em}.panneau{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);padding:.9rem 1.1rem;margin-bottom:1.1rem}.panneau h2{font-size:.95em;margin:0 0 .7rem}.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.8rem;gap:.8rem;margin-bottom:1.1rem}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);padding:.7rem .9rem}.carte .valeur{font-size:1.45em;font-weight:700;font-family:var(--mono)}.carte .legende{color:var(--texte-doux);font-size:.78em;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.batons{display:flex;align-items:flex-end;gap:2px;height:120px}.batons .baton{flex:1 1;background:var(--accent);border-radius:2px 2px 0 0;opacity:.85;min-width:2px}.batons .baton:hover{opacity:1}.batons.sarcelle .baton{background:var(--sarcelle)}.jauge-part.ambre{background:var(--attention)}.jauge-part.rose{background:var(--rose)}.jauge-part.verte{background:var(--ok)}.axe{display:flex;justify-content:space-between;color:var(--texte-doux);font-family:var(--mono);font-size:.72em;margin-top:.3rem}.deux-colonnes{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.1rem;gap:1.1rem}@media (max-width:860px){.deux-colonnes{grid-template-columns:1fr;gap:0}}.option{margin:.55rem 0}.option .haut{display:flex;justify-content:space-between;gap:.8rem;font-size:.92em;margin-bottom:.25rem}.option .haut .voix{color:var(--texte-doux);font-family:var(--mono);font-size:.85em;white-space:nowrap}.jauge{height:7px;background:var(--surface-2);overflow:hidden}.jauge,.jauge-part{border-radius:999px}.jauge-part{height:100%;background:var(--accent)}.jauge-part.gagnant{background:var(--ok)}.versions{border:1px solid var(--bord);border-radius:var(--rayon);background:var(--surface);padding:.8rem 1.1rem;margin-bottom:1.1rem}.versions h2{font-size:.95em;margin:0 0 .4rem}.versions .version{border-left:2px solid var(--attention);padding:.3rem .8rem;margin:.5rem 0}.versions .version .meta{font-family:var(--mono);font-size:.78em;color:var(--texte-doux)}.versions .version .contenu{white-space:pre-wrap;overflow-wrap:anywhere}.ecran-connexion{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse 60% 50% at 50% -10%,var(--accent-fond),transparent),var(--fond);padding:2rem 1rem}.carte-connexion{width:340px;max-width:100%;background:var(--surface);border:1px solid var(--bord);border-radius:14px;padding:1.8rem 1.7rem}.carte-connexion .marque{justify-content:center;padding-bottom:1rem}.separateur-social{display:flex;align-items:center;gap:.6rem;margin:.9rem 0 .6rem;color:var(--texte-doux);font-size:.75em;text-transform:uppercase;letter-spacing:.08em}.separateur-social:after,.separateur-social:before{content:"";flex:1 1;border-top:1px solid var(--bord)}.bouton-social{display:block;text-align:center;padding:.55rem 1rem;border:1px solid var(--bord);border-radius:8px;color:var(--texte);text-decoration:none;font-weight:500}.bouton-social+.bouton-social{margin-top:.5rem}button.bouton-social{width:100%;font:inherit;background:none;cursor:pointer}button.bouton-social:disabled{opacity:.6;cursor:default}.bouton-social:hover{border-color:var(--texte-doux);text-decoration:none}.carte-connexion .rappel{margin:1rem 0 0;font-size:.8em}.carte-connexion .rappel,.vide{color:var(--texte-doux);text-align:center}.vide{padding:2.2rem 1rem;background:var(--surface);border:1px dashed var(--bord);border-radius:var(--rayon)}.erreur{background:var(--danger-fond);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger);border-radius:var(--rayon);padding:.8rem 1.1rem}