:root{--surface:#f6f7f9;--surface-lowest:#fff;--surface-low:#f0f2f5;--surface-container:#e9ecf0;--surface-high:#e2e6eb;--surface-highest:#dbe0e6;--on-surface:#171b20;--on-surface-variant:#4d565f;--outline:#707a84;--outline-variant:#cad1d8;--primary:#0b6db8;--primary-container:#d2e9fb;--tertiary:#a86300;--error:#c4302b;--ok:#1e7b45;--degraded:#a86300;--offline:#6b7680;--shadow:0 8px 24px #171b2024;--radius-s:8px;--radius-m:12px;--radius-l:20px;--topbar-h:56px}@media (prefers-color-scheme:dark){:root{--surface:#0e1114;--surface-lowest:#090b0e;--surface-low:#14181c;--surface-container:#191e23;--surface-high:#20262c;--surface-highest:#272e35;--on-surface:#e6eaee;--on-surface-variant:#a3acb5;--outline:#4e5861;--outline-variant:#2c343b;--primary:#62b6f5;--primary-container:#123e5e;--tertiary:#f4b04e;--error:#ff6b60;--ok:#6ccb8a;--degraded:#f4b04e;--offline:#8b949e;--shadow:none}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--on-surface);background:var(--surface);font-variant-numeric:tabular-nums;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;overflow:hidden}body.admin{overflow:auto}h1,h2{margin:0 0 8px;font-weight:600}h1{font-size:22px}h2{font-size:16px}p{margin:0 0 12px}.muted{color:var(--on-surface-variant);font-size:13px}code{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:12px}#map{position:fixed;inset:0}#topbar{height:var(--topbar-h);z-index:20;padding:0 16px;padding-top:env(safe-area-inset-top);background:var(--surface);border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}#topbar.static{position:static}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border-radius:7px}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:600}.pill{background:var(--surface-container);height:28px;color:var(--on-surface-variant);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:12px;font-weight:500;display:inline-flex}.status-dot{background:var(--offline);border-radius:50%;width:8px;height:8px;transition:background .4s}.pill-green .status-dot{background:var(--ok)}.pill-amber .status-dot{background:var(--degraded)}.pill-red .status-dot{background:var(--error)}.side-controls{right:16px;top:calc(var(--topbar-h) + env(safe-area-inset-top) + 16px);z-index:20;flex-direction:column;gap:8px;display:flex;position:fixed}.ctl{border-radius:var(--radius-m);cursor:pointer;background:var(--surface-high);width:44px;height:44px;color:var(--on-surface);box-shadow:var(--shadow);font:inherit;border:0;place-items:center;font-size:12px;font-weight:600;display:grid}.ctl:hover{background:var(--surface-highest)}.ctl[aria-expanded=true]{background:var(--primary-container);color:var(--primary)}.panel{right:16px;top:calc(var(--topbar-h) + env(safe-area-inset-top) + 16px);z-index:25;background:var(--surface-lowest);border-radius:var(--radius-m);width:min(320px,100vw - 32px);box-shadow:var(--shadow);border:1px solid var(--outline-variant);margin-right:52px;padding:8px 0;position:fixed}.panel-head{justify-content:space-between;align-items:center;padding:8px 16px 4px;display:flex}.icon-btn{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.rows{flex-direction:column;display:flex}.row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.row+.row{border-top:1px solid var(--outline-variant);margin-left:16px;padding-left:0}.row-text{flex-direction:column;display:flex}.row-title{font-weight:500}.row-hint{color:var(--on-surface-variant);font-size:12px}.row input[type=checkbox]{appearance:none;background:var(--surface-highest);cursor:pointer;border-radius:999px;flex:none;width:40px;height:24px;transition:background .15s;position:relative}.row input[type=checkbox]:after{content:"";background:var(--surface-lowest);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.row input[type=checkbox]:checked{background:var(--primary)}.row input[type=checkbox]:checked:after{transform:translate(16px)}.legend{color:var(--on-surface-variant);flex-wrap:wrap;gap:4px 14px;padding:6px 16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.dot{border:1.5px solid var(--surface-lowest);width:10px;height:10px;box-shadow:0 0 0 1px var(--outline-variant);border-radius:50%;display:inline-block}.sheet{z-index:30;background:var(--surface-lowest);border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:var(--shadow);padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--outline-variant);position:fixed;bottom:0;left:0;right:0}@media (width>=720px){.sheet{border-radius:var(--radius-m);border:1px solid var(--outline-variant);width:380px;bottom:24px;left:16px;right:auto}}.btn-tonal{border-radius:var(--radius-m);font:inherit;background:var(--primary-container);color:var(--primary);cursor:pointer;border:0;padding:10px 16px;font-weight:500}.maplibregl-ctrl-group{background:var(--surface-high);border-radius:var(--radius-s);box-shadow:var(--shadow)}.maplibregl-ctrl-group button+button{border-top-color:var(--outline-variant)}.maplibregl-ctrl-bottom-left{bottom:calc(8px + env(safe-area-inset-bottom))}.maplibregl-ctrl-attrib{font-size:11px}.admin-main{max-width:960px;margin:0 auto;padding:24px 16px}@media (prefers-color-scheme:dark){.maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert()hue-rotate(180deg)}.maplibregl-ctrl-scale{color:var(--on-surface);border-color:var(--outline);background:#0e1114b3}.maplibregl-ctrl-attrib{color:var(--on-surface-variant);background:#0e1114b3}.maplibregl-ctrl-attrib a{color:var(--on-surface)}}.banner{top:calc(var(--topbar-h) + env(safe-area-inset-top));z-index:19;background:var(--primary-container);color:var(--primary);text-align:center;border-bottom:1px solid var(--outline-variant);padding:8px 16px;font-weight:500;position:fixed;left:0;right:0}.sheet-close{position:absolute;top:10px;right:12px}.detail-head{align-items:center;gap:10px;margin-bottom:8px;padding-right:28px;display:flex}.note-text{white-space:pre-wrap;word-break:break-word;font-size:16px}.note-image{border-radius:var(--radius-s);width:100%;margin:4px 0 8px;display:block}.sheet audio,.sheet video{border-radius:var(--radius-s);width:100%;margin:4px 0 8px}.chip{background:var(--surface-container);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.cat-info{color:#fff;background:#5b4fb8}.cat-resource{color:#fff;background:#1e7b45}.cat-hazard{color:#fff;background:#c4302b}.kv{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 8px;display:grid}.kv dt{color:var(--on-surface-variant)}.kv dd{margin:0}.replies{border-top:1px solid var(--outline-variant);margin:8px 0;padding:0;list-style:none}.replies li{border-bottom:1px solid var(--outline-variant);padding:8px 0}.peer-name{font-size:16px}.sheet a{color:var(--primary)}@media (width>=720px){#detail{max-height:calc(100vh - 120px);overflow:auto}}@media (width<=719px){#detail{max-height:60vh;overflow:auto}}