:root{--ink:#243c36;--muted:#748079;--green:#28634d;--mint:#e7efe7;--paper:#f6f7f2;--border:#e0e5dc;--orange:#c77a45}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:7px;padding:10px 15px;transition:background .18s,transform .18s}button:hover{background:#edf1e9}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ca9659;outline-offset:3px}a{color:var(--green)}header{height:88px;display:flex;align-items:center;gap:38px;padding:0 4.2%;border-bottom:1px solid var(--border);background:#fff}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px;font-size:32px;letter-spacing:-1.5px;font-weight:750}.brand svg{width:36px;fill:none;stroke:var(--green);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.brand-dot{color:var(--orange)}.tagline{font-size:10px;letter-spacing:2.1px;color:var(--muted)}nav{margin-left:auto;display:flex;gap:12px}nav>button:first-child{border:0;background:transparent}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:600}.primary:hover{background:#1d513e}.primary span{margin-right:5px}.primary.upload{padding:12px 20px}main{max-width:1700px;margin:auto;padding:32px 4.2% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#798674}h1{font-size:30px;font-weight:550;letter-spacing:-.9px;margin:7px 0 6px}p{color:var(--muted)}.intro p{margin:0;font-size:13px}.local-badge{font-size:11px;color:#687b68;white-space:nowrap;border:1px solid #dbe3d5;background:#eff3e9;padding:8px 12px;border-radius:25px}.local-badge span{margin-right:5px;color:#61936c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 328px;grid-template-rows:490px auto;gap:20px}.map-panel{position:relative;border-radius:12px;overflow:hidden;border:1px solid #d5ddce;isolation:isolate;background:#e9eddf}#map{height:100%;width:100%;z-index:0;background:#e3e8da}.map-toolbar{position:absolute;top:18px;left:18px;right:18px;z-index:450;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.map-toolbar>*{pointer-events:auto}.layer-tabs{display:flex;background:#fff;padding:4px;border-radius:8px;box-shadow:0 2px 10px #243c3614}.layer-tabs button{border:0;font-size:11px;padding:9px 12px;white-space:nowrap}.layer-tabs button[aria-pressed=true]{background:var(--green);color:#fff}.map-toolbar>#fit{box-shadow:0 2px 10px #243c3614;font-size:12px}.leaflet-top.leaflet-left{top:78px;left:10px}.leaflet-control-zoom a{color:var(--ink)!important}.leaflet-control-attribution{font-size:10px!important;max-width:95%}.map-caption{position:absolute;bottom:30px;left:18px;background:#ffffffed;padding:8px 12px;border-radius:6px;z-index:400;font-size:11px;max-width:80%;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;background:#508259;border-radius:50%;display:inline-block}#welcome{position:absolute;z-index:430;top:53%;left:50%;transform:translate(-50%,-50%);text-align:center;width:375px;max-width:calc(100% - 90px);border:1px solid #ffffffd9;border-radius:13px;padding:24px 25px 18px;background:#fffffff2;box-shadow:0 12px 60px #2c48341c;backdrop-filter:blur(8px)}.upload-symbol{width:43px;height:43px;background:#edf2e7;border-radius:11px;margin:0 auto 13px;font-size:27px;color:var(--green)}#welcome h2{font-weight:550;line-height:1.25;font-size:25px;letter-spacing:-.5px;margin:9px 0}#welcome p{font-size:12px;margin:12px 0 19px}#welcome .primary{width:100%;font-size:13px}#welcome small{display:block;font-size:9px;color:var(--muted);margin:11px 0}.text-button{border:0;background:none;font-size:12px;padding:8px}.text-button span{margin-left:5px}h2{font-size:15px;font-weight:650;margin:0}.stats-panel{grid-column:2;grid-row:1/3;background:#fff;border:1px solid var(--border);border-radius:12px;padding:23px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.small-label{font-size:8px;letter-spacing:1.2px;color:#7e877b;white-space:nowrap}.hero-stat{padding:25px 0 21px;border-bottom:1px solid var(--border)}.hero-stat>span{font-size:12px;color:var(--muted)}.hero-stat>div{display:flex;align-items:baseline;gap:8px}.hero-stat strong{font-size:52px;font-weight:500;letter-spacing:-2px;line-height:1.3}.hero-stat>div span{font-size:20px;color:#7c897b}.hero-stat small{font-size:9px;color:#899084}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 12px;padding:24px 0;border-bottom:1px solid var(--border)}.stat-grid>div>span{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.stat-grid strong{font-size:21px;font-weight:550;letter-spacing:-.5px}.stat-grid strong.unavailable{font-size:11px;letter-spacing:0}.time-block{padding:22px 0}.time-block>div{display:flex;gap:13px;margin-bottom:16px;align-items:center}.time-block small{font-size:10px;color:var(--muted);display:block}.time-block strong{display:block;font-size:11px;font-weight:500}.start-dot,.end-dot{display:inline-block;min-width:9px;height:9px;border:2px solid var(--green);border-radius:50%}.end-dot{border-color:var(--orange);border-radius:2px}.quality{padding:15px;background:#f2f5ed;border:1px solid #e7ecdf;border-radius:7px;font-size:11px}.quality>span{font-weight:600}.quality p{font-size:10px;margin:6px 0 0}.quality.warn{background:#fff6e6;border-color:#eedbb9}details{margin-top:17px}summary{cursor:pointer;font-size:11px;padding:9px 0}summary span{float:right}dl{font-size:11px}dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0e8;padding:9px 0}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:60%}#file-controls{margin-top:18px}#file-controls>label{font-size:10px;color:var(--muted)}select{width:100%;padding:9px;border:1px solid var(--border);border-radius:5px;background:white;color:var(--ink);margin-top:4px}.file-line{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:var(--muted)}#filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-line button{padding:4px 10px;border:0;font-size:20px}.check{display:flex;align-items:center;gap:5px}.profile-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 23px 13px;min-width:0}.profile-panel .eyebrow{font-size:8px;margin-bottom:4px}.chart-wrap{position:relative;height:162px;margin-top:10px}canvas{width:100%;height:100%;touch-action:pan-y;display:block}#profile-empty{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:12px;color:#929b8e;pointer-events:none}.profile-footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#86917e;border-top:1px solid #edf0e7;padding-top:11px}.bottom-bar{display:flex;justify-content:space-between;gap:15px;margin:22px 0 30px;font-size:10px;color:#81907e}.inline-button{background:none;padding:0;border:0;text-decoration:underline;font-size:inherit;color:inherit}footer{display:flex;align-items:center;gap:18px;padding:20px 0 25px;border-top:1px solid var(--border);font-size:10px;color:#899183}.footer-brand{font-size:20px;font-weight:700;color:#687762;letter-spacing:-1px}footer a{margin-left:auto;color:#798370;text-decoration:none}#status{padding:12px 16px;background:#ebf1e7;border:1px solid #cbd8c3;border-radius:7px;margin-bottom:16px}#status.error{background:#fff0e9;border-color:#dbb8a6;color:#994928}#tile-error{position:absolute;z-index:450;bottom:64px;left:18px;right:18px;background:#fff2ddeb;color:#6b4b18;padding:10px;border-radius:6px;font-size:11px}#explorer{display:grid;grid-template-columns:110px 1fr;gap:5px 12px;align-items:center;padding-bottom:12px;font-size:10px}#point-text{grid-column:1/-1;color:#52674c;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--green);width:100%}dialog{border:1px solid var(--border);border-radius:14px;max-width:640px;width:calc(100% - 30px);padding:0;color:var(--ink);box-shadow:0 20px 80px #163c2c33}dialog::backdrop{background:#1a302d88;backdrop-filter:blur(4px)}.dialog-heading{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.dialog-heading button{font-size:23px;padding:2px 11px;border:0}.dialog-body{padding:5px 25px 25px;font-size:13px}.dialog-body h3{font-size:14px;margin-top:23px}.dialog-body p{color:#667560}.dialog-body form{display:grid;gap:12px;background:var(--paper);padding:17px;border-radius:8px}form label{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:15px}input[type=number]{width:90px;border:1px solid var(--border);border-radius:5px;padding:7px;color:var(--ink)}#drop-overlay{position:fixed;inset:12px;z-index:2000;background:#e9f1e7f5;border:3px dashed var(--green);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:26px;pointer-events:none}#drop-overlay span{font-size:14px;margin-top:15px}.point-marker{background:var(--green);color:white;border:2px solid white;border-radius:50%;text-align:center;line-height:23px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #1234}.point-marker.end{background:var(--orange);border-radius:7px}[hidden]{display:none!important}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:540px auto}}
@media(max-width:1050px){.tagline{display:none}.local-badge{display:none}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:14px}.stats-panel{padding:18px}.map-toolbar{left:12px;right:12px}.layer-tabs button{padding:9px 8px}#fit span{display:none}h1{font-size:27px}}
@media(max-width:760px){header{height:72px;padding:0 5%;gap:10px}.brand{font-size:28px}.brand svg{width:29px}nav{gap:3px}nav>button:first-child{font-size:0;padding:10px}nav>button:first-child:after{content:'?';font-size:18px}nav .primary.upload{font-size:11px;padding:10px}main{padding:24px 4% 0}h1{font-size:25px;line-height:1.25}.intro p{font-size:12px;max-width:340px}.intro{margin-bottom:20px}.workspace{display:flex;flex-direction:column}.map-panel{height:470px}.stats-panel{order:3}.profile-panel{order:2;padding:18px}.map-toolbar{top:12px}.layer-tabs button{font-size:10px;padding:10px 8px}#fit{padding:8px 12px}#welcome{max-width:calc(100% - 65px);padding:21px 17px}#welcome h2{font-size:23px}.hero-stat{padding:18px 0}.stat-grid{gap:20px}.stat-grid strong{font-size:23px}.bottom-bar{flex-direction:column;gap:6px;margin-bottom:20px}.profile-footer{font-size:8px}.panel-heading .small-label{font-size:7px}footer{gap:10px;font-size:9px}footer>span:nth-child(2){display:none}#drop-overlay{font-size:18px;text-align:center}button{min-height:40px}.file-line button{min-height:30px}#explorer{grid-template-columns:1fr}#explorer input{min-height:35px}.leaflet-control-attribution{font-size:9px!important}}
@media(min-width:761px){.stats-panel{max-height:850px;overflow:auto;scrollbar-width:thin}.profile-panel{align-self:start}}

.slope-legend{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:3px 0 14px;font-size:10px;color:#64765f}.slope-scale{width:220px;max-width:55%;flex-shrink:0}.slope-ramp{height:7px;border-radius:4px;background:linear-gradient(90deg,rgb(65,151,83),rgb(149,182,66) 25%,rgb(229,190,57) 50%,rgb(232,133,49) 75%,rgb(208,65,56))}.slope-ticks{display:flex;justify-content:space-between;margin-top:4px;font-size:9px;font-variant-numeric:tabular-nums}@media(max-width:480px){.slope-legend{align-items:flex-start;gap:10px;font-size:9px}.slope-legend>span{max-width:105px}.slope-scale{max-width:65%}.slope-ticks{font-size:8px}}

.map-actions{display:flex;gap:8px}.map-actions button{box-shadow:0 2px 10px #243c3614;font-size:12px;white-space:nowrap}.map-panel:fullscreen{width:100%;height:100%;border:0;border-radius:0}.map-panel:-webkit-full-screen{width:100%;height:100%;border:0;border-radius:0}.map-panel.map-viewport-fullscreen{position:fixed;inset:0;width:100%;height:100%;height:100dvh;z-index:1800;border:0;border-radius:0}.map-panel:fullscreen .map-toolbar,.map-panel.map-viewport-fullscreen .map-toolbar{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}@media(max-width:1050px){.fullscreen-label{display:none}.map-actions button{padding:8px 11px}}@media(max-width:480px){.map-toolbar{gap:5px}.map-actions{gap:4px}.map-actions button{padding:8px 9px}.layer-tabs button{padding:10px 6px}}