:root{--paper:#f4f6f2;--panel:#fcfdfb;--ink:#183a32;--muted:#6d7d73;--line:#dce3da;--green:#1e6553;--green-soft:#e2eee5;--route:#16816f;--coverage:#50a68f;--view:#d88e35;--building:#687a6f;--error:#a23430;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-size:14px;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b1d7c2;outline-offset:3px}button,input,select{border-radius:8px}button{border:0}input,select{min-width:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:10px 11px;width:100%}input[type=range]{padding:0;accent-color:var(--green);height:24px;cursor:ew-resize;border:0;background:transparent}input[type=checkbox]{width:14px;accent-color:var(--green);margin:0}
.header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 28px;background:var(--panel)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--green);color:var(--panel);border-radius:50%;font-size:26px;font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:1.8px;font-weight:500;margin-top:3px}.header-caption{color:var(--muted);font-size:13px;margin-left:auto}.data-pill{font-size:11px;background:var(--green-soft);color:var(--green);padding:7px 12px;border-radius:20px;white-space:nowrap}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{background:var(--panel);padding:25px 27px 18px;border-right:1px solid var(--line)}.intro .eyebrow,.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:500;color:var(--muted)}h1{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:12px 0;font-weight:500}.intro p{font-size:12px;line-height:1.8;margin:0 0 23px;color:var(--muted);max-width:270px}.point-field{margin-bottom:13px}.point-field>label{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.point-row{display:flex;gap:6px}.point-row input{font-variant-numeric:tabular-nums;font-size:12px;padding:11px 8px}.pick-button{flex-shrink:0;font-size:11px;color:var(--green);border:1px solid var(--line);padding:0 9px;background:var(--paper)}.pick-button.active{background:var(--green);color:var(--panel);border-color:var(--green)}.point-field small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.point-dot{font-size:9px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:var(--panel);font-weight:400}.start-dot{background:var(--green)}.via-dot{background:var(--view)}.end-dot{background:#354e66}.preset-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 21px}.preset-row>span{font-size:9px;color:var(--muted)}.text-button{background:none;color:var(--green);padding:3px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.setting label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.setting output{font-variant-numeric:tabular-nums;font-weight:600}.range-caption{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.advanced{margin:19px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.advanced summary{cursor:pointer;padding:13px 0;font-size:12px;font-weight:500}.advanced summary span{float:right;font-size:10px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 10px}.settings-grid label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.settings-grid input,.settings-grid select{font-size:12px;padding:8px}.setting-note{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 13px}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px;background:var(--green);color:var(--panel);font-size:12px;font-weight:500}.primary-button span{font-size:19px}.secondary-button{background:var(--paper);color:var(--green);padding:10px;width:100%;font-size:11px;border:1px solid var(--line)}.progress-area{margin-top:12px}.progress-track{background:var(--line);height:3px;overflow:hidden}.progress-track>div{height:100%;width:0;background:var(--green);transition:width .2s}.progress-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:6px}.progress-row>span{font-size:10px;color:var(--muted);line-height:1.6}.error{color:var(--error);background:#f9e9e5;padding:12px;font-size:11px;line-height:1.8;margin-top:12px;border-radius:8px}.result-section{margin-top:23px}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.7px;color:var(--muted);margin-bottom:10px}.section-label span{letter-spacing:0;color:var(--green)}.route-card{display:block;width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);text-align:left;padding:12px;margin-bottom:8px}.route-card.selected{background:var(--green-soft);border-color:#94baa4}.route-name{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:500}.route-name>span{margin-left:auto;font-size:10px;color:var(--muted)}.line-key{display:inline-block;width:15px;height:3px;background:var(--route)}.base-key{background:repeating-linear-gradient(90deg,#7d8580 0,#7d8580 4px,transparent 4px,transparent 7px)}.route-numbers{display:flex;justify-content:space-between;margin-top:11px;align-items:center}.route-numbers strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.route-numbers>span{text-align:right}.route-numbers b{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.route-numbers small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.route-details{font-size:10px;line-height:1.8;color:var(--muted);margin:11px 0}.method-note{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.method-note p{font-size:10px;line-height:1.9;color:var(--muted);margin:6px 0}.method-note a{font-size:9px;color:var(--muted);text-decoration:none}.map-section{position:relative;min-height:860px;isolation:isolate;background:#e8ede5}#map{position:absolute;inset:0 0 58px;z-index:0;background:#edf0e9}.map-top{position:absolute;inset:21px 24px auto;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;pointer-events:none;z-index:500}.location-label{font-size:11px;letter-spacing:2.5px;background:var(--panel);border-radius:4px;padding:10px 13px;box-shadow:0 1px 8px #233a2520}.location-label>span{font-size:12px;letter-spacing:2px;margin-left:12px;color:var(--muted)}.layer-controls{display:flex;gap:12px;background:var(--panel);padding:10px 12px;border-radius:6px;pointer-events:auto;box-shadow:0 1px 8px #233a2520}.layer-controls label{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;cursor:pointer}.map-legend{position:absolute;bottom:78px;left:24px;z-index:500;display:flex;gap:14px;padding:10px 13px;background:var(--panel);border-radius:5px;box-shadow:0 1px 8px #233a2520;flex-wrap:wrap}.map-legend span{font-size:10px}.legend-square{width:9px;height:9px;display:inline-block;margin-right:5px}.buildings-key{background:var(--building);opacity:.65}.coverage-key{background:var(--coverage);opacity:.6}.view-key{background:var(--view);opacity:.7}.observation{position:absolute;bottom:132px;left:24px;width:270px;max-width:calc(100% - 48px);z-index:500;background:var(--panel);border-radius:8px;box-shadow:0 2px 16px #233a2525;padding:12px 14px}.observation label{display:flex;justify-content:space-between;font-size:11px}.observation output{font-variant-numeric:tabular-nums;color:var(--muted)}.observation input{height:25px;margin:5px 0 1px}.observation>span{display:block;font-size:10px;color:var(--muted)}.map-bottom{position:absolute;bottom:0;left:0;right:0;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 24px;background:var(--panel);border-top:1px solid var(--line);z-index:500;font-size:10px;color:var(--muted)}.map-bottom>div{display:flex;align-items:center;gap:8px;line-height:1.7}.map-bottom small{font-size:9px;line-height:1.7;max-width:270px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.pick-hint{position:absolute;left:50%;top:82px;transform:translateX(-50%);z-index:600;background:var(--green);color:var(--panel);border-radius:30px;padding:11px 18px;font-size:12px;box-shadow:0 3px 16px #14372930;white-space:nowrap}.leaflet-control-zoom{border:1px solid var(--line)!important;box-shadow:0 2px 8px #233a2520!important;margin-top:84px!important}.leaflet-control-zoom a{color:var(--ink)!important;background:var(--panel)!important}.leaflet-control-attribution{font-size:9px!important;background:#fcfdfbd9!important}.map-pin{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--panel);border:3px solid var(--panel);box-shadow:0 1px 8px #16332355;font-size:11px;font-weight:600}.map-pin.via{background:var(--view)}.map-pin.end{background:#354e66}.walker-icon{width:20px;height:20px;display:grid;place-items:center}.walker-triangle{display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:15px solid var(--view);filter:drop-shadow(0 1px 2px #4a301460)}[hidden]{display:none!important}
@media(min-width:1400px){.workspace{grid-template-columns:390px minmax(0,1fr)}.sidebar{padding-inline:34px}.map-section{min-height:calc(100vh - 76px)}}
@media(max-width:950px){.header{padding:0 19px;gap:15px}.header-caption{display:none}.data-pill{margin-left:auto}.workspace{grid-template-columns:320px minmax(0,1fr)}.sidebar{padding:22px 20px}.map-top{inset:18px 16px auto}.location-label{display:none}.layer-controls{margin-left:auto;gap:9px}.map-bottom{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 16px}.map-legend{left:16px;gap:10px}.observation{left:16px}.map-bottom small{max-width:none}}
@media(max-width:700px){.header{height:64px;padding:0 16px}.brand{font-size:16px}.brand-mark{width:32px;height:32px;font-size:22px}.brand small{font-size:8px}.data-pill{font-size:9px;padding:6px 8px}.workspace{display:flex;flex-direction:column}.sidebar{padding:22px 20px;border-right:0}.intro h1{font-size:28px}.intro h1 br{display:none}.intro p{max-width:none;margin-bottom:18px}.intro .eyebrow{font-size:9px}.map-section{min-height:610px;order:-1}#map{inset:0 0 67px}.map-bottom{min-height:67px}.map-top{inset:14px 14px auto}.layer-controls label{font-size:10px}.map-legend{bottom:84px;left:14px;right:14px;justify-content:center;padding:9px;gap:9px}.observation{bottom:131px;left:14px;width:250px}.leaflet-control-zoom{margin-top:64px!important}.point-row input{font-size:14px}.pick-button{padding-inline:13px;min-height:44px}.primary-button{font-size:14px}.settings-grid input,.settings-grid select{font-size:14px}.point-field small,.method-note p,.route-details,.setting-note{font-size:11px}.preset-row>span{font-size:10px}.map-bottom small{font-size:10px}.method-note a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.line-key:not(.base-key){background:#116653}.coverage-key{background:#138568;opacity:.8}.view-key{background:#df851d;opacity:.85}
.location-tools{padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:0 0 22px}.location-tools>label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;margin-bottom:8px}.location-tools>label span{font-size:9px;color:var(--muted);font-weight:400}.location-tools>input,.location-tools>select{font-size:12px;margin-bottom:7px}.location-tools .setting-note{margin:3px 0 0}.global-location{border-top:1px solid var(--line);margin-top:10px}.global-location summary{font-size:11px;color:var(--green);cursor:pointer;padding:10px 0}.data-actions{display:flex;gap:16px;padding:8px 0}.global-location input{font-size:11px}.map-section{min-height:1160px}.location-label{letter-spacing:1px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-label>span{letter-spacing:0}
.workspace{align-items:start}.map-section{position:sticky;top:0;height:calc(100vh - 76px);min-height:640px}
.waypoints-section{border-block:1px solid var(--line);padding:11px 0;margin-bottom:14px}.waypoints-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600}.waypoints-heading small{color:var(--muted);font-weight:400;font-size:10px;margin-left:6px}.waypoint-tools{display:flex;gap:4px;align-items:center}.waypoint-tools button{background:var(--paper);color:var(--green);border:1px solid var(--line);width:28px;height:28px;padding:0;font-size:15px}.waypoint-tools .point-dot{margin-left:4px}.waypoint-note,.progress-eta{font-size:10px;line-height:1.8;color:var(--muted);margin:4px 0}.progress-eta{font-variant-numeric:tabular-nums}.waypoint-tools button:disabled{opacity:.35}.waypoints-heading button:disabled{opacity:.45;text-decoration:none}.waypoint-field:last-child{margin-bottom:10px}
@media(max-width:700px){.waypoint-tools button{width:32px;height:32px}.waypoint-note,.progress-eta{font-size:11px}}
@media(max-width:700px){.map-section{position:relative;top:auto;height:610px;min-height:610px;width:100%}.sidebar{width:100%}.location-tools>input,.location-tools>select{font-size:14px}.location-tools>label span{font-size:10px}}