:root{font-family:Inter,system-ui,sans-serif;color:#15324a;background:#eef3f7;--blue:#075c91;--orange:#ef7d00;--line:#cbd9e3}*{box-sizing:border-box}body{margin:0}button,.button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--blue);background:white;color:var(--blue);border-radius:.45rem;padding:.55rem .75rem;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:white}.danger{color:#a71919;border-color:#a71919}header{height:64px;padding:.5rem 1rem;background:var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;gap:1rem}header b{font-size:1.25rem;display:block}header small{opacity:.85}header nav{display:flex;gap:.35rem}header nav button{border-color:transparent;background:transparent;color:white}header nav button.active{background:white;color:var(--blue)}main{height:calc(100vh - 64px)}.view{height:100%}.panel{background:white;border:1px solid var(--line);border-radius:.6rem;padding:1rem}#plan{display:grid;grid-template-columns:360px 1fr;gap:.6rem;padding:.6rem}.planner{overflow:auto}.planner h1{margin-top:0}.planner label,.settings label{display:grid;gap:.25rem;margin:.65rem 0;font-weight:650}.planner input,.planner select,.settings input,.settings select,.settings textarea{width:100%;padding:.55rem;border:1px solid var(--line);border-radius:.35rem}.row{display:flex;gap:.4rem;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .6rem}.grid label:has(input[type=checkbox]){display:flex}.waypoint{display:grid;grid-template-columns:auto 1fr auto;gap:.35rem;align-items:center;margin:.45rem 0}.waypoint input{min-width:0}.map-panel{display:grid;grid-template-rows:1fr 150px;min-width:0}.map-panel,.navigation{background:white;border-radius:.6rem;overflow:hidden}#map{position:relative;overflow:hidden;background:#dce7df;touch-action:none}.tile{position:absolute;width:256px;height:256px}.attribution{position:absolute;right:3px;bottom:3px;background:#fffd;font-size:11px;padding:2px 4px}.map-controls{position:absolute;right:.6rem;top:.6rem;display:grid}.map-controls button{font-size:1.4rem}.marker{position:absolute;transform:translate(-50%,-100%);background:var(--orange);color:white;border-radius:50% 50% 50% 0;rotate:-45deg;width:28px;height:28px;text-align:center;padding-top:4px}.marker span{display:block;rotate:45deg}#route-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.elevation canvas{width:100%;height:100%}#message{color:#a71919}.button input{display:none}.navigation{height:100%;display:grid;grid-template-rows:1fr auto auto auto;padding:.7rem;gap:.5rem}#nav-map{background:#d9e5d8;border-radius:.6rem}.nav-instruction{background:var(--blue);color:white;padding:1rem;border-radius:.6rem}.nav-instruction h2{margin:.2rem 0}.nav-actions{display:flex;gap:.4rem;flex-wrap:wrap}.library-head{padding:1rem;display:flex;gap:1rem;align-items:center}.library-grid{display:grid;grid-template-columns:280px 1fr;gap:1rem;padding:0 1rem}.route-card{background:white;border:1px solid var(--line);border-left:5px solid var(--orange);padding:1rem;margin:.5rem 0;border-radius:.5rem}.settings{max-width:800px;margin:1rem auto}dialog{border:0;border-radius:.7rem;box-shadow:0 12px 50px #0005}#heatmap{width:100%;height:220px;background:white}@media(max-width:800px){header{height:auto;display:block}header nav{overflow:auto;margin-top:.4rem}main{height:auto}#plan{grid-template-columns:1fr}.map-panel{height:70vh}.library-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.navigation{height:calc(100vh - 115px)}}