.leg-bar{gap:3px;height:20px;display:flex}.leg-bar__leg{white-space:nowrap;color:#fff;background:var(--surface-3);border-radius:5px;align-items:center;gap:3px;min-width:6px;padding:0 6px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.leg-bar__leg--longdistance{background:#ab0020}.leg-bar__leg--night{background:#221d47;box-shadow:inset 0 0 0 1px #4a3f8f}.leg-bar__leg--regional{background:#0060f0}.leg-bar__leg--sbahn{background:#3367aa}.leg-bar__leg--bus{background:#5a4a8a}.leg-bar__leg--subway{background:#4b5263}.leg-bar__leg--tram{background:#8a3a3a}.leg-bar__leg--ferry{background:#1f6f8b}.leg-bar__leg--cancelled{background:var(--passed);text-decoration:line-through}.leg-bar__change{border:1px dashed var(--line);border-radius:5px;min-width:4px}.leg-bar .bus-icon{flex:none}.connection-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px 11px}.connection-card__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.connection-card__times{white-space:nowrap;font-size:18px;font-weight:700}.connection-card__meta{color:var(--text-dim);white-space:nowrap;font-size:13px}.connection-card__rt{margin:1px 0 0;font-size:13px}.connection-card__rt--ok{color:var(--on-time)}.connection-card__rt--bad{color:var(--late)}.connection-card .leg-bar{margin-top:8px}.connection-card__foot{color:var(--text-dim);flex-wrap:wrap;gap:2px 12px;margin:7px 0 0;font-size:13px;display:flex}.connection-card__change--tight,.connection-card__change--missed{color:var(--late)}.connection-card--cancelled .connection-card__times{color:var(--text-dim);text-decoration:line-through}.connection-card__foot>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.connection-card__platform{flex:none}.connection-card__changes{align-items:center;gap:3px;display:inline-flex}.connection-card__changes .change-icon{position:relative;top:.5px}.connection-card--cancelled,.connection-card--unreachable{border-color:color-mix(in srgb, var(--late) 60%, var(--line));background:color-mix(in srgb, var(--late) 7%, var(--surface))}.connection-card--cancelled :is(.connection-card__top,.leg-bar),.connection-card--unreachable :is(.connection-card__top,.leg-bar){opacity:.5}.connection-card--unreachable .connection-card__times{color:var(--text-dim);text-decoration:line-through}.connection-card__alert{color:var(--late);align-items:center;gap:6px;margin:0 0 4px;font-size:13px;font-weight:700;display:flex}.connection-card__alert-icon{background:var(--late);width:16px;height:16px;color:var(--bg);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.save-sheet{z-index:100;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.save-sheet__panel{width:100%;max-width:560px;max-height:90dvh;padding:20px var(--gutter) calc(var(--safe-bottom) + 16px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);border-top:1px solid var(--line);overflow-y:auto}.save-sheet__title{margin:0;font-size:22px}.save-sheet__sub{color:var(--text-dim);margin:2px 0 8px;font-size:15px}.save-sheet__section{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 2px;font-size:13px;font-weight:600}.save-sheet__trips{margin:0;padding:0;list-style:none}.save-sheet__row{border-bottom:1px solid var(--line);text-align:left;cursor:pointer;align-items:center;gap:14px;width:100%;padding:10px 0;display:flex}.save-sheet__trips li:last-child .save-sheet__row{border-bottom:0}.save-sheet__icon{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.save-sheet__icon.is-active{color:var(--accent-soft)}.save-sheet__icon--star{color:var(--star)}.save-sheet__text{flex-direction:column;flex:1;min-width:0;display:flex}.save-sheet__name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.save-sheet__hint{color:var(--text-dim);font-size:14px}.save-sheet__radio{appearance:none;border:2px solid var(--surface-3);cursor:pointer;border-radius:50%;flex:none;width:26px;height:26px;margin:0}.save-sheet__radio:checked{border:8px solid var(--accent);background:var(--surface)}.save-sheet__switch{appearance:none;background:var(--surface-3);cursor:pointer;border-radius:15px;flex:none;width:50px;height:30px;margin:0;transition:background .15s;position:relative}.save-sheet__switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px}.save-sheet__switch:checked{background:var(--on-time)}.save-sheet__switch:checked:after{transform:translate(20px)}.save-sheet__input{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);font:inherit;flex:1;padding:10px 12px;font-size:17px}.save-sheet__done{border-radius:var(--radius);background:var(--accent);color:#fff;width:100%;margin-top:16px;padding:14px;font-size:17px;font-weight:600}.save-sheet__select{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);font:inherit;flex:0 60%;padding:10px 12px;font-size:16px}.save-connection{width:40px;height:40px;color:var(--text-dim);flex:none;place-items:center;display:grid}.save-connection.is-active{color:var(--accent-soft)}.search input{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);outline:none;padding:14px 16px;font-size:17px}.search input:focus{border-color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:10px 14px;display:inline-block}.chip:active{background:var(--surface-3)}button.chip,button.list-row{font:inherit;color:inherit;cursor:pointer;text-align:left}button.list-row{border:0;border-bottom:1px solid var(--line);background:0 0;width:100%}.station-picker{z-index:50;background:var(--bg);padding:max(env(safe-area-inset-top), 12px) max(var(--gutter), calc((100% - 640px) / 2 + var(--gutter))) 24px;position:fixed;inset:0;overflow-y:auto}.station-picker__header{justify-content:space-between;align-items:center;padding:8px 0 12px;display:flex}.station-picker__title{margin:0;font-size:22px}.station-picker__close{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:8px 0}.when{gap:6px;display:flex}.when__chip{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;position:relative}.when__chip--time{overflow:hidden}.when__chip--time input{opacity:0;cursor:pointer;width:100%;min-width:0;max-width:100%;height:100%;position:absolute;inset:0}.planner{margin-bottom:14px}.planner__stations{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:2px 52px 2px 10px;position:relative}.planner__row{width:100%;min-height:48px;font:inherit;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:5px 2px;display:flex}.planner__row--last{border-bottom:0}.planner__row--add{min-height:40px}.planner__field{flex-direction:column;min-width:0;display:flex}.planner__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.planner__name,.planner__placeholder{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.planner__placeholder{color:var(--text-faint)}.planner__dot{border-radius:50%;flex:none;width:12px;height:12px}.planner__dot--from{border:2.5px solid var(--text)}.planner__dot--via{border:2px dashed var(--text-faint)}.planner__dot--to{background:var(--accent)}.planner__via{align-items:center;display:flex}.planner__via .planner__row{flex:1;min-width:0}.planner__remove{width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex:none;font-size:20px}.planner__swap{width:36px;height:36px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:50%;font-size:17px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.planner__when{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;display:flex}.planner__when-right{margin-left:auto}.planner__modes{gap:6px;display:flex}.planner__chip{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;position:relative}.planner__chip[aria-pressed=true]{color:var(--bg);background:var(--text);border-color:var(--text);font-weight:600}.connections-page__title{margin:8px 0 12px;font-size:26px}.connections{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.connections__day{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:6px 0;font-size:12px;font-weight:600}.connections__page{width:100%;font:inherit;color:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;margin:6px 0 8px;padding:7px;font-size:14px;font-weight:600;display:block}.connections__page:disabled{color:var(--text-faint);cursor:default}.link-button{font:inherit;color:var(--accent-soft);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.connections__recent{width:100%;font:inherit;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0}.connections__link{color:inherit;text-decoration:none;display:block}.connections__link:active .connection-card{background:var(--surface-2)}.connections__item{position:relative}.connections__save{position:absolute;top:2px;right:2px}.connections__link .connection-card__top{padding-right:34px}.connections__updating{padding:4px 0 8px;font-size:13px;animation:1.4s ease-in-out infinite connections-pulse}@keyframes connections-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.connections__updating{animation:none}}.stations-page__title{margin:8px 0 12px;font-size:26px}.list-row__icon.list-row__icon--star{color:var(--star);place-items:center;display:grid}.list-row__icon--star svg{width:18px;height:18px}.time{white-space:nowrap}.time--ontime{color:var(--on-time)}.time--late{color:var(--late)}.time--cancelled{color:var(--text-faint)}.time__planned{color:var(--text-faint);font-size:.85em}.delay{color:var(--late);font-size:.85em;font-weight:600}.departure{grid-template-columns:var(--departure-time-w,64px) minmax(0, 1fr) auto;border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:56px;padding:8px 2px;display:grid}.departure:active{background:var(--surface)}.departure__time{flex-direction:column;font-weight:600;display:flex}.departure__time .time{flex-direction:column;line-height:1.15;display:flex}.departure__main{align-items:center;gap:8px;min-width:0;display:flex}.departure__direction{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.departure__note{color:var(--late);white-space:nowrap;font-size:13px}.departure--cancelled .departure__direction{color:var(--text-faint);text-decoration:line-through}.platform{text-align:center;border:1px solid var(--line);border-radius:6px;min-width:36px;padding:3px 6px;font-size:14px;font-weight:600;display:inline-block}.platform--changed{border-color:var(--late);color:var(--late);background:#fff3}:root[data-clock="12h"]{--departure-time-w:76px}.board-toggle{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin:4px 0 10px;padding:4px;display:grid}.board-toggle__item{min-height:36px;color:var(--text-dim);border-radius:10px;place-items:center;font-weight:600;display:grid}.board-toggle__item[aria-current=page]{color:var(--text);background:var(--surface-2)}.board-filters{margin:0 calc(-1 * var(--gutter)) 6px;padding:0 var(--gutter) 4px;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.board-filters__chip{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:none;padding:7px 12px;font-size:15px}.board-filters__chip[aria-pressed=true]{color:var(--bg);background:var(--text);border-color:var(--text);font-weight:600}.station-favourite{width:44px;height:44px;color:var(--text-dim);flex:none;place-items:center;margin-right:-8px;display:grid}.station-favourite.is-active{color:var(--star)}.board-when{margin:0 0 10px}.name-dialog{z-index:100;padding:var(--gutter);background:#000a;place-items:center;display:grid;position:fixed;inset:0}.name-dialog__panel{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);width:100%;max-width:400px;padding:20px}.name-dialog__title{margin:0 0 14px;font-size:19px}.name-dialog__input{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;padding:12px 14px;font-size:17px}.name-dialog__buttons{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.name-dialog__cancel,.name-dialog__ok{border-radius:20px;padding:10px 16px;font-weight:600}.name-dialog__cancel{color:var(--text-dim)}.name-dialog__ok{background:var(--accent);color:#fff}.name-dialog__ok:disabled{opacity:.4;cursor:default}.starred{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.starred-live,.starred-row{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-decoration:none;display:flex}.starred-live:active,.starred-row:active{background:var(--surface-2)}.starred-live{flex-direction:column;gap:4px;padding:14px 16px 12px}.starred-live__kicker{color:var(--star);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.starred-live__kicker svg{width:15px;height:15px}.starred-live__title{overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.2}.starred-live__sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.starred-live__bar{gap:4px;margin:10px 0 6px;display:flex}.starred-live__segment{background:linear-gradient(to right, var(--leg) calc(var(--fill) * 100%), var(--surface-3) calc(var(--fill) * 100%));border-radius:3px;flex-basis:0;height:6px}.starred-live__foot{justify-content:space-between;gap:12px;font-size:14px;display:flex}.starred-live__state{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.starred-live__state.is-riding{color:var(--accent-soft);font-weight:600}.starred-live__end{color:var(--text-dim);flex:none}.starred-row{align-items:center;gap:12px;padding:12px 14px}.starred-row__star{color:var(--star);flex:none;display:grid}.starred-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.starred-row__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.starred-row__sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.starred-row__chevron{color:var(--text-faint);flex:none;font-size:22px}.trip-card{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.trip-card:active{background:var(--surface-2)}.trip-card__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.trip-card__name{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:700;overflow:hidden}.trip-card__sub{color:var(--text-dim);font-size:14px}.trip-card__lines{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.trip-card__more{color:var(--text-dim);font-size:13px}.trip-thumbnail{background:var(--surface-2);border-radius:12px;flex:none;overflow:hidden}.trip-thumbnail__land{fill:color-mix(in srgb, var(--text) 7%, transparent);stroke:color-mix(in srgb, var(--text) 16%, transparent);stroke-width:.6px;stroke-linejoin:round}.trip-thumbnail__country{fill:color-mix(in srgb, var(--text) 3%, transparent);stroke:color-mix(in srgb, var(--text) 12%, transparent);stroke-width:.5px;stroke-linejoin:round}.trip-thumbnail__district{fill:none;stroke:color-mix(in srgb, var(--text) 10%, transparent);stroke-width:.4px;stroke-linejoin:round}.trip-thumbnail__river{fill:none;stroke:#5b9bd58c;stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round}.trips-page__header{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 12px;display:flex}.trips-page__title{margin:0;font-size:26px}.trips-page__section-title{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin:24px 0 10px;font-size:13px;font-weight:600}.trips-page__empty{text-align:center;color:var(--text-dim);padding:40px 12px}.trips-page__empty h2{color:var(--text);margin:0 0 8px;font-size:19px}.trips-page__empty p{margin:0 0 20px;line-height:1.45}.trips-page__plan{background:var(--accent);color:#fff;border-radius:22px;padding:11px 20px;font-weight:600;text-decoration:none;display:inline-block}.trips-page__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tab-dock{left:50%;bottom:max(12px, calc(var(--safe-bottom) - 10px));width:calc(100% - 28px);max-width:480px;height:var(--dock-h);z-index:40;border-radius:calc(var(--dock-h) / 2);-webkit-backdrop-filter:blur(18px);background:#20242dd1;border:1px solid #ffffff12;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000008c}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tab-dock{background:var(--surface-2)}}.tab-dock__tab{border-radius:calc(var(--dock-h) / 2 - 6px);min-width:0;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex}.tab-dock__tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-dock__tab{transition:color .2s;position:relative}.tab-dock__tab.is-active{color:var(--text)}.tab-dock__tab svg{flex:none;width:24px;height:24px;transition:color .2s}.tab-dock__tab.is-active svg{color:var(--accent-soft);animation:.32s cubic-bezier(.3,1.6,.5,1) tab-icon-pop}.tab-dock__pill{border-radius:calc(var(--dock-h) / 2 - 6px);width:calc(25% - 3px);transform:translateX(calc(var(--tab,0) * 100%));background:#ffffff14;transition:transform .3s cubic-bezier(.3,1.15,.5,1);position:absolute;top:6px;bottom:6px;left:6px}@keyframes tab-icon-pop{40%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.tab-dock__pill{transition:none}.tab-dock__tab.is-active svg{animation:none}}.tab-layout{padding-bottom:calc(var(--dock-h) + 12px)}.tab-layout__page--from-right{animation:.26s cubic-bezier(.2,.8,.2,1) tab-in-right}.tab-layout__page--from-left{animation:.26s cubic-bezier(.2,.8,.2,1) tab-in-left}@keyframes tab-in-right{0%{opacity:0;transform:translate(28px)}}@keyframes tab-in-left{0%{opacity:0;transform:translate(-28px)}}@media (prefers-reduced-motion:reduce){.tab-layout__page--from-right,.tab-layout__page--from-left{animation:.16s ease-out tab-fade}@keyframes tab-fade{0%{opacity:0}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#171a21;--surface-2:#20242d;--surface-3:#2a2f3a;--text:#f2f3f5;--text-dim:#9aa0ab;--text-faint:#6b717d;--line:#2f3440;--accent:#e2002a;--accent-soft:#ff4d5e;--on-time:#9ccc65;--late:#ff6b5b;--info:#6ea8ff;--passed:#5c626e;--leg-1:#4c8dff;--leg-2:#ff4d5e;--leg-3:#ffa94d;--leg-4:#2ec4b6;--star:#ffd54f;--dock-h:68px;--radius:14px;--radius-lg:24px;--gutter:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (display-mode:standalone){html{min-height:min(100lvh, calc(100% + var(--safe-top)))}a,button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:16px;line-height:1.35}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.tabular{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:640px;min-height:100%;padding:calc(var(--safe-top) + 12px) var(--gutter) calc(var(--safe-bottom) + 24px);margin:0 auto}.round-button{background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.status{color:var(--text-dim);text-align:center;padding:24px 0}.status--error{color:var(--late)}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:24px 0 8px;font-size:13px;font-weight:600}.list{margin:0;padding:0;list-style:none}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:52px;padding:10px 4px;display:flex}.list-row:active{background:var(--surface)}.list-row__icon{color:var(--text-faint);text-align:center;width:20px}.list-row__meta{color:var(--text-dim);white-space:nowrap;font-size:14px}.list-row__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.topbar{top:var(--safe-top);background:var(--bg);z-index:1;align-items:center;gap:12px;padding:8px 0 12px;display:flex;position:sticky}.topbar:before{content:"";height:var(--safe-top);background:var(--bg);position:absolute;bottom:100%;left:0;right:0}.topbar .round-button{flex:none;font-size:28px;line-height:1}.topbar__text{flex:1;min-width:0}.topbar__end{flex:none}.topbar__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:22px;overflow:hidden}.topbar__sub{color:var(--text-dim);margin:0;font-size:14px}