:root{--fond:#0f1115;--surface:#171a21;--bord:#262b36;--texte:#e6e8ec;--doux:#8b93a3;--accent:#7c6cf0;--vert:#34c98a;--rouge:#e5645f}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);margin:0;font:15px/1.6 ui-sans-serif,-apple-system,system-ui,sans-serif}a{color:inherit}.enveloppe{max-width:1180px;margin:0 auto;padding:24px 20px 0}.colonnes{grid-template-columns:232px 1fr;gap:28px;display:grid}.colonnes main{min-width:0;padding-bottom:120px}.fils{align-self:start;max-height:calc(100vh - 60px);padding-right:4px;position:sticky;top:24px;overflow-y:auto}.fils .nouveau{text-align:left;width:100%;color:var(--accent);border:1px dashed var(--bord);font:inherit;cursor:pointer;background:0 0;border-radius:8px;margin-bottom:12px;padding:8px 11px;font-size:13px}.fils .nouveau:hover{border-color:var(--accent)}.fil{border-radius:8px;align-items:center;display:flex}.fil:hover,.fil[data-actif]{background:var(--surface)}.fil[data-actif] button{color:var(--texte)}.fil button{text-align:left;min-width:0;color:var(--doux);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:8px 4px 8px 11px;font-size:13px;overflow:hidden}.fil .suppr{color:var(--doux);opacity:0;cursor:pointer;padding:0 10px;font-size:15px;line-height:1}.fil:hover .suppr{opacity:1}.fil .suppr:hover{color:var(--rouge)}@media (max-width:820px){.colonnes{grid-template-columns:1fr}.fils{max-height:180px;margin-bottom:8px;position:static}}header{border-bottom:1px solid var(--bord);align-items:baseline;gap:16px;margin-bottom:24px;padding:4px 0 20px;display:flex}header h1{letter-spacing:-.01em;margin:0;font-size:17px}header nav{gap:16px;margin-left:auto;font-size:14px;display:flex}header nav a{color:var(--doux);text-decoration:none}header nav a:hover,header nav a[data-actif]{color:var(--texte)}.tour{margin-bottom:28px}.question{align-items:flex-start;gap:10px;margin-bottom:12px;font-weight:600;display:flex}.question:before{content:"›";color:var(--accent)}.reponse>:first-child{margin-top:0}.reponse>:last-child{margin-bottom:0}.reponse h1,.reponse h2,.reponse h3{letter-spacing:-.01em;margin:22px 0 8px;font-size:15px}.reponse p{margin:0 0 12px}.reponse ul,.reponse ol{margin:0 0 12px;padding-left:22px}.reponse li{margin-bottom:4px}.reponse code{background:var(--surface);border:1px solid var(--bord);border-radius:4px;padding:1px 5px;font-size:13px}.reponse pre code{border:0;padding:0}.reponse pre{background:var(--surface);border:1px solid var(--bord);border-radius:8px;padding:12px 14px;overflow:auto}.reponse blockquote{border-left:2px solid var(--bord);color:var(--doux);margin:0 0 12px;padding-left:14px}.sources{border-top:1px solid var(--bord);color:var(--doux);margin-top:14px;padding-top:12px;font-size:13px}.sources ol{margin:6px 0 0;padding-left:20px}.notation{gap:8px;margin-top:14px;display:flex}.notation button{border:1px solid var(--bord);color:var(--doux);cursor:pointer;background:0 0;border-radius:8px;padding:5px 12px;font-size:14px}.notation button:hover{border-color:var(--doux);color:var(--texte)}.notation button[data-note="1"][data-actif]{border-color:var(--vert);color:var(--vert)}.notation button[data-note="-1"][data-actif]{border-color:var(--rouge);color:var(--rouge)}.saisie{background:linear-gradient(transparent, var(--fond) 22%);padding:28px 20px 20px;position:fixed;bottom:0;left:0;right:0}.saisie form{gap:10px;max-width:1180px;margin:0 auto;padding-left:260px;display:flex}@media (max-width:820px){.saisie form{padding-left:0}}.saisie textarea{resize:none;background:var(--surface);color:var(--texte);border:1px solid var(--bord);font:inherit;border-radius:10px;flex:1;min-height:46px;max-height:180px;padding:11px 14px}.saisie textarea:focus{border-color:var(--accent);outline:none}.saisie button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 20px;font-weight:600}.saisie button:disabled{opacity:.45;cursor:default}.vide{color:var(--doux);text-align:center;padding:64px 0}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:12px;margin-bottom:16px;padding:18px}.carte h3{margin:0 0 4px;font-size:14px}.carte .genre{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:10px;font-size:11px;display:inline-block}.carte pre{white-space:pre-wrap;color:var(--doux);max-height:300px;margin:10px 0 16px;font:13px/1.55 ui-monospace,monospace;overflow:auto}.carte .actions{gap:8px;display:flex}.carte .actions button{font:inherit;cursor:pointer;border:1px solid var(--bord);color:var(--texte);background:0 0;border-radius:8px;padding:7px 16px}.carte .actions button.oui{border-color:var(--vert);color:var(--vert)}.carte .actions button.non{border-color:var(--rouge);color:var(--rouge)}.connexion{flex-direction:column;gap:14px;width:min(340px,100vw - 40px);height:fit-content;margin:auto;display:flex;position:fixed;inset:0}.connexion h1{letter-spacing:-.02em;margin:0;font-size:21px}.connexion p{color:var(--doux);margin:-8px 0 6px;font-size:14px}.connexion input{background:var(--surface);border:1px solid var(--bord);font:inherit;color:var(--texte);border-radius:10px;padding:12px 14px}.connexion input:focus{border-color:var(--accent);outline:none}.connexion button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px;font-weight:600}.connexion button:disabled{opacity:.4;cursor:default}.connexion .erreur{color:var(--rouge);margin-top:-6px;font-size:13px}
