:root{--encre:#0b0b0f;--etincelle:#ffb547;--action:#0a66d8;--fond:#f5f5f7;--verre:#ffffffb8;--trait:#00000014;--texte-doux:#6e6e73;--erreur:#c4321c;--ok:#1d7f3b}@media (prefers-color-scheme:dark){:root{--encre:#f5f5f7;--fond:#0b0b0f;--verre:#1c1c20b8;--trait:#ffffff1a;--texte-doux:#a1a1a6;--erreur:#ff7a66;--ok:#5fd38a}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;line-height:1.45}a{color:var(--action)}.centre{place-items:center;min-height:100dvh;padding:16px;display:grid}.page{max-width:1040px;margin:0 auto;padding:24px 16px 64px}.carte{background:var(--verre);-webkit-backdrop-filter:blur(20px);border:1px solid var(--trait);border-radius:22px;padding:28px 24px;box-shadow:0 20px 50px #0000000f}.etroite{width:100%;max-width:420px}h1{letter-spacing:-.4px;margin:12px 0 8px;font-size:28px}h2{letter-spacing:-.2px;margin:0 0 12px;font-size:20px}.doux{color:var(--texte-doux)}.erreur{color:var(--erreur)}.ok{color:var(--ok)}form{gap:12px;display:grid}label{color:var(--texte-doux);gap:6px;font-size:14px;display:grid}input,select,textarea{font:inherit;color:var(--encre);background:var(--fond);border:1px solid var(--trait);border-radius:12px;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:64px}.bouton{font:inherit;cursor:pointer;background:var(--action);color:#fff;text-align:center;border:0;border-radius:12px;padding:12px 16px;font-weight:600;text-decoration:none;display:inline-block}.bouton.second{color:var(--action);border:1px solid var(--trait);background:0 0}.bouton.petit{border-radius:10px;padding:7px 11px;font-size:14px}.barre{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.marque{color:var(--encre);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.pastille{background:var(--trait);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.pastille.nouvelle{background:var(--etincelle);color:#0b0b0f}.pastille.ouverte{background:var(--ok);color:#fff}.liste{gap:12px;display:grid}.ligne{grid-template-columns:1fr auto;align-items:start;gap:12px 20px;display:grid}.contact{flex-wrap:wrap;gap:6px 14px;font-size:15px;display:flex}.actions{gap:8px;min-width:220px;display:grid}@media (max-width:720px){.ligne{grid-template-columns:1fr}.actions{min-width:0}}
