:root{--cream: #f8f5ec;--cream-2: #efe9d8;--cream-mid: #f5f3ea;--white: #fffdf7;--sage: #8aa17f;--sage-mid: #7a8c6e;--sage-deep: #5f7556;--sage-soft: #c2d0b6;--fox: #c97a4a;--fox-deep: #a05f37;--fox-light: #f8e2c2;--earth: #a3855f;--earth-deep: #6f573a;--sun: #f4e3b8;--ink: #353029;--ink-soft: #6f6757;--ink-faint: #9a9282;--glow: rgba(138, 161, 127, .55);--shadow-sm: 0 1px 2px rgba(74, 64, 48, .05), 0 6px 14px -8px rgba(74, 64, 48, .35);--shadow-md: 0 2px 4px rgba(74, 64, 48, .05), 0 18px 38px -20px rgba(74, 64, 48, .4);--shadow-lg: 0 4px 6px rgba(74, 64, 48, .06), 0 30px 60px -28px rgba(74, 64, 48, .5);--radius: 14px;--radius-md: 18px;--radius-lg: 28px;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}a{color:var(--sage-deep)}.app{position:relative;min-height:100%;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:radial-gradient(1200px 760px at 78% -12%,rgba(244,227,184,.85),transparent 58%),radial-gradient(980px 680px at 6% 112%,rgba(194,208,182,.7),transparent 60%),linear-gradient(165deg,#faf7ef,#f1f1e2 55%,#e9ede0)}.bg-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-particle{position:absolute;top:-10%;left:var(--x);width:var(--size);height:var(--size);opacity:0;will-change:transform,opacity;animation:drift var(--dur) linear var(--delay) infinite}.bg-particle.is-pollen{border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,253,247,.95),var(--sun));filter:blur(.3px)}.bg-particle.is-leaf svg{width:100%;height:100%;display:block;color:var(--sage);opacity:.85}@keyframes drift{0%{transform:translateZ(0) rotate(0);opacity:0}10%{opacity:var(--max-op, .7)}90%{opacity:var(--max-op, .7)}to{transform:translate3d(var(--drift, 40px),112vh,0) rotate(var(--spin, 220deg));opacity:0}}.start{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:7vh 1.25rem 4rem;text-align:center}.brand{display:block;height:clamp(40px,10vw,56px);width:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tagline{margin:0 auto;max-width:18ch;font-family:var(--font-display);font-weight:400;font-size:clamp(2.1rem,7.2vw,3.6rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}.subtagline{margin:-.4rem 0 .6rem;color:var(--ink-soft);font-size:clamp(.95rem,2.6vw,1.1rem);max-width:34ch}.search{position:relative;width:min(640px,100%)}.search-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1.4rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid rgba(95,117,86,.16);box-shadow:var(--shadow-md);transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}.search.is-focused .search-row{transform:scale(1.025);border-color:#5f755659;box-shadow:var(--shadow-lg),0 0 0 4px #8aa17f2e,0 0 36px -6px var(--glow)}.search-icon{flex:none;color:var(--sage-deep);opacity:.8;display:grid;place-items:center}.search-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:clamp(1rem,3.4vw,1.2rem);color:var(--ink);padding:.7rem .4rem}.search-input::placeholder{color:var(--ink-faint)}.icon-btn{flex:none;display:inline-grid;place-items:center;width:2.7rem;height:2.7rem;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);transition:background .25s var(--ease),color .25s var(--ease),transform .2s var(--ease)}.icon-btn:hover{background:#8aa17f24;color:var(--sage-deep)}.icon-btn:active{transform:scale(.92)}.locate-btn{flex:none;display:inline-flex;align-items:center;gap:.45rem;height:2.9rem;padding:0 1.05rem;border:0;border-radius:999px;background:linear-gradient(135deg,var(--sage),var(--sage-deep));color:var(--white);font-weight:600;font-size:.92rem;white-space:nowrap;box-shadow:inset 0 1px #ffffff40,0 8px 18px -10px var(--sage-deep);transition:transform .25s var(--ease),box-shadow .3s var(--ease),filter .25s var(--ease)}.locate-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 14px 24px -12px var(--sage-deep)}.locate-btn:active{transform:scale(.97)}.locate-btn.is-active{background:linear-gradient(135deg,var(--earth),var(--earth-deep));box-shadow:0 10px 20px -12px var(--earth-deep)}.locate-btn .label-text{display:inline}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggest{position:absolute;z-index:30;left:0;right:0;top:calc(100% + .6rem);list-style:none;margin:0;padding:.4rem;background:var(--white);border-radius:var(--radius);border:1px solid rgba(95,117,86,.14);box-shadow:var(--shadow-lg);overflow:hidden;text-align:left}.suggest-item{display:flex;flex-direction:column;gap:.1rem;padding:.7rem .9rem;border-radius:14px;cursor:pointer}.suggest-item.is-active,.suggest-item:hover{background:#8aa17f29}.suggest-item .name-de{font-weight:600;font-size:1.02rem;color:var(--ink)}.suggest-item .name-sci{font-style:italic;font-size:.85rem;color:var(--ink-soft)}.suggest-item .name-sci.is-primary{font-style:italic;font-weight:600;font-size:1.02rem;color:var(--ink)}.suggest-status{padding:.85rem .95rem;color:var(--ink-soft);font-size:.95rem;display:flex;align-items:center;gap:.6rem}.suggest-status.is-error{color:#a8553f}.dots{display:inline-flex;gap:.25rem}.dots i{width:.42rem;height:.42rem;border-radius:50%;background:var(--sage);animation:bounce 1.1s var(--ease) infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-.32rem);opacity:1}}.footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .8rem;padding:1.1rem;color:var(--ink-faint);font-size:.85rem}.lang-toggle{display:inline-flex;background:#fffdf7b3;border:1px solid rgba(95,117,86,.18);border-radius:999px;padding:.2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lang-toggle button{border:0;background:transparent;color:var(--ink-soft);font-weight:600;font-size:.8rem;padding:.3rem .7rem;border-radius:999px;transition:background .25s var(--ease),color .25s var(--ease)}.lang-toggle button.is-active{background:var(--sage-deep);color:var(--white)}.map-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.map-bar{position:relative;z-index:1000;display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;background:#fffdf7d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(95,117,86,.16);box-shadow:var(--shadow-sm)}.back-btn{display:inline-flex;align-items:center;gap:.4rem;height:2.5rem;padding:0 1rem 0 .8rem;border:1px solid rgba(95,117,86,.2);border-radius:999px;background:var(--white);color:var(--sage-deep);font-weight:600;font-size:.9rem;transition:transform .2s var(--ease),background .25s var(--ease)}.back-btn:hover{background:#8aa17f1f}.back-btn:active{transform:scale(.96)}.map-title{display:flex;flex-direction:column;line-height:1.15;min-width:0}.map-title .t-de{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-title .t-sci{font-style:italic;font-size:.8rem;color:var(--ink-soft)}.map-count{margin-left:auto;flex:none;font-size:.82rem;font-weight:600;color:var(--sage-deep);background:#8aa17f29;padding:.35rem .7rem;border-radius:999px}.map-canvas{position:relative;flex:1}.map-loading{background:linear-gradient(135deg,#eef0e6,#e3e8d8)}.leaflet-container{width:100%;height:100%;background:#eef0e6;font-family:var(--font-ui)}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;background:#f8f5ec99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--ink-soft);font-size:1rem;pointer-events:none}.map-empty{text-align:center;max-width:30ch;padding:1.2rem 1.5rem;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:.6rem}.map-empty-icon{font-size:2.4rem;filter:drop-shadow(0 4px 10px rgba(74,64,48,.18))}.map-empty p{margin:0;font-size:.95rem;line-height:1.5}.leaflet-div-icon.pin{background:transparent;border:0}.pin-inner{position:relative;width:18px;height:18px;transform-origin:center;animation:pin-pop .5s var(--ease) both;animation-delay:calc(var(--i, 0) * 14ms)}.pin-dot{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#b6cda9,var(--sage-deep));border:2px solid var(--white);box-shadow:0 4px 8px -2px #4a40308c}.pin-ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:13px;height:13px;border-radius:50%;background:var(--sage);animation:pin-pulse calc(2.6s / var(--w, 1)) ease-out infinite;animation-delay:calc(var(--i, 0) * 14ms + .5s)}.user-pin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--sun),var(--earth));border:3px solid var(--white);box-shadow:0 0 0 4px #a3855f4d,0 4px 10px -2px #4a403080}@keyframes pin-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pin-pulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(calc(2.2 + var(--w, 1) * .25));opacity:0}to{opacity:0}}.leaflet-popup-content-wrapper{border-radius:16px;box-shadow:var(--shadow-md)}.wf-popup{font-family:var(--font-ui)}.wf-popup .p-date{font-weight:600;color:var(--ink);margin-bottom:.25rem}.wf-popup .p-src{font-size:.85rem;color:var(--sage-deep);font-weight:600;text-decoration:none}.wf-popup .p-src:hover{text-decoration:underline}@media(max-width:540px){.locate-btn .label-text{display:none}.locate-btn{width:2.9rem;padding:0;justify-content:center}.search-row{padding-left:1rem}}.species-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--cream)}.species-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.species-panel{display:flex;flex-direction:column;gap:1rem;padding:0 0 1.4rem}@media(min-width:960px){.species-body{flex-direction:row}.species-body>.species-panel{width:clamp(380px,44%,560px);flex:none;border-right:1px solid rgba(95,117,86,.14);overflow-y:auto;padding-bottom:2rem}.species-body>.map-canvas{flex:1}}@media(max-width:959px){.species-body{overflow-y:auto}.species-panel{flex:none}.species-body>.map-canvas{height:55vh;flex:none;border-top:1px solid rgba(95,117,86,.14)}}.bestspot{display:flex;flex-direction:column;background:var(--white)}.bestspot.is-loading{display:flex;flex-direction:row;align-items:center;gap:.7rem;padding:1.4rem;color:var(--ink-soft)}.bestspot-title-hint{margin:0 0 .4rem;font-size:.86rem;color:var(--ink-faint);font-style:italic}.bestspot-preview-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem}.bestspot-preview-stats .bs-big{font-size:1.7rem;display:inline-block}.bestspot-warn{background:linear-gradient(135deg,#c1604b,#8c3f30);color:var(--white);padding:.75rem 1.1rem;font-size:.92rem;line-height:1.45}.bestspot-warn strong{font-weight:700;margin-right:.3rem}.bestspot-hero{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#c2d0b6,#8aa17f);background-size:cover;background-position:center}.bestspot-badge{position:absolute;left:.9rem;top:.9rem;background:#fffdf7eb;color:var(--sage-deep);font-weight:600;font-size:.78rem;padding:.35rem .75rem;border-radius:999px;box-shadow:var(--shadow-sm);letter-spacing:.02em}.bestspot-body{padding:1.1rem 1.2rem 1.4rem;display:flex;flex-direction:column;gap:.9rem}.bestspot-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,3.5vw,1.6rem);letter-spacing:-.01em;line-height:1.15;color:var(--ink)}.bestspot-subtitle{margin:0;font-size:.88rem;color:var(--sage-deep);font-weight:500}.bestspot-habitat{align-self:flex-start;display:inline-flex;align-items:center;font-size:.74rem;font-weight:600;letter-spacing:.03em;color:var(--sage-deep);background:#8aa17f2e;padding:.22rem .6rem;border-radius:999px}.suntimes{margin-top:.5rem;font-size:.82rem;color:var(--ink-soft)}.leaflet-div-icon.pin.micro{pointer-events:none}.micro-dot{display:block;width:8px;height:8px;border-radius:50%;background:#5f75568c;border:1.5px solid rgba(255,253,247,.85)}.bestspot-cap{position:absolute;left:0;right:0;bottom:0;padding:.45rem .9rem;font-size:.78rem;color:var(--white);background:linear-gradient(180deg,transparent,rgba(53,48,41,.78));letter-spacing:.02em}.bestspot-hero.is-silhouette{background:linear-gradient(135deg,var(--sage-soft) 0%,var(--cream-2) 60%,var(--cream) 100%);display:grid;place-items:center}.bestspot-silhouette{color:#5f755659;filter:drop-shadow(0 6px 14px rgba(74,64,48,.18))}.bestspot-summary{margin:0;font-size:.94rem;line-height:1.5;color:var(--ink-soft)}.bestspot-more{white-space:nowrap;font-weight:600;color:var(--sage-deep);text-decoration:none}.bestspot-more:hover{text-decoration:underline}.bestspot-grid{display:grid;grid-template-columns:1fr;gap:.7rem}@media(min-width:540px){.bestspot-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:720px){.bestspot-grid{grid-template-columns:repeat(3,1fr)}.bs-info.is-wide{grid-column:span 3}}.bs-info{background:linear-gradient(160deg,#fdfcf7,#f5f3ea);border:1px solid rgba(95,117,86,.1);border-radius:14px;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.4rem;min-height:88px;box-shadow:inset 0 1px #ffffff80,0 1px 2px #4a40300a}.bs-info.is-wide{grid-column:1 / -1}.bs-info-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.bs-info-body{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.bs-secondary{font-size:.84rem;color:var(--ink-soft)}.bs-big{font-family:var(--font-display);font-weight:600;font-size:2rem;line-height:1;color:var(--ink)}.bs-activity{color:var(--sage-deep)}.bs-estimate{color:var(--ink-faint);font-weight:500;cursor:help}.bestspot-tips{margin:0;background:var(--cream);border:1px solid rgba(95,117,86,.1);border-radius:16px;padding:.9rem 1rem}.bestspot-tips h3{margin:0 0 .55rem;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.bestspot-tips ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem}.bestspot-tips li{font-size:.92rem;line-height:1.45;color:var(--ink)}.bestspot-tips li::marker{color:var(--sage)}.bestspot-recent,.bestspot-howto{background:var(--cream);border:1px solid rgba(95,117,86,.1);border-radius:16px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem}.bestspot-recent h3,.bestspot-howto h3{margin:0;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.recent-sightings{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.55rem}.recent-sighting>a{display:block;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden;background:var(--white);border:1px solid rgba(95,117,86,.12);transition:transform .2s var(--ease),box-shadow .25s var(--ease)}.recent-sighting>a:hover{transform:translateY(-1px);box-shadow:0 8px 20px -12px #4a403073}.rs-thumb{width:100%;aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--sage-soft),var(--cream-2));background-size:cover;background-position:center}.rs-meta{padding:.45rem .6rem .55rem;display:flex;flex-direction:column;gap:.05rem}.rs-date{font-weight:600;font-size:.82rem;color:var(--ink)}.rs-observer{font-size:.74rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.howto-row{display:flex;align-items:baseline;gap:.6rem;font-size:.9rem;color:var(--ink)}.howto-label{flex:none;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);min-width:5.5rem}.howto-coords{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem;background:#5f75561a;padding:.32rem .6rem;border:1px solid transparent;border-radius:8px;color:var(--ink);letter-spacing:-.02em;cursor:pointer;min-height:36px;transition:background .2s var(--ease),border-color .2s var(--ease)}.howto-coords:hover,.howto-coords:focus-visible{background:#5f75562e;border-color:#5f75564d}.howto-coords:active{transform:scale(.98)}.howto-link{align-self:flex-start;display:inline-flex;align-items:center;padding:.45rem .85rem;background:linear-gradient(135deg,var(--sage),var(--sage-deep));color:var(--white);text-decoration:none;font-weight:600;font-size:.88rem;border-radius:999px;transition:filter .2s var(--ease),transform .15s var(--ease)}.howto-link:hover{filter:brightness(1.05)}.howto-link:active{transform:scale(.97)}.weather-strip{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.weather-day{background:var(--white);border:1px solid rgba(95,117,86,.14);border-radius:12px;padding:.55rem .6rem;display:flex;flex-direction:column;gap:.18rem;min-width:0}.wd-date{font-weight:600;font-size:.84rem;color:var(--ink)}.wd-temp{font-size:.82rem;color:var(--ink-soft)}.wd-code{font-size:.78rem;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wd-score{font-size:.78rem;color:var(--sage-deep);font-weight:600;margin-top:.15rem}.weather-empty{margin:0;font-size:.88rem;color:var(--ink-soft)}.species-profile{display:flex;flex-direction:column;flex-shrink:0;background:var(--white);overflow:hidden}.sp-hero{width:100%;flex:none}.sp-hero{position:relative;aspect-ratio:16 / 10;background:linear-gradient(135deg,#c2d0b6,#8aa17f);background-size:cover;background-position:center}.sp-iucn{position:absolute;top:.85rem;right:.85rem;background:linear-gradient(135deg,#c1604b,#8c3f30);color:var(--white);font-weight:700;font-size:.78rem;padding:.3rem .65rem;border-radius:999px;box-shadow:var(--shadow-sm);letter-spacing:.04em}.sp-body{padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.sp-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,4vw,1.95rem);letter-spacing:-.01em;line-height:1.1;color:var(--ink)}.sp-sci{margin:0;font-style:italic;color:var(--ink-soft);font-size:.95rem}.sp-text{margin:.35rem 0 0;font-size:.94rem;line-height:1.55;color:var(--ink-soft)}.sp-text.sp-empty,.sp-text.sp-loading{color:var(--ink-faint);font-style:italic}.sp-more{white-space:nowrap;font-weight:600;color:var(--sage-deep);text-decoration:none}.sp-more:hover{text-decoration:underline}.charts{margin:0 1rem;padding:1rem 1.1rem 1.2rem;background:var(--white);border:1px solid rgba(95,117,86,.12);border-radius:18px}.charts.is-loading{display:grid;place-items:center;min-height:120px}.charts-title{margin:0 0 .85rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink)}.charts-block+.charts-block{margin-top:1rem}.charts-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.45rem}.chart{display:flex;align-items:flex-end;gap:.3rem;height:84px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0}.chart-track{flex:1;width:100%;display:flex;align-items:flex-end}.chart-bar{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--sage),var(--sage-deep));min-height:2px;transform-origin:bottom}.chart-bar.is-current{background:linear-gradient(180deg,var(--sun),var(--earth));box-shadow:0 0 0 1.5px #6f573a8c}.chart-label{font-size:.72rem;color:var(--ink-faint);font-weight:500}.chart-empty{margin:.4rem 0 0;font-size:.86rem;color:var(--ink-faint);font-style:italic}.spotlist{margin:0 1rem;padding:1rem 1.1rem 1.2rem;background:var(--white);border:1px solid rgba(95,117,86,.12);border-radius:18px}.spotlist-title{margin:0 0 .7rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink)}.spotlist-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;counter-reset:spot}.spotlist-row{width:100%;display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;background:var(--cream);border:1px solid rgba(95,117,86,.08);border-radius:12px;text-align:left;color:var(--ink);font:inherit;transition:background .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease)}.spotlist-row:hover{background:#8aa17f24}.spotlist-row:active{transform:scale(.99)}.spotlist-row.is-selected{background:linear-gradient(135deg,#f4e3b899,#fffdf7f2);border-color:#6f573a59;box-shadow:0 6px 16px -10px #6f573a99}.sr-rank{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;background:var(--white);color:var(--sage-deep);font-weight:700;font-size:.85rem;border:1px solid rgba(95,117,86,.18)}.spotlist-row.is-selected .sr-rank{background:var(--earth);color:var(--white);border-color:transparent}.sr-body{flex:1;display:flex;flex-direction:column;gap:.05rem;min-width:0}.sr-coord{font-weight:600;font-size:.92rem;color:var(--ink)}.sr-meta{font-size:.8rem;color:var(--ink-soft)}.sr-score{flex:none;font-size:.82rem;color:var(--sage-deep);font-weight:600}.leaflet-div-icon.pin.is-best .pin-inner{animation-delay:0s}.leaflet-div-icon.pin.is-best .pin-dot{width:26px;height:26px;background:radial-gradient(circle at 32% 28%,#fdebb1,var(--earth));border:3px solid var(--white);box-shadow:0 6px 14px -4px #6f573ab3,0 0 0 6px #f4e3b88c}.leaflet-div-icon.pin.is-best .pin-ring{width:26px;height:26px;background:var(--earth);opacity:.55;animation-duration:3.4s}.offline-banner{position:sticky;top:env(safe-area-inset-top);z-index:4500;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;font-size:.88rem;font-weight:500;background:linear-gradient(135deg,#c1604b,#8c3f30);color:var(--white);text-align:center}.install-prompt{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:4800;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:var(--white);border:1px solid rgba(95,117,86,.18);border-radius:18px;box-shadow:var(--shadow-lg);max-width:520px;margin-inline:auto}.install-icon{flex:none;font-size:1.8rem;line-height:1}.install-text{flex:1;display:flex;flex-direction:column;gap:.15rem;font-size:.86rem;color:var(--ink-soft);line-height:1.35}.install-text strong{font-weight:600;color:var(--ink)}.install-actions{flex:none;display:flex;align-items:center;gap:.45rem}.install-confirm{background:linear-gradient(135deg,var(--sage),var(--sage-deep));color:var(--white);border:0;font-weight:600;font-size:.88rem;padding:.55rem 1rem;border-radius:999px;cursor:pointer;min-height:44px}.install-dismiss{background:transparent;border:0;color:var(--ink-faint);font-size:1.1rem;width:44px;height:44px;border-radius:50%;cursor:pointer}.install-dismiss:hover,.install-dismiss:focus-visible{background:#5f75561f}.skeleton{position:relative;overflow:hidden;background:linear-gradient(160deg,#f0ebde,#e8e2d2);border-radius:12px;isolation:isolate}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,253,247,.55) 50%,transparent 80%);transform:translate(-100%);animation:shimmer 1.6s var(--ease) infinite;will-change:transform}@keyframes shimmer{to{transform:translate(100%)}}.skeleton.is-hero{aspect-ratio:16 / 9;border-radius:0}.skeleton.is-title{height:1.6rem;width:62%;margin-bottom:.5rem}.skeleton.is-line{height:.85rem;width:100%;margin-bottom:.4rem}.skeleton.is-line.is-short{width:60%}.skeleton.is-block{height:88px}.toast{position:fixed;left:50%;bottom:calc(1.4rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:5000;background:var(--ink);color:var(--white);padding:.7rem 1.1rem;border-radius:999px;font-size:.9rem;font-weight:500;box-shadow:var(--shadow-md);pointer-events:none;max-width:calc(100% - 2rem)}.footer-link{background:none;border:0;color:var(--sage-deep);font-weight:600;font-size:.85rem;padding:.5rem .8rem;border-radius:999px;cursor:pointer;min-height:44px}.footer-link:hover,.footer-link:focus-visible{background:#8aa17f29}.sources{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--cream);display:flex;flex-direction:column}.sources-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.9rem;padding:.7rem 1rem;background:#fffdf7d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(95,117,86,.16)}.sources-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--ink)}.sources-body{padding:1.4rem clamp(1rem,4vw,2rem) 2.5rem;max-width:760px;width:100%;margin:0 auto}.sources-intro{margin:0 0 1.4rem;font-size:1rem;line-height:1.55;color:var(--ink-soft)}.sources-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.source-card{background:var(--white);border:1px solid rgba(95,117,86,.12);border-radius:16px;padding:1rem 1.15rem 1.1rem}.source-card h2{margin:0 0 .4rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink)}.source-card h2 a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(95,117,86,.4)}.source-card h2 a:hover{border-color:var(--sage-deep)}.source-desc{margin:0 0 .55rem;font-size:.92rem;line-height:1.5;color:var(--ink-soft)}.source-license{margin:0;font-size:.82rem;font-style:italic;color:var(--ink-faint)}.sources-app{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(95,117,86,.16)}.sources-app h2{margin:0 0 .5rem;font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--ink)}.sources-app p{margin:0;font-size:.92rem;color:var(--ink-soft);line-height:1.55}.legal-body{max-width:680px}.legal-section{background:var(--white);border:1px solid rgba(95,117,86,.12);border-radius:16px;padding:1rem 1.15rem 1.1rem;margin:0 0 1rem}.legal-section h2{margin:0 0 .5rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink)}.legal-section p{margin:0 0 .6rem;font-size:.95rem;line-height:1.55;color:var(--ink-soft)}.legal-section p:last-child{margin-bottom:0}.legal-section a{color:var(--sage-deep);text-decoration:none;border-bottom:1px solid rgba(95,117,86,.4)}.legal-section a:hover{border-color:var(--sage-deep)}.legal-address{font-style:normal;color:var(--ink);line-height:1.45}.legal-list{margin:0 0 .7rem;padding-left:1.2rem;font-size:.95rem;color:var(--ink-soft);line-height:1.55;display:flex;flex-direction:column;gap:.25rem}.legal-updated{margin:1.4rem 0 0;text-align:center;font-size:.78rem;font-style:italic;color:var(--ink-faint)}.rs-license{font-size:.7rem;letter-spacing:.02em;color:var(--ink-faint)}@media(max-width:540px){.suggest{max-height:calc(60vh - env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.recent-sightings{grid-template-columns:repeat(2,1fr)}.map-bar{padding:.55rem .7rem}.back-btn{min-height:44px}.footer{flex-wrap:wrap}.howto-link{align-self:stretch;justify-content:center;padding:.7rem 1rem;min-height:44px}.howto-row{flex-direction:column;align-items:flex-start;gap:.25rem}.howto-label{min-width:0}.install-prompt{flex-wrap:wrap}.install-text{flex-basis:100%}.install-actions{margin-left:auto}}.chip-row{width:min(640px,100%);display:flex;flex-direction:column;gap:.6rem;text-align:left}.chip-row-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:.95rem;color:var(--ink-soft);letter-spacing:.01em;display:inline-flex;align-items:center;gap:.35rem}.chip-row-star{color:var(--fox);font-size:.9em;line-height:1}.chip-row-track{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.2rem .1rem .4rem;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.chip-row-track::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:.5rem;height:2.4rem;padding:.2rem .85rem .2rem .3rem;border:1px solid rgba(95,117,86,.18);border-radius:999px;background:var(--white);color:var(--ink);font-size:.88rem;font-weight:500;white-space:nowrap;flex:0 0 auto;scroll-snap-align:start;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}.chip:hover{background:#8aa17f1a;border-color:#5f755652}.chip:active{transform:scale(.97)}.chip-thumb{width:1.9rem;height:1.9rem;border-radius:999px;background-color:var(--cream-2);background-size:cover;background-position:center;flex:none}.chip-name{display:inline-block;max-width:14ch;overflow:hidden;text-overflow:ellipsis}.chip-fav{border-color:#c97a4a52;background:var(--fox-light)}.chip-fav:hover{background:#f6d4ad;border-color:#c97a4a80}.fav-btn{position:relative;width:2.3rem;height:2.3rem;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(95,117,86,.18);border-radius:999px;background:var(--white);color:var(--ink-soft);padding:0;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}.fav-btn:hover{background:#f4e3b88c;border-color:#c97a4a66;color:var(--fox)}.fav-btn.is-active{background:var(--fox-light);border-color:#c97a4a8c;color:var(--fox)}.fav-star{position:absolute;width:1.3rem;height:1.3rem;pointer-events:none}.errbound{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1.2rem;background:var(--cream)}.errbound-card{max-width:380px;text-align:center;background:var(--white);border-radius:var(--radius-lg);padding:2.4rem 1.6rem;box-shadow:var(--shadow-lg)}.errbound-icon{display:inline-block;font-size:2.4rem;margin-bottom:.6rem}.errbound h1{margin:0 0 .4rem;font-family:var(--font-display);font-weight:500;font-size:1.4rem;color:var(--ink)}.errbound p{margin:0 0 1.4rem;color:var(--ink-soft);line-height:1.4}.errbound-btn{border:none;background:var(--sage-deep);color:var(--white);padding:.7rem 1.5rem;font-weight:600;border-radius:999px;box-shadow:var(--shadow-sm);transition:background .25s var(--ease),transform .2s var(--ease)}.errbound-btn:hover{background:var(--sage-mid)}.errbound-btn:active{transform:scale(.96)}.nearby-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.6rem;padding:0 1.1rem;border:1px solid rgba(95,117,86,.22);border-radius:999px;background:#fffdf7b3;color:var(--sage-deep);font-weight:600;font-size:.95rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);margin-top:-.4rem}.nearby-cta:hover:not(:disabled){background:#8aa17f2e;border-color:#5f755666}.nearby-cta:active:not(:disabled){transform:scale(.97)}.nearby-cta:disabled{opacity:.65;cursor:progress}.nearby-error{margin:0;color:var(--fox-deep);font-size:.85rem}.nearby{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.nearby-bar{position:relative;z-index:10;display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;background:#fffdf7d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(95,117,86,.16);flex-wrap:wrap}.nearby-title-wrap{display:flex;flex-direction:column;min-width:0;flex:1}.nearby-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1rem,2.6vw,1.25rem);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearby-total{font-size:.78rem;color:var(--ink-soft)}.nearby-radius{display:inline-flex;gap:.3rem;background:#5f75561a;padding:.25rem;border-radius:999px}.radius-pill{border:none;background:transparent;padding:.35rem .8rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--ink-soft);transition:background .25s var(--ease),color .25s var(--ease)}.radius-pill:hover{background:#fffdf799;color:var(--sage-deep)}.radius-pill.is-active{background:var(--white);color:var(--sage-deep);box-shadow:var(--shadow-sm)}.nearby-body{flex:1;overflow-y:auto;padding:1.2rem clamp(.8rem,3vw,1.6rem) 2rem}.nearby-loading{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding-top:1rem;color:var(--ink-soft)}.nearby-loading p{margin:0;font-size:.95rem}.nearby-skeletons{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem;width:100%;margin-top:.6rem}.nearby-skeletons .nearby-card{height:100px;background:linear-gradient(100deg,#5f75560f 30%,#5f755624,#5f75560f 70%);background-size:200% 100%;animation:skeleton-shimmer 1.4s linear infinite;border:1px solid rgba(95,117,86,.1);border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.nearby-empty{margin:2rem auto;max-width:30ch;text-align:center;color:var(--ink-soft);font-size:1rem}.nearby-group{margin-bottom:1.6rem}.nearby-group-title{font-family:var(--font-display);font-weight:500;font-size:1rem;letter-spacing:.02em;color:var(--ink-soft);margin:0 0 .55rem;text-transform:uppercase;font-size:.78rem}.nearby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem}.nearby-card{display:flex;align-items:stretch;gap:.7rem;padding:.5rem;border:1px solid rgba(95,117,86,.16);border-radius:var(--radius-md);background:var(--white);color:var(--ink);text-align:left;cursor:pointer;transition:transform .2s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);box-shadow:var(--shadow-sm)}.nearby-card:hover{border-color:#8aa17f80;box-shadow:var(--shadow-md);transform:translateY(-1px)}.nearby-card:active{transform:translateY(0) scale(.99)}.nearby-photo{flex:none;width:70px;height:70px;border-radius:var(--radius);background-color:var(--cream-2);background-size:cover;background-position:center}.nearby-card-body{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.nearby-name{margin:0;font-family:var(--font-display);font-weight:500;font-size:1rem;color:var(--ink);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearby-sci{margin:.1rem 0 0;font-style:italic;font-size:.78rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearby-count{margin:.3rem 0 0;font-size:.78rem;color:var(--sage-deep);font-weight:600}.birdsong{display:flex;align-items:center;gap:.7rem;margin-top:.9rem;padding:.55rem .7rem;background:#8aa17f14;border:1px solid rgba(95,117,86,.16);border-radius:999px;max-width:100%}.birdsong-btn{width:2.4rem;height:2.4rem;flex:none;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:var(--sage-deep);color:var(--white);position:relative;transition:background .25s var(--ease),transform .2s var(--ease);box-shadow:var(--shadow-sm)}.birdsong-btn:hover{background:var(--sage-mid)}.birdsong-btn:active{transform:scale(.94)}.birdsong-btn.is-playing{background:var(--fox)}.birdsong-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.birdsong-body{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.birdsong-head{display:flex;align-items:center;gap:.55rem}.birdsong-label{font-family:var(--font-display);font-weight:500;font-size:.92rem;color:var(--ink)}.birdsong-loading{width:.7rem;height:.7rem;border-radius:999px;border:2px solid rgba(95,117,86,.25);border-top-color:var(--sage-deep);animation:spin .8s linear infinite}.birdsong-attr{font-size:.72rem;color:var(--ink-faint);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birdsong-attr a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(154,146,130,.45)}.birdsong-attr a:hover{color:var(--sage-deep);border-bottom-color:var(--sage-deep)}.waveform{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:1;min-width:60px}.wave-bar{flex:1;height:100%;background:var(--sage-mid);border-radius:2px;transform:scaleY(.18);transform-origin:bottom;animation-name:wave-pulse;animation-duration:.9s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:var(--ease);animation-play-state:paused}.waveform.is-playing .wave-bar{animation-play-state:running;background:var(--fox)}@keyframes wave-pulse{0%{transform:scaleY(.2)}40%{transform:scaleY(.9)}to{transform:scaleY(.35)}}@media(prefers-reduced-motion:reduce){.bg-particle,.pin-inner,.pin-ring,.dots i,.spin,.wave-bar,.birdsong-loading,.nearby-skeletons .nearby-card{animation:none!important}.wave-bar{transform:scaleY(.5)}.bg-particle{opacity:0}.pin-inner{opacity:1;transform:none}.search.is-focused .search-row{transform:none}*{transition-duration:.01ms!important}}