:root{--popup-photo-size:200px}html,body,#app{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif}#map{height:100%}.panel{position:absolute;top:12px;right:12px;background:#fff8e8;color:#4b2d23;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.15);padding:12px 12px 10px;z-index:1200;width:240px}.panel .hint{font-size:11px;opacity:.75;margin-left:6px}.panel select{width:100%;max-width:100%;box-sizing:border-box}.panel select#species{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:28px}.panel h3{margin:0 0 8px;font-size:16px}.panel label{display:block;margin-top:8px;font-size:12px;opacity:.85}.panel .close{position:absolute;top:6px;right:8px;border:0;background:transparent;color:#4b2d23;font-size:22px;line-height:1;cursor:pointer;display:none}.legend{margin-top:8px;font-size:12px}.legend .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}.leaflet-popup-content .sci{font-size:12px;opacity:.9;margin-top:0;margin-bottom:4px;line-height:1.2}.leaflet-popup-content .popup-notes{margin-top:4px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.leaflet-popup-content .popup-notes .notes-label{font-weight:600}.leaflet-control-locate,.leaflet-control-home{width:26px;height:26px;line-height:26px;text-align:center;font-size:28px}.leaflet-control-locate.active{background:#1976d2;color:#fff}.footer{position:absolute;bottom:10px;left:12px;z-index:1200;background:#fffc;padding:6px 8px;border-radius:10px;font-size:12px}.btn{display:inline-block;padding:6px 10px;border-radius:10px;background:#fcd581;color:#4b2d23;text-decoration:none;font-weight:600}.popup-photo{margin-top:6px;width:100%;max-width:var(--popup-photo-size);aspect-ratio:1/1;overflow:hidden;border-radius:4px;box-sizing:border-box}.popup-photo:empty{display:none}.popup-photo a{display:block;width:100%;height:100%}.popup-photo .photo-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:zoom-in}.filters-toggle{position:fixed;right:12px;bottom:22px;z-index:1300;display:none;border:0;border-radius:999px;padding:10px 14px;background:#506b31;color:#fff8e8;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.2);cursor:pointer}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1190;display:none}.backdrop.show{display:block}.leaflet-popup-content .popup-links{margin-top:6px}.leaflet-popup-content .popup-links a{font-size:12px;color:#1976d2;text-decoration:none;border-bottom:1px dotted rgba(25,118,210,.5)}.leaflet-popup-content .popup-links a:hover,.leaflet-popup-content .popup-links a:focus{text-decoration:underline}.panel #speciesInfoRow{margin-top:4px}.panel #speciesInfo{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:rgba(75,45,35,.72);text-decoration:none;line-height:1.3}.panel #speciesInfo::before{content:"↗";font-size:11px;opacity:.7}.panel #speciesInfo:hover,.panel #speciesInfo:focus{color:rgba(75,45,35,.95);text-decoration:underline}.panel select#species:has(option[value=""]:checked)~#speciesInfoRow{display:none}.detail-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s ease;z-index:9000}.detail-backdrop.show{opacity:1}.detail-panel{position:fixed;inset:0;background:#fff;transform:translateY(100%);transition:transform .25s ease;z-index:10000;display:flex;flex-direction:column;max-width:100vw;max-height:100vh;overflow:hidden}.detail-panel.open{transform:translateY(0)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;background:#f9f9f9}.detail-title{font-weight:600;font-size:1rem}.detail-close{appearance:none;border:1px solid #ccc;background:#fff;border-radius:6px;padding:.35rem .6rem;font-size:.95rem}.detail-content{overflow:auto;-webkit-overflow-scrolling:touch}.detail-panel .photo-img{max-width:100%;height:auto;display:block;margin:.5rem 0}.detail-panel .popup-links a{display:inline-block;margin-top:.25rem}.leaflet-popup-content,.detail-content{font-size:.95rem;line-height:1.45;color:#222;padding:8px 12px}.leaflet-popup-content strong,.detail-content strong{display:block;font-weight:600;font-size:1rem;margin-bottom:.1rem}.leaflet-popup-content .sci,.detail-content .sci{font-size:.92em;color:#5f6368;margin-bottom:.35rem}.leaflet-popup-content .popup-notes,.detail-content .popup-notes{margin-top:.5rem}.leaflet-popup-content .notes-label,.detail-content .notes-label{font-weight:600;color:#444;margin-right:.25rem}.leaflet-popup-content .popup-links,.detail-content .popup-links{margin-top:.1rem}.leaflet-popup-content .popup-links a,.detail-content .popup-links a{color:#0b57d0;text-decoration:none;border-bottom:1px solid rgba(11,87,208,.35)}.leaflet-popup-content .popup-links a:hover,.detail-content .popup-links a:hover{text-decoration:underline}.leaflet-popup-content .photo-img,.detail-content .photo-img{display:block;max-width:100%;height:auto;border-radius:6px;border:1px solid #e0e0e0;margin:.35rem 0 .15rem}.leaflet-popup-content>.popup-photo+.popup-links,.leaflet-popup-content>.popup-notes+.popup-links,.detail-content>.popup-photo+.popup-links,.detail-content>.popup-notes+.popup-links{margin-top:.5rem}.leaflet-popup-content .popup-photo .photo-img,.detail-content .popup-photo .photo-img{width:100%;height:100%;object-fit:cover;margin:0}.leaflet-popup-content .popup-photo,.detail-content .popup-photo{margin:6px 0 4px}@media(max-width:800px){.filters-toggle{display:inline-flex;align-items:center;gap:6px}.panel{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(92vw,420px);max-height:80vh;overflow:auto;display:none}.panel.open{display:block}.panel .close{display:inline-block}}