:root{--vert-fonce:#14231d;--vert-fonce-2:#1b3128;--papier:#f2ecdd;--papier-defunt:#e8e0cd;--encre:#241c14;--laiton:#a3793f;--laiton-clair:#c99a55;--sauge:#6a8873;--ligne:#f2ecdd52;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--vert-fonce);color:var(--papier);-webkit-font-smoothing:antialiased;font-family:Work Sans,system-ui,sans-serif}#root{min-height:100vh}button{font-family:inherit}:focus-visible{outline:2px solid var(--laiton-clair);outline-offset:3px}.page{background:radial-gradient(circle at 12% 8%, var(--vert-fonce-2), transparent 45%), var(--vert-fonce);flex-direction:column;min-height:100vh;display:flex}.page__entete{text-align:center;max-width:640px;margin:0 auto;padding:56px 24px 40px}.page__titre{color:var(--papier);margin:0 0 16px;font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,4vw,2.75rem);font-weight:500;line-height:1.15}.page__intro{color:#f2ecddb8;margin:0;font-size:.9375rem;line-height:1.6}.page__intro strong{color:var(--laiton-clair);font-weight:600}.page__scroll{flex:1;padding:20px 40px 80px;overflow-x:auto}.arbre-conteneur{position:relative}.arbre-connecteurs{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arbre-connecteurs path{fill:none;stroke:var(--ligne);stroke-width:1.5px;transition:stroke-width .15s,stroke .15s}.arbre-connecteurs path.lien--actif{stroke:var(--laiton);stroke-width:3.5px}.arbre{margin:0;padding:0;list-style:none;position:absolute;inset:0}.noeud{list-style:none;position:absolute;transform:translate(-50%,-50%)}.noeud__couple{align-items:stretch;gap:0;display:flex}.noeud__ancre{cursor:pointer;display:flex}.noeud__lien-union{background:var(--sauge);align-self:center;width:40px;height:3px;margin:0 -1px}.carte-personne{background:var(--papier);color:var(--encre);border-top:2.5px solid var(--laiton);border-radius:3px;min-width:178px;padding:14px 16px;box-shadow:0 1px #00000059,0 8px 18px -10px #0000008c}.carte-personne--defunt{background:var(--papier-defunt);border-top-color:var(--sauge)}.carte-personne__entete{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.carte-personne__nom{text-align:left;flex-direction:column;font-family:Fraunces,Georgia,serif;line-height:1.25;display:flex}.carte-personne__prenom{font-size:1.0625rem;font-weight:600}.carte-personne__nomfamille{color:#241c14b3;font-size:.9375rem;font-weight:400}.bouton-plus{border:1.5px solid var(--laiton);width:24px;height:24px;color:var(--laiton);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;transition:transform .15s,background .15s,color .15s;display:flex}.bouton-plus:hover{background:var(--laiton);color:var(--papier)}.bouton-plus--ouvert{background:var(--laiton);color:var(--papier);transform:rotate(45deg)}.carte-personne__dates{border-top:1px solid #241c1424;flex-direction:column;gap:5px;margin:12px 0 0;padding-top:10px;display:flex}.carte-personne__ligne-date{justify-content:space-between;gap:12px;font-size:.8125rem;display:flex}.carte-personne__ligne-date dt{color:#241c148c;font-weight:500}.carte-personne__ligne-date dd{text-align:right;margin:0;font-weight:500}@media (width<=640px){.page__entete{padding:40px 20px 28px}.page__scroll{padding:12px 20px 60px}.carte-personne{min-width:150px;padding:12px 13px}}