:root{--fond:#fff;--fond-doux:#f5f5f5;--texte:#1f1f1f;--texte-doux:#5c5c5c;--trait:#e0e0e0;--accent:#0f6cbd;--accent-texte:#fff;--mention-fond:#ebf3fc;--mention-texte:#0f548c;--alerte:#b10e1c;--alerte-fond:#fdf3f4;--bandeau-fond:#fff4ce;--bandeau-texte:#4d3a00;--moi-fond:#f0f6ff}@media (prefers-color-scheme:dark){:root{--fond:#1f1f1f;--fond-doux:#292929;--texte:#f2f2f2;--texte-doux:#b3b3b3;--trait:#3d3d3d;--accent:#479ef5;--accent-texte:#0a0a0a;--mention-fond:#12324f;--mention-texte:#a9d3f8;--alerte:#f1707b;--alerte-fond:#3b1519;--bandeau-fond:#433519;--bandeau-texte:#fde7a8;--moi-fond:#1b2a3b}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--fond);color:var(--texte);font:14px/1.45 Segoe UI,system-ui,-apple-system,sans-serif}h1{margin:0;font-size:15px;font-weight:600}p{margin:0}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:4px;min-height:32px;padding:5px 12px}button:disabled{cursor:default;opacity:.55}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.principal{background:var(--accent);color:var(--accent-texte);font-weight:600}button.discret{color:var(--texte);border-color:var(--trait);background:0 0}button.lien{min-height:24px;color:var(--accent);background:0 0;border:none;padding:2px 4px}button.lien.danger{color:var(--alerte)}.alerte{color:var(--alerte);background:var(--alerte-fond);border-radius:4px;padding:6px 8px;font-size:13px}.bandeau{background:var(--bandeau-fond);color:var(--bandeau-texte);padding:6px 12px;font-size:13px}.discret-texte,.aide,.statut,.vide{color:var(--texte-doux)}.volet{flex-direction:column;min-width:0;height:100vh;display:flex}.volet.centre{text-align:center;justify-content:center;align-items:center;gap:12px;padding:24px 16px}.volet>header{border-bottom:1px solid var(--trait);justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.volet>header>div{min-width:0}.volet>header h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.statut{font-size:12px}.volet>.alerte{margin:8px 12px 0}.vide{text-align:center;flex:1;padding:24px 16px}.commentaires{flex-direction:column;flex:1;gap:8px;margin:0;padding:8px 12px;list-style:none;display:flex;overflow-y:auto}.commentaire{background:var(--fond-doux);border-radius:6px;padding:8px 10px}.commentaire.a-moi{background:var(--moi-fond)}.commentaire.supprime .texte{color:var(--texte-doux);font-style:italic}.commentaire .entete{color:var(--texte-doux);flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:2px;font-size:12px;display:flex}.commentaire .auteur{color:var(--texte);font-size:13px;font-weight:600}.commentaire .texte{white-space:pre-wrap;overflow-wrap:anywhere}.commentaire .outils{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.mention{background:var(--mention-fond);color:var(--mention-texte);border-radius:3px;padding:0 3px;font-weight:600}.volet>footer{border-top:1px solid var(--trait);padding:8px 12px 10px}.saisie{flex-direction:column;gap:6px;display:flex;position:relative}.saisie textarea{resize:vertical;width:100%;min-height:64px;max-height:40vh;font:inherit;color:var(--texte);background:var(--fond);border:1px solid var(--trait);border-radius:4px;padding:6px 8px}.saisie .actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.saisie .aide{flex:1;font-size:11px}.suggestions{background:var(--fond);border:1px solid var(--trait);z-index:2;border-radius:6px;margin:0 0 4px;padding:4px;list-style:none;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 4px 12px #0000002e}.suggestions button{text-align:left;width:100%;color:var(--texte);background:0 0}.suggestions button.choisi,.suggestions button:hover{background:var(--mention-fond);color:var(--mention-texte)}.page{flex-direction:column;gap:16px;max-width:860px;margin:0 auto;padding:24px 16px 48px;display:flex}.page h1{font-size:22px}.page h2{margin:0;font-size:16px}.page a{color:var(--accent)}.carte{border:1px solid var(--trait);border-radius:8px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.carte.inactive{opacity:.7}.carte .titre{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.formulaire{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.formulaire label{color:var(--texte-doux);flex-direction:column;flex:200px;gap:2px;font-size:12px;display:flex}.formulaire input{font:inherit;color:var(--texte);background:var(--fond);border:1px solid var(--trait);border-radius:4px;min-height:32px;padding:5px 8px}.liste{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.liste li{border-top:1px solid var(--trait);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.liste .secondaire{color:var(--texte-doux);font-size:12px}.etiquette{border:1px solid var(--trait);color:var(--texte-doux);border-radius:10px;padding:1px 8px;font-size:11px}.tableau{border-collapse:collapse;width:100%;font-size:13px}.tableau th,.tableau td{text-align:left;border-top:1px solid var(--trait);vertical-align:top;overflow-wrap:anywhere;padding:6px 8px}.defilement{overflow-x:auto}