:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#173127;background:#eaf1ec}*{box-sizing:border-box}body{margin:0}main{height:100dvh;display:grid;grid-template-columns:minmax(320px,390px) 1fr}.panel{z-index:500;background:#f8fbf8;padding:24px;overflow:auto;box-shadow:8px 0 30px #17312722}header{display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:11px;letter-spacing:.16em;color:#497061;font-weight:800}h1{font:700 44px Georgia,serif;margin:3px 0}.intro{color:#587064;line-height:1.45}.icon{border:0;background:#dff2e7;border-radius:50%;font-size:27px;width:48px;height:48px}.coord{display:grid;grid-template-columns:15px 1fr auto;align-items:center;gap:10px;margin:15px 0}.dot{width:11px;height:11px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px currentColor}.start{color:#1d9b61}.end{color:#e8684a}label{font-size:12px;font-weight:700}input,select{display:block;width:100%;border:1px solid #d3dfd7;border-radius:9px;background:white;padding:11px;margin-top:4px;font:inherit;font-size:14px}.coord button,.actions button{border:1px solid #c8d8ce;background:white;border-radius:8px;padding:9px;color:#315c49}.select-label{display:block;margin:18px 0}.primary{width:100%;border:0;border-radius:11px;background:#195d42;color:white;padding:14px;font-weight:800;font-size:15px}.primary:disabled{opacity:.55}#status{margin:16px 0;padding:12px;background:#eaf3ed;border-radius:9px;font-size:13px;line-height:1.4}.metrics{display:flex;gap:12px}.metrics span{flex:1;background:#173127;color:white;border-radius:10px;padding:12px;font-size:11px}.metrics b{display:block;font-size:19px}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}details{margin-top:18px;font-size:12px;line-height:1.45;color:#587064}summary{font-weight:800;color:#315c49}#map{height:100%;width:100%}@media(max-width:720px){main{display:block}.panel{position:absolute;z-index:800;left:10px;right:10px;top:10px;max-height:48dvh;border-radius:16px;padding:16px}h1{font-size:34px}.intro,details{display:none}#map{height:100dvh}.coord{margin:8px 0}.select-label{margin:10px 0}.leaflet-control-zoom{margin-bottom:20px!important}}
:where(button,input,select,summary){touch-action:manipulation}button,input,select{min-height:44px}.icon{flex:0 0 48px}.actions button{flex:1 1 calc(50% - 7px);min-width:120px}@media(max-width:900px) and (min-width:721px){main{grid-template-columns:minmax(300px,350px) 1fr}.panel{padding:18px}}@media(max-width:720px){body{overscroll-behavior:none}.panel{padding:14px;max-height:64svh;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.coord{grid-template-columns:15px minmax(0,1fr);align-items:start}.coord button{grid-column:2;width:100%;margin-top:2px}.metrics{gap:8px}.metrics span{padding:10px}.actions{gap:8px}.actions button{flex-basis:calc(50% - 4px);padding:10px 7px}#map{height:100svh}.leaflet-control-zoom{margin-bottom:calc(20px + env(safe-area-inset-bottom))!important}}
:root{color-scheme:light}@media(max-width:900px){main{display:block;position:relative}.panel{position:absolute;left:10px;right:10px;top:auto;bottom:10px;max-height:42svh;border-radius:18px;padding:14px;background:#f8fbf8f2;backdrop-filter:blur(10px);box-shadow:0 -8px 30px #17312733}.intro,details{display:none}h1{font-size:32px}.coord{margin:7px 0}.select-label{margin:9px 0}#map{height:100svh;min-height:100svh}.leaflet-control-zoom{margin-bottom:calc(20px + env(safe-area-inset-bottom))!important}}