.occurrence-legend{--legend-bg:#17131adb;--legend-edge:#d9c7e433;--legend-ink:#f1eae1;--legend-muted:#bfb4ba;--ramp-low:#51365a;--ramp-mid:#9a74b3;--ramp-high:#e9d6ff;--zone:#f5dcbc;--accent:#e7d3f5;z-index:11;border:1px solid var(--legend-edge);background:var(--legend-bg);width:min(300px,100% - 28px);color:var(--legend-ink);-webkit-backdrop-filter:blur(14px)saturate(110%);backdrop-filter:blur(14px)saturate(110%);border-radius:10px;gap:8px;padding:12px 13px;font-size:11px;line-height:1.45;display:grid;position:absolute;bottom:40px;right:14px;box-shadow:inset 0 1px #ffffff12,0 10px 35px #00000040}.occurrence-legend.herbs{--legend-bg:#07180ee0;--legend-edge:#bdcca63d;--legend-ink:#e7ecdf;--legend-muted:#b3c4a8;--ramp-low:#1f4a4a;--ramp-mid:#3f9486;--ramp-high:#c3f2df;--zone:#ecf7d5;--accent:#d3e5b9}.occurrence-legend-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.occurrence-legend-heading span{color:var(--legend-muted);letter-spacing:.9px;text-transform:uppercase;font-size:9px;display:block}.occurrence-legend-heading strong{margin-top:3px;font-size:16px;font-weight:400;line-height:1.25;display:block}.occurrence-legend-heading em{color:var(--legend-muted);font-size:11px;display:block}.occurrence-legend-heading button{border:1px solid var(--legend-edge);width:32px;height:32px;color:var(--legend-ink);background:#ffffff0d;border-radius:6px;flex:0 0 32px;place-items:center;display:grid}.occurrence-legend-heading button:hover{background:#ffffff1f}.occurrence-scale{grid-template-columns:1fr 1fr;gap:3px 0;display:grid}.occurrence-scale i{background:linear-gradient(90deg, var(--ramp-low), var(--ramp-mid), var(--ramp-high));border-radius:2px;grid-column:1/-1;height:9px}.occurrence-scale span{color:var(--legend-muted);font-size:10px}.occurrence-scale span:last-child{text-align:right}.occurrence-scale-note,.occurrence-points-key span{color:var(--legend-muted);margin:0;font-size:10px}.occurrence-zone-key,.occurrence-points-key{align-items:center;gap:8px;display:flex}.occurrence-zone-key i{border:1.5px dashed var(--zone);background:color-mix(in srgb, var(--zone) 18%, transparent);border-radius:3px;flex:0 0 22px;width:22px;height:12px}.occurrence-points-key i{background:#a9c986;border:1.5px solid #f0f3e9;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin:0 6px}.occurrence-hotspots{cursor:pointer;align-items:center;gap:10px;min-height:32px;display:flex}.occurrence-legend .occurrence-hotspots input{appearance:none;border:1px solid var(--legend-edge);width:34px;height:20px;min-height:0;box-shadow:none;cursor:pointer;background:#ffffff14;border-radius:999px;flex:0 0 34px;margin:0;padding:0;transition:background .16s,border-color .16s;position:relative}.occurrence-legend .occurrence-hotspots input:after{background:var(--legend-muted);content:"";border-radius:50%;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.occurrence-legend .occurrence-hotspots input:is(:hover,:focus){border-color:var(--legend-muted);box-shadow:none}.occurrence-legend .occurrence-hotspots input:checked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 35%, transparent)}.occurrence-legend .occurrence-hotspots input:checked:after{background:var(--accent);transform:translate(14px)}.occurrence-legend .occurrence-hotspots input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.occurrence-hotspots strong{font-size:12px;font-weight:500;display:block}.occurrence-hotspots small{color:var(--legend-muted);font-size:10px;display:block}.occurrence-legend.is-collapsed{width:auto;max-width:calc(100% - 28px);padding:8px 13px 8px 10px}@media (prefers-reduced-motion:reduce){.occurrence-legend .occurrence-hotspots input,.occurrence-legend .occurrence-hotspots input:after{transition:none}}.occurrence-stats{background:var(--legend-edge);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;margin:2px 0 0;display:grid;overflow:hidden}.occurrence-stats div{background:var(--legend-bg);padding:7px 8px}.occurrence-stats div:last-child{grid-column:1/-1}.occurrence-stats dt{color:var(--legend-muted);font-size:9px}.occurrence-stats dd{margin:2px 0 0;font-size:13px}.occurrence-actions{flex-wrap:wrap;gap:6px;display:flex}.occurrence-actions :is(a,button){border:1px solid var(--legend-edge);min-height:36px;color:var(--legend-ink);background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:0 11px;font-size:11px;text-decoration:none;display:inline-flex}.occurrence-actions :is(a,button):hover{background:#ffffff21}.occurrence-source{color:var(--legend-muted);font-size:9px;line-height:1.5}.occurrence-popup .mapboxgl-popup-content{color:#f1eae1;border:1px solid #ffffff26;padding:8px 10px;font-size:11px;line-height:1.45;background:#17131af2!important}.occurrence-popup.herbs .mapboxgl-popup-content{color:#e7ecdf;background:#0b1d13f2!important}.occurrence-popup .mapboxgl-popup-tip{display:none}.occurrence-popup strong,.occurrence-popup span,.occurrence-popup small{display:block}.occurrence-popup strong{font-size:12px;font-weight:500}.occurrence-popup small{opacity:.75;margin-top:2px;font-size:10px}.mycelial-theme .map-occurrence-legend{bottom:40px}.herb-map-surface .herb-occurrence-legend{bottom:36px;right:12px}.herb-map-surface .herb-map-legend{bottom:36px}.herb-map-where{background:#0f2418;border:1px solid #b5ca9536;border-radius:7px;margin:0 0 18px;padding:14px}.herb-map-where .herb-kicker{margin:0 0 6px;font-size:9px}.herb-map-where>p:not(.herb-kicker){color:#b8c9ad;font-size:11px;line-height:1.65}.herb-map-where dl{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.herb-map-where dl div:last-child{grid-column:1/-1}.herb-map-where dt{color:#a4b79c;font-size:9px}.herb-map-where dd{color:#e1e9d7;margin:2px 0 0;font-size:13px}.herb-map-where button{color:#e0ebce;border:1px solid #99af7d66;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:11px;display:inline-flex}@media (width<=720px){.occurrence-legend{gap:6px;width:min(250px,100% - 20px);padding:10px;bottom:34px;right:10px}.occurrence-scale-note,.occurrence-points-key,.occurrence-source,.occurrence-stats{display:none}.occurrence-legend-heading strong{font-size:14px}.herb-map-surface .herb-map-legend{display:none}}@media (prefers-reduced-transparency:reduce){.occurrence-legend{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17131a}.occurrence-legend.herbs{background:#07180e}}.species-distribution{--dist-ink:#f1eae1;--dist-muted:#bfb4ba;--dist-edge:#d9c7e433;--dist-panel:#17131a;--dist-land:#3a3040;--dist-square:#d9c2f2;--dist-zone:#f5dcbc;--dist-bar:#b894d0;border:1px solid var(--dist-edge);background:linear-gradient(160deg, #221c25, var(--dist-panel));color:var(--dist-ink);border-radius:10px;margin:28px 0;padding:22px}.species-distribution.herbs{--dist-ink:#e7ecdf;--dist-muted:#b3c4a8;--dist-edge:#b5ca9536;--dist-panel:#0b1b13;--dist-land:#24402f;--dist-square:#b9f0dc;--dist-zone:#ecf7d5;--dist-bar:#7cc4ad;background:linear-gradient(160deg, #13281c, var(--dist-panel));max-width:1180px;margin:28px auto}.distribution-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:16px;display:flex}.distribution-heading p{color:var(--dist-muted);letter-spacing:1.2px;text-transform:uppercase;margin:0 0 6px;font-size:10px}.distribution-heading h2{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:300;line-height:1.2}.distribution-heading a{border:1px solid var(--dist-edge);min-height:40px;color:var(--dist-ink);background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:12px;text-decoration:none;display:inline-flex}.distribution-heading a:hover{background:#ffffff1c}.distribution-body{grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);align-items:start;gap:22px;display:grid}.distribution-map{margin:0;position:relative}.distribution-map>svg,.distribution-land{aspect-ratio:360/144;width:100%;display:block}.distribution-land{background:var(--dist-land);position:absolute;inset:0 0 auto;-webkit-mask:url(/images/world-land.svg) 50%/100% 100% no-repeat;mask:url(/images/world-land.svg) 50%/100% 100% no-repeat}.distribution-map>svg{position:relative;overflow:visible}.distribution-map rect{fill:var(--dist-square)}.distribution-zone-fill{fill:var(--dist-zone);fill-opacity:.14}.distribution-zone-line{fill:none;stroke:var(--dist-zone);stroke-opacity:.9;stroke-width:1.3px;stroke-dasharray:4 3}.distribution-loading{color:var(--dist-muted);font-size:11px;position:absolute;top:8px;left:10px}.distribution-map figcaption{color:var(--dist-muted);flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:11px;display:flex}.distribution-map figcaption span{align-items:center;gap:7px;display:inline-flex}.distribution-key-squares{background:var(--dist-square);border-radius:2px;width:12px;height:12px}.distribution-key-zone{border:1.5px dashed var(--dist-zone);background:color-mix(in srgb, var(--dist-zone) 16%, transparent);border-radius:3px;width:20px;height:12px}.distribution-facts dl{background:var(--dist-edge);border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.distribution-facts dl div{background:var(--dist-panel);padding:10px 12px}.distribution-facts dt{color:var(--dist-muted);font-size:10px}.distribution-facts dd{margin:3px 0 0;font-size:17px;font-weight:300}.distribution-note{color:var(--dist-muted);margin:12px 0 0;font-size:11px;line-height:1.6}.distribution-months{margin:14px 0 0}.distribution-months figcaption{color:var(--dist-muted);margin-bottom:6px;font-size:10px}.distribution-month-bars{grid-template-columns:repeat(12,1fr);align-items:end;gap:2px;height:72px;display:grid}.distribution-month-bars span{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.distribution-month-bars i{background:var(--dist-bar);border-radius:4px 4px 0 0;width:100%;display:block}.distribution-month-bars span:hover i{filter:brightness(1.25)}.distribution-month-bars b{color:var(--dist-muted);text-align:center;margin-top:4px;font-size:9px;font-weight:400}@media (width<=820px){.species-distribution{padding:16px}.distribution-body{grid-template-columns:1fr}}.identify-panel{--id-ink:#f1eae1;--id-muted:#bfb4ba;--id-edge:#d9c7e433;--id-bg:#17131af2;--id-chip:#ffffff0d;--id-active:#e7d3f5;--id-active-ink:#1d1620;--id-seen:#d9c2f2;--id-expected:#f5dcbc;color:var(--id-ink);flex-direction:column;gap:14px;padding:16px;font-size:12px;display:flex}.identify-panel.herbs{--id-ink:#e7ecdf;--id-muted:#b3c4a8;--id-edge:#b5ca9536;--id-bg:transparent;--id-chip:#ffffff0a;--id-active:#d3e5b9;--id-active-ink:#13271b;--id-seen:#b9f0dc;--id-expected:#ecf7d5;padding:20px}.map-identify-panel{z-index:13;top:calc(var(--map-toolbar-bottom,60px) + 12px);width:min(380px,100% - 28px);max-height:calc(100% - var(--map-toolbar-bottom,60px) - 30px);border:1px solid var(--id-edge);background:var(--id-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:10px;position:absolute;left:14px;overflow:auto;box-shadow:0 16px 50px #0005}.identify-heading{justify-content:space-between;gap:12px;display:flex}.identify-heading p{color:var(--id-muted);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 4px;font-size:10px;display:flex}.identify-heading h2{margin:0 0 6px;font-size:22px;font-weight:300}.identify-heading span{color:var(--id-muted);font-size:11px;line-height:1.55;display:block}.identify-heading button{border:1px solid var(--id-edge);width:34px;height:34px;color:var(--id-ink);border-radius:6px;flex:0 0 34px;place-items:center;display:grid}.identify-where{border:1px solid var(--id-edge);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.identify-where strong{font-size:12px;font-weight:500;display:block}.identify-where small{color:var(--id-muted);margin-top:2px;font-size:10px;display:block}.identify-where button,.identify-actions :is(a,button){border:1px solid var(--id-edge);min-height:34px;color:var(--id-ink);background:var(--id-chip);border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:11px;text-decoration:none;display:inline-flex}.identify-where p{color:var(--id-muted);flex-basis:100%;margin:0;font-size:10px}.identify-photo{border:1px solid var(--id-edge);border-radius:8px;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px;display:grid}.identify-photo>img,.identify-photo-empty{object-fit:cover;background:#ffffff10;border-radius:6px;width:72px;height:72px}.identify-photo-empty{color:var(--id-muted);border:1px dashed var(--id-edge);place-items:center;display:grid}.identify-photo strong{font-size:12px;font-weight:500;line-height:1.45;display:block}.identify-photo small{color:var(--id-muted);margin-top:4px;font-size:10px;line-height:1.5;display:block}.identify-photo p{color:#f0a594;margin:6px 0 0;font-size:10px}.identify-photo-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.identify-photo-actions :is(label,button){border:1px solid var(--id-edge);min-height:34px;color:var(--id-ink);background:var(--id-chip);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex;position:relative}.identify-photo-actions label:focus-within{outline:2px solid var(--id-active);outline-offset:2px}.identify-photo-actions label.disabled{opacity:.6;cursor:progress}.identify-photo-actions input{opacity:0;width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.identify-badges .photo{border-color:var(--id-active)}.identify-badges .photo.strong{background:color-mix(in srgb, var(--id-active) 22%, transparent)}.identify-photo-features{color:var(--id-muted);margin:6px 0 0;font-size:10px;line-height:1.5}.identify-month{color:var(--id-muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.identify-month select{border:1px solid var(--id-edge);min-height:36px;color:var(--id-ink);font:inherit;background:#0000004d;border-radius:6px;padding:0 10px}.identify-group{border:0;margin:0;padding:0}.identify-group legend{color:var(--id-muted);letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px;font-size:10px}.identify-group>div{flex-wrap:wrap;gap:6px;display:flex}.identify-group button{border:1px solid var(--id-edge);min-height:34px;color:var(--id-ink);background:var(--id-chip);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex}.identify-group button.active{border-color:var(--id-active);background:var(--id-active);color:var(--id-active-ink)}.swatch{border:1px solid #fff5;border-radius:50%;width:11px;height:11px}.swatch.white{background:#f4f1ea}.swatch.yellow{background:#f2d24b}.swatch.orange{background:#eb8a2f}.swatch.red{background:#d8392b}.swatch.pink{background:#eb8fb2}.swatch.purple{background:#8d5bb5}.swatch.blue{background:#4a78d0}.swatch.green{background:#5c9a4a}.swatch.brown{background:#8a5a36}.swatch.gray{background:#8c8c8c}.swatch.black{background:#1e1e1e}.identify-results h3{margin:4px 0 10px;font-size:14px;font-weight:500}.identify-results ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.identify-results li{border:1px solid var(--id-edge);background:#ffffff06;border-radius:8px;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px;display:grid}.identify-results li.danger{border-color:#ed907e66}.identify-results img,.identify-thumb{object-fit:cover;background:#ffffff10;border-radius:6px;width:64px;height:64px}.identify-results strong{font-size:13px;font-weight:500;display:block}.identify-results em{color:var(--id-muted);font-size:11px;display:block}.identify-status{color:var(--id-muted);align-items:center;gap:4px;margin-top:4px;font-size:10px;display:inline-flex}.identify-status.danger,.identify-warning{color:#f0a594}.identify-badges{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.identify-badges span{border:1px solid var(--id-edge);border-radius:999px;padding:3px 7px;font-size:10px}.identify-badges .seen{border-color:color-mix(in srgb, var(--id-seen) 55%, transparent)}.identify-badges .expected{border-style:dashed;border-color:var(--id-expected)}.identify-warning{align-items:center;gap:5px;margin:6px 0 0;font-size:10px;display:flex}.identify-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.identify-note{color:var(--id-muted);margin:10px 0 0;font-size:10px;line-height:1.6}.mycelial-theme .map-identify-button.active{border-color:#e7d3f5}@media (width<=720px){.map-identify-panel{border-radius:12px 12px 0 0;width:100%;max-height:72%;top:auto;bottom:0;left:0}}@media (prefers-reduced-transparency:reduce){.map-identify-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#17131a}}.map-occurrence-legend.is-compact{top:196px;bottom:auto}.occurrence-legend.is-compact :is(.occurrence-scale-note,.occurrence-points-key,.occurrence-source,.occurrence-stats){display:none}@media (width<=720px){.map-occurrence-legend.is-compact{display:none}}