:root{--bg: #f7f8fa;--panel: #ffffff;--border: #e3e6ea;--text: #22272e;--muted: #6b7280;--primary: #1f5fbf;--danger: #d62728;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}#app{display:flex;flex-direction:column;min-width:320px}button{font-family:inherit}.app-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--border)}.app-header h1{font-size:18px;margin:0}.estimate-badge{font-size:12px;color:#8a5a00;background:#fff4d6;border:1px solid #f0d48a;border-radius:4px;padding:2px 8px}.app-header .subtitle{color:var(--muted);font-size:13px}.app-main{flex:1;display:flex;min-height:0;gap:10px;padding:10px}@media(max-width:900px){.app-main{flex-direction:column;overflow-y:auto}.map-wrap{min-height:380px}}.side-panel{width:300px;flex-shrink:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px;overflow-y:auto}@media(max-width:900px){.side-panel{width:auto}}.map-wrap{flex:1;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;position:relative}.map-chart{width:100%;height:100%}.control-section{margin-bottom:18px}.control-section h3{font-size:13px;color:var(--muted);margin:0 0 8px;font-weight:600}.search-box{position:relative}.search-box input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:6px;margin-top:4px;max-height:260px;overflow-y:auto;z-index:20;box-shadow:0 4px 14px #0000001a}.search-dropdown button{display:block;width:100%;text-align:left;padding:8px 10px;border:0;background:none;cursor:pointer;font-size:14px}.search-dropdown button:hover{background:#eef4fd}.search-dropdown .prov{color:var(--muted);font-size:12px;margin-left:6px}.hours-row{display:flex;align-items:center;gap:10px}.hours-row input[type=range]{flex:1}.hours-value{display:flex;align-items:center;gap:4px}.hours-value input{width:52px;padding:6px;border:1px solid var(--border);border-radius:6px;font-size:14px;text-align:right}.mode-tabs{display:flex;gap:6px}.mode-tabs button{flex:1;padding:7px 4px;border:1px solid var(--border);background:var(--panel);border-radius:6px;cursor:pointer;font-size:13px}.mode-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.legend{display:flex;flex-direction:column;gap:4px;font-size:13px}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-count{margin-left:auto;color:var(--muted)}.params-note{font-size:12px;color:var(--muted);line-height:1.7}.params-note summary{cursor:pointer;color:var(--primary)}.result-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.result-header h3{margin:0;font-size:14px}.result-count{font-size:13px;color:var(--primary);font-weight:600}.city-table{width:100%;border-collapse:collapse;font-size:13px}.city-table th{text-align:left;color:var(--muted);font-weight:500;font-size:12px;border-bottom:1px solid var(--border);padding:4px 6px;position:sticky;top:0;background:var(--panel)}.city-table td{padding:4px 6px;border-bottom:1px solid #f0f2f4;white-space:nowrap}.city-table td.time{font-variant-numeric:tabular-nums}.unreachable{color:#b3b8c0}.bucket-dot{width:9px;height:9px;border-radius:50%;display:inline-block;vertical-align:middle}.rank{color:var(--muted);font-variant-numeric:tabular-nums}.empty-hint{color:var(--muted);font-size:13px;text-align:center;padding:30px 0}