:root{color-scheme:light;--bg-0: #f4f6f9;--bg-1: #ffffff;--bg-2: #f0f2f6;--bg-3: #e4e8ee;--border: #d5dbe4;--text-0: #1b2230;--text-1: #4a5568;--text-2: #7a8597;--accent: #2563eb;--green: #1f9d57;--yellow: #b8900f;--orange: #d0731f;--red: #c93a31;--mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-0);color:var(--text-0);font-family:var(--sans);font-size:13px}#app{display:flex;flex-direction:column;height:100vh}#app-header{display:flex;align-items:center;gap:16px;height:48px;padding:0 14px;background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0}.header-title{display:flex;flex-direction:column;line-height:1.15;margin-right:8px}.header-title-main{font-weight:700;letter-spacing:.04em;font-size:12.5px}.header-title-sub{font-size:10.5px;color:var(--text-2)}#search-container{flex:1;max-width:420px}#search-container input{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);border-radius:4px;padding:6px 10px;font-size:12.5px}#search-container input:focus{outline:none;border-color:var(--accent)}.header-mode-toggle{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.mode-btn{background:var(--bg-2);color:var(--text-1);border:none;padding:6px 12px;font-size:11.5px;cursor:pointer;letter-spacing:.02em}.mode-btn.active{background:var(--accent);color:#fff}.mode-btn:not(.active):hover{background:var(--bg-3)}#app-body{flex:1;display:flex;min-height:0}#left-panel,#right-panel{width:280px;flex-shrink:0;background:var(--bg-1);border-right:1px solid var(--border);overflow-y:auto;padding:10px 12px 40px}#right-panel{border-right:none;border-left:1px solid var(--border)}#map-container{flex:1;position:relative;min-width:200px}#map{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 900px){#left-panel,#right-panel{width:220px}}@media (max-width: 680px){#right-panel{display:none}#left-panel{width:190px}.header-title-sub{display:none}}#app-footer{height:30px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--bg-1);border-top:1px solid var(--border);font-size:11px}#legend-container{flex:1;display:flex;align-items:center;gap:10px}#app-footer button,#app-footer .footer-link{background:none;border:1px solid var(--border);color:var(--text-1);padding:3px 9px;border-radius:3px;font-size:10.5px;cursor:pointer;text-decoration:none;display:inline-block}#app-footer button:hover,#app-footer .footer-link:hover{color:var(--text-0);border-color:var(--accent)}.panel-section{margin-bottom:16px}.panel-section-title{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-2);margin-bottom:8px;text-transform:uppercase}.field-row{margin-bottom:10px}.field-label{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-1);margin-bottom:4px}.field-label b{color:var(--text-0)}input[type=range]{width:100%;accent-color:var(--accent)}select{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);padding:5px 7px;border-radius:3px;font-size:12px}.checkbox-row{display:flex;align-items:center;gap:7px;padding:3px 0;font-size:12px;color:var(--text-1)}.checkbox-row input{accent-color:var(--accent)}.checkbox-row.disabled{color:var(--text-2)}.checkbox-row .badge{font-size:9px;padding:1px 5px;border-radius:8px;background:var(--bg-3);color:var(--text-2);margin-left:auto}.district-chip{display:inline-block;padding:3px 9px;margin:2px 3px 2px 0;border-radius:3px;border:1px solid var(--border);font-size:11px;color:var(--text-1);cursor:pointer}.district-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.legend-swatch{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--text-1)}.legend-dot{width:9px;height:9px;border-radius:2px;display:inline-block}.site-panel-empty{color:var(--text-2);font-size:12px;padding:20px 4px;line-height:1.5}.site-panel-title{font-size:13px;font-weight:700;margin-bottom:2px}.site-panel-sub{font-size:11px;color:var(--text-2);margin-bottom:12px}.status-pill{display:inline-block;padding:2px 8px;border-radius:3px;font-size:10.5px;font-weight:700;letter-spacing:.03em}.status-pill.pass,.status-pill.Green{background:#35b06b2e;color:var(--green)}.status-pill.Yellow{background:#d9b63e2e;color:var(--yellow)}.status-pill.Orange{background:#e08a3c2e;color:var(--orange)}.status-pill.fail,.status-pill.Red{background:#d6483f2e;color:var(--red)}.status-pill.unknown{background:#6b748433;color:var(--text-1)}.data-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border);font-size:11.5px}.data-row .k{color:var(--text-1)}.data-row .v{color:var(--text-0);text-align:right;max-width:60%}.reg-note{font-size:10.5px;color:var(--text-2);margin-top:3px;line-height:1.4}.score-big{font-size:30px;font-weight:700}.score-sub{font-size:11px;color:var(--text-2)}.drawer{position:fixed;right:0;top:0;bottom:0;width:480px;background:var(--bg-1);border-left:1px solid var(--border);overflow-y:auto;padding:18px;z-index:50;box-shadow:-8px 0 24px #0f172a1f}.drawer.hidden{display:none}.drawer h2{font-size:14px;margin:0 0 12px}.drawer-close{float:right;background:none;border:1px solid var(--border);color:var(--text-1);border-radius:3px;cursor:pointer;padding:2px 8px}.source-card{border:1px solid var(--border);border-radius:4px;padding:10px;margin-bottom:10px}.source-card h3{font-size:12px;margin:0 0 6px}.source-card .data-row{font-size:11px}.maplibregl-popup-content{background:var(--bg-2)!important;color:var(--text-0)!important;font-family:var(--sans)!important;font-size:12px!important}