* { box-sizing: border-box; }
body { margin: 0; color: #20362c; font-family: system-ui, sans-serif; background: #edf1eb; }
#map { height: 100dvh; width: 100%; }
.panel { position: absolute; z-index: 800; top: 24px; left: 24px; width: 330px; background: #fffffff2; border: 1px solid #e1e8e1; border-radius: 20px; padding: 22px; box-shadow: 0 8px 32px #16322012; }
.heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.brand { font-size: 23px; font-weight: 750; letter-spacing: -1px; }
.status { font-size: 11px; background: #eef0ec; color: #657269; border-radius: 20px; padding: 7px 10px; }
.status.live { color: #126e42; background: #e2f5e9; }
label { display: block; text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; color: #7a887f; margin-bottom: 8px; }
select { width: 100%; padding: 10px; border: 1px solid #dce5dd; border-radius: 8px; background: white; color: inherit; }
.details { display: grid; gap: 8px; margin-top: 16px; font-size: 12px; color: #6c7d71; font-variant-numeric: tabular-nums; }
.controls { position: absolute; z-index: 800; bottom: 35px; left: 50%; transform: translateX(-50%); }
button { border: 0; border-radius: 30px; background: #17754a; color: white; padding: 14px 24px; font: inherit; font-size: 14px; cursor: pointer; box-shadow: 0 4px 20px #143c3026; }
button[aria-pressed="false"] { background: white; color: #20362c; }
button:focus-visible, select:focus-visible { outline: 3px solid #79b995; outline-offset: 3px; }
#notice { position: absolute; z-index: 800; bottom: 95px; left: 50%; transform: translateX(-50%); padding: 10px 16px; border-radius: 10px; background: #fffffff0; color: #53665a; font-size: 13px; text-align: center; max-width: 90vw; width: max-content; }
#notice[hidden] { display: none; }
.leaflet-control-zoom { border: 1px solid #dde6dd !important; border-radius: 10px !important; overflow: hidden; }
@media(max-width: 500px) { .panel { top: 12px; left: 12px; width: calc(100% - 70px); padding: 16px; } .heading { margin-bottom: 14px; } }