:root{--color-important: rgb(245, 182, 58);--color-blue: rgb(26, 83, 92)}*{box-sizing:border-box}body{min-height:100svh;margin:0;display:flex;flex-direction:column}header{position:absolute;top:20px;width:100%;z-index:100;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}header div:last-child{position:relative}#header-logo h1{font-family:Segoe UI,system-ui,sans-serif;font-size:1.2rem;font-weight:700;color:#1a535c}#header-logo,#header-buttons{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:50px;background:#ffffffbf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000000d;pointer-events:all;z-index:501}#header-buttons button:first-child{border:2px solid var(--color-important);box-shadow:0 2px 5px #1a535c33}main{position:relative}footer{flex:0;min-height:50px}h1,h2,button{color:#1a535c}h1{font-size:1rem;font-family:Segoe UI,system-ui,sans-serif;margin:0;padding:0}h1 span{color:#1a535c80}button{padding:8px 16px;background:transparent;border:1px solid #dae1e7;border-radius:20px;transition:all .2s ease;cursor:pointer}#info-btn{padding:0;border:none;display:flex;align-items:center;box-shadow:0 2px 5px #1a535c33}#map-container{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end}#map{height:400px;width:100%;z-index:1;display:flex;flex:1;box-shadow:inner 0 0 10px #000}#ad{width:100vw;height:50px;border:2px solid black;display:flex;align-items:center;justify-content:center;flex:1;box-shadow:inner 0 0 10px #000}#last-sighting-container{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:1000;border-radius:50px;background:#ffffffbf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000000d;overflow:hidden;padding:12px 15px}#last-sighting-container button{background-color:#fff;box-shadow:0 2px 5px #1a535c33;border:2px solid var(--color-blue);margin:0;box-sizing:border-box;cursor:pointer;transition:all .2s ease;white-space:nowrap}#last-sighting-container button p{margin:0}.modal{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;background-color:#2c3e5066;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content{background-color:#fff;padding:20px;border-radius:25px;width:90%;max-width:450px;text-align:center;box-shadow:0 10px 40px #00000026;position:relative;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.modal-content h2{margin-top:0;color:#134149;font-size:1.5rem;margin-bottom:15px}.modal-content p{color:var(--color-blue);margin-bottom:20px;text-align:left}.modal-actions{display:flex;justify-content:center;gap:15%}.modal-content button{background:#f0f4f8;color:#134149;border:none;padding:12px 24px;font-size:1rem;font-weight:600}.modal-content button:last-child{background:#134149;color:#fff}#contact{text-align:right;text-decoration:none}#contact a{color:var(--color-blue);text-decoration:none;font-size:.9rem;font-weight:500}#contact a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-marker{background-color:#1a535cf2;color:#fff;width:30px;height:30px;font-size:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;box-shadow:0 2px 5px #0003;border:2px solid white;transition:transform .2s ease}@keyframes pulse-ring{0%{box-shadow:0 0 #1a535cb3}70%{box-shadow:0 0 0 15px #1a535c00}to{box-shadow:0 0 #1a535c00}}.custom-marker.latest{transform:scale(1.2);z-index:99999!important}.leaflet-popup-content-wrapper{z-index:9999;background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000026;padding:0;overflow:hidden}.leaflet-popup-tip{background:#fff;box-shadow:0 10px 25px #00000026}.leaflet-popup-content{margin:0!important;width:280px!important}.leaflet-popup-close-button{color:#1a535c!important;font-size:24px!important;font-weight:300!important;top:10px!important;right:10px!important}.popup-container{padding:0 10px 10px;font-family:Segoe UI,system-ui,sans-serif}.popup-header{margin-bottom:12px;border-bottom:1px solid #eef2f5;padding-bottom:8px}.popup-id{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0}.popup-species{margin:0;font-size:1.1rem;font-weight:700;color:#1a535c}.popup-info-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.9rem;color:var(--color-blue)}.popup-icon{opacity:.6}.popup-details{margin-top:12px;padding:10px;background-color:#f0f4f8;border-radius:12px;font-size:.85rem;line-height:1.5;color:#475569;font-style:italic}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;color:#b91c1c;padding:15px;border-radius:25px;box-shadow:0 10px 40px #b91c1c26;border:1px solid #ffe5e5;width:90%;max-width:400px;text-align:center;animation:fadeIn .3s ease-out;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.loading-container{display:flex;justify-content:center;align-items:center;flex:1;width:100vw;background-color:#f0f4f8;z-index:9999}.loader{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.pulse-animation{animation:pulse-ring 2s infinite}@keyframes logo-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes fade-text{0%,to{opacity:.6}50%{opacity:1}}.install-btn{background-color:#1a535c;color:#fff!important;border:none;font-weight:600;box-shadow:0 2px 10px #1a535c33;position:absolute;top:108%;left:50%;transform:translate(-50%,10%);text-wrap:nowrap}@media(hover:hover){header div:last-child button:first-child:hover{background:var(--color-important);color:#fff;border-color:var(--color-important);position:relative}#info-btn:hover{background:var(--color-blue);color:#fff}#last-sigthing:hover{background-color:var(--color-blue);color:#fff}.modal-content button:hover{background:#e2e8f0;transform:translateY(-1px)}.modal-content button:last-child:hover{background:#134149}.custom-marker:hover{transform:scale(1.1);background-color:#134149}.install-btn:hover{background-color:#134149}}@media(min-width:420px){#header-logo h1{transform:translateY(-2px)}}