:root{--navy:#0b2e4f;--ink:#1c3a52;--muted:#5e7a8e;--fog:#f4f8fa;--card:#fff;--line:#dce7ed;--river:#2e7cc4;--reed:#17967b;--reed-bg:#e3f4ef;--sand:#b97a17;--sand-bg:#fbf0da;--clay:#c44e2e;--clay-bg:#fae9e3;--radius:12px}*{box-sizing:border-box;margin:0}html,body{height:100%}body{color:var(--ink);background:var(--fog);font-family:Golos Text,system-ui,sans-serif}a{color:inherit}.app-shell{height:100vh;display:flex;overflow:hidden}#panel{background:var(--fog);border-right:1px solid var(--line);z-index:10;flex-direction:column;width:400px;min-width:400px;display:flex}.site-header{padding:18px 20px 14px}.logo{color:var(--navy);letter-spacing:-.01em;align-items:center;gap:9px;font-family:Unbounded,sans-serif;font-size:19px;font-weight:600;text-decoration:none;display:flex}.logo svg{flex:none}.logo small{color:var(--muted);margin-left:auto;font-family:Golos Text,sans-serif;font-size:12px;font-weight:400}.weather{border-radius:var(--radius);align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:13.5px;line-height:1.4;display:flex}.weather[hidden]{display:none}.weather b{font-weight:600}.weather svg{flex:none}.weather.level-good{background:var(--reed-bg);color:#0b5c4b}.weather.level-caution{background:var(--sand-bg);color:#8a5a10}.weather.level-bad{background:var(--clay-bg);color:var(--clay)}.chips{flex-wrap:wrap;gap:6px;padding:0 20px 12px;display:flex}.chip{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:12.5px;transition:all .15s}.chip:hover{border-color:var(--river)}.chip:focus-visible{outline:2px solid var(--river);outline-offset:1px}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.chip.gpx-chip{color:var(--river);border-style:dashed}.gpx-error{color:var(--clay);margin:0;padding:0 20px 8px;font-size:12.5px}.gpx-error[hidden]{display:none}#list{flex:1;padding:4px 20px 24px;overflow-y:auto}.count{color:var(--muted);margin:4px 0 10px;font-size:12px}.route-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;margin-bottom:10px;padding:14px 16px;transition:border-color .15s,transform .15s;display:block}.route-card:hover,.route-card:focus-visible{border-color:var(--river)}.route-card:focus-visible{outline:2px solid var(--river);outline-offset:1px}.route-card.active{border-color:var(--river);box-shadow:0 0 0 1px var(--river)}.rc-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.rc-title{color:var(--navy);font-size:15px;font-weight:600;line-height:1.3}.badge{white-space:nowrap;border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:500}.b-easy{background:var(--reed-bg);color:#0b5c4b}.b-mid{background:var(--sand-bg);color:var(--sand)}.b-hard{background:var(--clay-bg);color:var(--clay)}.rc-meta{color:var(--muted);margin-top:5px;font-size:13px}.rc-rent{border-top:1px dashed var(--line);color:var(--ink);justify-content:space-between;margin-top:9px;padding-top:9px;font-size:13px;display:flex}.rc-rent .price{color:var(--river);font-weight:600}.rc-rent .none{color:var(--muted)}.empty-state{color:var(--muted);padding:20px 4px;font-size:13.5px;line-height:1.5}#detail{flex:1;padding:0 20px 24px;overflow-y:auto}#detail[hidden],#list[hidden]{display:none}.back{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:none;margin-bottom:4px;padding:8px 0;font-size:13px}.back:hover,.back:focus-visible{color:var(--navy)}.back:focus-visible{outline:2px solid var(--river);outline-offset:1px}.detail-title{color:var(--navy);margin-bottom:6px;font-family:Unbounded,sans-serif;font-size:17px;font-weight:500;line-height:1.35}.d-sub{color:var(--muted);margin-bottom:14px;font-size:13px}.stats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.stat .l{color:var(--muted);font-size:11px}.stat .v{color:var(--navy);margin-top:2px;font-size:17px;font-weight:600}.d-desc{margin-bottom:16px;font-size:14px;line-height:1.65}.d-h{color:var(--navy);margin:0 0 8px;font-size:13px;font-weight:600}.rental{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px;padding:13px 15px}.rental .name{color:var(--navy);font-size:14px;font-weight:600}.rental .name a{color:inherit;text-decoration:none}.rental .name a:hover{text-decoration:underline}.rental .info{color:var(--muted);margin-top:3px;font-size:12.5px}.rental .actions{gap:8px;margin-top:10px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--fog);color:var(--ink);text-align:center;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover,.btn:focus-visible{border-color:var(--river);color:var(--river)}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover,.btn.primary:focus-visible{background:var(--river);border-color:var(--river)}.btn.full{width:100%}.no-rent{color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:13px 15px;font-size:13px}.route-list-block{margin-top:16px}.route-ref{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:inherit;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;text-decoration:none;display:flex}.route-ref:hover,.route-ref:focus-visible{border-color:var(--river)}.route-ref:focus-visible{outline:2px solid var(--river);outline-offset:1px}.route-ref .rr-name{color:var(--navy);font-size:14px;font-weight:600}.route-ref .rr-meta{color:var(--muted);margin-top:2px;font-size:12px}#map-root{flex:1;position:relative}#map-root #map,#map-root .map-fallback{position:absolute;inset:0}#map{height:100%}.map-fallback{color:var(--muted);text-align:center;background:#e9f2f7;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:14px;display:none}.map-fallback.visible{display:flex}.page-map #map-root{height:100%}.maplibregl-popup-content{border-radius:10px;padding:12px 14px;font-family:Golos Text,sans-serif;box-shadow:0 4px 16px #0b2e4f26}.pop-name{color:var(--navy);font-size:13.5px;font-weight:600}.pop-info{color:var(--muted);margin-top:2px;font-size:12px}.pop-chooser-head{color:var(--muted);margin-bottom:6px;font-size:11px}.pop-chooser-item{cursor:pointer;color:var(--navy);border-radius:6px;align-items:center;gap:8px;padding:7px 4px;font-size:13px;display:flex}.pop-chooser-item:hover{background:var(--fog)}.pop-chooser-dot{border-radius:50%;flex:none;width:10px;height:10px}.page{max-width:720px;margin:0 auto;padding:32px 20px 64px}.page-map{border-radius:var(--radius);border:1px solid var(--line);height:320px;margin-bottom:20px;overflow:hidden}.skip-link{background:var(--navy);color:#fff;z-index:100;border-radius:0 0 8px;padding:8px 14px;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}@media (width<=760px){.app-shell{flex-direction:column-reverse;height:100vh}#panel{border-right:none;border-top:1px solid var(--line);width:100%;min-width:0;height:55%}#map-root{height:45%}.page{padding:20px 16px 48px}}