:root{font:14px system-ui,-apple-system,sans-serif;color:#233142;background:#f3f5f7;--brand:#742b86;--muted:#697687;--border:#e3e7ed}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}header{height:74px;flex-shrink:0;display:flex;align-items:center;gap:20px;background:#fff;padding:6px 22px;border-bottom:1px solid var(--border);z-index:1000}.brand img{width:112px;max-height:60px;object-fit:contain;display:block}h1{font-size:17px;font-weight:500;border-left:1px solid #dce1e7;padding-left:20px;margin:0}.version{font-size:11px;background:#f5eff7;color:var(--brand);padding:4px 8px;border-radius:4px}.header-status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.dot{width:7px;height:7px;background:var(--brand);border-radius:50%}main{position:relative;flex:1;min-height:0}#map{position:absolute;inset:0;background:#e8edea}#map .leaflet-tile-pane{filter:saturate(.35) brightness(1.06);opacity:.76}.panel{position:absolute;z-index:700;left:16px;top:16px;width:294px;max-height:calc(100% - 70px);overflow:auto;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 18px #182f491c}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 12px;border-bottom:1px solid var(--border)}h2{font-size:16px;margin:4px 0;font-weight:650}.eyebrow{font-size:9px;letter-spacing:1.4px;color:var(--muted)}button,select,input{font:inherit;border:1px solid #dce1e7;border-radius:6px;background:white;color:#233142}button{cursor:pointer}button:hover{background:#f5eff7}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.panel-heading button,.detail-title button{border:0;font-size:22px;padding:0 6px;color:var(--muted)}#panel-body{padding:14px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:550;margin-bottom:6px}.field input,.field select{width:100%;padding:9px 10px}.area-note{display:flex;align-items:center;gap:10px;border-radius:6px;padding:10px;background:#f6f2f8;color:#695775;font-size:11px;line-height:1.5}.area-symbol{font-size:21px;color:var(--brand)}h3{font-size:12px;margin:18px 0 6px}.layer{display:flex;align-items:center;gap:9px;min-height:64px;border-bottom:1px solid #eef0f3}.layer label{flex:1;font-size:12px;font-weight:550}.layer small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px;max-width:150px}.count{color:#788493;font-size:11px;font-variant-numeric:tabular-nums}.swatch{width:18px;height:3px;display:inline-block;flex-shrink:0;background:var(--brand)}.routes{background:#e68537}.roads{background:#742b86}.points,.matrix{width:9px;height:9px;border-radius:50%;background:#159a9c;margin:0 4px}.matrix{background:#4875b8;border-radius:2px}.switch{appearance:none;width:32px;height:19px;flex-shrink:0;background:#b5bec9;border:0;border-radius:20px;position:relative;cursor:pointer;margin:0}.switch:before{content:'';position:absolute;width:13px;height:13px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .15s}.switch:checked{background:var(--brand)}.switch:checked:before{transform:translateX(13px)}.selection-summary{padding:14px 0;display:flex;flex-direction:column;gap:5px;font-size:12px}.selection-summary span{font-size:11px;color:var(--muted)}.primary{background:var(--brand);color:white;border-color:var(--brand);width:100%;padding:11px;font-size:12px;font-weight:550}.primary:hover{background:#642275}.hint{font-size:10px;color:var(--muted);line-height:1.6}.source-details{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.source-details summary{cursor:pointer;font-size:11px;font-weight:550}.source-row{padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}.source-row small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}.map-note{position:absolute;z-index:700;left:16px;bottom:14px;max-width:calc(100% - 245px);font-size:11px;background:#fffffff2;box-shadow:0 2px 12px #182f4914;padding:9px 12px;border-radius:6px}.legend{position:absolute;z-index:700;right:16px;bottom:14px;background:white;border-radius:8px;padding:12px 14px;box-shadow:0 3px 14px #182f4920;display:flex;flex-direction:column;gap:7px;font-size:10px}.legend strong{font-size:11px;font-weight:550;margin-bottom:3px}.legend span{display:flex;align-items:center;gap:8px}.legend .swatch{margin:0}.leaflet-top.leaflet-left{left:auto;right:10px}.leaflet-control-zoom{margin-top:16px!important}.detail-card{position:absolute;z-index:800;top:90px;right:16px;width:330px;max-height:calc(100% - 250px);overflow:auto;background:white;border:1px solid var(--border);border-radius:9px;box-shadow:0 4px 18px #182f4925}.detail-title{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.detail-title h2{font-size:13px;overflow-wrap:anywhere}#detail-body{padding:12px 14px}.detail-row{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:11px;padding:6px 0;border-bottom:1px solid #f0f2f4;overflow-wrap:anywhere}.detail-row b{font-weight:500;color:var(--muted)}.welcome{position:absolute;z-index:600;top:30%;left:50%;width:340px;max-width:calc(100% - 36px);padding:24px;background:white;border-radius:10px;box-shadow:0 4px 20px #182f4920}.welcome p{font-size:12px;line-height:1.6;color:var(--muted)}footer{height:52px;flex-shrink:0;border-top:1px solid var(--border);background:white;display:flex;align-items:center;gap:24px;padding:0 22px;font-size:12px}.active-tab{color:var(--brand);background:#f5eff7;border-radius:6px;padding:9px 18px;font-weight:600}.future-tab{color:#9099a5}.future-tab small{font-size:9px;margin-left:5px}footer a{margin-left:auto;color:var(--muted);text-decoration:none;font-size:11px}[hidden]{display:none!important}@media(max-width:760px){header{gap:10px;padding:6px 12px}.brand img{width:90px}h1{font-size:14px;padding-left:10px}.version{display:none}.header-status{font-size:10px;max-width:130px}.panel{left:10px;top:10px;width:250px;max-height:calc(100% - 64px)}.map-note{left:10px;bottom:8px;max-width:calc(100% - 20px)}.legend{display:none}.detail-card{top:auto;bottom:48px;right:10px;width:calc(100% - 20px);max-height:45%}.welcome{left:10px;top:auto;bottom:70px;width:calc(100% - 20px)}footer{gap:10px;padding:0 10px;font-size:10px}.future-tab small{display:none}footer a{font-size:9px}.active-tab{padding:8px 10px}}