:root{--fond: #f6f3ff;--carte: #ffffff;--bord: #e6dff7;--encre: #241f3d;--encre-douce: #635d7a;--encre-pale: #8a84a0;--lavande: #c4aaff;--violet: #7c52f5;--violet-clair: #9b79ff;--bleu: #79b8ff;--turquoise: #52d9d0;--menthe: #72efaa;--rose: #ff7eb3;--peche: #ffb499;--texte-violet: #5b34c9;--texte-bleu: #1b5aa3;--texte-turquoise: #10797d;--texte-vert: #10945c;--texte-orange: #c2410c;--texte-ambre: #9a7218;--secondaire: #fbf9fe;--trait-doux: #f1ecfa;--rayon-carte: 24px;--rayon-champ: 17px;--touche: 44px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--fond)}body{font-family:Quicksand,ui-sans-serif,system-ui,-apple-system,sans-serif;font-weight:500;color:var(--encre);-webkit-font-smoothing:antialiased}#racine{min-height:100dvh}button,input,select,textarea{font-family:inherit;color:inherit}.page{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.corps{flex-grow:1;display:flex;flex-direction:column;gap:13px;padding:16px 20px 0}.entete{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(22px + env(safe-area-inset-top)) 20px 0}.titre-page{font-size:24px;font-weight:700;line-height:1.15;margin:0}.sous-titre{font-size:13px;color:var(--encre-douce)}.manuscrit{font-family:Caveat,cursive;font-weight:700}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:var(--rayon-carte);padding:17px 19px;display:flex;flex-direction:column;gap:12px}.intertitre{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--encre-pale)}.bouton{width:100%;min-height:54px;border:none;border-radius:18px;background:var(--violet-clair);color:#fff;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #7c52f552;display:flex;align-items:center;justify-content:center;gap:10px}.bouton:disabled{opacity:.5;box-shadow:none;cursor:default}.bouton-secondaire{width:100%;min-height:var(--touche);border:1px solid var(--bord);border-radius:var(--rayon-champ);background:var(--secondaire);color:var(--encre);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.bouton-rond{width:var(--touche);height:var(--touche);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--bord);background:var(--carte);border-radius:999px;color:var(--encre);cursor:pointer}.champ{display:flex;flex-direction:column;gap:7px}.etiquette{font-size:15px;font-weight:700;padding-left:3px}.saisie{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--bord);border-radius:var(--rayon-champ);background:var(--carte);font-size:16px;font-weight:600}.saisie:focus{outline:none;border-color:var(--lavande);box-shadow:0 0 0 3px #c4aaff59}.puces{display:flex;flex-wrap:wrap;gap:8px}.puce{min-height:var(--touche);padding:10px 16px;border-radius:999px;border:1px solid var(--bord);background:var(--carte);color:var(--encre-douce);font-size:14px;font-weight:600;cursor:pointer}.puce-active{border:2px solid #2472c9;background:#edf4fd;color:var(--texte-bleu);font-weight:700}.objet{display:flex;align-items:center;gap:13px;background:var(--carte);border:1px solid var(--bord);border-radius:22px;padding:12px 14px;width:100%;text-align:left;cursor:pointer}.vignette{width:62px;height:62px;flex-shrink:0;border-radius:17px;background:#e9e4f8;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#9b8fc4}.etat{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#f4f1fb;color:var(--encre-douce);font-size:11px;font-weight:700}.nav{margin-top:auto;position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--carte);border-top:1px solid var(--bord);padding:9px 6px calc(16px + env(safe-area-inset-bottom))}.nav-entree{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:var(--touche);border:none;background:transparent;color:var(--encre-pale);font-size:11px;font-weight:600;cursor:pointer}.nav-entree[aria-current=page]{color:var(--texte-violet);font-weight:700}.note{display:flex;gap:12px;align-items:flex-start;border-radius:20px;padding:14px 16px;font-size:13px;line-height:1.45}.note-douce{background:var(--secondaire);border:1px dashed var(--lavande);color:#4a4165}.note-ambre{background:#fcf4df;border:1px solid #f0e0b0;color:var(--texte-ambre)}.note-verte{background:#e6f6ee;border:1px solid #bfe6d3;color:#2e7d57}.note-peche{background:#fff4ee;border:1px solid #ffd9c4;color:var(--texte-orange)}.vide{text-align:center;color:var(--encre-douce);font-size:14px;line-height:1.5;padding:24px 12px}