:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b0b0b;--muted:#52514e;--line:#e4e3df;--paper:#fff;--bg:#f6f6f4;--primary:#168f3d;--primary-hover:#63bf75;--highlight-wash:#e8f5ec;--ink-10:#0b0b0b1a;--ink-30:#0b0b0b4d;--start-and-pickup:#eb6834;--start-and-pickup-text:#a8431a;--station-outside-trip:#b9b8b2;--station-no-forecast:#c3c2b7;--route-line:#3987e5;--bike-lane-separated:#168f3d4d;--bike-lane-painted:#168f3d33;--bike-lane-shared:#168f3d4d;--map-land:#f4f7f2;--map-residential:#eef2ec;--map-building:#e8e9e6;--map-street:#dde6da;--map-park:#cfe9d5;--map-water:#cfe0e6;--free-less-than-50:#63bf75;--free-50-to-80:#168f3d;--free-80-to-95:#0e6b2e;--free-95-or-more:#08431c;--error:#b42318;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bar:64px;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}h1,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.muted{color:var(--muted);font-size:.82rem;font-weight:400;display:block}.topbar{z-index:10;height:var(--bar);background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.topbar__brand{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:800;display:inline-flex}.topbar__logo{width:auto;height:28px}.topbar__status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.topbar__status.is-old{color:var(--start-and-pickup)}.topbar__status.is-error{color:var(--error)}.topbar__end{align-items:center;gap:8px;min-width:0;display:flex}.topbar__help{flex:none;width:32px;height:32px}.topbar__help svg{width:22px;height:22px}.lang{border:1px solid var(--line);border-radius:999px;flex:none;gap:2px;padding:2px;display:flex}.lang__btn{color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.lang__btn:hover{color:var(--ink);background:var(--bg)}.lang__btn.is-on{color:var(--ink);background:var(--highlight-wash)}.flag{width:18px;height:12px;box-shadow:0 0 0 1px var(--ink-10);border-radius:2px}.help{width:min(440px,100% - 32px);max-height:calc(100% - 32px);color:var(--paper);background:var(--free-95-or-more);border:0;border-radius:20px;padding:0}.help::backdrop{background:var(--ink-30)}.help__body{gap:16px;padding:18px 22px 22px;font-size:.95rem;line-height:1.45;display:grid}.help__head{justify-content:space-between;align-items:center;display:flex}.help__brand{font-weight:800}.help .icon-btn{color:var(--paper)}.help .icon-btn:hover{background:#ffffff26}.help :focus-visible{outline-color:var(--paper)}.help h2{margin:0;font-size:1.45rem;line-height:1.2}.help p{color:#ffffffd9;margin:0}.help__step{text-align:center;align-content:start;justify-items:center;gap:14px;min-height:350px;display:grid}.help__art{width:100%;max-width:300px;height:auto;margin-bottom:6px}.help__legend{color:#ffffffd9;width:100%;margin-top:6px;font-size:.8rem}.help__legend .swatch{outline:1.5px solid var(--paper)}.help__dots{justify-content:center;gap:8px;display:flex}.help__dot{width:8px;height:8px;transition:width .2s var(--ease-out);background:#fff6;border-radius:4px;padding:0}.help__dot.is-on{background:var(--paper);width:24px}.help__foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.help__dont-show{color:#ffffffd9;cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.help__dont-show input{width:16px;height:16px;accent-color:var(--paper)}.help__nav{gap:6px;display:flex}.help__back{color:var(--paper);border-radius:999px;padding:10px 14px;font-weight:600}.help__back:hover{background:#ffffff26}.help__ok{background:var(--paper);color:var(--free-95-or-more);border-radius:999px;padding:10px 22px;font-weight:700}.help__ok:hover{background:var(--highlight-wash)}.stage{background:var(--paper);height:100svh;min-height:560px;position:relative;overflow:hidden}.stage__map{inset:var(--bar) 0 0 0;z-index:0;position:absolute}.stage__mapbox{width:100%;height:100%}.stage__glass{inset:var(--bar) 0 0 0;z-index:1;-webkit-backdrop-filter:blur(8px)saturate(.6);backdrop-filter:blur(8px)saturate(.6);transition:opacity .6s var(--ease-out);background:#ffffffb3;position:absolute}.stage.is-located .stage__glass{opacity:0;pointer-events:none}.stage__title{z-index:2;text-align:center;letter-spacing:-.02em;width:min(90%,900px);font-size:clamp(2rem,4.6vw,3.2rem);font-weight:800;line-height:1.05;position:absolute;top:calc(50% - 20px);left:50%;transform:translate(-50%,calc(-100% - 56px))}.stage__hint{text-align:center;color:var(--muted);margin-top:14px;font-size:.85rem}.notice{color:var(--muted);padding:24px}.dock{z-index:3;width:min(880px,100% - 32px);transition:top .6s var(--ease-out), transform .6s var(--ease-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-30%)}.stage.is-located .dock{top:100%;transform:translate(-50%,calc(-100% - 24px))}.dock__ends{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.end{background:var(--paper);border:1px solid var(--line);text-align:left;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 14px;display:flex}.end.is-on{border-color:var(--primary)}.end__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.9rem;overflow:hidden}.end__text small{color:var(--muted);font-size:.72rem;display:block}.dot{border-radius:50%;flex:none;width:12px;height:12px}.dot--start{background:var(--start-and-pickup)}.end__pin{color:var(--ink);flex:none;display:grid}.end__pin svg{width:16px;height:16px}.map-pin{pointer-events:none;filter:drop-shadow(0 1px 2px #0b0b0b59)}.dock__context{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:8px 8px 8px 16px;font-size:.88rem;display:flex}.pill{background:var(--primary);color:var(--paper);border-radius:999px;flex:none;padding:8px 14px;font-size:.85rem;font-weight:600}.pill:hover{background:var(--primary-hover);color:var(--ink)}.ask-box{position:relative}.ask{background:var(--paper);border:1.5px solid var(--ink);border-radius:999px;align-items:center;gap:6px;padding:8px 8px 8px 10px;display:flex}.ask:focus-within{border-color:var(--primary);outline:3px solid var(--highlight-wash)}.ask__icon,.ask__send{border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:grid}.ask__icon svg,.ask__send svg,.ask__locate svg{width:22px;height:22px}.ask__icon:hover,.ask__icon.is-on{background:var(--highlight-wash)}.ask__input{min-width:0;font:inherit;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:10px 4px;font-size:1.05rem}.ask__input:focus-visible{outline:none}.ask__input::placeholder{color:var(--ink-30)}.ask__locate{color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:6px;padding:10px 12px;font-size:.95rem;display:flex}.ask__locate:hover{color:var(--ink);background:var(--highlight-wash)}.ask__send{background:var(--primary);color:var(--paper)}.ask__send:hover:not(:disabled){background:var(--primary-hover);color:var(--ink)}.ask__send:disabled{background:var(--ink-10);color:var(--muted);cursor:default}.trip-form{background:var(--paper);border:1.5px solid var(--ink);border-radius:16px;align-items:center;gap:4px;padding:2px 6px 2px 14px;display:flex}.trip-form:focus-within{border-color:var(--primary);outline:3px solid var(--highlight-wash)}.trip-form__ends{flex:1;min-width:0}.trip-form__row{align-items:center;gap:12px;min-height:50px;display:flex;position:relative}.trip-form__row:first-child:after{content:"";background:radial-gradient(circle, var(--muted) 1.5px, transparent 2px) 0 0 / 4px 20% repeat-y;width:4px;height:calc(100% - 18px);position:absolute;top:calc(50% + 9px);left:6px}.trip-form__row+.trip-form__row:before{content:"";border-top:1px solid var(--line);position:absolute;top:0;left:28px;right:0}.trip-form__icon{width:16px;color:var(--ink);flex:none;place-items:center;display:grid}.trip-form__icon svg{width:16px;height:16px}.trip-form__input{min-width:0;font:inherit;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-size:16px}.trip-form__input:focus-visible{outline:none}.trip-form__input::placeholder{color:var(--muted)}.trip-form__locate{width:40px;height:40px;color:var(--muted);border-radius:999px;flex:none;place-items:center;display:grid}.trip-form__locate:hover{color:var(--ink);background:var(--highlight-wash)}.trip-form__locate svg{width:20px;height:20px}.trip-bar,.trip-reset,.stage__back{z-index:3;background:var(--paper);border:1px solid var(--line);border-radius:999px;height:40px;position:absolute;top:12px;left:12px}.trip-bar{left:60px;right:calc(12px + var(--corner-width) + 8px);text-align:left;align-items:center;gap:10px;padding:0 14px;font-size:.95rem;display:flex}.trip-bar__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.trip-reset,.stage__back{place-items:center;width:40px;display:grid}.trip-reset svg,.stage__back svg{width:18px;height:18px}.suggest{z-index:4;background:var(--paper);border:1px solid var(--line);border-radius:8px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.suggest--down{max-height:calc(50svh - 100px);top:calc(100% + 8px);bottom:auto;overflow-y:auto}.suggest__item{text-align:left;width:100%;transition:background .2s var(--ease-out);border-radius:6px;align-items:center;gap:14px;padding:12px 14px;display:flex}.suggest__item.is-active{background:var(--bg)}.suggest__icon{color:var(--muted);flex:none;display:grid}.suggest__icon svg{width:21px;height:21px}.suggest__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);overflow:hidden}.suggest__text strong{color:var(--ink);font-weight:600}.menu{z-index:5;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:6px;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility .3s ease-in-out;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.stage:not(.is-located) .menu{top:calc(100% + 8px);bottom:auto}.menu:not(.is-open){opacity:0;visibility:hidden;transform:translateY(8px)}.menu__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 14px;display:flex}.menu__label{align-items:center;gap:12px;display:flex}.menu__label svg{width:21px;height:21px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.88rem}.chip:hover{border-color:var(--ink-30)}.chip.is-on{background:var(--primary);border-color:var(--primary);color:var(--paper)}.chip.is-on:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--ink)}.card{z-index:3;top:calc(var(--bar) + 52px);width:min(var(--card-width), calc(100% - 48px));max-height:calc(100% - var(--bar) - 52px - var(--dock-height) - 40px);background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;display:flex;position:absolute;left:24px;overflow-y:auto}.card__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.icon-btn{border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.icon-btn:hover{background:var(--bg)}.icon-btn svg{width:18px;height:18px}.card__pickup{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 16px;font-size:.88rem;display:flex}.card__pickup .dot{margin-top:4px}.card__warn{color:var(--start-and-pickup-text);margin-bottom:4px;display:block}.code{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75em;font-weight:500}.sort{border-bottom:1px solid var(--line);gap:6px;padding:10px 16px;display:flex}.sort__btn{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.sort__btn svg{width:18px;height:18px}.sort__btn:hover{color:var(--ink);border-color:var(--ink-30)}.sort__btn.is-on{background:var(--primary);border-color:var(--primary);color:var(--paper)}.sort__btn.is-on:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--ink)}.row{text-align:left;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;width:calc(100% + 32px);margin:0 -16px;padding:10px 16px;display:grid}button.row:hover{background:var(--bg)}.row.is-selected,button.row.is-selected:hover{background:var(--highlight-wash);box-shadow:inset 3px 0 0 var(--primary)}.row__route{color:var(--ink);margin-top:2px}.facts{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 12px;font-size:.8rem;display:flex}.fact{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.fact svg{flex:none;width:14px;height:14px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row__rank{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid}.row.is-best .row__rank{background:var(--primary);border-color:var(--primary);color:var(--paper)}.row__body{min-width:0}.row__tag{background:var(--primary);color:var(--paper);letter-spacing:.02em;vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.68rem;font-weight:700}.card__chance{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;font-weight:800;display:inline-flex}.card__list{min-height:96px;margin:0;padding:0 16px;list-style:none;overflow-y:auto}.card>:not(.card__list){flex-shrink:0}.card__list>li{border-bottom:1px solid var(--line);font-size:.9rem}.card__list li:last-child{border-bottom:0}.card__more{color:var(--primary);border-radius:6px;align-items:center;gap:6px;margin:0 16px 8px;padding:6px 10px;font-size:.85rem;font-weight:600;display:flex}.card__more:hover{background:var(--highlight-wash)}.card__more svg{width:18px;height:18px}.card__list li.is-muted{color:var(--muted)}.card__name{min-width:0}.card__skeleton{grid-template-columns:1fr 1fr 48px!important}.card__skeleton span{background:linear-gradient(90deg, #0b0b0b0d 0%, var(--ink-10) 50%, #0b0b0b0d 100%) 0 0 / 200% 100%;border-radius:4px;height:14px;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.card__legend{border-top:1px solid var(--line);color:var(--muted);padding:10px 16px;font-size:.75rem}.card__legend-title{margin-bottom:4px}.card__legend-items{white-space:nowrap;justify-content:space-between;gap:10px;display:flex}.card__legend span{align-items:center;gap:4px;display:inline-flex}.swatch{border:1px solid var(--paper);width:12px;height:12px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;display:inline-block}.swatch--0{background:var(--free-less-than-50)}.swatch--1{background:var(--free-50-to-80)}.swatch--2{background:var(--free-80-to-95)}.swatch--3{background:var(--free-95-or-more)}.swatch--none{background:var(--station-no-forecast)}.card__legend-title--lanes{margin-top:8px}.lane-swatch{border-top:3px solid;flex:none;width:18px;display:inline-block}.lane-swatch--separated{border-top-width:5px;border-top-color:var(--bike-lane-separated)}.lane-swatch--painted{border-top-color:var(--bike-lane-painted)}.lane-swatch--shared{border-top-style:dotted;border-top-color:var(--bike-lane-shared)}.maplibregl-popup-content{font-family:var(--font);border-radius:8px;padding:10px 28px 10px 12px;font-size:.82rem;line-height:1.4}.rate{border-top:1px solid var(--line);gap:8px;padding:10px 16px 12px;font-size:.85rem;display:grid}.rate__ask{align-items:center;gap:4px;display:flex}.rate__ask span{margin-right:auto}.icon-btn.is-on{background:var(--highlight-wash);color:var(--primary)}.icon-btn:disabled,.chip:disabled{opacity:.5;cursor:default}.rate__comment{gap:6px;display:flex}.rate__comment input{border:1px solid var(--line);min-width:0;font:inherit;border-radius:6px;flex:1;padding:6px 10px}.rate__privacy{font-size:.72rem}.rate__error{color:var(--error);font-size:.8rem}.trip-check{background:var(--free-95-or-more);color:var(--paper);border-radius:8px;gap:10px;margin-bottom:8px;padding:14px 44px 14px 16px;font-size:.9rem;display:grid;position:relative}.trip-check .chip{color:var(--paper);border-color:#ffffff80}.trip-check .chip:hover:not(:disabled){background:var(--paper);border-color:var(--paper);color:var(--free-95-or-more)}.trip-check .icon-btn:hover{background:#ffffff26}.trip-check .muted{color:#ffffffbf}.trip-check .rate__error{color:var(--paper);font-weight:600}.trip-check__close{position:absolute;top:8px;right:8px}@media (max-width:700px){:root{--bar:0px}.topbar{background:0 0;border:0;height:auto;padding:0;position:absolute;top:12px;left:auto;right:12px}.topbar__brand,.topbar__status{display:none}.topbar__end{background:var(--paper);border:1px solid var(--line);border-radius:999px;gap:2px;height:40px;padding:2px 4px}.topbar__end .lang{border:0}.lang__btn{padding:4px 6px}.lang__code,.topbar__help{display:none}.topbar:has(~.stage.is-located) .topbar__help{background:var(--paper);border-radius:50%;width:24px;height:24px;display:grid;position:fixed;top:102px;left:10px}.topbar__help svg{width:20px;height:20px}.stage .maplibregl-ctrl-top-left{top:8px}.stage.is-located .maplibregl-ctrl-top-left{top:60px}.topbar:has(~.stage .maplibregl-compact-show){z-index:0}.stage .maplibregl-ctrl-top-right{display:none}.card.drawer{width:100%;max-height:calc(100% - 64px);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px var(--ink-10);transform:translateY(max(0px, calc(100% - var(--peek) + var(--drag))));transition:transform .3s var(--ease-out);border-width:1px 0 0;border-radius:16px 16px 0 0;top:auto;bottom:0;left:0;overflow-y:hidden}.card.drawer.is-open{transform:translateY(max(0px, var(--drag)));overflow-y:auto}.card.drawer.is-dragging{transition:none}.card.drawer:not(.is-open) .sort,.card.drawer:not(.is-open) .card__head .muted,.card.drawer:not(.is-open) .row__route{display:none}.drawer__handle{z-index:2;background:var(--paper);touch-action:none;cursor:grab;flex:none;place-items:center;width:100%;height:24px;display:grid;position:sticky;top:0}.drawer__grabber{background:var(--ink-30);border-radius:2px;width:40px;height:4px}.drawer .trip-check{margin:8px 12px 12px}.card__list{flex:none;min-height:0;overflow:visible}.card__head{z-index:1;background:var(--paper);position:sticky;top:24px}.card__legend-items{flex-wrap:wrap;justify-content:flex-start;gap:4px 14px}.dock__context{text-align:center;flex-direction:column;align-items:stretch}.ask__locate span,.sort__btn span{display:none}.menu__scrim{z-index:4;background:var(--ink-30);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:fixed;inset:0}.menu__scrim.is-open{opacity:1;visibility:visible}.stage .menu.menu--sheet{height:50svh;padding:4px 6px calc(16px + env(safe-area-inset-bottom));transition:transform .3s var(--ease-out), visibility .3s var(--ease-out);border-width:1px 0 0;border-radius:16px 16px 0 0;position:fixed;top:auto;bottom:0;overflow-y:auto}.stage .menu.menu--sheet:not(.is-open){opacity:1;transform:translateY(100%)}.menu__head{justify-content:space-between;align-items:center;padding:8px 8px 4px 14px;display:flex}.menu__close{border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.menu__close svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.dock,.stage__glass,.menu,.menu__scrim,.card.drawer{transition:none}.card__skeleton span{animation:none}}