:root{--bg:#fff;--panel:#f7f7f5;--text:#2b2b2b;--text-dim:#6b6b6b;--border:#e2e1dd;--accent:#238b45;--accent-bg:#e6f2ea;--danger:#b3261e;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:15px/1.45 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}#root{height:100svh}.layout{height:100svh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex:0 0 340px;width:340px;height:100%;padding:20px;overflow-y:auto}.sidebar header h1{color:var(--accent);margin:0;font-size:26px}.tagline{color:var(--text-dim);margin:4px 0 0;font-size:13px}.sidebar section{margin-top:22px}.sidebar h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);justify-content:space-between;align-items:center;margin:0 0 8px;font-size:13px;display:flex}.species-buttons,.mode-toggle{flex-wrap:wrap;gap:6px;display:flex}.species-buttons button,.mode-toggle button{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text);border-radius:7px;flex:auto;padding:7px 10px;font-size:13px}.species-buttons button.active,.mode-toggle button.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:100%;color:var(--text);border-radius:7px;margin-bottom:6px;padding:8px 10px;font-size:13px}.btn.primary{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.btn:disabled{opacity:.55;cursor:default}.legend-bar{border:1px solid var(--border);border-radius:7px;height:14px}.legend-scale{color:var(--text-dim);justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.caveat{color:var(--text-dim);margin-top:10px;font-size:12px}.hint{color:var(--text-dim);margin-top:8px;font-size:12px}.banner-degraded{color:var(--danger);background:#fbeae9;border:1px solid #f0c4c1;border-radius:7px;margin-top:8px;padding:8px 10px;font-size:12px}.explain{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:12px}.explain .close{cursor:pointer;color:var(--text-dim);background:0 0;border:none;font-size:18px;line-height:1}.index-line{align-items:baseline;gap:4px;margin:0 0 10px;display:flex}.index-value{color:var(--accent);font-size:30px;font-weight:700}.index-unit{color:var(--text-dim);font-size:14px}.status{color:var(--danger);align-self:center;margin-left:auto;font-size:11px}.facts{gap:4px;margin:0 0 10px;display:grid}.facts>div{grid-template-columns:96px 1fr;gap:6px;font-size:12px;display:grid}.facts dt{color:var(--text-dim);margin:0}.facts dd{color:var(--text);margin:0}.facts .muted{color:var(--text-dim)}.facts-sep{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:4px 0 6px;font-size:11px}.factor{grid-template-columns:120px 1fr;align-items:center;gap:6px;margin-bottom:5px;font-size:12px;display:grid}.factor-label{color:var(--text-dim)}.factor-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.factor-bar>span{background:var(--accent);height:100%;display:block}.factor-note{color:var(--danger);grid-column:1/-1;font-style:italic}.sidebar footer{border-top:1px solid var(--border);margin-top:24px;padding-top:14px}.map-pane{flex:auto;height:100%;position:relative}.map-loader{z-index:1000;background:var(--bg);border:1px solid var(--border);color:var(--text);pointer-events:none;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000002e}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.map{width:100%;height:100%}.leaflet-tooltip.zone-tip{padding:4px 8px;font-size:12px;line-height:1.3}.zone-tip-score{font-weight:700}.spot-popup{flex-direction:column;gap:8px;min-width:200px;display:flex}.spot-popup label{color:var(--text-dim);flex-direction:column;gap:3px;font-size:12px;display:flex}.spot-popup select,.spot-popup textarea{font:inherit;border:1px solid var(--border);border-radius:6px;padding:5px;font-size:13px}.spot-popup-actions{gap:6px;display:flex}.spot-popup-actions button{border:1px solid var(--border);cursor:pointer;background:var(--accent-bg);color:var(--accent);border-radius:6px;flex:1;padding:6px;font-weight:600}.spot-popup-actions button.danger{color:var(--danger);background:#fbeae9;border-color:#f0c4c1}@media (width<=720px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-basis:auto;width:100%;height:auto;max-height:45svh}}