:root{color-scheme:dark;--bg:#151b22;--panel:#1d2630;--ink:#f3efe5;--muted:#b4c0cd;--line:#3c4b5b;--accent:#f3b578;--error:#ffc1af;font-family:"Avenir Next",Avenir,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55}
*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:32px 24px 48px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}header a{font:24px Georgia,serif;letter-spacing:.04em;color:var(--accent);text-decoration:none}h1{font:400 clamp(28px,5vw,40px)/1.16 Georgia,serif;letter-spacing:-.025em;margin:32px 0 16px;text-wrap:balance}h2{font-size:19px;font-weight:500;margin:24px 0 12px}p{max-width:70ch;margin:12px 0;color:var(--muted)}a{color:var(--accent);text-underline-offset:4px}button,input,textarea{font:inherit}button{min-height:46px;padding:10px 16px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);cursor:pointer}button:not(:disabled):hover{background:#26323f;border-color:var(--muted)}button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}button.primary:not(:disabled):hover{background:#ffca96}button:disabled{background:var(--panel);border-color:var(--line);color:var(--muted);cursor:not-allowed}input,textarea{width:100%;border:1px solid #6d7d8e;border-radius:6px;background:#141d26;color:var(--ink);padding:12px;caret-color:var(--accent)}input::placeholder,textarea::placeholder{color:#9facbb}textarea{resize:vertical;min-height:104px}label{display:block;margin:24px 0 8px;font-weight:600}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--bg)}*{scrollbar-color:var(--line) var(--bg)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.notice{padding:16px 0;border-bottom:1px solid var(--line)}.notice strong{color:var(--ink)}#etat{color:var(--ink);min-height:25px}#etat.erreur{color:var(--error)}.connexion{max-width:560px}.connexion form{margin-top:32px}.connexion button{margin-top:20px}.transcript{min-height:100px;overflow-wrap:anywhere}.message{padding:16px 0;border-top:1px solid var(--line)}.message strong{font-size:14px;color:var(--accent)}.message p{color:var(--ink);white-space:pre-wrap}.hint{font-size:14px}.compose{border-top:1px solid var(--line);margin-top:24px}.compose .actions{justify-content:flex-end}.transcript:empty::before{content:"Commence une conversation, puis pose une question sur les notes fictives.";color:var(--muted)}[hidden]{display:none!important}@media(max-width:480px){main{padding:20px 18px 32px}header{padding-bottom:20px}h1{margin-top:28px}.actions button{flex:1 1 auto}header button{padding:10px 12px}.compose .primary{width:100%}}