input[type="date"],input[type="checkbox"]{accent-color:var(--aqua)}
.species-card:not(.selected){border-color:var(--coral)}
.add-label{display:inline-flex;margin-top:9px;padding:6px 10px;border-radius:999px;background:#fff0ed;color:#9c392c;font-size:.76rem;font-weight:900}
.species-card.selected .add-label{background:#e0f5e9;color:#176a4d}
.species-mini{width:118px}
.species-mini img{width:108px;height:108px;border-radius:18px}
.species-mini span{font-size:.82rem;line-height:1.2;margin-top:7px}
.fact small{display:block;margin-bottom:7px;color:var(--muted);font-weight:700}
.fact b{display:block;line-height:1.3}
.carnet-actions{margin-top:auto}
.map-frame{width:100%;height:280px;border:0;border-radius:16px;display:block;margin:18px 0 8px}
body{background:#e7f3f2;color:#284f53}
.page-shell{background-image:linear-gradient(rgba(231,243,242,.94),rgba(231,243,242,.97)),url('../img/fond-aquarelle-mediterranee.png');background-position:center top;background-size:cover;background-attachment:fixed}
.site-header{background:rgba(255,255,255,.93);border-color:rgba(79,127,134,.22)}
.brand-mark{background:#6f9ea0;box-shadow:0 0 0 6px rgba(155,199,195,.22)}
.button{background:#628f92;box-shadow:0 10px 24px rgba(79,127,134,.18)}
.button-danger{background:#b86d5d}.button-secondary{background:#fff;color:#315d61;border-color:#9bc7c3;box-shadow:none}
.panel,.feature,.stat,.carnet-card,.auth-card{background:rgba(255,255,255,.96);border-color:rgba(155,199,195,.72);box-shadow:0 16px 40px rgba(64,103,107,.1)}
.eyebrow{color:#4f7f86}.hero .eyebrow,.detail-hero .eyebrow,.share-box .eyebrow{color:#dcebea}
.hero{background:linear-gradient(105deg,rgba(48,89,94,.86),rgba(79,127,134,.5)),url('../img/fond-aquarelle-mediterranee.png') center/cover no-repeat}
.detail-hero{background:linear-gradient(110deg,rgba(49,91,96,.9),rgba(79,127,134,.52)),url('../img/fond-aquarelle-mediterranee.png') center/cover no-repeat}
.filter-button.active,.letter.active,.check-pill input:checked+span{background:#4f7f86;border-color:#4f7f86}
.species-card.selected{border-color:#6e9c91;box-shadow:0 0 0 4px rgba(155,199,195,.28)}
.species-card.selected:after{background:#6e9c91}.species-card:not(.selected){border-color:#d87c6a}
.add-label{background:#f7e7df;color:#9b594b}.species-card.selected .add-label{background:#dfefeb;color:#456f68}
.progress span{background:#79a9aa}
@media(max-width:620px){.species-mini{width:96px}.species-mini img{width:88px;height:88px}.carnet-actions .button{width:auto;flex:1 1 calc(50% - 8px)}}