:root{--primary:#e11d48;--primary-hover:#be123c;--primary-active:#9f1239;--neutral:#334155}html,body{--header-height:calc(3.5rem + env(safe-area-inset-top));height:100%;margin:0;font-family:system-ui,sans-serif}.maplibregl-map .maplibregl-ctrl-top-right{top:var(--header-height)}.maplibregl-map .maplibregl-ctrl-bottom-right{bottom:var(--panel-height,0px)}:is(.panel,.header,.legend,.about) :is(button,a.primary){background:var(--neutral);color:#fff;text-align:center;cursor:pointer;border:0;border-radius:.5rem;flex:1;padding:.7rem;font-size:.9rem;text-decoration:none;transition:background-color .15s}.panel .row>:is(button,a),.panel>button{justify-content:center;align-items:center;min-height:2.75rem;padding-block:0;display:flex}:is(.panel,.header,.legend,.about) button:disabled{opacity:.6}.spinner{content:"";vertical-align:-.35em;background:url(../../../compass.svg) 50%/contain no-repeat;width:1.4em;height:1.4em;animation:1.2s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}:is(.panel,.header,.legend,.about) :is(button,a).primary{background:var(--primary)}@media (hover:hover){:is(.panel,.header,.legend,.about) :is(button:not(:disabled),a):hover{background:var(--primary)}:is(.panel,.header,.legend,.about) :is(button:not(:disabled),a).primary:hover{background:var(--primary-hover)}summary:hover{color:var(--primary)}}:is(.panel:not(.swiping),.header,.legend,.about) :is(button:not(:disabled),a):active{background:var(--primary-hover);transform:scale(.98)}:is(.panel:not(.swiping),.header,.legend,.about) :is(button:not(:disabled),a).primary:active{background:var(--primary-active)}:is(.panel,.header,.legend,.about) :is(button,a,summary):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.row{gap:.75rem;display:flex}.status,.hint,.error{margin:0;font-size:.85rem}.status{font-size:.9rem}.hint{opacity:.8;line-height:1.35}.error{color:#fca5a5}