:root{--bg: #0a0c0f;--surface: #14181d;--surface-2: #1b2027;--line: #262d36;--text: #eef2f6;--text-2: #bcc6d1;--text-3: #909cab;--good: #35c46a;--warn: #f5b32a;--bad: #ff5a5f;--info: #4aa3ff;--radius: 14px;--gap: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}button,input{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}.app{display:flex;flex-direction:column;height:100dvh}.app__scroll{flex:1;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 14px) 24px calc(var(--safe-left) + 14px);display:flex;flex-direction:column;gap:var(--gap)}.skeleton{padding:48px 0;text-align:center;color:var(--text-3)}.clock{font-variant-numeric:tabular-nums;white-space:nowrap}.clock__meridiem{display:inline-block;margin-left:.3em;font-size:.42em;font-weight:500;letter-spacing:.01em;line-height:1;color:var(--text-3);vertical-align:top;position:relative;top:.18em}.clock__meridiemInline{margin-left:.32em;font-weight:500;color:var(--text-3)}.simbanner{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--info) 45%,var(--line));background:color-mix(in srgb,var(--info) 12%,var(--surface));font-size:12px}.simbanner__tag{flex:none;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--info)}.simbanner__detail{flex:1;min-width:0;color:var(--text-2);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simbanner button{flex:none;color:var(--info);text-decoration:underline;text-underline-offset:3px}.picker{display:flex;flex-direction:column;gap:8px}.picker__summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:14px}.picker__route{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__arrow{color:var(--text-3)}.picker__target{margin-left:4px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good);font-size:12px;font-weight:600}.picker__target.is-dormant{background:transparent;color:var(--text-3);font-weight:500}.picker__mode{flex:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.picker__mode.is-manual{color:var(--info)}.picker__prompt{margin:0;padding:0 12px;font-size:13px;color:var(--warn)}.picker__body{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.picker__row{display:flex;flex-direction:column;gap:6px}.picker__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.picker__options{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);font-size:14px}.chip.is-active{border-color:var(--info);color:var(--text);background:color-mix(in srgb,var(--info) 16%,var(--surface-2))}.picker__reset{align-self:flex-start;color:var(--info);font-size:13px;text-decoration:underline;text-underline-offset:3px}.deck{display:flex;flex-direction:column;gap:8px}.deck__scroller{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1 * (var(--safe-left) + 14px)) 0 calc(-1 * (var(--safe-right) + 14px));padding:0 calc(var(--safe-left) + 14px)}.deck__scroller::-webkit-scrollbar{display:none}.deck__dots{display:flex;justify-content:center;gap:5px}.deck__dot{width:5px;height:5px;border-radius:50%;background:var(--line)}.deck__dot.is-recommended{background:var(--text-3)}.deck__dot.is-active{background:var(--text);transform:scale(1.3)}.card{flex:0 0 calc(100vw - 2 * (var(--safe-left) + 14px));max-width:560px;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.card__tag{display:flex;align-items:center;justify-content:space-between}.card__badge{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.card__badge--muted{color:var(--text-3)}.card__hero{display:flex;flex-direction:column;gap:2px}.card__lead{margin:0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}.card__value{margin:0;font-size:clamp(3.6rem,20vw,6rem);line-height:.94;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--accent, var(--text))}.card__unit{margin-left:8px;font-size:.28em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.card__sub{margin:4px 0 0;font-size:14px;color:var(--text-2)}.card__action{margin:6px 0 0;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.card__actionRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.card__forTrain{margin:6px 0 0;display:flex;align-items:baseline;gap:6px;font-size:17px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.card__forTrain span{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.card__factUnit{margin-left:4px;font-size:.5em;font-weight:500;color:var(--text-3)}.card__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:10px;margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line)}.card__facts div{display:flex;flex-direction:column;gap:2px;min-width:0}.card__facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__facts dd{margin:0;font-size:clamp(1.6rem,8vw,2.1rem);line-height:1.05;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.flag{margin-left:5px;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);vertical-align:2px}.tone-good{--accent: var(--good)}.tone-warn{--accent: var(--warn)}.tone-bad{--accent: var(--bad)}.tone-info{--accent: var(--info)}.tone-warn,.tone-bad{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.pill{flex:none;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor}.pill--good{color:var(--good)}.pill--warn{color:var(--warn)}.pill--bad{color:var(--bad)}.pill--info{color:var(--info)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.metric{display:flex;flex-direction:column;gap:2px;padding:10px;background:var(--surface)}.metric__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric__value{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.metric__unit{margin-left:3px;font-size:11px;font-weight:500;color:var(--text-3)}.metric__note{font-size:10px;color:var(--text-3)}.panel{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:8px}.panel--warn{border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}.panel--bad{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel__head h2{font-size:15px}.panel__detail,.panel__reasons{margin:0;font-size:13px;color:var(--text-2)}.panel__reasons{padding-left:16px;display:flex;flex-direction:column;gap:3px}.headway{display:flex;flex-wrap:wrap;gap:14px;padding-top:8px;border-top:1px solid var(--line);font-size:12px;color:var(--text-3)}.headway strong{color:var(--text);font-variant-numeric:tabular-nums}.alert{padding:8px 10px;border-radius:10px;background:var(--surface-2)}.alert h3{font-size:13px}.alert p{margin:4px 0 0;font-size:12px;color:var(--text-2)}.notes{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-3)}.notes--muted{list-style:none;padding:0}.board,.trace{display:flex;flex-direction:column;gap:8px}.board__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px}.board__head h2{font-size:14px;color:var(--text-2)}.board__hint{font-size:11px;color:var(--text-3)}.board__head--divided{margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.board__list--preview .row{background:color-mix(in srgb,var(--surface) 70%,var(--bg))}.board__list,.trace__list{margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.board__list>li+li,.trace__list>li+li{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:var(--surface);text-align:left}.row.is-selected{background:var(--surface-2)}.row.is-unreachable{opacity:.45}.row__line{flex:none;width:3px;align-self:stretch;border-radius:2px}.row__times{flex:0 0 auto;display:flex;flex-direction:column;min-width:78px}.row__depart{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.row__depart .clock__meridiemInline{font-size:.62em}.row__source{font-size:10px;letter-spacing:.04em;color:var(--text-3)}.row__arrivals{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}.row__arrival{display:flex;align-items:baseline;gap:7px}.row__arrivals em{font-style:normal;color:var(--text-3)}.row__arrivalTime{font-size:15px;font-weight:500;color:var(--text)}.row__arrival--secondary{font-size:11px;color:var(--text-3)}.row__headsign{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__wait{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.row__waitValue{font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}.trace__list li{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface);font-size:13px}.trace__list li.is-passed{color:var(--text-3)}.trace__list li.is-boarding{background:var(--surface-2);font-weight:600}.trace__list li.is-here{background:color-mix(in srgb,var(--info) 14%,var(--surface));box-shadow:inset 3px 0 0 var(--info)}.trace__between{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--surface);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--info)}.trace__betweenDot{width:7px;height:7px;border-radius:50%;background:var(--info);box-shadow:0 0 0 3px color-mix(in srgb,var(--info) 25%,transparent)}.trace__stop{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace__time{font-variant-numeric:tabular-nums}.trace__flag{flex:none;width:92px;text-align:right;font-size:10px;letter-spacing:.04em;color:var(--text-3)}.trace__flag.is-live{color:var(--info)}.map{display:flex;flex-direction:column;gap:8px}.map__svg{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.map__land{fill:#16191e}.map__bay{fill:#04070c;stroke:#1d232b;stroke-width:.8}.map__line{fill:none;stroke-linejoin:round;stroke-linecap:round}.map__line--background{stroke-width:2;opacity:.22}.map__line--continuation{stroke-width:2.4;opacity:.3;stroke-dasharray:5 4}.map__line--focus{stroke-width:4;opacity:1}.map__stop{fill:#0b0e12;stroke:var(--text-3);stroke-width:1.4}.map__stop.is-boarding{fill:#f5c518;stroke:#0b0e12;stroke-width:1.8}.map__stop.is-destination{fill:#eef2f6;stroke:#0b0e12;stroke-width:1.8}.map__label{font-size:7.5px;fill:var(--text-3);letter-spacing:.02em}.map__label.is-key{fill:var(--text);font-weight:700;font-size:8.5px}.map__trainHalo{fill:#f5c51838}.map__trainCore{fill:#f5c518;stroke:#0b0e12;stroke-width:1}.map__train.is-selected .map__trainCore.tone-ok{fill:#fff;stroke-width:1.6}.map__train.is-selected .map__trainHalo.tone-ok{fill:#ffffff3d}.map__train.is-selected .map__trainCore.tone-tight{fill:#f5b32a;stroke-width:1.6}.map__train.is-selected .map__trainHalo.tone-tight{fill:#f5b32a4d}.map__train.is-selected .map__trainCore.tone-lost{fill:#ff5a5f;stroke-width:1.6}.map__train.is-selected .map__trainHalo.tone-lost{fill:#ff5a5f4d}.map__trainLabel{font-size:10px;font-weight:700;fill:#f5c518;text-anchor:middle}.map__trainLabel.tone-ok{fill:#fff}.map__trainLabel.tone-tight{fill:#f5b32a}.map__trainLabel.tone-lost{fill:#ff5a5f}.map__caption{margin:0;font-size:11px;color:var(--text-3)}.statusbar{display:flex;align-items:center;gap:10px;padding:8px calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 14px);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,black);backdrop-filter:blur(8px)}.statusbar__refresh{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.statusbar__age{margin-left:auto;color:var(--text-3)}.statusbar__settings{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);color:var(--text-2);font-size:15px}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-3)}.dot.is-good{background:var(--good)}.dot.is-warn{background:var(--warn)}.dot.is-bad{background:var(--bad)}.dot.is-busy{background:var(--info);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.sheet{position:fixed;inset:0;display:flex;align-items:flex-end;z-index:20}.sheet__scrim{position:absolute;inset:0;background:#0009}.sheet__body{position:relative;width:100%;max-height:86dvh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:16px calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 16px);border-radius:18px 18px 0 0;border-top:1px solid var(--line);background:var(--surface)}.sheet__head{display:flex;align-items:center;justify-content:space-between}.sheet__head h2{font-size:17px}.field{display:flex;flex-direction:column;gap:8px}.field h3{font-size:13px;letter-spacing:.04em;color:var(--text-2)}.field__hint{margin:0;font-size:12px;color:var(--text-3)}.sheet__pair{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:13px}.sheet__pair input{flex:1;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);font-variant-numeric:tabular-nums}.timefield{display:inline-flex;align-items:center;gap:2px;padding:4px 6px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}.timefield select{appearance:none;border:none;background:transparent;color:var(--text);font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;padding:4px 6px;border-radius:7px;text-align:center}.timefield select:last-child{font-size:13px;font-weight:500;color:var(--text-2)}.timefield select:focus-visible{outline:2px solid var(--info)}.timefield__colon{color:var(--text-3);font-size:19px;font-weight:600}.sheet__toggle,.sheet__sim{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.sheet__sim input[type=range]{flex:1}.sheet__sim span{width:56px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}input[type=range]{accent-color:var(--info)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--info)}.sheet__foot{margin:0;font-size:11px;color:var(--text-3)}.debug{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:var(--radius);font-size:12px}.debug h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.debug h3{font-size:12px;color:var(--text-2)}.debug__grid{display:grid;grid-template-columns:1fr;gap:4px;margin:0}.debug__grid div{display:flex;gap:10px;justify-content:space-between}.debug__grid dt{color:var(--text-3);white-space:nowrap}.debug__grid dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;word-break:break-word}.debug__ranking{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.debug__ranking li{display:grid;grid-template-columns:52px 66px 54px 1fr;gap:8px;align-items:baseline}.debug__score{font-variant-numeric:tabular-nums;color:var(--info)}.debug__id{font-variant-numeric:tabular-nums}.debug__status,.debug__reasons{color:var(--text-3)}.debug__url{margin:0;color:var(--text-3);word-break:break-all}