:root{--creme: #f5ead8;--creme-clair: #faf3e6;--creme-carte: #fdf8ee;--encre: #2b2620;--encre-2: #57503f;--encre-3: #8a8069;--terracotta: #c67139;--terracotta-fonce: #a85a28;--vert-ok: #5f9151;--alerte-fond: #fbe9dd;--alerte-texte: #a04b1e;--ligne: rgba(43, 38, 32, .12);--juliette: #c9622f;--adele: #5f9151;--marguerite: #a86bb5;--rayon: 16px;--ombre: 0 1px 4px rgba(43, 38, 32, .08);--safe-bas: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--creme);color:var(--encre);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{max-width:520px;margin:0 auto;min-height:100dvh}h1,h2,.titre-serif{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.02em}h1{font-size:28px}h2{font-size:19px}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea,select{font:inherit;color:inherit}.page{padding:16px 16px calc(84px + var(--safe-bas));min-height:100dvh}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:flex;justify-content:space-around;background:var(--creme-clair);border-top:1px solid var(--ligne);padding:8px 4px calc(8px + var(--safe-bas));z-index:50}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--encre-3);text-decoration:none;min-width:0;flex:1;text-align:center}.tabbar a.actif{color:var(--encre);font-weight:600}.tabbar svg{width:21px;height:21px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:999px;background:var(--creme-carte);border:1px solid var(--ligne);font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s}.chip.actif{background:var(--encre);color:var(--creme);border-color:var(--encre)}.chip .pastille{width:9px;height:9px;border-radius:50%;display:inline-block}.chip.actif-couleur{color:#fff;border-color:transparent}.carte{background:var(--creme-carte);border-radius:var(--rayon);padding:14px;box-shadow:var(--ombre)}.carte+.carte{margin-top:10px}.section{margin-top:20px}.section-titre{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.section-titre .lien{color:var(--terracotta);font-size:14px;font-weight:600}.sous-texte{color:var(--encre-3);font-size:13px}.texte-2{color:var(--encre-2);font-size:14px}.capture-zone{background:#262119;border-radius:20px;color:#b8ad97;min-height:44dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.capture-boutons{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:-34px;position:relative;z-index:2}.btn-camera{width:68px;height:68px;border-radius:50%;background:var(--terracotta);border:4px solid var(--creme);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #2b262040}.btn-rond{width:46px;height:46px;border-radius:50%;background:var(--creme-carte);border:1px solid var(--ligne);display:flex;align-items:center;justify-content:center;color:var(--encre-2)}.btn-pilule{padding:11px 16px;border-radius:999px;background:var(--creme-carte);border:1px solid var(--ligne);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.pilule-statut{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--creme-carte);border:1px solid var(--ligne)}.pilule-statut .point{width:7px;height:7px;border-radius:50%;background:var(--vert-ok)}.pilule-statut.enretard .point{background:var(--terracotta)}.btn-principal{width:100%;padding:15px;border-radius:999px;background:var(--terracotta);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #c6713959}.btn-principal:disabled{opacity:.45;box-shadow:none}.btn-secondaire{width:100%;padding:13px;border-radius:999px;background:var(--creme-carte);border:1px solid var(--ligne);font-weight:600;font-size:15px;color:var(--encre);text-align:center}a.btn-secondaire,a.btn-principal{text-decoration:none}.alerte{background:var(--alerte-fond);border-radius:var(--rayon);padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.alerte .titre{color:var(--alerte-texte);font-weight:700;font-size:14px}.alerte-ok{background:#e9f0e3}.alerte-ok .titre{color:#3c6631}.trace-carte{display:flex;gap:12px;align-items:center;background:var(--creme-carte);border-radius:var(--rayon);padding:10px;box-shadow:var(--ombre);width:100%;text-align:left}.trace-vignette{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#eadfc8;display:flex;align-items:center;justify-content:center;color:var(--encre-3);flex-shrink:0;overflow:hidden}.trace-vignette img{width:100%;height:100%;object-fit:cover}.trace-titre{font-weight:600;font-size:15px;line-height:1.25}.trace-meta{font-size:12.5px;color:var(--encre-3);margin-top:3px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.badge-portfolio{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--terracotta-fonce);background:#f7e3d2;border-radius:6px;padding:2px 6px}.groupe-jour{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-3);margin:18px 0 8px}.tableau-comp{width:100%;border-collapse:collapse}.tableau-comp td{padding:9px 4px;border-top:1px solid var(--ligne);font-size:14px;vertical-align:middle}.tableau-comp tr:first-child td{border-top:none}.compte{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:700;margin-left:4px}.compte-0{background:#f3d9c6;color:var(--alerte-texte)}.compte-12{background:#efe6d2;color:var(--encre-2)}.compte-3{background:#dce8d4;color:#3c6631}.ligne-alerte{background:var(--alerte-fond)}.barre-progression{height:8px;background:#eadfc8;border-radius:99px;overflow:hidden}.barre-progression>div{height:100%;background:var(--vert-ok);border-radius:99px}.btn-aide{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--creme-carte);border:1px solid var(--ligne);color:var(--encre-3);font-size:14px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-aide.actif{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.comp-rangee{display:flex;align-items:center;gap:8px}.comp-rangee .chip{flex:1;justify-content:flex-start;text-align:left;line-height:1.3}.liste-comp{display:flex;flex-direction:column;gap:8px}.panneau-aide{background:#f2ead9;border-left:3px solid var(--terracotta);border-radius:10px;padding:10px 12px;margin-top:6px}.panneau-aide li{margin-bottom:2px}.micro-actif{animation:pulse-micro 1.2s ease-in-out infinite}@keyframes pulse-micro{0%,to{box-shadow:0 0 #c6713980}50%{box-shadow:0 0 0 7px #c6713900}}.champ-texte{width:100%;background:var(--creme-carte);border:1px solid var(--ligne);border-radius:14px;padding:12px 14px;font-size:15px;resize:none}.champ-texte:focus{outline:2px solid var(--terracotta);outline-offset:-1px}label.etiquette{display:block;font-weight:700;font-size:14px;margin:18px 0 8px}.etiquette .opt{font-weight:400;color:var(--encre-3)}.entete-page{display:flex;align-items:center;gap:10px;margin-bottom:14px}.entete-page .retour{width:34px;height:34px;border-radius:50%;background:var(--creme-carte);border:1px solid var(--ligne);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar{width:34px;height:34px;border-radius:50%;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.badge-mat{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#efe6d2;color:var(--encre-2)}.badge-mat.oblig{background:#dcd2ba}.rangee{display:flex;align-items:center;justify-content:space-between;gap:10px}@media print{body{background:#fff}#root{max-width:none}.tabbar,.no-print{display:none!important}.page{padding:0}}#root:has(.feuille){max-width:none}.tete-moment{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--ligne)}.libelle-moment{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--encre-3)}.rangee-etiquette{display:flex;align-items:center;gap:8px}.etapes-demarrage{display:flex;gap:6px;margin-bottom:18px}.etapes-demarrage span{height:3px;flex:1;border-radius:999px;background:var(--ligne)}.etapes-demarrage span.actif{background:var(--terracotta)}.liste-puces{margin:8px 0 0 18px;color:var(--encre-2);font-size:14px;line-height:1.5}.liste-puces li{margin-top:4px}