:root{--ink:#193c32;--green:#173e34;--orange:#da532c;--line:#e3e7e3;--muted:#6e7871}*{box-sizing:border-box}body{margin:0;background:#f8faf7;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #e99935;outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0}main{height:100dvh;min-height:640px;display:flex;flex-direction:column}.header{height:78px;flex-shrink:0;background:var(--green);color:white;display:flex;align-items:center;gap:28px;padding:0 30px}.brand{display:flex;align-items:center;gap:12px;font-size:26px;letter-spacing:-1px;font-weight:750}.brand-icon{height:43px;width:43px;border:1px solid #577065;border-radius:12px;display:grid;place-items:center;color:#f4c460}.brand-light{font-weight:400;margin-left:4px}.header-note{font-size:12px;letter-spacing:2px;color:#b8c9bf;margin-left:auto}.upload-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:12px 18px;background:var(--orange);color:white;font-size:14px;font-weight:700}.upload-button:hover{background:#bd4523}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:360px 1fr}.sidebar{background:#fff;display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.intro{padding:30px 26px 23px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#708276}.intro h1{font-size:29px;letter-spacing:-1px;font-weight:650;line-height:1.2;margin:14px 0 8px}.intro p{margin:0;color:var(--muted);font-size:15px}.filters{padding:0 26px 21px;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;min-height:21px}.section-label h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:0}.text-button{background:none;color:var(--orange);font-size:14px;padding:0}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filter{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:6px;font-size:14px;text-align:left;padding:10px 9px;white-space:nowrap;color:#40554a}.filter:hover{border-color:#b2beb6;background:#f8faf7}.filter.all{grid-column:1 / -1;justify-content:space-between;padding:11px 12px}.filter.chosen{border-color:var(--green);background:#ecf3ee;color:var(--green);box-shadow:inset 0 0 0 .5px var(--green)}.filter.all.chosen{background:var(--green);color:white}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.count{margin-left:auto;color:#8a948c;font-size:12px}.all span{font-size:12px}.filter-hint{margin:11px 0 0;font-size:12px;color:#858c85}.route-section{padding:21px 26px 0;display:flex;flex-direction:column;flex:1;min-height:0}.route-count{background:#edf1eb;padding:2px 6px;border-radius:4px;font-size:12px}.secondary{color:#899089;font-size:12px}.route-list{overflow:auto;flex:1;padding-bottom:12px}.empty-list{padding:28px 5px;text-align:center}.empty-icon{display:grid;place-items:center;width:61px;height:61px;margin:0 auto 18px;border-radius:50%;background:#eef3ed;color:#708c77}.empty-list h3{font-size:20px;font-weight:500;line-height:1.4;margin:0 0 12px;letter-spacing:-.3px}.empty-list p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 19px}.outline-button{display:inline-flex;gap:8px;align-items:center;border:1px solid #bbc8bc;border-radius:6px;padding:11px 14px;font-size:14px;color:var(--green);background:white}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:15px 26px;font-size:12px;color:#858e85;border-top:1px solid var(--line)}.map-panel{position:relative;min-width:0;isolation:isolate;background:#d8e7e7}.map{position:absolute;inset:0;z-index:0}.map-top{position:absolute;left:23px;right:23px;top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:450;pointer-events:none}.map-badge,.fit-button{display:flex;align-items:center;gap:8px;background:white;box-shadow:0 2px 8px #173e3418;border:1px solid #e3e7e3;border-radius:6px;padding:11px 13px;font-size:13px;color:#40544a;pointer-events:auto}.map-welcome{position:absolute;bottom:62px;left:26px;z-index:450;padding:24px 28px;background:#ffffffee;border:1px solid white;box-shadow:0 5px 30px #193c3215;border-radius:9px;pointer-events:none}.map-welcome h2{font-size:26px;font-weight:500;letter-spacing:-.6px;margin:11px 0}.map-welcome p{font-size:14px;line-height:1.6;color:#6e7871;margin:0}.map-footnote{position:absolute;bottom:11px;left:12px;z-index:450;background:#ffffffdc;padding:5px 7px;border-radius:3px;font-size:11px;color:#5c6e60;max-width:65%}.leaflet-control-attribution{font-size:10px!important}.leaflet-tooltip{font:14px Arial,sans-serif}.route-card{width:100%;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:7px;background:white;padding:15px 11px;margin-bottom:9px;text-align:left;color:#526357}.route-card:hover,.route-card.active{border-color:#638272;background:#f1f6f1}.route-swatch{width:4px;height:38px;border-radius:4px;flex-shrink:0}.route-content{flex:1;min-width:0}.route-content h3{font-size:15px;line-height:1.4;margin:0 0 6px;font-weight:600;overflow-wrap:anywhere;color:var(--ink)}.route-content>div{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:700}.route-range{font-size:12px;font-weight:400;color:var(--muted)}.detail-card{position:absolute;bottom:45px;left:24px;max-width:calc(100% - 90px);width:390px;padding:25px;background:white;border-radius:9px;box-shadow:0 5px 30px #173e3420;z-index:450}.detail-card h2{margin:12px 18px 18px 0;font-size:24px;line-height:1.3;font-weight:550;overflow-wrap:anywhere}.detail-close{position:absolute;right:13px;top:13px;background:#f1f4ef;border-radius:50%;padding:5px;display:grid;place-items:center}.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-bottom strong{display:block;font-size:29px;font-weight:500}.detail-bottom small{font-size:16px}.detail-bottom div>span{font-size:11px;color:var(--muted)}.download{display:flex;gap:7px;align-items:center;background:var(--green);color:white;padding:11px 12px;border-radius:6px;font-size:13px}.list-state{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;padding:30px 5px;font-size:14px;color:var(--muted)}.list-state button{padding:10px 14px;background:var(--green);color:white;border-radius:6px}.list-state p{line-height:1.5}.map-error{position:absolute;top:75px;left:23px;right:23px;background:#fff1ed;padding:14px;font-size:14px;z-index:450;border-radius:6px;color:#a9391e}.modal-backdrop{position:fixed;inset:0;background:#0b241dbb;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:22px}.modal{background:white;padding:35px;border-radius:13px;width:510px;max-width:100%;max-height:90dvh;overflow:auto;position:relative;box-shadow:0 25px 100px #0003}.modal-close{position:absolute;right:18px;top:18px;background:#f3f5f1;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;color:#637267}.modal h2{font-size:34px;font-weight:550;letter-spacing:-1px;margin:15px 0 12px}.modal>p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 24px}.dropzone{text-align:center;border:1.5px dashed #b8c5b9;border-radius:9px;padding:30px 18px;background:#f8faf6}.dropzone.drag{background:#e6f1e8;border-color:var(--green)}.upload-icon{display:grid;place-items:center;margin:auto;width:57px;height:57px;border-radius:50%;background:#eaf0e7;color:var(--green)}.dropzone h3{font-size:18px;font-weight:550;margin:16px 0 8px}.dropzone>span:not(.upload-icon){font-size:14px;color:var(--muted);display:block}.dropzone .upload-button{margin-top:22px;background:var(--green)}.upload-notes{display:flex;gap:10px;justify-content:space-between;margin:12px 0;font-size:12px;color:#858f87}.messages{display:flex;flex-direction:column;gap:8px}.message{display:flex;gap:8px;align-items:flex-start;padding:12px;border-radius:6px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.message svg{flex-shrink:0;margin-top:2px}.success{background:#edf5ec;color:#356343}.error{background:#fff0eb;color:#9f3824}.done-button{background:var(--green);color:white;border-radius:7px;padding:13px;width:100%;margin-top:17px;font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-height:850px){.intro{padding-top:40px;padding-bottom:30px}.filters{padding-bottom:27px}.filter{padding-top:12px;padding-bottom:12px}.empty-list{padding-top:50px}}
@media(max-width:800px){.workspace{grid-template-columns:310px 1fr}.intro,.filters,.route-section{padding-left:20px;padding-right:20px}.header-note{display:none}.header{justify-content:space-between;padding:0 20px}.map-welcome{left:18px;right:18px;padding:20px}.map-welcome h2{font-size:23px}.map-top{left:15px;right:15px}.map-badge,.fit-button{padding:10px;font-size:12px}.detail-card{left:15px;padding:20px}.detail-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){main{height:auto;min-height:100dvh}.header{height:68px;padding:0 16px}.brand{font-size:23px;gap:8px}.brand-icon{height:36px;width:36px}.upload-button{padding:11px 13px}.workspace{display:flex;flex-direction:column}.map-panel{order:0;height:55dvh;min-height:340px}.sidebar{order:1;border:0}.intro{padding:23px 20px 17px}.intro h1{font-size:25px;margin-top:9px}.intro p{display:none}.filter-grid{grid-template-columns:repeat(3,1fr)}.filter.all{grid-column:1 / -1}.filters{padding-bottom:19px}.route-section{padding-top:20px}.route-list{max-height:430px}.sidebar-footer{margin-top:15px}.empty-list{padding:23px 10px}.empty-list h3 br{display:none}.empty-list p{max-width:300px;margin:0 auto 18px}.map-welcome{bottom:50px;left:15px;right:auto;padding:18px 21px}.map-welcome h2{font-size:21px}.map-welcome p{font-size:13px}.map-top{top:15px}.detail-card{bottom:40px;width:320px;max-width:calc(100% - 70px)}.detail-card h2{font-size:21px}.detail-bottom{flex-direction:row;align-items:center}.detail-bottom strong{font-size:25px}.download{font-size:12px;padding:9px}.modal{padding:28px 23px}.modal h2{font-size:30px}.modal-backdrop{padding:14px}.upload-notes{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.spin{animation:none}}

.header-link{margin-left:auto;font-size:14px;color:#c7d5cc}.route-download{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--green);padding:9px 12px;border:1px solid var(--line);border-radius:6px;margin:-2px 0 14px 15px;background:#fff}.route-download:hover{background:#ecf3ee}.load-warning{background:#fff1eb;color:#8e412d;border-radius:5px;font-size:13px;line-height:1.5;padding:12px;margin-bottom:14px}.route-card[aria-pressed=true]{border-color:#638272;background:#f1f6f1}.detail-close svg,.fit-button svg,.brand-icon svg{display:block}.map-status{position:absolute;top:75px;left:23px;z-index:450;max-width:calc(100% - 46px);background:#fff1eb;padding:12px;color:#8e412d;border-radius:5px;font-size:14px}.map-badge svg,.route-download svg{width:16px;height:16px}.route-empty-link{display:block;color:#758277;font-size:14px;padding:25px 0;text-align:center}.list-state .retry{margin-top:12px}.header-note{margin-left:auto}.header-link{margin-left:0}.route-section .section-label{flex-shrink:0}@media(max-width:620px){.header-link{font-size:13px}.map-panel{order:0}.filter-grid{grid-template-columns:repeat(2,1fr)}}

.download svg{width:17px;height:17px;flex-shrink:0}.route-card:focus-visible{outline-offset:-3px}