:root{--creme: #f5ead8;--creme-clair: #faf3e6;--creme-carte: #fdf8ee;--encre: #2b2620;--encre-2: #57503f;--encre-3: #726851;--terracotta: #c67139;--terracotta-fonce: #a85a28;--vert-ok: #5f9151;--alerte-fond: #fbe9dd;--alerte-texte: #a04b1e;--ligne: rgba(43, 38, 32, .12);--sur-accent: #fff;--ok-fond: #e9f0e3;--ok-texte: #3c6631;--viseur-fond: #262119;--viseur-texte: #b8ad97;--creux: #eadfc8;--creux-2: #f2ead9;--creux-fonce: #dcd2ba;--accent-pale: #f7e3d2;--compte-0: #f3d9c6;--compte-12: #efe6d2;--compte-3: #dce8d4;--ombre-relief: rgba(43, 38, 32, .25);--halo-accent: rgba(198, 113, 57, .5);--halo-accent-0: rgba(198, 113, 57, 0);--ombre-accent: rgba(198, 113, 57, .35);--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:var(--sur-accent);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:var(--viseur-fond);border-radius:20px;color:var(--viseur-texte);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:var(--sur-accent);box-shadow:0 2px 8px var(--ombre-relief)}.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:var(--sur-accent);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px var(--ombre-accent)}.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:var(--ok-fond)}.alerte-ok .titre{color:var(--ok-texte)}.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:var(--creux);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:var(--accent-pale);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:var(--compte-0);color:var(--alerte-texte)}.compte-12{background:var(--compte-12);color:var(--encre)}.compte-3{background:var(--compte-3);color:var(--ok-texte)}.ligne-alerte{background:var(--alerte-fond)}.barre-progression{height:8px;background:var(--creux);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:var(--sur-accent)}.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:var(--creux-2);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 0 0 var(--halo-accent)}50%{box-shadow:0 0 0 7px var(--halo-accent-0)}}.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:var(--sur-accent);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:var(--compte-12);color:var(--encre-2)}.badge-mat.oblig{background:var(--creux-fonce)}.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}.pied-outillee{display:flex;flex-direction:column;align-items:center;gap:6px;margin:26px auto 8px;text-decoration:none;color:var(--encre-3);font-size:12px;letter-spacing:.02em}.pied-outillee img{width:64px;height:auto}.grille-themes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.carte-theme{display:flex;align-items:center;gap:9px;text-align:left;padding:10px;border-radius:12px;border:1px solid var(--ligne);background:var(--creme-clair)}.carte-theme.actif{border-color:var(--terracotta);box-shadow:inset 0 0 0 1px var(--terracotta)}.carte-theme .nom{font-weight:700;font-size:14px}.carte-theme .pastilles{display:inline-flex;flex-shrink:0;border-radius:50%;overflow:hidden;width:30px;height:30px;border:1px solid var(--ligne)}.carte-theme .pastilles>span{width:50%;height:100%}