:root{
  --green:#2ecc71; --orange:#e67e22; --red:#e74c3c; --gray:#bdc3c7;
}
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,sans-serif;background:#f6f8fa;color:#333;}
header{padding:.75rem 1rem;background:#2980b9;color:#fff;text-align:center;}
nav{display:flex;gap:.5rem;padding:.5rem;background:#ecf0f1;flex-wrap:wrap;}
select,button{flex:1 1 45%;padding:.5rem;font-size:1rem;border-radius:.5rem;border:1px solid #ccc;}
#toggleViewBtn{flex:0 0 auto;}
#listView .spot{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e1e4e8;background:#fff;}
#listView .spot-status{width:.75rem;height:.75rem;border-radius:50%;}
#mapView{height:50vh;display:none;}
#debugBox{position:fixed;bottom:0;left:0;width:100%;max-height:40vh;overflow:auto;background:rgba(0,0,0,.9);color:#0f0;font-size:.75rem;padding:.5rem;z-index:9999;}