:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#213c35;background:#f6f7f3;font-synthesis:none;--green:#173f38;--muted:#728078;--line:#dfe4dc;--accent:#d5ee87}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #55871c;outline-offset:4px}.topbar{height:76px;display:flex;align-items:center;gap:44px;padding:0 32px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.3px;color:var(--green);text-decoration:none}.brand-dot{color:#87a449}.brand-icon{width:37px;height:37px;border-radius:10px;background:var(--green);color:var(--accent);display:grid;place-items:center;font-size:38px;margin-right:11px;line-height:1}.header-caption{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}.header-tag{margin-left:auto;font-size:12px;color:#68746b;display:flex;gap:8px}.workspace{display:grid;grid-template-columns:338px minmax(0,1fr);height:calc(100dvh - 76px);min-height:540px}.sidebar{padding:29px 25px 20px;overflow:auto;background:#fafbf8;border-right:1px solid var(--line)}.eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7a8679}.eyebrow span{font-size:11px;letter-spacing:0;background:#e9eee4;border-radius:5px;padding:4px 7px;color:#617057}h1{font-size:32px;line-height:1.13;letter-spacing:-1.3px;font-weight:550;margin:20px 0 12px}.intro{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 25px}.metrics{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden}.metric-main{padding:21px 19px;background:#f0f4e9}.metric-main>span,.metric-row span{display:block;font-size:11px;color:#5f7064;margin-bottom:9px}.metric-main strong{font-size:32px;letter-spacing:-1.5px;font-weight:650;font-variant-numeric:tabular-nums}.unit{font-size:15px;color:#62725a}.metric-main small{display:block;margin-top:7px;font-size:12px;color:#728168}.metric-row{display:grid;grid-template-columns:1.5fr 1fr;padding:17px 19px}.metric-row>div+div{border-left:1px solid var(--line);padding-left:20px}.metric-row strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.actions{display:grid;gap:9px;margin:20px 0 26px}.actions button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#354e40;display:flex;align-items:center;gap:11px;padding:0 13px;font-size:12px;font-weight:600}.actions button:hover{background:#eef3e9}.actions .primary{background:var(--green);color:white;border-color:var(--green);justify-content:center}.actions .primary:hover{background:#25594c}.primary>span{font-size:22px;font-weight:400}.switch{margin-left:auto;width:27px;height:16px;background:#9baa9d;border-radius:20px;padding:3px}.switch:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:white;transition:transform .15s}button[aria-pressed=true] .switch{background:#63854a}button[aria-pressed=true] .switch:after{transform:translateX(11px)}h2{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#7d887b;margin:0 0 12px}.reference>p:first-of-type{font-size:12px;font-weight:600;margin:0 0 8px}.code{display:inline-block;background:#e9ede5;font:10px ui-monospace,monospace;padding:5px 7px;border-radius:4px}.note{font-size:11px;color:#7a826f;line-height:1.6;margin:11px 0 21px}.vertex-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.vertex-details summary{font-size:12px;font-weight:600;cursor:pointer}.vertex-details summary span{float:right;font-size:10px;font-weight:400;color:var(--muted)}.vertex-list{max-height:170px;overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.vertex-list button{border:1px solid var(--line);border-radius:5px;background:white;color:var(--green);font-size:11px;padding:8px 3px}.vertex-list button:hover{background:var(--accent)}.measurement-note{font-size:10px;color:#869081;line-height:1.6;margin:16px 0}.sidebar-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:#788374}.legend-line{height:3px;width:17px;background:#c1ad23;border-radius:3px}.legend-point{width:7px;height:7px;border:2px solid var(--green);background:#fff;border-radius:50%;margin-left:12px}.map-shell{position:relative;min-width:0;overflow:hidden}#map{height:100%;width:100%;background:#d5dfd2}.map-heading{position:absolute;top:24px;left:24px;z-index:500;display:flex;gap:10px;align-items:center;padding:12px 15px;border:1px solid #ffffff60;border-radius:8px;background:#fffffff0;font-size:11px;color:#465748;box-shadow:0 3px 16px #0001;pointer-events:none}.live-dot{width:6px;height:6px;background:#63874a;border-radius:50%}.map-heading-divider{height:12px;width:1px;background:#cbd2c7}.north{position:absolute;left:24px;top:90px;z-index:500;display:grid;justify-items:center;gap:2px;color:#fff;text-shadow:0 1px 4px #000;pointer-events:none}.north b{font-size:11px}.north span{font-size:32px;line-height:1}.status{position:absolute;left:50%;top:82px;transform:translateX(-50%);z-index:700;max-width:calc(100% - 32px);width:max-content;background:#fff7df;color:#604718;border:1px solid #decd9c;padding:12px 16px;border-radius:9px;box-shadow:0 4px 18px #0002;font-size:12px;line-height:1.5}.status[hidden]{display:none}.map-tip{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:500;pointer-events:none;background:#173f38e8;color:#fff;padding:10px 16px;border-radius:30px;white-space:nowrap;font-size:10px;box-shadow:0 3px 12px #0002}.leaflet-container{font-family:inherit}.leaflet-top.leaflet-right{top:14px;right:14px}.leaflet-control-layers{border:0!important;border-radius:8px!important;box-shadow:0 3px 16px #0002!important;padding:10px 12px!important;font-size:11px!important;color:#344b3e}.leaflet-control-layers label{line-height:1.9}.leaflet-control-layers-selector{accent-color:var(--green)}.leaflet-bar{border:0!important;box-shadow:0 3px 16px #0002!important}.leaflet-bar a{color:var(--green)!important}.leaflet-bottom.leaflet-right .leaflet-control-zoom{margin:0 24px 42px 0}.leaflet-control-scale{margin:0 0 12px 24px!important}.leaflet-control-scale-line{background:#ffffffe0;font-size:10px}.leaflet-control-attribution{font-size:9px!important;max-width:100%}.vertex-label{background:transparent;border:0;box-shadow:none;color:white;font-size:10px;font-weight:700;text-shadow:0 1px 3px #000,1px 0 2px #000,-1px 0 2px #000;padding:0;pointer-events:none}.vertex-label:before{display:none}.vertex-dot{background:#fff;border:2px solid #254e42;border-radius:50%;box-shadow:0 0 0 1px #fff8}.vertex-dot:focus{outline:3px solid #ffef70}.popup-title{display:flex;align-items:center;gap:10px;margin:0 0 12px}.popup-title strong{font-size:19px}.popup-title span{font-size:10px;background:#eef2e7;border-radius:5px;padding:4px 6px}.popup-section{font-size:9px;letter-spacing:1px;color:#819070;margin:12px 0 6px}.popup-grid{display:grid;grid-template-columns:70px 1fr;gap:5px;font-size:11px}.popup-grid span:nth-child(even){text-align:right;font-variant-numeric:tabular-nums}.leaflet-popup-content{min-width:215px;color:#294336;margin:17px 20px}.leaflet-popup-content-wrapper{border-radius:10px}
@media(min-width:1500px){.workspace{grid-template-columns:365px minmax(0,1fr)}.sidebar{padding:35px 31px}}
@media(max-width:800px){.topbar{height:64px;padding:0 20px}.header-caption{display:none}.workspace{height:calc(100dvh - 64px);grid-template-columns:285px minmax(0,1fr)}.sidebar{padding:23px 18px}h1{font-size:29px}.map-heading{left:14px;top:14px}.map-heading>span:last-child,.map-heading-divider{display:none}.map-tip{display:none}.leaflet-top.leaflet-right{top:4px;right:4px}.metric-main strong{font-size:29px}}
@media(max-width:600px){.topbar{height:60px;padding:0 16px}.brand{font-size:24px}.brand-icon{width:32px;height:32px;font-size:33px}.header-tag{font-size:10px}.workspace{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - 60px)}.sidebar{padding:20px 18px;overflow:visible;border-right:0;order:2}.map-shell{order:1;height:58dvh;min-height:350px}.eyebrow{display:none}h1{font-size:23px;margin:0 0 6px}h1 br{display:none}.intro{font-size:12px;margin-bottom:16px}.metrics{display:grid;grid-template-columns:1.2fr 1fr}.metric-main{padding:15px}.metric-main strong{font-size:25px}.metric-main small{font-size:10px}.metric-row{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:15px}.metric-row>div+div{border-left:0;padding-left:0}.metric-row>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-row span{margin:0;font-size:10px}.metric-row strong{font-size:14px}.actions{grid-template-columns:1fr 1fr;margin:14px 0 20px;gap:8px}.actions button{font-size:10px;padding:0 8px;gap:6px}.reference{display:grid;grid-template-columns:1fr auto;gap:7px}.reference h2{grid-column:1/-1;margin-bottom:2px}.reference .note{grid-column:1/-1;margin:0 0 12px;font-size:10px}.reference>p:first-of-type{margin:0;align-self:center}.measurement-note{margin:12px 0}.north{top:74px;left:18px}.map-heading{font-size:10px;padding:10px}.leaflet-control-attribution{font-size:8px!important}.leaflet-bottom.leaflet-right .leaflet-control-zoom{margin:0 14px 44px 0}.leaflet-control-scale{margin-left:14px!important}.status{top:65px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}