:root{--bg:oklch(98.5% .004 250);--surface:oklch(100% 0 0);--ink:oklch(22% .02 260);--ink-soft:oklch(46% .015 260);--ink-faint:oklch(62% .012 260);--line:oklch(92% .006 260);--line-soft:oklch(95.5% .005 260);--accent:oklch(52% .16 264);--accent-soft:oklch(96% .03 264);--heat-cold:oklch(62% .1 258);--heat-mid:oklch(64% .11 205);--heat-hot:oklch(60% .13 158);--radius:14px;--shadow:0 1px 2px oklch(50% .02 260/.05), 0 8px 28px oklch(45% .04 260/.07);--shadow-sm:0 1px 2px oklch(50% .02 260/.06)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif}.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace}.app{max-width:1080px;margin:0 auto;padding:0 28px 96px}.hero{padding:64px 0 36px}.eyebrow{white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;display:inline-flex}.eyebrow .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:16ch;margin:0 0 18px;font-size:clamp(34px,5.2vw,56px);font-weight:600;line-height:1.02}.hero p.sub{color:var(--ink-soft);text-wrap:pretty;max-width:56ch;margin:0;font-size:clamp(16px,1.8vw,19px);line-height:1.5}.hero .meta{flex-wrap:wrap;gap:28px;margin-top:30px;display:flex}.hero .meta .stat .n{letter-spacing:-.01em;white-space:nowrap;font-size:22px;font-weight:600}.hero .meta .stat .l{color:var(--ink-faint);margin-top:2px;font-size:12.5px}.controls{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);grid-template-columns:1.1fr 1fr 1fr;gap:30px;padding:26px 28px;display:grid;position:sticky;top:16px}.controls .field{flex-direction:column;gap:12px;min-width:0;display:flex}.controls .label-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.controls label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:600}.controls .value-pill{color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.text-input{position:relative}.text-input input{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:12px 14px 12px 40px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.text-input input::placeholder{color:var(--ink-faint)}.text-input input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.text-input .ic{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.text-input .clear{background:var(--line-soft);color:var(--ink-soft);cursor:pointer;border:none;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;line-height:1;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.text-input .clear:hover{background:var(--line);color:var(--ink)}input[type=range]{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;width:100%;height:6px;margin:14px 0 4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 1px 4px oklch(50% .02 260/.25)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.12)}input[type=range]::-moz-range-thumb{background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px oklch(50% .02 260/.25)}.range-bounds{color:var(--ink-faint);justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:40px 4px 14px;display:flex}.results-head h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:15px;font-weight:600}.results-head .count{color:var(--ink)}.legend{color:var(--ink-faint);align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:11.5px;display:flex}.legend .bar{background:linear-gradient(90deg, var(--heat-cold), var(--heat-mid), var(--heat-hot));border-radius:999px;width:120px;height:8px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}table{border-collapse:collapse;width:100%}thead th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);background:var(--bg);border-bottom:1px solid var(--line);white-space:nowrap;padding:16px 20px;font-size:11.5px;font-weight:600}thead th.num,tbody td.num{text-align:right}tbody tr{border-bottom:1px solid var(--line-soft);transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg)}tbody td{vertical-align:middle;padding:15px 20px;font-size:14.5px}.rank{color:var(--ink-faint);width:1%;font-family:IBM Plex Mono,monospace;font-size:12px;padding-right:0!important}.town{letter-spacing:-.005em;font-weight:600}.town .from-tag{color:var(--ink-faint);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;display:block}.hub{color:var(--ink-soft)}.hub .arrow{color:var(--ink-faint);margin-right:7px}.time-cell{align-items:baseline;gap:4px;display:inline-flex}.time-cell .v{font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.time-cell .u{color:var(--ink-faint);font-size:11px}.dist-cell{color:var(--ink-soft);font-family:IBM Plex Mono,monospace}.speed-cell{justify-content:flex-end;align-items:center;gap:9px;display:inline-flex}.speed-cell .chip{color:#fff;text-align:center;border-radius:7px;min-width:62px;padding:4px 9px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:72px 28px}.empty .ring{border:2px dashed var(--line);width:56px;height:56px;color:var(--ink-faint);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.empty h3{letter-spacing:-.01em;margin:0 0 8px;font-size:19px;font-weight:600}.empty p{color:var(--ink-soft);max-width:42ch;margin:0 auto;font-size:15px;line-height:1.5}.empty .reset{font:inherit;background:var(--ink);color:var(--bg);cursor:pointer;border:none;border-radius:9px;margin-top:22px;padding:10px 18px;font-size:14px;font-weight:500}.empty .reset:hover{opacity:.9}.loading{text-align:center;color:var(--ink-faint);padding:80px;font-family:IBM Plex Mono,monospace}footer.foot{text-align:center;color:var(--ink-faint);margin-top:40px;font-family:IBM Plex Mono,monospace;font-size:12px}@media (width<=860px){.controls{grid-template-columns:1fr;gap:24px;position:static}.hero{padding-top:44px}.table-wrap{overflow-x:auto}table{min-width:640px}.from-tag{display:none!important}}