*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--alpine: #4a9b8f;--dinaric: #2D6A4F;--med: #c96b2a;--pan: #b08920;--bg: #ffffff;--surface: #ffffff;--surface2: #f5f5f5;--border: #cdcdcd;--text: #000000;--text-muted: #6b6b6b;--text-dim: #6b6b6b;--beige-light: rgb(249,239,217);--beige-mid: rgb(235,225,203);--beige-dark: rgb(219,205,172);--brown: rgb(125,79,51)}html,body{height:100%;overflow:hidden}body{font-family:Merriweather Sans,system-ui,sans-serif;background:var(--bg);color:var(--text)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.group-info-heading{padding:32px 0 16px;font-size:24px;font-weight:400;line-height:1.2;color:#000}.group-info-chips{padding-top:16px;padding-bottom:24px}.group-info-desc{font-size:14px;color:#000;line-height:1.5}.group-info-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.group-chip{height:32px;padding:0 12px;border-radius:12px;font-size:14px;font-weight:400;background:#ffffff26;color:#292929;border:1px solid rgba(0,0,0,.18);cursor:pointer;transition:background .12s,border-color .12s;font-family:inherit;white-space:nowrap;display:flex;align-items:center}.group-chip:hover{background:rgba(var(--accent-rgb, 0,0,0),.08)}.group-chip.active-chip{background:#000000bf;color:#fff;border-color:transparent}.chip-count{color:#a0a0a0;font-weight:400;margin-left:4px}.group-chip.active-chip .chip-count{color:#ffffff8c}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;user-select:none;display:inline-flex;align-items:center;justify-content:center}.group-section-header{padding:8px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);background:transparent;position:sticky;top:0;z-index:1}.subgroup-header{padding:16px 0 4px;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.8px;color:#6b6b6b;background:transparent}.subgroup-header:first-child{padding-top:8px}.loading,.no-results{padding:40px 20px;text-align:center;color:#6b6b6b;font-size:13px}.species-card{display:flex;flex-direction:column;cursor:pointer;border-radius:12px;background:transparent;transition:background .12s}.species-card:hover{background:rgba(var(--accent-rgb, 0,0,0),.04)}.species-card.selected,.species-card.selected:hover{background:rgba(var(--accent-rgb, 180,180,180),.12)}.card-header-row{display:flex;align-items:center;gap:8px;padding:12px 16px}.species-info{flex:1;min-width:0}.species-common{font-size:16px;font-weight:400;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.species-latin{font-size:14px;font-weight:400;font-style:italic;color:#616161;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0}.species-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.chevron-icon{flex-shrink:0;font-size:24px;color:#6b6b6b;transform:rotate(0);transition:transform .15s}.card-body{display:none;padding:12px 16px 14px;border-top:1px solid #e4e4e4}.species-card.expanded .card-body{display:flex;flex-direction:column;gap:8px}.card-images{display:flex;gap:16px}.card-img{flex:1;height:112px;object-fit:cover;border-radius:12px;min-width:0}.card-notes{font-size:14px;color:#000;line-height:1.6}.card-regions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.status-pill{font-size:14px;font-weight:400;padding:2px 12px;border-radius:16px;border:1px solid transparent;white-space:nowrap}.pill-endangered{background:#ffebeb;border-color:#963c3c;color:#963c3c}.pill-critical{background:#ffefed;border-color:#793333;color:#7a3838}.pill-protected{background:#f0fff1;border-color:#255527;color:#255527}.pill-huntable{background:#ebebff;border-color:#5050b4;color:#5050b4}.pill-introduced{background:#fff5e1;border-color:#a06414;color:#a06414}.pill-endemic{background:#e1f0ff;border-color:#3278c8;color:#3278c8}.detail-empty-desc{font-size:14px;color:#000;line-height:1.5}.detail-header{display:flex;align-items:flex-start;gap:12px}.detail-title-wrap{flex:1;min-width:0}.detail-pills{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.detail-common{font-size:24px;font-weight:400;color:#000;line-height:1.2}.detail-latin{font-size:14px;font-weight:400;font-style:italic;color:#616161;margin-top:2px}.detail-images{display:flex;gap:16px}.detail-img{flex:1;aspect-ratio:3 / 2;object-fit:cover;border-radius:12px;min-width:0;background:#e8e8e8}@media(max-width:900px){.detail-images{flex-direction:column}.detail-img{width:100%;aspect-ratio:4 / 3}.detail-header{flex-direction:column;gap:16px}.detail-pills{flex-direction:row}}.detail-img-credit{font-size:11px;color:var(--text-muted, #888);margin-top:-16px}.img-credit-link{color:inherit;text-decoration:underline}.img-credit-link:hover{color:#444}.detail-img-soon{font-size:13px;color:var(--text-muted, #888);font-style:italic}.detail-description{font-size:14px;color:#000;line-height:1.7}.detail-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.note-item{display:flex;align-items:flex-start;gap:10px}.note-item-icon{font-size:20px;color:#1c1b1f;flex-shrink:0;margin-top:1px}.note-item-text{display:flex;flex-direction:column;gap:1px}.note-item-primary{font-size:14px;font-weight:700;color:#292929;line-height:1.3}.note-item-secondary{font-size:14px;font-weight:400;color:#6b6b6b;line-height:1.4}.detail-regions{display:flex;flex-wrap:wrap;gap:6px}.pagination{display:flex;flex-direction:row;align-items:center;width:100%}@media(min-width:769px){.pagination{display:none}}.pagination-buttons{display:flex;align-items:center;gap:8px;margin-left:auto}.detail-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:12px;cursor:pointer;color:#292929;font-family:inherit;transition:background .12s;flex-shrink:0}.detail-nav-btn:hover{background:#0000000f}.detail-nav-btn:disabled{opacity:.25;cursor:default}.detail-nav-btn:disabled:hover{background:transparent}@media(max-width:900px){.detail-nav-btn{width:44px;height:44px}}.detail-nav-pos{font-size:14px;color:#6b6b6b}.group-tab-btn{padding:6px 18px;font-size:14px;font-weight:400;color:#292929;border-radius:12px;white-space:nowrap;cursor:pointer;background:transparent;border:none;font-family:inherit;transition:background .12s;flex-shrink:0}.group-tab-btn:hover{background:rgba(var(--accent-rgb, 0,0,0),.08)}.group-tab-btn.active{background:rgba(var(--accent-rgb, 180,180,180),.12)}.region-pill{display:inline-flex;align-items:center;padding:2px 12px;border-radius:16px;font-size:14px;font-weight:400;background:#ededed;border:1px solid #cdcdcd;color:#292929}