:root{--stone-dark:#2d2a26;--stone-mid:#5a4f42;--earth-warm:#8b6914;--sage-green:#6b7c32;--rust-accent:#a0522d;--stone-light:#f4f2ed;--cream:#faf8f3;--white:#ffffff;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem}*{box-sizing:border-box}body{background:#6ba549;color:var(--stone-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--text-base);line-height:1.6;margin:0;min-height:100vh;display:flex;flex-direction:column;background-attachment:fixed!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;position:relative}body:before{content:"";position:fixed;inset:0;background:#6ba54933;z-index:-1;pointer-events:none}header{background:var(--stone-dark);color:var(--stone-light);border-bottom:3px solid var(--earth-warm);padding:var(--space-4)0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #2d2a264d}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:var(--space-3)}.logo-container{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.logo-image{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(245,242,237,.4));object-fit:contain}.site-logo-text{font-size:var(--text-2xl);font-weight:800;color:#b47b24;letter-spacing:-.025em;line-height:1.2}.header-right{display:flex;align-items:center}.header-nav{display:flex;gap:var(--space-3)}.nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--stone-light);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(10px)}.nav-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 2px 8px #2d2a2633}.map-btn{background:#6b7c3233;border-color:#6b7c324d}.map-btn:hover{background:#6b7c324d;border-color:#6b7c3266}.top-btn{background:#8b691433;border-color:#8b69144d}.top-btn:hover{background:#8b69144d;border-color:#8b691466}main{background:linear-gradient(145deg,#f6f3eb,#ede8db);max-width:70%;margin:var(--space-6) auto;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:0 6px 20px #2d2a2626;flex:1}.data-section{background:#f4f0e666;padding:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-lg);transition:all .25s ease;position:relative}.data-section:not(:last-child):after{content:"";position:absolute;bottom:calc(-1*var(--space-3));left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,105,20,.3),transparent)}.data-section:hover{background:#f4f0e699;transform:none;box-shadow:none}section h2{color:var(--stone-dark);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4);padding-bottom:var(--space-2);display:inline-block;text-shadow:0 1px 2px rgba(45,42,38,.1)}section h3{color:var(--stone-dark);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3)}section:not(#location-input):not(#welcome-section):not(#recent-searches):not(.has-data){display:none}#location-input,#location-input-2{text-align:center;margin-bottom:var(--space-8);padding:var(--space-8);background:#fffc;border-radius:var(--radius-lg);box-shadow:0 4px 12px #8b691426}#location-input p{font-size:var(--text-lg);color:var(--stone-dark);margin-bottom:var(--space-6);font-weight:600}.input-container{display:flex;max-width:500px;margin:0 auto var(--space-4);gap:var(--space-2);justify-content:center;align-items:center}#location-input-field{flex:1;padding:var(--space-4);border:2px solid var(--stone-mid);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;background:var(--cream);color:var(--stone-dark);transition:all .2s ease}#location-input-field:focus{outline:0;border-color:var(--earth-warm);box-shadow:0 0 0 3px #8b691433}#location-input-field-2{flex:1;padding:var(--space-4);border:2px solid var(--stone-mid);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;background:var(--cream);color:var(--stone-dark);transition:all .2s ease}.input-submit-btn{padding:var(--space-4);background:var(--earth-warm);color:var(--white);border:0;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-weight:600}.input-submit-btn:hover{background:var(--rust-accent);transform:translateY(-1px)}button{padding:var(--space-4) var(--space-6);background:var(--sage-green);color:var(--white);border:0;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2d2a2633}button:hover{background:var(--earth-warm);transform:translateY(-1px);box-shadow:0 4px 8px #2d2a264d}ul{list-style:none;padding:0;margin:0}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}li{padding:var(--space-3) var(--space-4);background:#fff9;border:1px solid rgba(139,105,20,.2);border-radius:var(--radius-md);margin-bottom:var(--space-3);box-shadow:0 1px 4px #8b691414;transition:all .25s ease;position:relative}li:hover{background:#fffc;border-color:#8b69144d;box-shadow:0 3px 8px #8b691426}li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sage-green),var(--earth-warm));border-radius:0 var(--radius-sm) var(--radius-sm)0;opacity:0;transition:opacity .25s ease}li:hover:before{opacity:1}li small,.timestamp,.observation-date,.spotted-date,.detail-text{font-size:var(--text-sm);color:var(--stone-mid)!important;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);display:inline-block;margin-top:var(--space-1)}li p:last-child,li div:last-child{font-size:var(--text-sm);color:var(--stone-mid)!important;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);margin-top:var(--space-1)}.clickable-item{cursor:pointer}#your-recent-searches,#community-recent-searches,#personal-searches,#community-searches{background:0 0;border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-4) var(--space-2)}.hotspot-card{background:#fffaf0f2;border:1px solid rgba(139,105,20,.3);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-6) var(--space-2) var(--space-6) var(--space-2);cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #8b691433;position:relative;overflow:hidden}.hotspot-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sage-green),var(--earth-warm),var(--rust-accent));opacity:.8}.hotspot-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b691440;background:#f5f0e1e6;border-color:#8b691466}.hotspot-card:hover:before{opacity:1;height:4px}.hotspot-card .hotspot-header{padding:var(--space-4) var(--space-2) var(--space-3) var(--space-2);display:flex;align-items:flex-start}.hotspot-card h4{color:var(--stone-dark);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-1)0;line-height:1.3}.hotspot-card .hotspot-subtitle{color:var(--stone-mid);font-size:var(--text-sm);font-style:italic;margin-bottom:var(--space-3);line-height:1.4;padding-right:var(--space-2)}.hotspot-card .hotspot-emoji{font-size:var(--text-xl);margin-right:var(--space-4);margin-left:var(--space-2);display:inline-block;filter:drop-shadow(0 1px 2px rgba(139,105,20,.3));flex-shrink:0}.hotspot-card .hotspot-features{padding:var(--space-3) var(--space-2) var(--space-2) var(--space-2)}.hotspot-card .feature-tag{display:inline-block;background:#8b69141f;color:var(--stone-dark);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;margin-right:var(--space-2);margin-bottom:var(--space-2)}.search-item{background:#fffaf0e6;border:1px solid rgba(107,124,50,.3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) var(--space-5) var(--space-4) var(--space-5);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #6b7c3233;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.search-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--sage-green),var(--earth-warm));opacity:.7}.search-item:hover{transform:translate(var(--space-2)) translateY(-1px);box-shadow:0 4px 16px #6b7c3233;background:#f0ebdcd9;border-color:#6b7c3266}.search-item:hover:before{opacity:1;width:4px}.search-location{font-weight:600;color:var(--stone-dark);font-size:var(--text-sm)}.search-time{font-size:var(--text-xs);color:var(--stone-mid);font-style:italic;opacity:.8}.clear-searches{background:linear-gradient(135deg,var(--rust-accent),#8b4513);color:#fff;border:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;margin-top:var(--space-3);transition:all .25s ease;box-shadow:0 2px 6px #a0522d4d}.clear-searches:hover{transform:translateY(-1px);box-shadow:0 4px 12px #a0522d66;background:linear-gradient(135deg,#b8662d,sienna)}#leaflet-map{width:100%;height:400px;border-radius:var(--radius-lg);border:2px solid var(--stone-mid);box-shadow:0 4px 12px #2d2a2633;overflow:hidden;position:relative;box-sizing:border-box;z-index:1}#leaflet-map .leaflet-container{width:100%!important;height:100%!important;background:#e0e0e0!important;z-index:1}#leaflet-map .leaflet-map-pane{width:100%!important;height:100%!important;z-index:1}#map h2{color:var(--stone-dark)!important;font-weight:700!important;text-shadow:none!important}#map p,.map-summary{color:var(--stone-dark)!important;font-weight:600!important}.custom-emoji-icon{width:32px!important;height:32px!important;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border:3px solid var(--white);box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .3s ease;transform:translateZ(0)}.custom-emoji-icon:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #0006;border-width:4px}.emoji-bird{background:linear-gradient(135deg,#87ceeb,#4682b4);border-color:#1e90ff}.emoji-insect{background:linear-gradient(135deg,#9acd32,#228b22);border-color:#32cd32}.emoji-archaeology{background:linear-gradient(135deg,#deb887,#8b7355);border-color:#d2691e}.emoji-park{background:linear-gradient(135deg,#228b22,#006400);border-color:#0f0}.emoji-fossil{background:linear-gradient(135deg,wheat,#deb887);border-color:#d2691e}.emoji-earthquake{background:linear-gradient(135deg,tomato,#dc143c);border-color:#ff4500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-section{text-align:center;margin-bottom:var(--space-8);padding:var(--space-8);background:linear-gradient(135deg,var(--sage-green),var(--earth-warm));color:var(--white);border-radius:var(--radius-lg);box-shadow:0 4px 16px #2d2a2633}.hero-section h1{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-4);text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-section p{font-size:var(--text-lg);margin-bottom:var(--space-6);opacity:.95}.location-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);font-weight:600}footer{background:var(--stone-dark);color:var(--stone-light);padding:var(--space-16)0 var(--space-8);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);text-align:left}.footer-section h3{color:var(--white);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4);border-bottom:2px solid var(--rust-accent);padding-bottom:var(--space-2);display:inline-block}.footer-section p{color:var(--stone-light);line-height:1.7;margin-bottom:var(--space-4)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{color:var(--stone-light);padding:var(--space-2)0;border-bottom:1px solid rgba(244,242,237,.2)}.footer-section strong{color:var(--white);font-weight:600}section{margin-bottom:var(--space-8);padding:var(--space-6);background:#f4f0e666;border-radius:var(--radius-lg);transition:all .25s ease;position:relative}section:not(.data-section):not(:last-child):after{content:"";position:absolute;bottom:calc(-1*var(--space-3));left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,105,20,.3),transparent)}#weather{width:100%!important;max-width:100%!important;background:#fbf9f6!important;margin-bottom:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:0 4px 12px #8b691426;border:1px solid rgba(139,105,20,.1);text-align:center}#weather h2{text-align:center;margin-bottom:var(--space-4)}#weather #weather-data{text-align:center;max-width:600px;margin:0 auto}.second-location-input{background:#ffffffe6;border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8)0;text-align:center;box-shadow:0 4px 12px #8b691426;border:1px solid rgba(139,105,20,.1)}.second-location-input h3{color:var(--stone-dark);font-size:var(--text-xl);margin-bottom:var(--space-4);font-weight:600}.second-location-input p{color:var(--stone-mid);margin-bottom:var(--space-4);font-size:var(--text-base)}.random-locations{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.random-location-btn{background:linear-gradient(135deg,var(--sage-green),var(--earth-warm));color:#fff;border:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 6px #6b7c324d}.random-location-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b7c3266;background:linear-gradient(135deg,#7a8c3a,#9b7a1a)}@media (max-width:768px){:root{--space-4:.75rem;--space-6:1.25rem;--space-8:1.5rem;--space-12:2rem;--space-16:2.5rem}.header-content{padding:0 var(--space-3)}main{max-width:95%!important;margin:var(--space-4) auto;padding:var(--space-4);border-radius:var(--radius-md)}section{padding:var(--space-4);margin-bottom:var(--space-6);width:100%}section h2{font-size:var(--text-xl)}section h3{font-size:var(--text-lg)}.input-container{flex-direction:column;max-width:100%}#location-input{padding:var(--space-6)}#location-input-field{padding:var(--space-4);font-size:var(--text-base)}#location-input-2{padding:var(--space-6)}#location-input-2-field{padding:var(--space-4);font-size:var(--text-base)}#your-recent-searches,#community-recent-searches,#personal-searches,#community-searches{padding:var(--space-3);margin:var(--space-2)0}.hotspot-card{margin:var(--space-3)0;padding:var(--space-4)}.search-item{margin:var(--space-2)0;padding:var(--space-3) var(--space-4)}button{padding:var(--space-4) var(--space-6);min-height:44px}.hero-section h1{font-size:var(--text-3xl)}.nav-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:36px}.header-nav{gap:var(--space-2)}li{padding:var(--space-4);margin-bottom:var(--space-3)}.footer-content{grid-template-columns:1fr;gap:var(--space-6);padding:0 var(--space-3)}.data-grid{grid-template-columns:1fr;gap:var(--space-4)}.data-count{min-width:auto;width:100%;padding:var(--space-3)}.count-number{font-size:var(--text-xl)}}body{margin:0;background:#faf8f3;min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header[data-astro-cid-sckkx6r4]{min-height:80px;background:#fff;flex-shrink:0;border-bottom:3px solid #2d2a26}main[data-astro-cid-sckkx6r4]{max-width:70%;margin:2rem auto;flex:1;background:#fff;border-radius:8px}footer[data-astro-cid-sckkx6r4]{min-height:200px;background:#2d2a26;margin-top:auto;flex-shrink:0}.logo-image[data-astro-cid-sckkx6r4]{width:40px!important;height:40px!important;display:block}.site-logo-text[data-astro-cid-sckkx6r4]{font-family:inherit;font-size:24px;font-weight:800;color:#2d2a26;line-height:1.2}