:root{color-scheme:light dark;--ink: #12161c;--ink-soft: #5b6674;--paper: #f6f4ef;--card: #ffffff;--edge: #e2ddd3;--accent: #ff4d2e;--accent-ink: #ffffff;--win: #0f9d58;--warn: #c2410c;--shadow: 0 1px 2px rgba(18, 22, 28, .06), 0 8px 24px rgba(18, 22, 28, .07);--radius: 18px;--m-walk: #6b7684;--m-bike: #12a15a;--m-taxi: #3b4350;--m-tube: #dc2626;--m-subway: #2563eb;--m-dlr: #0d9488;--m-overground: #ea7317;--m-elizabeth: #7c3aed;--m-rail: #4338ca;--m-bus: #be123c;--m-tram: #65a30d;--m-ferry: #0891b2;--m-cablecar: #c026d3;--m-coach: #92400e;--m-other: #64748b}@media (prefers-color-scheme: dark){:root{--ink: #eef2f6;--ink-soft: #97a3b2;--paper: #0e1216;--card: #171d24;--edge: #262f39;--accent: #ff5c3d;--accent-ink: #14100f;--win: #34d399;--warn: #fb923c;--m-walk: #7c8798;--m-taxi: #aeb9c9;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font:16px/1.45 Archivo,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.wrap{max-width:1080px;margin:0 auto;padding:18px 16px 72px}.top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mark{font-size:26px;font-weight:850;letter-spacing:-.035em;margin:0;display:flex;align-items:baseline;gap:1px}.mark .dart{color:var(--accent)}.tag{color:var(--ink-soft);font-size:13px;margin-left:auto;text-align:right;line-height:1.25}.cityswitch{display:flex;gap:4px;background:var(--card);border:1px solid var(--edge);border-radius:999px;padding:3px}.cityswitch button{border:0;background:none;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:650;color:var(--ink-soft);transition:.18s}.cityswitch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.panel{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);margin-bottom:16px}.fields{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start}@media (max-width: 720px){.fields{grid-template-columns:1fr}.swap{justify-self:start}}.field{position:relative}.field label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.field input{width:100%;padding:11px 12px;border-radius:12px;background:var(--paper);border:1.5px solid var(--edge);outline:none;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.swap{align-self:end;margin-bottom:4px;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--edge);background:var(--card);font-size:15px;transition:transform .25s}.swap:hover{transform:rotate(180deg)}.menu{position:absolute;z-index:40;top:100%;left:0;right:0;margin-top:5px;background:var(--card);border:1px solid var(--edge);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;max-height:280px;overflow-y:auto}.menu[hidden]{display:none}.menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 12px;font-size:14px}.menu button:hover,.menu button[data-on="1"]{background:var(--paper)}.menu .sub{color:var(--ink-soft);font-size:12px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.seg{display:flex;background:var(--paper);border:1.5px solid var(--edge);border-radius:12px;padding:3px}.seg button{border:0;background:none;padding:7px 12px;border-radius:9px;font-size:13.5px;font-weight:620;color:var(--ink-soft)}.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.when{padding:9px 11px;border-radius:12px;border:1.5px solid var(--edge);background:var(--paper)}.when[hidden]{display:none}.bike{display:flex;align-items:center;gap:9px;padding:7px 13px 7px 9px;border:1.5px solid var(--edge);border-radius:999px;background:var(--paper);font-weight:620;font-size:14px;transition:.18s}.bike[aria-pressed=true]{background:color-mix(in srgb,var(--m-bike) 16%,var(--card));border-color:var(--m-bike);color:var(--ink)}.pip{width:34px;height:20px;border-radius:999px;background:var(--edge);position:relative;transition:.18s;flex:none}.pip:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--card);transition:.18s}.bike[aria-pressed=true] .pip{background:var(--m-bike)}.bike[aria-pressed=true] .pip:after{transform:translate(14px)}.go{margin-left:auto;border:0;border-radius:14px;padding:13px 30px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:17px;letter-spacing:-.01em;transition:transform .12s,filter .15s}.go:hover{filter:brightness(1.06)}.go:active{transform:scale(.97)}.go[disabled]{opacity:.55;cursor:progress}@media (max-width: 720px){.go{margin-left:0;width:100%}}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.routes{display:flex;flex-direction:column;gap:10px}.m-walk{--c: var(--m-walk)}.m-bike{--c: var(--m-bike)}.m-taxi{--c: var(--m-taxi)}.m-tube{--c: var(--m-tube)}.m-subway{--c: var(--m-subway)}.m-dlr{--c: var(--m-dlr)}.m-overground{--c: var(--m-overground)}.m-elizabeth{--c: var(--m-elizabeth)}.m-rail{--c: var(--m-rail)}.m-bus{--c: var(--m-bus)}.m-tram{--c: var(--m-tram)}.m-ferry{--c: var(--m-ferry)}.m-cablecar{--c: var(--m-cablecar)}.m-coach{--c: var(--m-coach)}.m-other{--c: var(--m-other)}.route{display:block;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--edge);border-radius:var(--radius);padding:15px 17px 14px;transition:border-color .18s ease}.route:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--edge))}.route[aria-expanded=true]{border-color:var(--accent)}.route:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.route .head{display:flex;align-items:baseline;gap:12px}.mins{font-size:38px;font-weight:800;font-stretch:112%;letter-spacing:-.025em;line-height:.95}.mins small{font-size:14px;font-weight:600;font-stretch:100%;letter-spacing:0;color:var(--ink-soft);margin-left:4px}.span{margin-left:auto;font-size:14px;font-weight:550;color:var(--ink-soft);white-space:nowrap}.span i{font-style:normal;margin:0 7px;opacity:.45}.ribbon{display:flex;gap:3px;height:11px;margin:15px 0 11px}.ribbon .leg{background:var(--c);border-radius:3px;min-width:5px}.key{display:flex;flex-wrap:wrap;gap:3px 15px;font-size:13px;color:var(--ink-soft)}.key .k{display:inline-flex;align-items:center;gap:6px}.key .dot{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}.key b{color:var(--ink);font-weight:700}.foot{display:flex;align-items:center;gap:10px;margin-top:13px}.best{background:var(--accent);color:var(--accent-ink);font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;flex:none}.shape{font-size:13px;font-weight:650}.via{font-size:13px;color:var(--ink-soft)}.chev{margin-left:auto;width:9px;height:9px;flex:none;border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}.route[aria-expanded=true] .chev{transform:rotate(-135deg) translate(-2px,-2px)}.detail{margin-top:14px;border-top:1px solid var(--edge);padding-top:13px}.itin{list-style:none;margin:0;padding:0}.itin li{display:grid;grid-template-columns:46px 17px 1fr}.itin .at{font-size:13px;font-weight:600;color:var(--ink-soft);padding-top:1px}.itin .node{width:11px;height:11px;border-radius:50%;margin:3px 0 0 3px;background:var(--c, var(--ink));box-shadow:0 0 0 3px var(--card)}.itin .node.done{background:var(--ink)}.itin .where{padding-left:11px;font-size:14.5px;font-weight:650}.itin .ride{align-items:stretch}.itin .track{width:4px;margin-left:6.5px;border-radius:2px;background:var(--c);align-self:stretch}.itin .track.soft{background:repeating-linear-gradient(to bottom,var(--c) 0 4px,transparent 4px 9px)}.itin .what{padding:3px 0 15px 11px;font-size:14px}.itin .what b{font-weight:700}.itin .what .sub{display:block;font-size:13px;color:var(--ink-soft);margin-top:1px}.itin .what .warn{display:block;font-size:12.5px;color:var(--warn);margin-top:4px}.caveat{margin:4px 0 0;font-size:12.5px;color:var(--ink-soft)}.note{font-size:12.5px;color:var(--warn);display:flex;gap:6px;align-items:flex-start}.note.soft{color:var(--ink-soft)}#map{height:460px;border-radius:var(--radius);border:1.5px solid var(--edge);box-shadow:var(--shadow);background:var(--card);z-index:0;overflow:hidden}@media (max-width: 900px){#map{height:320px}}#map .gm-style,#map .gm-style-cc{font:inherit}.mapdown{display:grid;place-content:center;height:100%;padding:24px;text-align:center;color:var(--ink-soft);font-size:14px}.empty{text-align:center;padding:40px 16px 32px}.empty .big{font-size:46px;letter-spacing:-.04em;font-weight:850;margin:0 0 6px}.empty p{color:var(--ink-soft);max-width:42ch;margin:0 auto 18px}.dartline{font-size:28px;letter-spacing:8px;animation:scoot 2.6s ease-in-out infinite}@keyframes scoot{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}.recents{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.recents button{border:1.5px solid var(--edge);background:var(--card);border-radius:999px;padding:5px 11px;font-size:13px}.banner{border-radius:12px;padding:10px 13px;margin-bottom:12px;font-size:13.5px;background:color-mix(in srgb,var(--warn) 12%,var(--card));border:1px solid color-mix(in srgb,var(--warn) 34%,var(--edge))}.banner b{font-weight:750}.banner ul{margin:5px 0 0;padding-left:18px}.banner b+b,.banner ul+b{display:block;margin-top:9px}.banner[hidden]{display:none}.spinner{text-align:center;padding:34px;color:var(--ink-soft)}.spinner .dartline{animation-duration:.9s}.err{color:var(--warn);text-align:center;padding:26px}footer{margin-top:26px;color:var(--ink-soft);font-size:12.5px;line-height:1.6}footer a{color:inherit}