.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2c3e2fd9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:8px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 24px #0000004d;animation:modalSlideIn .2s ease-out}.modal-content--large{max-width:90rem;max-height:90vh}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #7a9d72;background:linear-gradient(135deg,#4a6741,#2c3e2f)}.modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.modal-close-btn{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#fff;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.modal-close-btn:hover{background-color:#ffffff1a}.modal-close-btn:focus{outline:2px solid #7a9d72;outline-offset:2px}.modal-body{padding:24px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex:1;color:#2c3e2f;line-height:1.6}.modal-body h2{color:#2c3e2f;font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;padding-top:1.5rem;border-top:2px solid #d5dad0}.modal-body h2:first-child{margin-top:0;padding-top:0;border-top:none}.modal-body h3{color:#4a6741;font-size:1.15rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}.modal-body h4{color:#4a6741;font-size:1rem;font-weight:700;margin-top:1.25rem;margin-bottom:.5rem}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:2000;padding:32px;cursor:zoom-out}.image-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.modal-image{float:right;max-width:min(50vw,32rem);height:auto;margin:0 -7vw 1rem 1.5rem;border-radius:6px;cursor:zoom-in}.modal-body p{margin-bottom:1rem;max-width:70ch}.modal-body dl{margin:0 0 1rem;padding-left:2rem;border-left:3px solid #d5dad0}.modal-body dt{font-weight:700;color:#2c3e2f;margin-top:.75rem}.modal-body dt:first-child{margin-top:0}.modal-body dd{margin:.25rem 0 0;max-width:70ch}.modal-content--large .modal-body{padding-inline:12.5%}.modal-content--large .modal-body>*:not(.modal-image){max-width:55rem;margin-inline:auto}@media (max-width: 768px){.modal-content--large .modal-body{padding-inline:24px}}.modal-body ul,.modal-body ol{margin-bottom:1rem;padding-left:1.5rem}.modal-body li{margin-bottom:.5rem}.modal-body code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.modal-body a{color:#4a6741;text-decoration:none;border-bottom:1px solid #7a9d72}.modal-body a:hover{color:#2c3e2f;border-bottom-color:#4a6741}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#7a9d72;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#4a6741}@media (max-width: 768px){.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;height:100%;border-radius:0}.modal-image{float:none;max-width:100%;margin:1rem 0}.modal-header{padding:16px 20px}.modal-title{font-size:1.25rem}.modal-body{padding:20px}}:root{--forest-dark: #2c3e2f;--forest-medium: #4a6741;--forest-light: #7a9d72;--bark-brown: #8b7355;--stone-grey: #5a5a5a;--light-grey: #e8e8e8;--white: #ffffff;--panel-summary-bg: rgba(122, 157, 114, .08);--filter-group-bg: rgba(74, 103, 65, .12);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);line-height:1.6;color:var(--stone-grey);background-color:var(--light-grey);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}@media (min-width: 1025px){html,body{overflow:hidden;height:100%}#root{overflow:hidden;height:100vh}}@media (max-width: 1024px){html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#root{min-height:100vh;min-height:100dvh}}.back-to-top{display:none}@media (max-width: 1024px){.back-to-top{display:flex;align-items:center;justify-content:center;position:fixed;bottom:16px;right:16px;width:48px;height:48px;padding:0;border:none;border-radius:50%;background:var(--forest-medium);color:var(--white);box-shadow:0 4px 12px #00000040;cursor:pointer;z-index:100;transition:background-color .15s,transform .15s}.back-to-top:hover{background:var(--forest-dark)}.back-to-top:active{transform:scale(.95)}.back-to-top:focus-visible{outline:2px solid var(--forest-light);outline-offset:2px}}.main-title{background:linear-gradient(135deg,var(--forest-dark) 0%,var(--forest-medium) 100%);color:var(--white);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 2px 8px #0000001a;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-md)}.main-title h1{grid-column:2;font-size:var(--font-size-xl);font-weight:600;margin:0;text-align:center}.header-icons{grid-column:3;justify-self:end;display:flex;gap:.75rem}@media (max-width: 600px){.main-title{gap:var(--spacing-sm);padding:var(--spacing-md)}.main-title h1{font-size:1.1rem}}.icon-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .2s ease}.icon-btn:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.icon-btn:focus{outline:2px solid var(--forest-light);outline-offset:2px}.icon-btn:active{transform:scale(.95)}@media (max-width: 600px){.icon-btn{width:34px;height:34px}.icon-btn svg{width:16px;height:16px}}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:1800px;margin:0 auto;flex:1;width:100%;overflow:hidden;min-height:0}@media (max-width: 1024px){.app-layout{grid-template-columns:1fr;overflow:visible;height:auto;min-height:auto;padding-inline:var(--spacing-sm)}.app-layout--tab-habitats>.species-panel,.app-layout--tab-species>.filter-panel{display:none}}.panel-tabs{display:none}@media (max-width: 1024px){.panel-tabs{display:flex;gap:4px;padding:var(--spacing-sm) var(--spacing-sm) 0;max-width:1800px;margin:0 auto -1px;width:100%}.app-layout{padding-top:0}.panel-tab{flex:1;padding:.7rem 1rem;background:var(--white);border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--forest-medium);font:inherit;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color .15s,color .15s;box-shadow:inset 0 -8px 8px -6px #00000040}.panel-tab:hover{background:#4a674114;color:var(--forest-dark)}.panel-tab:focus-visible{outline:2px solid var(--forest-light);outline-offset:-2px}.panel-tab.active{background:var(--forest-medium);color:var(--white);position:relative;z-index:1;box-shadow:none}.panel-title-text{display:none}}.panel{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;width:100%;min-width:0;display:flex;flex-direction:column;max-height:100%;overflow:hidden}@media (max-width: 1024px){.panel{max-height:none;overflow:visible;margin-bottom:var(--spacing-lg);border-top-left-radius:0;border-top-right-radius:0}.panel:last-child{margin-bottom:0}}.panel-title{background-color:var(--forest-medium);color:var(--white);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}@media (max-width: 1024px){.panel-title{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}}.panel-title-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-left:auto;justify-content:flex-end}.clear-filters-btn{background:#fff3;border:none;color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);cursor:pointer;margin-left:auto;font-size:var(--font-size-sm);white-space:nowrap;transition:background .2s}.clear-filters-btn:hover{background:#ffffff4d}.active-filters-summary{background-color:var(--panel-summary-bg);padding:0;border-bottom:1px solid var(--light-grey);flex-shrink:0;display:flex;align-items:stretch}.active-filters-label{background-color:#4a67411a;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) .4rem;-webkit-user-select:none;user-select:none}.active-filters-label>span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--forest-medium);opacity:.75}.active-filters-body{flex:1;min-width:0;padding:var(--spacing-md) var(--spacing-lg);display:grid;grid-template-columns:12rem minmax(0,1fr);gap:0 var(--spacing-sm);align-items:center;position:relative}.active-filters-body:before{content:"";position:absolute;top:var(--spacing-md);bottom:var(--spacing-md);left:calc(var(--spacing-lg) + 12rem);width:1px;background:var(--forest-light);opacity:.35;pointer-events:none}.active-filters-body:has(.active-filters-empty):before{display:none}.active-filters-section{display:contents}.active-filters-section-label{font-size:var(--font-size-sm);font-weight:700;color:var(--forest-dark);white-space:nowrap}.logic-separator{grid-column:1 / -1}.active-filters-empty{font-size:var(--font-size-sm);color:var(--stone-grey);font-style:italic}.filter-summary-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:4px 0;font-size:var(--font-size-sm);min-height:28px}.filter-summary-label{font-weight:600;color:var(--forest-medium);white-space:nowrap}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}@media (max-width: 1024px){.active-filters-body{overflow-x:auto;padding-bottom:4px}.filter-summary-row{flex-wrap:nowrap;width:max-content;min-width:100%}.filter-chips{flex-wrap:nowrap}.filter-chip{flex-shrink:0}.logic-separator{grid-column:2;text-align:left;padding-left:var(--spacing-sm)}.logic-separator:before,.logic-separator:after{display:none}}.logic-separator{text-align:center;color:var(--forest-medium);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 0;margin:0;opacity:.55;letter-spacing:1px;-webkit-user-select:none;user-select:none;position:relative}.logic-separator:before,.logic-separator:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:var(--forest-light);opacity:.3}.logic-separator:before{left:0}.logic-separator:after{right:0}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background-color:var(--forest-light);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap}.filter-chip:hover{background-color:var(--forest-medium);transform:translateY(-1px)}.filter-chip--group{background-color:var(--forest-medium);box-shadow:inset 0 0 0 1px var(--forest-dark)}.filter-chip--group:hover{background-color:var(--forest-dark)}.chip-count{font-weight:400;opacity:.85}.chip-remove{font-size:var(--font-size-base);font-weight:700;line-height:1;opacity:.7;transition:opacity .2s,color .2s}.filter-chip:hover .chip-remove{opacity:1;color:#ff6b6b}.filter-summary-all{font-weight:600;color:var(--bark-brown);font-style:italic;padding-top:2px}.filter-chips-more{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);background-color:#7a9d7233;color:var(--forest-dark);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;font-style:italic}.filter-panel{overflow:hidden}.filter-panel>.panel-title{flex-shrink:0}.filter-groups{padding:var(--spacing-lg);flex:1;min-width:0;overflow-y:auto}@media (max-width: 1024px){.filter-groups{overflow-y:visible;max-height:none}}.filter-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:3px solid var(--light-grey)}.filter-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--forest-dark);margin-bottom:var(--spacing-md)}.filter-section-levels{display:flex;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-xl);align-content:start}.hierarchy-level{flex:1 1 160px;min-width:0;margin:0;padding:0;border:none}.hierarchy-level:has(.microhabitat-groups){flex-basis:100%}.hierarchy-level-title{font-size:var(--font-size-base);font-weight:600;color:var(--forest-medium);margin-bottom:var(--spacing-xs)}.hierarchy-level-description{font-size:var(--font-size-sm);color:var(--stone-grey);margin-bottom:var(--spacing-md);font-style:italic}.filter-options-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.microhabitat-groups{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.filter-group{margin-bottom:0}.filter-group-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--forest-light);cursor:pointer}.filter-group-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--forest-medium);flex-shrink:0}.filter-group-title{font-size:var(--font-size-base);font-weight:600;color:var(--forest-medium);margin:0}.filter-group-description{font-size:var(--font-size-sm);color:var(--bark-brown);font-style:italic;margin:calc(-1 * var(--spacing-sm)) 0 var(--spacing-md) 0;line-height:1.4}.filter-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg)}.filter-category{margin-bottom:0}.filter-category-title{font-size:var(--font-size-sm);font-weight:600;color:var(--bark-brown);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-xs);column-gap:var(--spacing-md)}.filter-category:has(.filter-options:nth-child(-n+3)) .filter-options{grid-template-columns:1fr}.filter-checkbox{display:flex;align-items:center;cursor:pointer}.filter-checkbox.in-group{opacity:.55}.filter-checkbox input[type=checkbox]{margin-right:var(--spacing-sm);cursor:pointer;width:16px;height:16px;accent-color:var(--forest-medium);flex-shrink:0}.filter-checkbox span{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm)}.results-info{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--panel-summary-bg);color:var(--forest-dark);font-size:var(--font-size-sm);font-weight:500;text-align:center}.panel:has(.species-grid),.panel:has(.species-list){overflow:hidden}.panel:has(.species-grid)>.results-info,.panel:has(.species-list)>.results-info,.panel:has(.species-grid)>.species-search-bar,.panel:has(.species-list)>.species-search-bar,.panel:has(.species-grid)>.species-class-tabs,.panel:has(.species-list)>.species-class-tabs{flex-shrink:0}.species-search-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--panel-summary-bg)}.species-search-input-wrap{position:relative;flex:1;min-width:0}.species-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:2rem;border:1px solid var(--light-grey);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--white);color:var(--forest-dark);outline:none;transition:border-color .15s,box-shadow .15s}.species-search-input:focus{border-color:var(--forest-medium);box-shadow:0 0 0 2px #4a674126}.species-search-input::placeholder{color:var(--stone-grey);opacity:.7}.species-search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.species-search-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--stone-grey);cursor:pointer;font-size:1.25rem;line-height:1;padding:.15rem .35rem;border-radius:50%}.species-search-clear:hover{background:#0000000d;color:var(--forest-dark)}.more-filters-button{display:inline-flex;align-items:center;gap:.4rem;padding:var(--spacing-sm) .75rem;border:1px solid var(--light-grey);border-radius:var(--radius-sm);background:var(--white);color:var(--forest-medium);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,background-color .15s,color .15s}.more-filters-button:hover{border-color:var(--forest-medium);color:var(--forest-dark)}.more-filters-button.has-active{border-color:var(--forest-medium);color:var(--forest-dark);font-weight:600}.more-filters-button.open{background:var(--forest-medium);border-color:var(--forest-medium);color:var(--white)}.more-filters-button-caret{font-size:.7rem;line-height:1;opacity:.8}.more-filters-button-count{display:inline-block;min-width:2.5em;text-align:left}.more-filters-button-count.empty{visibility:hidden}.more-filters-panel{position:relative;background-color:var(--panel-summary-bg);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--light-grey);max-height:40vh;overflow-y:auto}.more-filters-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--stone-grey);cursor:pointer;font-size:1.4rem;line-height:1;padding:.15rem .45rem;border-radius:50%}.more-filters-close:hover{background:#0000000d;color:var(--forest-dark)}.more-filters-body{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-right:1.75rem}.more-filters-group{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-sm);background:var(--filter-group-bg);border-radius:var(--radius-sm)}.more-filters-group-title{flex-shrink:0;font-size:.8rem;font-weight:600;color:var(--forest-medium);text-transform:uppercase;letter-spacing:.04em}.more-filters-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}@media (max-width: 640px){.more-filters-group{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.more-filters-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.more-filters-chip{flex-shrink:0}}.more-filters-chip{display:inline-flex;align-items:baseline;gap:.3rem;padding:.3rem .55rem;background:#ffffffa6;border:none;border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--forest-medium);transition:background-color .15s,color .15s}.more-filters-chip:hover{background:#fffffff2;color:var(--forest-dark)}.more-filters-chip:focus-visible{outline:2px solid var(--forest-light);outline-offset:1px}.more-filters-chip.active{background:var(--forest-medium);color:var(--white)}.more-filters-chip-label{font-size:var(--font-size-sm);font-weight:500}.more-filters-chip-count{font-size:.75rem;font-weight:500;opacity:.8}@media (max-width: 600px){.species-search-bar{flex-wrap:wrap}.more-filters-button{width:100%;justify-content:flex-start}.more-filters-button .more-filters-button-caret{margin-left:auto}}.species-class-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--filter-group-bg);border-bottom:1px solid var(--light-grey)}.species-class-tab{display:inline-flex;align-items:baseline;gap:.3rem;padding:.3rem .55rem;background:#ffffffa6;border:none;border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--forest-medium);transition:background-color .15s,color .15s}.species-class-tab:hover{background:#fffffff2;color:var(--forest-dark)}.species-class-tab:focus-visible{outline:2px solid var(--forest-light);outline-offset:1px}.species-class-tab.active{background:var(--forest-medium);color:var(--white)}.species-class-tab-label{font-size:var(--font-size-sm);font-weight:500}.species-class-tab-count{font-size:.75rem;font-weight:500;opacity:.8}@media (max-width: 480px){.species-class-tabs{flex-wrap:nowrap;overflow-x:auto}}.species-sort-select{height:32px;padding:0 24px;border:none;border-radius:var(--radius-sm);background-color:#00000026;color:#fff;font:inherit;font-size:var(--font-size-sm);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'><line x1='4' y1='6' x2='20' y2='6'/><line x1='4' y1='12' x2='14' y2='12'/><line x1='4' y1='18' x2='9' y2='18'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat,no-repeat;background-position:left 6px center,right 6px center}.species-sort-select:hover{background-color:#00000040}.species-sort-select:focus-visible{outline:2px solid var(--forest-light);outline-offset:2px}.species-sort-select option{color:var(--forest-dark);background:#fff}@media (max-width: 1024px){.species-sort-select{flex:1 1 100%;width:100%;min-width:0}}.view-toggle{display:inline-flex;gap:2px;background:#00000026;border-radius:var(--radius-sm);padding:2px}.view-toggle-btn{background:transparent;border:none;color:#ffffffbf;width:32px;height:32px;border-radius:calc(var(--radius-sm) - 2px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,color .15s}.view-toggle-btn:hover{color:#fff;background:#ffffff1a}.view-toggle-btn.active{color:var(--forest-dark);background:#fff}.view-toggle-btn:focus-visible{outline:2px solid var(--forest-light);outline-offset:2px}.species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);min-width:0;overflow-y:auto;flex:1}@media (max-width: 1024px){.species-grid{overflow-y:visible;max-height:none}}@media (max-width: 768px){.species-grid{grid-template-columns:1fr}}.species-card{background:var(--white);border:1px solid var(--light-grey);border-radius:var(--radius-md);padding:var(--spacing-md);transition:transform .2s,box-shadow .2s;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word}.species-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.species-card:focus-visible{outline:2px solid var(--forest-medium);outline-offset:2px}.species-card.hidden{display:none}.species-card-photo{margin:calc(-1 * var(--spacing-md)) calc(-1 * var(--spacing-md)) var(--spacing-sm);border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;aspect-ratio:3 / 2;background:var(--light-grey)}.species-card-photo img{width:100%;height:100%;object-fit:cover;display:block}.species-card-photo--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);background:#7a9d7214;color:#4a67418c}.species-card-photo--empty svg{width:32px;height:32px}.species-card-photo--empty span{font-size:.75rem;font-weight:500;letter-spacing:.02em}.species-list{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto;flex:1;min-width:0}@media (max-width: 1024px){.species-list{overflow-y:visible}}.species-list-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(80px,.8fr) minmax(0,360px);gap:var(--spacing-md);align-items:baseline;padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border:none;border-bottom:1px solid var(--light-grey);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:background-color .15s;width:100%}.species-list-row:hover{background:#7a9d7214}.species-list-row:focus-visible{outline:2px solid var(--forest-medium);outline-offset:-2px}.species-list-name{font-style:italic;font-weight:600;color:var(--forest-dark)}.species-list-order{font-size:var(--font-size-sm);color:var(--bark-brown)}.species-list-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;align-self:center}.species-list-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.4;background:#4a67411a;color:var(--forest-dark);border:1px solid rgba(74,103,65,.18);white-space:nowrap}.species-list-badge--iucn{background:#b060321a;color:var(--bark-brown);border-color:#b0603238}.species-list-badge--eif{background:#7a9d7224;color:var(--forest-dark);border-color:#7a9d7247}@media (max-width: 768px){.species-list-row{grid-template-columns:1fr;gap:var(--spacing-xs);padding:var(--spacing-md)}.species-list-badges{justify-self:start}}.species-scientific{font-size:var(--font-size-lg);font-weight:600;color:var(--forest-dark);font-style:italic;margin-bottom:var(--spacing-xs)}.species-common{font-size:var(--font-size-base);color:var(--stone-grey);margin-bottom:var(--spacing-sm)}.species-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}.species-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--forest-light);color:var(--white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500}.species-tag.family{background-color:var(--bark-brown)}.species-info-row{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.species-info-label{font-weight:600;color:var(--forest-medium)}.species-info-value{color:var(--stone-grey);word-wrap:break-word;overflow-wrap:break-word}.species-detail-photo{margin:0 0 var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.species-detail-photo img{display:block;width:100%;max-height:360px;object-fit:contain;background:var(--light-grey);border-radius:var(--radius-sm)}.species-detail-photo-credit{font-size:.8rem;color:var(--stone-grey);line-height:1.4}.species-detail-photo-credit a{color:var(--forest-medium)}.species-detail-photo-credit a:hover{color:var(--forest-dark)}.species-detail-common{margin:0 0 var(--spacing-md) 0;font-size:1.1rem;color:var(--stone-grey)}.species-detail-inat-link{margin:0 0 var(--spacing-md) 0;font-size:.9rem}.species-detail-inat-link a{color:var(--forest-medium);text-decoration:none;border-bottom:1px solid var(--forest-light)}.species-detail-inat-link a:hover{color:var(--forest-dark);border-bottom-color:var(--forest-medium)}.species-detail-section{margin-top:var(--spacing-lg)}.species-detail-section:first-child{margin-top:0}.species-detail-section h3{margin:0 0 var(--spacing-sm) 0;color:var(--forest-dark);font-size:1.1rem;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--forest-light)}.species-detail-row{display:grid;grid-template-columns:minmax(140px,.35fr) 1fr;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.species-detail-label{font-weight:600;color:var(--forest-medium)}.species-detail-value{color:var(--stone-grey);word-wrap:break-word;overflow-wrap:break-word}.species-detail-prose,.species-detail-status-list{margin:0;color:var(--stone-grey);line-height:1.6}.species-detail-status-list li{padding:2px 0}.species-detail-habitat-level{margin-top:var(--spacing-md)}.species-detail-habitat-level:first-child{margin-top:0}.species-detail-habitat-heading{font-weight:600;color:var(--forest-medium);margin-bottom:var(--spacing-xs)}.species-detail-habitat-group{margin-top:var(--spacing-sm)}.species-detail-habitat-subheading{font-size:var(--font-size-sm);font-weight:600;color:var(--bark-brown);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.species-detail-habitat-list{margin:0 0 var(--spacing-sm) 0;padding-left:1.25rem;color:var(--stone-grey);line-height:1.5}.species-detail-habitat-list li{margin-bottom:2px}@media (max-width: 600px){.species-detail-row{grid-template-columns:1fr;gap:2px}}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl);color:var(--stone-grey)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.3}.empty-state-text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.empty-state-hint{font-size:var(--font-size-sm);opacity:.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light-grey)}::-webkit-scrollbar-thumb{background:var(--forest-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--forest-medium)}.loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);font-size:var(--font-size-lg);color:var(--forest-medium)}.hidden{display:none!important}.text-center{text-align:center}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}