:root{--fond: #f7f5f2;--carte: #ffffff;--texte: #2b2622;--discret: #7a716a;--bordure: #e6e0d9;--accent: #c2562b;--accent-fonce: #a2441f;--danger: #b42318;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texte);background:var(--fond)}*{box-sizing:border-box}body{margin:0;background:var(--fond)}h1,h2,h3{margin:0}h2{font-size:1.15rem}h3{font-size:1.05rem}p{margin:0;line-height:1.5}a{color:var(--accent)}button{font:inherit;padding:.5rem .9rem;border:1px solid var(--bordure);border-radius:8px;background:var(--carte);color:var(--texte);cursor:pointer}button:hover{border-color:var(--discret)}button.principal{background:var(--accent);border-color:var(--accent);color:#fff}button.principal:hover{background:var(--accent-fonce)}button.danger{color:var(--danger)}button.danger:hover{border-color:var(--danger)}input,textarea,select{font:inherit;width:100%;padding:.55rem .7rem;border:1px solid var(--bordure);border-radius:8px;background:#fff;color:var(--texte)}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500}.carte{background:var(--carte);border:1px solid var(--bordure);border-radius:12px;padding:1.25rem}.discret{color:var(--discret);font-size:.9rem}.centre{text-align:center}.connexion{min-height:100vh;display:grid;place-items:center;padding:1rem}.connexion .carte{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.connexion h1{color:var(--accent);font-size:1.8rem}.entete{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;background:var(--carte);border-bottom:1px solid var(--bordure)}.logo{font-weight:700;font-size:1.2rem;color:var(--accent)}.entete-droite{display:flex;align-items:center;gap:1rem}.contenu{max-width:820px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.contenu>.carte h2{margin-bottom:1rem}.formulaire{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.formulaire .large{grid-column:1 / -1}.actions{display:flex;gap:.5rem}.barre-liste{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem}.suggestion{border-color:var(--accent);color:var(--accent)}.liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.recette{display:flex;flex-direction:column;gap:.6rem}.recette-tete{display:flex;justify-content:space-between;align-items:center;gap:1rem}.recette-pied{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.badge{font-size:.78rem;padding:.2rem .6rem;border-radius:999px;background:#fbe9e1;color:var(--accent-fonce);white-space:nowrap}@media(max-width:560px){.formulaire{grid-template-columns:1fr}.barre-liste{flex-direction:column;align-items:stretch}.entete{padding:.8rem 1rem}}.attente{padding-top:40vh}.message{padding:.65rem .9rem;border-radius:8px;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.message.erreur{background:#fdecea;color:var(--danger);border:1px solid #f5c2bd}.message.info{background:#eef6ee;color:#2f6b34;border:1px solid #c9e3cb}.fermer{border:none;background:none;padding:0 .25rem;font-size:1.2rem;color:inherit}button:disabled{opacity:.6;cursor:wait}.interrupteur{flex-direction:row;align-items:center;gap:.6rem;cursor:pointer;font-weight:400;color:var(--discret)}.interrupteur input{position:absolute;opacity:0;width:1px;height:1px}.piste{position:relative;flex:none;width:36px;height:20px;border-radius:999px;background:var(--bordure);transition:background .15s}.piste:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}.interrupteur input:checked+.piste{background:var(--accent)}.interrupteur input:checked+.piste:after{transform:translate(16px)}.interrupteur input:focus-visible+.piste{outline:2px solid var(--accent);outline-offset:2px}.suggestion-carte{border-color:var(--accent);background:#fffaf7}