:root{--fond-page:#faf7f2;--fond-carte:#fff;--texte:#2b2620;--texte-secondaire:#6b6258;--accent:#c8643b;--bordure:#e6dfd4;--rayon:16px;--marge:16px}@media (prefers-color-scheme:dark){:root{--fond-page:#1c1916;--fond-carte:#26221e;--texte:#f2ece4;--texte-secondaire:#b3a99d;--accent:#e58a60;--bordure:#3a342e}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fond-page);min-height:100dvh;color:var(--texte);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.page{max-width:960px;padding:calc(var(--marge) + env(safe-area-inset-top)) var(--marge) var(--marge);margin:0 auto}.titre{margin:24px 0 8px;font-size:1.75rem}.sous-titre{color:var(--texte-secondaire);margin:0}.page-etroite{max-width:420px}.formulaire{flex-direction:column;gap:16px;margin-top:24px;display:flex}.champ{flex-direction:column;gap:6px;font-weight:600;display:flex}.champ input{font:inherit;border:1px solid var(--bordure);border-radius:calc(var(--rayon) / 2);background:var(--fond-carte);color:var(--texte);padding:12px;font-size:1rem;font-weight:400}.champ input:focus{outline:2px solid var(--accent);outline-offset:1px}.erreur{color:var(--accent);margin:0}.bouton{font:inherit;border-radius:calc(var(--rayon) / 2);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:12px 20px;font-weight:600}.bouton:disabled{opacity:.6;cursor:wait}.bouton-secondaire{color:var(--texte);border:1px solid var(--bordure);background:0 0;margin-top:24px}