:root{--fond: #fff8f2;--encre: #2d2a26;--discret: #6f675e;--accent: #e8804c;--accent-fonce: #c05f2d;--ok: #2e7d32;--alerte: #b3261e;--carte: #ffffff;--bord: #e8ddd2}*{box-sizing:border-box}html{font-size:17px}html.grand-texte{font-size:21px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fond);color:var(--encre);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;padding:1.25rem 1.25rem 6rem;max-width:560px;width:100%;margin:0 auto}h1{font-size:1.6rem;margin:.5rem 0 1rem}h2{font-size:1.15rem;margin:0 0 .5rem}.role-senior .screen{font-size:1.2rem}.role-senior h1{font-size:2rem}.texte-large{font-size:1.25rem}.discret{color:var(--discret);font-size:.95em}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1rem}button{font:inherit;cursor:pointer}.btn-principal,.btn-secondaire,.btn-appel{display:block;width:100%;min-height:64px;border-radius:16px;font-size:1.2rem;font-weight:600;margin:.5rem 0;padding:.75rem 1rem}.btn-principal{background:var(--accent);color:#fff;border:none}.btn-principal:hover{background:var(--accent-fonce)}.btn-principal:disabled{opacity:.5;cursor:not-allowed}.btn-secondaire{background:#fff;color:var(--encre);border:2px solid var(--bord)}.btn-lien{background:none;border:none;color:var(--discret);text-decoration:underline;font-size:1rem;padding:.75rem;width:100%}.btn-coucou{width:100%;min-height:45vh;border:none;border-radius:24px;background:var(--accent);color:#fff;font-size:2.2rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;box-shadow:0 6px 24px #e8804c59}.btn-coucou:active{transform:scale(.98)}.main-emoji{font-size:4.5rem}.checkin{text-align:center}.checkin.fait{padding-top:3rem}.grande-coche{width:120px;height:120px;margin:0 auto 1rem;border-radius:50%;background:var(--ok);color:#fff;font-size:4rem;line-height:120px}.info-offline{background:#fff3e0;border:1px solid #ffcc80;border-radius:12px;padding:1rem;font-size:1.1rem}.welcome{max-width:480px;margin:0 auto;padding:2rem 1.25rem;text-align:center}.welcome h1{font-size:2.4rem}.champ-code{font-size:2.5rem;letter-spacing:.5rem;text-align:center;width:100%;padding:.75rem;margin:1rem 0;border:2px solid var(--bord);border-radius:16px}.code-affiche{font-size:2.8rem;font-weight:700;letter-spacing:.4rem;text-align:center;background:#fff;border:2px dashed var(--accent);border-radius:16px;padding:1rem;margin:1rem 0}.code-inline{font-size:1.1rem}.formulaire label{display:block;margin-bottom:.75rem;font-weight:600}.champ{display:block;width:100%;margin-top:.3rem;font-size:1.1rem;padding:.7rem;border:2px solid var(--bord);border-radius:12px;background:#fff}.consentement{display:flex;gap:.75rem;align-items:flex-start;text-align:left;margin:1rem 0}.consentement input{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.2rem}.statut{display:flex;align-items:center;gap:1rem}.statut-icone{font-size:2.2rem}.statut-alerte{border-color:var(--alerte);background:#fdecea}.statut-fait{border-color:var(--ok);background:#edf7ee}.alerte-carte{border:2px solid var(--alerte)}.chronologie{list-style:none;padding:0;margin:.5rem 0}.chronologie li{padding:.25rem 0;border-bottom:1px dashed var(--bord)}.actions-ligne{display:flex;gap:.5rem}.actions-ligne .btn-secondaire{flex:1}.historique{display:flex;gap:.4rem}.jour{flex:1;text-align:center;border-radius:10px;padding:.4rem 0;display:flex;flex-direction:column}.jour.ok{background:#edf7ee;color:var(--ok)}.jour.manque{background:#f4efe9;color:var(--discret)}.avertissement{border-left:5px solid var(--accent)}.avertissement-texte{color:var(--accent-fonce)}.liste-proches,.liste-contacts{list-style:none;padding:0}.proche{display:flex;justify-content:space-between;align-items:center;gap:1rem}.proche .btn-appel{width:auto;min-height:56px;text-decoration:none;text-align:center;background:var(--ok);color:#fff;border:none;display:flex;align-items:center;padding:0 1.25rem;border-radius:14px}.liste-contacts li{display:flex;justify-content:space-between;align-items:center;gap:1rem}.liste-contacts .btn-secondaire{width:auto;min-height:48px}.badge{display:inline-block;background:var(--bord);border-radius:8px;padding:.1rem .5rem;font-size:.85rem}.journal{list-style:none;padding:0;font-size:.95rem}.journal li{padding:.5rem 0;border-bottom:1px solid var(--bord)}.erreur{color:var(--alerte);font-weight:600}.succes{color:var(--ok);font-weight:600}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--bord);padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom))}.tab{flex:1;min-height:60px;border:none;background:none;font-size:1rem;font-weight:600;color:var(--discret);border-radius:12px}.role-senior .tab{font-size:1.1rem;min-height:68px}.tab.active{background:var(--fond);color:var(--accent-fonce)}