*{box-sizing:border-box}.membres-page{color:#243126;background:radial-gradient(circle at 0 0,#4caf5014,#0000 35%),#f5f7f4;width:100%;min-height:100vh;padding:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1400px;margin:0 auto 24px;display:flex}.page-header h1{color:#24452d;letter-spacing:-.5px;margin:0;font-size:clamp(28px,4vw,42px);font-weight:800}.page-header p{color:#718075;margin:6px 0 0;font-size:15px}.refresh-button{color:#315c3b;cursor:pointer;background:#fff;border:1px solid #cdd9cf;border-radius:12px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.refresh-button:hover:not(:disabled){background:#edf6ef;border-color:#9dbba4;box-shadow:0 5px 15px #23462b14}.refresh-button:active:not(:disabled){transform:translateY(1px)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.recherche{color:#243126;background:#fff;border:1px solid #ccd8ce;border-radius:14px;outline:none;width:100%;max-width:1400px;height:52px;margin:0 auto 16px;padding:0 18px;font-size:15px;transition:border-color .2s,box-shadow .2s;display:block;box-shadow:0 3px 12px #223c280a}.recherche::placeholder{color:#94a099}.recherche:focus{border-color:#5d9369;box-shadow:0 0 0 4px #5d93691f}.filtres-membres{flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:1400px;margin:0 auto 18px;display:flex}.sources-button,.source-reset{cursor:pointer;border-radius:11px;min-height:42px;padding:0 15px;font-size:14px;font-weight:700;transition:all .2s}.sources-button{color:#315c3b;background:#fff;border:1px solid #cbd8ce}.sources-button:hover{background:#edf6ef;border-color:#9fbaa5}.sources-button.source-active{color:#fff;background:#315c3b;border-color:#315c3b}.source-reset{color:#9d4444;background:#fff7f7;border:1px solid #e2b9b9}.source-reset:hover{background:#ffecec}.ajouter-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3e754b,#285e37);border:none;border-radius:13px;width:100%;max-width:1400px;min-height:48px;margin:0 auto 22px;padding:0 18px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;display:block;box-shadow:0 8px 18px #275b342e}.ajouter-button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 22px #275b343b}.ajouter-button:active{transform:translateY(0)}.selection-info{color:#315c3b;background:linear-gradient(135deg,#eef8f0,#e5f2e8);border:1px solid #b9d2be;border-radius:13px;flex-wrap:wrap;align-items:center;gap:10px 16px;width:100%;max-width:1400px;margin:0 auto 20px;padding:15px 18px;display:flex}.selection-info strong{font-size:15px}.selection-info span{color:#607464;font-size:14px}.selection-info button{color:#526657;cursor:pointer;background:#fff;border:1px solid #c8d6cb;border-radius:9px;min-height:34px;margin-left:auto;padding:0 12px;font-weight:700}.selection-info button:hover{background:#f3f7f3}.analyse-loading{color:#58705d;background:#fff;border:1px solid #d2ddd4;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:1400px;margin:0 auto 20px;padding:13px 16px;font-size:14px;font-weight:700;display:flex}.membres-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;width:100%;max-width:1400px;margin:0 auto;display:grid}.membre-card{cursor:pointer;background:#fff;border:1px solid #d7e0d8;border-radius:17px;align-items:flex-start;gap:15px;min-width:0;padding:17px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;box-shadow:0 4px 15px #233a280d}.membre-card:hover{border-color:#aac3ae;transform:translateY(-2px);box-shadow:0 9px 25px #233a281a}.membre-card.selectionne{background:linear-gradient(135deg,#f2faf3,#eaf6ec);border:2px solid #4d8a5b;padding:16px;box-shadow:0 9px 25px #30683d26}.photo,.avatar{object-fit:cover;border-radius:50%;flex:0 0 72px;width:72px;height:72px}.photo{background:#edf3ee;border:2px solid #d7e3d9}.avatar{background:linear-gradient(135deg,#e9f1eb,#dce8de);border:1px solid #d4ded6;justify-content:center;align-items:center;font-size:30px;display:flex}.membre-info{flex:1;min-width:0}.membre-info h2{color:#253a2a;overflow-wrap:anywhere;margin:2px 0 8px;font-size:18px;font-weight:800;line-height:1.25}.membre-info p{color:#607065;overflow-wrap:anywhere;margin:5px 0;font-size:13px;line-height:1.4}.membre-info .role-familial{color:#4e7858;font-weight:700}.voir-fiche-button{color:#315c3b;cursor:pointer;background:#f7faf7;border:1px solid #cbd9ce;border-radius:9px;min-height:34px;margin-top:9px;padding:0 11px;font-size:12px;font-weight:800;transition:background .2s,border-color .2s}.voir-fiche-button:hover{background:#eaf4ec;border-color:#9fbaa5}.badge-selection{color:#fff;background:#3e754b;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 3px 8px #265b3240}.aucun-resultat{color:#718075;text-align:center;background:#fff;border:1px dashed #c9d5cb;border-radius:16px;width:100%;max-width:1400px;margin:30px auto;padding:45px 20px;font-size:15px}.center{color:#5e6f63;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:70vh;display:flex}.center p{margin:0;font-size:15px}.spinner,.spinner-small{border-style:solid;border-color:#3e754b #dce8de #dce8de;border-radius:50%;animation:.8s linear infinite rotation}.spinner{border-width:4px;width:42px;height:42px}.spinner-small{border-width:3px;width:21px;height:21px}@keyframes rotation{to{transform:rotate(360deg)}}.sources-overlay,.modal-fond{z-index:1000;-webkit-backdrop-filter:blur(5px);background:#141f178f;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sources-popup{background:#fff;border:1px solid #d2ddd4;border-radius:20px;flex-direction:column;width:min(560px,100%);max-height:min(720px,90vh);animation:.2s ease-out popupIn;display:flex;overflow:hidden;box-shadow:0 25px 70px #11201540}.sources-header,.modal-header{background:linear-gradient(#fbfdfb,#f6f9f6);border-bottom:1px solid #e2e9e3;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.sources-header h2,.modal-header h2{color:#294931;margin:0;font-size:21px;font-weight:800;line-height:1.25}.sources-header p{color:#77847a;margin:5px 0 0;font-size:13px}.fermer{color:#59685c;cursor:pointer;background:#fff;border:1px solid #d4ddd5;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:flex}.fermer:hover{color:#2d4932;background:#f1f5f1;border-color:#b9c9bc}.sources-content{padding:12px;overflow-y:auto}.source-item{color:#3e5043;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:52px;margin-bottom:6px;padding:0 14px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.source-item:last-child{margin-bottom:0}.source-item:hover{background:#f1f6f2;border-color:#dce6de}.source-item strong{color:#617064;text-align:center;background:#edf2ee;border-radius:20px;min-width:30px;padding:4px 8px;font-size:12px}.source-item.active strong{color:#3e754b;background:#fff}.modal{background:#f8faf8;border:1px solid #d1ddd3;border-radius:21px;flex-direction:column;width:min(760px,100%);max-height:min(900px,94vh);animation:.22s ease-out popupIn;display:flex;overflow:hidden;box-shadow:0 30px 90px #0e1d124d}.modal-content{overscroll-behavior:contain;padding:20px;overflow-y:auto}.bloc-membres{background:#fff;border:1px solid #d9e3da;border-radius:15px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:grid}.membre-analyse{align-items:center;gap:10px;min-width:0;display:flex}.membre-analyse strong{color:#294431;overflow-wrap:anywhere;font-size:15px;line-height:1.3}.lettre{color:#fff;border-radius:50%;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;font-weight:900;display:flex}.lettre-a{background:#477e55}.lettre-b{background:#5d708f}.fleche{color:#87958a;font-size:22px;font-weight:700}.bloc{background:#fff;border:1px solid #dce4dd;border-radius:15px;margin-bottom:13px;padding:17px;box-shadow:0 2px 8px #20372506}.bloc:last-child{margin-bottom:0}.bloc h3{color:#304b36;margin:0 0 11px;font-size:15px;font-weight:800;line-height:1.3}.bloc p{margin:0}.relation{color:#315c3b;font-size:18px;font-weight:800;line-height:1.4}.texteSecondaire{color:#718075;font-size:13px;line-height:1.55}.bloc.important{background:linear-gradient(135deg,#f1f9f2,#e9f4eb);border-color:#bcd4c0}.coefficient{color:#2f633b;text-align:center;margin:2px 0;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:800;line-height:1.1}.pourcentage{color:#55715b;text-align:center;margin-top:5px;font-size:15px;font-weight:800}.bloc.consanguinite{background:linear-gradient(135deg,#fff8f8,#fff2f2);border-color:#e6caca}.coefficient.rouge,.pourcentage.rouge{color:#a13f3f}.bloc.chemins{background:#fbfcfb}.stat{color:#657368;border-bottom:1px solid #e8ede9;justify-content:space-between;align-items:center;gap:15px;min-height:44px;padding:9px 0;font-size:14px;display:flex}.stat:last-child{border-bottom:none}.stat strong{color:#315c3b;text-align:center;background:#edf4ee;border-radius:8px;min-width:38px;padding:5px 9px}.bloc.implexe{background:linear-gradient(135deg,#fffaf0,#fff6df);border-color:#e3c991}.bloc.implexe h3{color:#7b5c22}.ligneFamille{color:#526256;border-bottom:1px solid #edf0ed;padding:9px 0;font-size:14px}.ligneFamille:last-child{border-bottom:none}.ancetre{background:#f9fbf9;border:1px solid #e0e7e1;border-radius:11px;flex-direction:column;gap:5px;margin-bottom:9px;padding:12px;display:flex}.ancetre:last-child{margin-bottom:0}.ancetre strong{color:#31563a;font-size:14px}.ancetre span{color:#6c796f;font-size:12px;line-height:1.45}.avertissement{background:linear-gradient(135deg,#f3f7f3,#edf3ee);border:1px solid #ccd9ce;border-radius:14px;margin-top:14px;padding:16px}.avertissement h3{color:#3b5741;margin:0 0 10px;font-size:14px;font-weight:800}.avertissement p{color:#667368;margin:0;font-size:12px;line-height:1.6}.bouton-fermer{color:#fff;cursor:pointer;background:#315c3b;border:none;border-radius:12px;width:100%;min-height:46px;margin-top:16px;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.bouton-fermer:hover{background:#264d30}.bouton-fermer:active{transform:translateY(1px)}@keyframes popupIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sources-content,.modal-content{scrollbar-width:thin;scrollbar-color:#b9c9bc transparent}.sources-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar{width:8px}.sources-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-track{background:0 0}.sources-content::-webkit-scrollbar-thumb{background:#b9c9bc;border-radius:20px}.modal-content::-webkit-scrollbar-thumb{background:#b9c9bc;border-radius:20px}.sources-content::-webkit-scrollbar-thumb:hover{background:#91a695}.modal-content::-webkit-scrollbar-thumb:hover{background:#91a695}@media (width<=900px){.membres-page{padding:24px}.membres-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.modal{max-height:92vh}}@media (width<=640px){.membres-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:14px}.page-header h1{font-size:29px}.refresh-button{width:100%}.recherche{height:49px;margin-bottom:12px}.filtres-membres{flex-direction:column;align-items:stretch}.sources-button,.source-reset{width:100%}.ajouter-button{margin-bottom:16px}.selection-info{flex-direction:column;align-items:flex-start}.selection-info button{width:100%;margin-left:0}.membres-grid{grid-template-columns:1fr;gap:12px}.membre-card{padding:14px}.membre-card.selectionne{padding:13px}.photo,.avatar{flex-basis:62px;width:62px;height:62px}.avatar{font-size:25px}.membre-info h2{font-size:16px}.modal-fond,.sources-overlay{align-items:flex-end;padding:0}.modal,.sources-popup{border-radius:20px 20px 0 0;width:100%;max-height:94vh}.modal-header,.sources-header{padding:17px}.modal-header h2,.sources-header h2{font-size:18px}.modal-content{padding:14px}.bloc-membres{grid-template-columns:1fr;gap:10px}.fleche{display:none}.membre-analyse{background:#f7faf7;border-radius:10px;padding:8px}.bloc{padding:14px}.coefficient{font-size:32px}.relation{font-size:16px}.stat{flex-direction:column;align-items:flex-start;gap:6px}.stat strong{align-self:flex-end}.source-item{min-height:50px}}@media (width<=380px){.membres-page{padding:12px}.membre-card{gap:11px}.photo,.avatar{flex-basis:54px;width:54px;height:54px}.membre-info h2{font-size:15px}.membre-info p{font-size:12px}.voir-fiche-button{width:100%}.modal-content{padding:10px}}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #487d5240}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sources-actions{border-top:1px solid #e5e5e5;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;padding:16px 0 0;display:flex}.source-checkbox{color:#fff;background:#fff;border:2px solid #b8b8b8;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-right:8px;font-size:14px;font-weight:700;display:inline-flex}.source-item.active .source-checkbox{background:#6f8f47;border-color:#6f8f47}.source-item.active{color:#355522;background:#eef6e8;border-color:#6f8f47}.source-item{cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s}.source-item:hover{background:#f7faf4}.source-item:active{transform:scale(.99)}.source-reset{cursor:pointer}