*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;position:relative}#map{flex:1;width:100%;background-color:#0d0d0d;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#spots-panel{background:#1a1a1abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#e0e0e0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);width:100%;position:absolute;bottom:0;left:0;z-index:1000}#spots-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#spots-header h3{font-size:14px;font-weight:600;color:#fff;margin:0}.auto-focus-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#aaa;cursor:pointer}.auto-focus-toggle input{cursor:pointer;accent-color:#4da6ff}#spots-list{list-style:none;font-size:13px}#spots-list li{padding:4px 0;display:flex;gap:12px;align-items:center;font-family:monospace}#spots-list .time{color:#888;font-size:12px}#spots-list a{color:#4da6ff;text-decoration:none;font-weight:500}#spots-list a:hover{text-decoration:underline}#spots-list .freq{color:#aaa}#spots-list .mode{color:#7cb342;font-size:11px}#spots-list .ref{color:#ffb74d;font-size:11px}#spots-list .type{font-size:10px;font-weight:600;padding:1px 4px;border-radius:3px}#spots-list .type.pota{background-color:#2e7d32;color:#fff}#spots-list .type.sota{background-color:#1565c0;color:#fff}#spots-list .type.rbn{background-color:#7b1fa2;color:#fff}#spots-list .loading,#spots-list .error,#spots-list .empty{color:#888;font-style:italic}.leaflet-popup-content-wrapper{background-color:#1a1a1af2;color:#e0e0e0;border-radius:8px}.leaflet-popup-tip{background-color:#1a1a1af2}.callsign-popup{text-align:center}.callsign-popup a{font-size:16px;font-weight:700;color:#4da6ff;text-decoration:none}.callsign-popup a:hover{text-decoration:underline}.callsign-popup .name{font-size:12px;color:#e0e0e0;margin-top:4px}.callsign-popup .grid{font-size:11px;color:#aaa;font-family:monospace}@media(max-width:768px){.callsign-popup a{font-size:18px}.callsign-popup .name{font-size:14px}.callsign-popup .grid{font-size:13px}}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background-color:#38f9}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background-color:#1a73e8cc;color:#fff}.marker-cluster-green{background-color:#4caf5099}.marker-cluster-green div{background-color:#388e3ccc;color:#fff}.leaflet-bar{border:none;box-shadow:0 2px 6px #0000004d}.leaflet-bar a,.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#1a1a1af2;color:#e0e0e0;border:none;border-bottom:1px solid #333}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#333333f2;color:#fff}.leaflet-bar a:first-child{border-radius:4px 4px 0 0}.leaflet-bar a:last-child{border-radius:0 0 4px 4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{background-color:#1a1a1a99;color:#666}