@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1{height:var(--spacing)}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.p-0{padding:0}.text-justify{text-align:justify}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#243e37;background:#edeae2;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #b36c39}main{height:100dvh;min-height:500px;position:relative;overflow:hidden}.map.maplibregl-map{width:100%;height:100%;position:absolute;inset:0}.brand{letter-spacing:-1px;pointer-events:none;align-items:center;gap:12px;font-size:25px;font-weight:700;display:flex;position:absolute;top:32px;left:36px}.brand-mark{color:#fffaf0;text-align:center;background:#274e42;border-radius:14px;width:48px;height:48px;font-family:inherit;font-size:32px;line-height:48px}.brand div>span{letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:400;display:block}.explorer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf5f2;border:1px solid #fff;border-radius:22px;width:350px;padding:28px;position:absolute;top:140px;left:36px;box-shadow:0 15px 60px #253c3220}.eyebrow{letter-spacing:1.7px;align-items:center;gap:8px;font-size:9px;display:flex}.eyebrow>span{background:#b57a45;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-1.7px;margin:24px 0 16px;font-family:inherit;font-size:44px;font-weight:400;line-height:1.06}p{color:#6e776f;margin:0 0 26px;font-size:12px;line-height:1.8}.places{gap:7px;display:grid}.place{text-align:left;color:inherit;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:13px;width:100%;padding:12px 10px;display:flex}.place:hover{background:#e9eee6}.place.active{background:#e5ebe1;border-color:#d2ddce}.number{color:#899486;font-size:10px}.place strong{font-size:14px;font-weight:500;display:block}.place small{color:#778273;margin-top:4px;font-size:10px;display:block}.card-footer{color:#899080;border-top:1px solid #e4e6dc;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;font-size:10px;display:flex}.card-footer button{color:#274e42;background:0 0;border:0;font-size:11px}.map-hint{white-space:nowrap;color:#65726a;background:#fffcf5e8;border:1px solid #fff;border-radius:30px;padding:12px 18px;font-size:11px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.map-hint span{padding:0 10px}.status{background:#fffaf0;border-radius:12px;max-width:90%;padding:12px 20px;font-size:12px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.status button{color:#fff;background:#274e42;border:0;border-radius:5px;margin-left:12px;padding:6px 10px}.maplibregl-ctrl-top-right{top:22px!important;right:22px!important}.maplibregl-ctrl-group{overflow:hidden;border-radius:12px!important}@media (max-width:640px){.brand{top:22px;left:20px}.explorer{border-radius:18px;width:auto;padding:18px;inset:auto 12px 38px}.eyebrow{font-size:8px}h1{margin:12px 0;font-size:29px}h1 br:after{content:" "}p{display:none}.places{grid-template-columns:1fr 1fr;gap:4px}.place{gap:8px;padding:10px 8px}.place strong{font-size:12px}.place small{font-size:9px}.number{display:none}.card-footer{margin-top:12px;padding-top:12px}.map-hint{display:none}.status{top:90px}.maplibregl-ctrl-top-right{top:16px!important;right:10px!important}}.scenery-control{border-top:1px solid #e4e6dc;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.scenery-control strong{font-size:12px;font-weight:500;display:block}.scenery-control small{color:#778273;margin-top:5px;font-size:9px;line-height:1.5;display:block}.detail-switch{background:#bcc5b7;border:0;border-radius:20px;flex-shrink:0;width:34px;height:20px;padding:3px;transition:background .2s}.detail-switch[aria-checked=true]{background:#365d49}.detail-switch span{background:#fffdf5;border-radius:50%;width:14px;height:14px;transition:transform .2s;display:block}.detail-switch[aria-checked=true] span{transform:translate(14px)}.detail-switch:disabled{opacity:.4;cursor:wait}@media (max-width:640px){.scenery-control{margin-top:10px;padding-top:10px}.scenery-control small{font-size:8px}.explorer h1{margin:10px 0;font-size:25px}.brand{background:#fffcf5e8;border-radius:16px;padding:10px;top:12px;left:12px}.brand-mark{width:36px;height:36px;font-size:26px;line-height:36px}.brand div>span{font-size:8px}.brand{font-size:21px}}@media (min-width:641px){.explorer{max-height:calc(100dvh - 136px);padding:24px;top:112px;overflow-y:auto}.explorer h1{margin:18px 0 12px;font-size:38px}.explorer p{margin-bottom:16px}.place{padding:10px}.card-footer{margin-top:16px;padding-top:14px}.brand{background:#fffcf5e8;border-radius:16px;padding:8px 12px;top:20px}.scenery-control{margin-top:14px}}@media (min-width:641px) and (max-height:800px){.explorer p{display:none}.explorer h1{margin:14px 0;font-size:34px}.explorer{padding:22px}.place{padding:9px}.scenery-control{margin-top:10px}.card-footer{margin-top:12px;padding-top:10px}}h1{letter-spacing:-1.4px;font-weight:650}.maplibregl-map{font-family:inherit}.theme-control{font-size:12px}.theme-control strong{font-weight:500}@media (prefers-reduced-motion:reduce){.detail-switch,.detail-switch span{transition:none}}main[data-theme]{--sheet:#f6f7f9f0;--glass:#ffffffeb;--glass-edge:#fffc;--glass-shadow:0 8px 30px #1e232d29;--fg:#111113;--muted:#6c6c72;--tint:#007aff;--field:#7676801f;--hairline:#3c3c4321;color:var(--fg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}main[data-theme=dark]{--sheet:#1c2128f0;--glass:#2c3139eb;--glass-edge:#ffffff1f;--glass-shadow:0 8px 30px #00000073;--fg:#f2f3f5;--muted:#9c9ca4;--tint:#0a84ff;--field:#7676803d;--hairline:#ebebf51f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#11161d}main[data-theme] :is(.explorer,.brand,.map-hint,.status,.maplibregl-ctrl-group,.maplibregl-ctrl-attrib){background:var(--sheet);color:var(--fg);-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8);box-shadow:var(--glass-shadow),inset 0 0 0 .5px var(--glass-edge);border:0}main[data-theme] .explorer{border-radius:32px}main[data-theme] .brand{border-radius:22px}main[data-theme] :is(.map-hint,.status,.maplibregl-ctrl-group,.maplibregl-ctrl-attrib){background:var(--glass)}main[data-theme] .brand-mark{background:var(--field);color:var(--fg)}main[data-theme] :is(p,.number,.place small,.scenery-control small,.card-footer,.map-hint,.brand div>span){color:var(--muted)}main[data-theme] .place{border-color:#0000;border-radius:16px}main[data-theme] .place.active{background:var(--field);border-color:var(--hairline)}main[data-theme] .place:hover{background:var(--field)}main[data-theme] :is(.card-footer,.scenery-control){border-color:var(--hairline)}main[data-theme] .card-footer button{color:var(--tint)}main[data-theme] .eyebrow>span{background:var(--tint)}main[data-theme] .detail-switch{background:var(--field)}main[data-theme] .detail-switch[aria-checked=true]{background:var(--tint)}main[data-theme] .detail-switch span{background:#fff;box-shadow:0 1px 3px #0003}main[data-theme] .status button{background:var(--tint);color:#fff}main[data-theme] .maplibregl-ctrl-attrib a{color:var(--muted)}main[data-theme] .maplibregl-ctrl-group button+button{border-color:var(--hairline)}main[data-theme=dark] .maplibregl-ctrl-icon{filter:invert()}button:focus-visible{outline-color:var(--tint,#1a8fd6)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){main[data-theme]{--sheet:#fafaf8;--glass:#fff}main[data-theme=dark]{--sheet:#18191d;--glass:#26282e}}@media (prefers-reduced-transparency:reduce){main[data-theme]{--sheet:#fafaf8;--glass:#fff}main[data-theme=dark]{--sheet:#18191d;--glass:#26282e}main[data-theme] :is(.explorer,.brand,.map-hint,.status,.maplibregl-ctrl-group,.maplibregl-ctrl-attrib){-webkit-backdrop-filter:none;backdrop-filter:none}}.places{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.place{text-align:center;flex-direction:column;gap:5px;min-width:0;padding:10px 6px 12px}.location-art{aspect-ratio:1;filter:drop-shadow(0 5px 5px #0001);background-image:url(/illustrations/lisbon-locations-cards.webp);background-repeat:no-repeat;background-size:200% 200%;width:100%;max-width:120px;display:block}.location-art-0{background-position:0 0}.location-art-1{background-position:100% 0}.location-art-2{background-position:0 100%}.location-art-3{background-position:100% 100%}main[data-theme] .place{background:var(--field);border:1px solid #0000;transition:background .15s,border-color .15s}main[data-theme] .place.active{border-color:var(--tint);background:var(--tint)}@supports (color:color-mix(in lab, red, red)){main[data-theme] .place.active{background:color-mix(in srgb,var(--tint) 13%,var(--field))}}.place strong{font-size:12px}.card-footer{justify-content:flex-end}.explorer h1{font-size:30px}.brand div{line-height:1}.brand{gap:8px}@media (min-width:641px) and (max-height:800px){.location-art{max-width:95px}.explorer h1{font-size:28px}}@media (max-width:640px){.location-art{max-width:70px}.places{gap:7px}.place{padding:6px}.explorer h1{font-size:23px}.explorer{padding:16px}.scenery-control{margin-top:8px;padding-top:8px}}.places .place strong{font-size:16px;font-weight:600;line-height:1.3}.scenery-control strong,.theme-control{font-size:15px;line-height:1.4}.card-footer button{padding:5px 0;font-size:14px}@media (max-width:640px){.places .place strong,.scenery-control strong,.theme-control{font-size:15px}.card-footer button{font-size:14px}}.theme-control[hidden]{display:none}.location-art{max-width:82px}.location-art-4,.location-art-5{background-image:url(/illustrations/lisbon-more-locations-cards.webp);background-size:200% 100%}.location-art-4{background-position:0}.location-art-5{background-position:100%}.places .place{gap:3px;padding:8px 5px}.places .place strong{min-height:21px}@media (min-width:641px) and (max-height:800px){.location-art{max-width:72px}.places .place strong{font-size:15px}.places{gap:8px}}@media (max-width:640px){.location-art{max-width:55px}.places{grid-template-columns:repeat(3,minmax(0,1fr))}.places .place strong{align-items:center;min-height:31px;font-size:12px;display:flex}.explorer{max-height:52dvh;overflow-y:auto}}.location-art-4,.location-art-5{background-size:200%}.transit-card{z-index:2;background:var(--sheet);width:238px;color:var(--fg);-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8);box-shadow:var(--glass-shadow),inset 0 0 0 .5px var(--glass-edge);border-radius:24px;padding:16px;position:absolute;top:20px;right:24px}.transit-heading{justify-content:space-between;align-items:center;gap:8px;font-size:16px;display:flex}.transit-status{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.transit-status:before{content:"";background:#b69a61;border-radius:50%;width:6px;height:6px}.transit-status.live:before{background:#35c881}.transit-filters{background:var(--field);border-radius:10px;gap:3px;margin:13px 0 10px;padding:3px;display:flex}.transit-filters button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:7px 0;font-size:12px}.transit-filters button[aria-pressed=true]{background:var(--sheet);color:var(--fg);box-shadow:0 2px 5px #0002}.find-vehicle{background:var(--field);width:100%;color:var(--tint);border:0;border-radius:10px;padding:10px;font-size:13px}.find-vehicle:disabled{color:var(--muted);cursor:default}.transit-source{color:var(--muted);text-align:center;margin-top:10px;font-size:9px;text-decoration:none;display:block}.vehicle-label{color:#242521;background:#f4c539;border:1px solid #fff8;border-radius:8px;min-width:30px;padding:3px 7px;font:700 12px ui-rounded,system-ui,sans-serif;box-shadow:0 2px 6px #0005}.vehicle-detail{border-top:1px solid var(--hairline);margin-top:12px;padding-top:12px}.vehicle-detail>div{justify-content:space-between;align-items:center;display:flex}.vehicle-detail>div>button{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:22px;line-height:1}.vehicle-detail p{color:var(--fg);margin:7px 0;font-size:12px;line-height:1.5;display:block}.vehicle-detail>span{color:var(--muted);font-size:10px}@media (max-width:640px){.transit-card{border-radius:18px;width:auto;padding:12px;top:75px;left:12px;right:12px}.transit-heading{font-size:14px}.transit-filters{margin:8px 0}.transit-filters button{padding:5px}.transit-source{margin-top:6px;font-size:8px}.find-vehicle{padding:7px}.vehicle-detail{margin-top:8px;padding-top:8px}.vehicle-detail p{font-size:11px}.explorer{max-height:46dvh}.explorer h1{margin:7px 0;font-size:20px}.location-art{max-width:46px}.places .place strong{min-height:27px;font-size:11px}}.vehicle-stops{gap:8px;margin:12px 0;display:grid}.vehicle-stops>div{justify-content:space-between;gap:12px;display:flex}.vehicle-stops dt{opacity:.65;flex-shrink:0;font-size:12px}.vehicle-stops dd{text-align:right;margin:0;font-size:13px}.metro-option{margin-top:10px}.metro-option button{color:inherit;background:#e5404c20;border:0;border-radius:10px;padding:7px 10px;font-size:13px}.metro-option span{opacity:.65;margin-top:5px;font-size:11px;display:block}.vehicle-label-stops{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#243e37;white-space:normal;text-align:left;pointer-events:none;background:#f5f7fae6;border-radius:13px;gap:5px;min-width:210px;max-width:260px;padding:10px 12px;font-weight:500;display:grid;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0002}.vehicle-label-stops>span{justify-content:space-between;gap:12px;font-size:12px;display:flex}.vehicle-label-stops small{opacity:.65;white-space:nowrap;font-size:10px}.vehicle-label-stops>span>span{text-align:right}.vehicle-detail>span{margin-top:6px;display:block}.vehicle-label.selected{z-index:3}.vehicle-label-stops{background:var(--sheet);color:var(--fg);border:1px solid var(--glass-edge);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s}.vehicle-label:hover .vehicle-label-stops,.vehicle-label:focus-visible .vehicle-label-stops{visibility:visible;opacity:1}.vehicle-label:hover,.vehicle-label:focus-visible{z-index:4}@media (hover:none){.vehicle-label.selected .vehicle-label-stops{visibility:visible;opacity:1}}.vehicle-sheet{z-index:4;background:var(--sheet);width:340px;max-height:65dvh;color:var(--fg);-webkit-backdrop-filter:blur(32px)saturate(1.7);backdrop-filter:blur(32px)saturate(1.7);box-shadow:0 18px 60px #0004,inset 0 0 0 1px var(--glass-edge);border-radius:28px;padding:14px 20px 18px;position:absolute;bottom:26px;right:24px;overflow-y:auto}.sheet-handle{background:var(--muted);opacity:.45;border-radius:9px;width:42px;height:4px;margin:0 auto 16px}.vehicle-sheet header,.vehicle-sheet header>div{align-items:center;gap:12px;display:flex}.vehicle-sheet header{justify-content:space-between}.vehicle-sheet header small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.sheet-route-badge{color:#242521;background:#f4c539;border-radius:13px;padding:10px 12px;font-size:22px;font-weight:750}.vehicle-sheet header>button{background:var(--field);width:28px;height:28px;color:var(--muted);border:0;border-radius:50%;font-size:22px}.vehicle-sheet>p{color:var(--muted);margin:12px 0;font-size:13px;line-height:1.4;display:block}.vehicle-sheet .vehicle-stops{background:var(--field);border-radius:17px;gap:11px;margin:16px 0;padding:13px}.vehicle-sheet>span{color:var(--muted);margin-top:8px;font-size:11px;display:block}.sheet-stops h3{color:var(--muted);margin:16px 0 8px;font-size:13px;font-weight:600}.sheet-stops ol{max-height:190px;margin:0;padding:0;list-style:none;overflow:auto}.sheet-stops li{border-bottom:1px solid var(--hairline);align-items:center;gap:11px;padding:10px 6px;font-size:13px;display:flex}.sheet-stops li.upcoming{background:var(--field);color:var(--tint);border-radius:12px}.stop-sequence{text-align:center;width:24px;color:var(--muted);flex-shrink:0;font-size:11px}.sheet-stops small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.vehicle-sheet footer{color:var(--muted);justify-content:space-between;gap:8px;margin-top:14px;font-size:9px;display:flex}.vehicle-label-stops{background:var(--sheet);-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8);min-width:225px;max-width:275px;box-shadow:0 12px 35px #0003,inset 0 0 0 .5px var(--glass-edge);border:0;border-radius:20px;gap:9px;padding:13px 15px}.vehicle-label-stops>span{font-size:13px;font-weight:550}.vehicle-label-stops small{opacity:.65;font-size:11px}.map-weather{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.map-weather.clear{display:none}.weather-control{background:var(--sheet);color:var(--fg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:2;box-shadow:var(--glass-shadow);border-radius:15px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.weather-control>span{color:var(--muted);padding:0 8px;font-size:11px}.weather-control button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px 10px;font-size:12px}.weather-control button[aria-pressed=true]{background:var(--field);color:var(--fg)}.weather-control small{color:var(--muted);font-size:9px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}@media (max-width:640px){.vehicle-sheet{z-index:5;width:auto;max-height:62dvh;bottom:12px;left:12px;right:12px}.weather-control{top:19px;left:auto;right:12px;transform:none}.weather-control>span{display:none}.weather-control button{padding:6px 8px}}@media (prefers-reduced-transparency:reduce){.vehicle-sheet,.vehicle-label-stops,.weather-control{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}}.vehicle-label-stops{left:auto;right:0;transform:none}.brand,.explorer{z-index:2}.vehicle-sheet .sheet-stops ol{scrollbar-width:thin}.vehicle-sheet:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.vehicle-sheet{-webkit-backdrop-filter:blur(36px)saturate(1.6);backdrop-filter:blur(36px)saturate(1.6);background:var(--sheet);border:1px solid var(--glass-edge);width:365px}.vehicle-sheet header>button{flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;line-height:1;display:grid}.vehicle-sheet header strong{font-size:20px}.vehicle-sheet header small{font-size:14px}.vehicle-sheet>p{font-size:15px}.vehicle-sheet .find-vehicle{padding:13px;font-size:16px;font-weight:700}.vehicle-sheet .vehicle-stops dt{font-size:14px}.vehicle-sheet .vehicle-stops dd{font-size:15px}.vehicle-sheet>span{font-size:12px}.sheet-stops h3{font-size:15px}.sheet-stops li{padding:12px 6px;font-size:15px}.sheet-stops small{font-size:12px}.stop-sequence{font-size:13px}.transit-heading{font-size:18px}.transit-status{font-size:12px}.transit-filters button{font-size:14px}.find-vehicle{font-size:15px}.metro-option button{font-size:14px}.metro-option span{font-size:12px}.transit-source{font-size:11px}.vehicle-label{padding:5px 9px;font-size:14px}.vehicle-label-stops>span{font-size:14px}.vehicle-label-stops small{font-size:12px}.weather-control button{font-size:14px;font-weight:550}.weather-divider{background:var(--hairline);width:1px;height:20px;margin:0 3px;padding:0!important}.weather-control .night-toggle{min-width:54px}.places .place strong{font-size:17px!important}.vehicle-sheet .sheet-stops ol{max-height:180px}@media (max-width:640px){.vehicle-sheet{width:auto}.vehicle-sheet header strong{font-size:19px}.weather-control button{padding:7px;font-size:12px}.places .place strong{font-size:13px!important}.transit-heading{font-size:16px}.transit-filters button{font-size:13px}.weather-control{right:10px}.brand{max-width:132px}.weather-control .night-toggle{min-width:42px}}.metro-arrivals label{color:var(--muted);margin:10px 0 5px;font-size:12px;display:block}.metro-arrivals select{background:var(--field);border:1px solid var(--hairline);width:100%;color:var(--fg);font:inherit;border-radius:9px;padding:8px;font-size:14px}.metro-arrival{border-top:1px solid var(--hairline);margin-top:10px;padding-top:10px}.metro-arrival strong{font-size:13px}.metro-arrival>div{gap:6px;display:flex}.metro-arrival>div>span{color:var(--fg);background:var(--field);opacity:1;border-radius:8px;padding:6px 8px;font-size:13px}.metro-train-label{color:#d7f1ff;background:#183f69e6;border:1px solid #bce9ff99;border-radius:9px;padding:5px 9px;font:650 13px ui-rounded,system-ui,sans-serif;box-shadow:0 2px 10px #0004}.metro-estimate{color:var(--muted);font-size:11px}.sheet-stops ol{overscroll-behavior:contain;scroll-padding:12px}.sheet-stops li.upcoming{background:var(--tint)}@supports (color:color-mix(in lab, red, red)){.sheet-stops li.upcoming{background:color-mix(in srgb,var(--tint) 15%,transparent)}}.sheet-stops li.upcoming{box-shadow:inset 3px 0 var(--tint);font-weight:650}.sheet-stops li.upcoming .stop-sequence{background:var(--tint);color:#fff;border-radius:50%;height:24px;line-height:24px}.sheet-stops li.upcoming small{color:var(--tint);font-weight:550}.sheet-stops li.passed{color:var(--muted)}button:focus-visible,.sheet-stops ol:focus-visible{outline:2px solid var(--tint,#007aff);outline-offset:3px}.vehicle-sheet{flex-direction:column;max-height:calc(100dvh - 120px);display:flex;overflow:hidden}.vehicle-sheet>*{flex-shrink:0}.vehicle-sheet .sheet-stops{flex-direction:column;flex:auto;min-height:90px;display:flex;overflow:hidden}.vehicle-sheet .sheet-stops ol{flex:auto;min-height:0}@media (max-height:620px){.vehicle-sheet{max-height:calc(100dvh - 32px);overflow-y:auto}.vehicle-sheet .sheet-stops{min-height:145px}}.vehicle-speed{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:14px;display:flex}.vehicle-speed strong{color:var(--fg);font-variant-numeric:tabular-nums;font-size:16px}.sheet-stops li{border-bottom:0;gap:12px;min-height:68px;margin:0;position:relative}.sheet-stops .stop-sequence{flex-shrink:0;align-self:stretch;place-items:center;width:22px;display:grid;position:relative}.sheet-stops .stop-sequence:before{content:"";background:var(--tint);width:2px;position:absolute;top:-12px;bottom:-12px;left:10px}.sheet-stops li:first-child .stop-sequence:before{top:50%}.sheet-stops li:last-child .stop-sequence:before{bottom:50%}.sheet-stops .stop-dot{border:2px solid var(--tint);background:var(--sheet);z-index:1;border-radius:50%;width:10px;height:10px;position:relative}.sheet-stops li.upcoming .stop-sequence{background:0 0;border-radius:0;height:auto;line-height:normal}.sheet-stops li.upcoming .stop-dot{background:var(--tint);width:16px;height:16px;box-shadow:0 0 0 4px var(--tint)}@supports (color:color-mix(in lab, red, red)){.sheet-stops li.upcoming .stop-dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--tint) 16%,transparent)}}.sheet-stops li.passed .stop-sequence:before{background:var(--muted);opacity:.45}.sheet-stops li.passed .stop-dot{border-color:var(--muted)}.metro-option .metro-toggle{background:var(--field);border:1px solid var(--hairline);text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.metro-option span{opacity:1;margin-top:0}.metro-symbol,.vehicle-sheet .metro-symbol{color:#fff;background:#e83342;border-radius:10px;place-items:center;min-width:34px;min-height:34px;font-size:22px;font-weight:800;display:grid}.metro-toggle strong{font-size:15px}.metro-option .metro-toggle-state{color:var(--muted);margin-left:auto;font-size:12px}.metro-toggle[aria-pressed=true] .metro-toggle-state{color:var(--tint)}.metro-panel{margin-top:10px}.metro-picker{position:relative}.metro-picker summary{cursor:pointer;background:var(--field);border:1px solid var(--hairline);border-radius:14px;padding:12px;list-style:none}.metro-picker summary::-webkit-details-marker{display:none}.metro-picker summary:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.metro-option .metro-picker-caption{color:var(--muted);margin-bottom:4px;font-size:11px}.metro-picker summary>strong{margin-bottom:8px;font-size:15px;display:block}.metro-line-badges{flex-wrap:wrap;gap:4px;display:flex!important}.metro-option .metro-line-badge,.metro-line-badge{color:#101820;border-radius:6px;align-items:center;padding:3px 7px;font-weight:750;line-height:1.2;font-size:10px!important;display:inline-flex!important}.metro-station-options{overscroll-behavior:contain;background:var(--sheet);border:1px solid var(--hairline);max-height:240px;box-shadow:var(--glass-shadow);border-radius:14px;margin-top:5px;padding:5px;overflow-y:auto}.metro-option .metro-station-options button{text-align:left;background:0 0;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 8px;display:flex}.metro-station-options button strong{font-size:13px;font-weight:550}.metro-option .metro-station-options button:hover,.metro-option .metro-station-options button[aria-current]{background:var(--tint)}@supports (color:color-mix(in lab, red, red)){.metro-option .metro-station-options button:hover,.metro-option .metro-station-options button[aria-current]{background:color-mix(in srgb,var(--tint) 15%,transparent)}}.metro-option .metro-estimate{color:var(--muted);margin-top:8px;font-size:11px}.metro-card-lines{margin:16px 0}.metro-board-heading{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 8px;display:flex}.metro-board-heading>strong{font-size:16px}.metro-board-heading>span{color:var(--muted);font-size:12px}.metro-departures{flex:auto;min-height:0;overflow:auto}.metro-departure{border-top:1px solid var(--hairline);padding:14px 0}.metro-departure>div:first-child{align-items:center;gap:9px;font-size:15px;display:flex}.metro-platform-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.metro-times{gap:8px;margin-top:10px;display:flex}.metro-times>span{background:var(--field);font-variant-numeric:tabular-nums;border-radius:10px;padding:9px 12px;font-size:18px;font-weight:650}.metro-times>span:first-child{background:var(--tint)}@supports (color:color-mix(in lab, red, red)){.metro-times>span:first-child{background:color-mix(in srgb,var(--tint) 15%,transparent)}}.metro-times>span:first-child{color:var(--tint)}.metro-times small{font-size:11px;font-weight:500}.weather-control button[aria-label*=rain\ sound]{place-items:center;min-width:36px;min-height:34px;padding:8px;display:grid}.metro-option .metro-symbol{flex-shrink:0;place-items:center;font-size:22px;display:grid}.view-switch{z-index:5;background:var(--sheet);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:13px;gap:3px;padding:4px;display:flex;position:absolute;top:28px;left:205px}.view-switch button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 14px;font-size:14px;font-weight:650}.view-switch button[aria-pressed=true]{background:var(--field);color:var(--fg)}.metro-view-key{z-index:2;border:1px solid var(--hairline);background:var(--sheet);border-radius:18px;padding:18px 20px;position:absolute;bottom:35px;left:28px}.metro-view-key>strong{font-size:19px}.metro-view-key>div{gap:14px;margin:12px 0;display:flex}.metro-view-key span{align-items:center;gap:6px;font-size:12px;display:flex}.metro-view-key i{border-radius:50%;width:8px;height:8px}.metro-view-key small{color:var(--muted);font-size:11px}[data-view=metro] .transit-card [hidden]{display:none!important}[data-view=metro] .metro-option{margin-top:0}[data-view=metro] .metro-toggle:disabled{opacity:1;cursor:default}@media (max-width:640px){.view-switch{top:18px;left:auto;right:12px}.metro-view-key{padding:12px;bottom:28px;left:12px}.metro-view-key>strong{font-size:16px}}.vehicle-sheet button.sheet-handle{opacity:1;cursor:pointer;background:0 0;border:0;flex-shrink:0;width:100%;height:20px;min-height:20px;margin:-5px 0 10px;padding:0;display:block}.vehicle-sheet button.sheet-handle:after{content:"";background:var(--muted);opacity:.5;border-radius:8px;width:42px;height:4px;margin:auto;display:block}.vehicle-sheet button.sheet-handle:hover:after{background:var(--tint);opacity:1}.vehicle-sheet[data-collapsed=true]>:not(header):not(.sheet-handle):not(.find-vehicle):not(.metro-card-lines){display:none!important}.vehicle-sheet[data-collapsed=true] header{margin-bottom:14px}.vehicle-sheet[data-collapsed=true]{overflow:visible}.vehicle-sheet[data-collapsed=true] .metro-card-lines{margin-top:0}.metro-train-label{align-items:center;gap:6px;padding:4px 8px 4px 4px;display:flex;transition:none!important}.metro-pill-icon{color:#101820;border-radius:6px;place-items:center;width:22px;height:22px;font-size:14px;font-weight:800;display:grid}.metro-train-label strong{font-variant-numeric:tabular-nums;font-size:13px}.explorer,.place,.transit-card,.vehicle-sheet,.metro-view-key,.metro-station-options,.metro-picker summary,.metro-option .metro-toggle,.weather-control,.view-switch,.vehicle-label-stops{border:2px solid var(--glass-edge,var(--hairline,#ffffff30))}.vehicle-sheet header{gap:8px}.vehicle-sheet header>div:first-child{flex:1;min-width:0}.vehicle-sheet header>.sheet-collapse{margin-left:auto}.vehicle-sheet .find-vehicle[aria-pressed=true]{color:#fff;background:#dc3545;border-color:#dc3545}.metro-times>span{font-variant-numeric:tabular-nums}.station-illustration{object-fit:contain;filter:drop-shadow(0 3px 4px #0002);flex:0 0 48px;width:48px;height:48px}.metro-option .station-option-name,.metro-picker summary>.station-picker-name{align-items:center;gap:10px;min-width:0;display:flex}.station-option-name strong{overflow-wrap:anywhere}.metro-station-options .metro-line-badges{flex-shrink:0}[data-view=city] .transit-card{display:none}.explorer-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.explorer-collapse{background:var(--field);min-width:44px;min-height:44px;color:var(--fg);border:0;border-radius:50%;place-items:center;display:grid}.explorer[data-collapsed=true]>.places{display:none}.explorer-heading h1{margin:0;font-size:25px}.explorer:not([data-collapsed=true]) .places{margin-top:16px}.transit-filters button{justify-content:center;align-items:center;min-height:44px;display:flex}@media (max-width:640px){.brand{top:max(12px,env(safe-area-inset-top));gap:8px;max-width:140px;padding:8px;font-size:20px;left:12px}.brand-mark{width:36px;height:36px;font-size:26px;line-height:36px}.view-switch{top:max(12px,env(safe-area-inset-top));left:auto;right:12px}.view-switch button{min-height:44px;padding:6px 12px;font-size:15px}.weather-control{top:calc(max(12px,env(safe-area-inset-top)) + 70px);gap:1px;max-width:calc(100% - 24px);padding:3px;left:12px;right:auto;transform:none}.weather-control button{min-width:44px;min-height:44px;padding:6px 8px;font-size:14px}.weather-control .night-toggle{min-width:44px}.explorer{left:12px;right:12px;bottom:calc(24px + env(safe-area-inset-bottom));max-height:42dvh;padding:14px;overflow-y:auto}.explorer-heading h1{margin:0;line-height:1.15;font-size:20px!important}.explorer-heading h1 br{display:none}.explorer .places{grid-template-columns:repeat(3,minmax(0,1fr))}.places .place strong{line-height:1.25;font-size:14px!important}.vehicle-sheet{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:10;max-height:58dvh}.vehicle-sheet header>button{min-width:44px;min-height:44px}.vehicle-sheet header strong{font-size:18px}.vehicle-sheet header small{font-size:14px}.transit-card{width:auto;max-height:35dvh;top:86px;left:12px;right:12px;overflow-y:auto}.metro-station-options{max-height:22dvh}.metro-option button,.metro-station-options button{min-height:44px}.metro-view-key{bottom:calc(24px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}}@media (max-width:360px){.brand{gap:5px;font-size:17px}.view-switch button{padding:5px 8px}.weather-control button{min-width:42px;padding:5px}}main[data-theme] .explorer{border:2px solid var(--glass-edge);background:var(--sheet);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(36px)saturate(1.6)}.explorer .explorer-heading{gap:12px}.explorer .explorer-title{letter-spacing:-.4px;white-space:nowrap;margin:0;font-weight:650;line-height:1.3;font-size:16px!important}.explorer-thumbnails{flex-shrink:0;align-items:center;padding-right:2px;display:flex}.explorer-thumbnails .explorer-thumbnail{border:2px solid var(--sheet);background-color:var(--field);filter:none;border-radius:50%;flex:0 0 36px;width:36px;max-width:none;height:36px;box-shadow:0 2px 5px #0002}.explorer-thumbnail+.explorer-thumbnail{margin-left:-14px}.explorer .explorer-collapse{flex-shrink:0;margin-left:auto}@media (min-width:641px){.explorer{border-radius:24px;width:410px;max-height:calc(100dvh - 140px);padding:14px 16px;top:auto;bottom:28px;left:28px}}@media (max-width:640px){.explorer .explorer-heading{gap:8px}.explorer .explorer-title{font-size:14px!important}.explorer-thumbnails .explorer-thumbnail{flex-basis:28px;width:28px;height:28px}.explorer-thumbnail+.explorer-thumbnail{margin-left:-13px}}@media (max-width:360px){.explorer .explorer-heading{gap:5px}.explorer .explorer-title{font-size:12px!important}.explorer-thumbnails .explorer-thumbnail{flex-basis:24px;width:24px;height:24px}}.metro-option .metro-line-badge,.metro-line-badge{justify-content:center;min-width:26px;min-height:26px;padding:4px 7px;font-size:12px!important}.metro-station-options .station-option-name{flex:1;min-width:0}.metro-station-options .station-option-name strong{overflow-wrap:normal;word-break:normal;white-space:normal;font-size:15px;line-height:1.35}.metro-option .metro-station-options button{gap:12px;padding:12px 10px}.metro-station-options .metro-line-badges{flex-wrap:nowrap}[data-view=metro] .transit-card{background:var(--sheet);border:2px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(36px)saturate(1.6);border-radius:24px}@media (min-width:641px){[data-view=metro] .transit-card{width:410px;padding:14px 16px}}.explorer .explorer-heading{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.explorer[data-collapsed=true]{padding:0}.explorer[data-collapsed=true] .explorer-heading{border-radius:22px;padding:14px 16px}@media (min-width:641px){.explorer .places .location-art{max-width:58px}.explorer .places .place{padding:7px 5px}.explorer .places .place strong{font-size:15px!important}.explorer-thumbnails .explorer-thumbnail{flex-basis:30px;width:30px;height:30px}}[data-view=metro] .metro-view-key{display:none}.metro-picker summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;display:grid}.metro-picker summary>.metro-picker-caption{grid-column:1/-1;margin:0}.metro-picker summary>.station-picker-name{overflow-wrap:normal;grid-column:1;min-width:0;margin:0;line-height:1.35}.metro-picker summary>.metro-line-badges{flex-wrap:nowrap;grid-area:2/2;justify-self:end}.metro-toggle>img{object-fit:contain;flex-shrink:0}@media (min-width:641px){[data-view=metro] .transit-card{width:365px}}[data-view=metro] .metro-sheet{max-height:max(100px,calc(100dvh - var(--metro-card-bottom,280px) - 16px - 28px));overscroll-behavior:contain;overflow-y:auto}@media (max-width:640px){[data-view=metro] .metro-sheet{max-height:max(100px,calc(100dvh - var(--metro-card-bottom,280px) - 16px - 12px - env(safe-area-inset-bottom)))}}.weather-icon{display:none}@media (max-width:640px){.weather-control .weather-label{display:none}.weather-control .weather-icon{display:block}.weather-control button{place-items:center;display:grid}}.metro-picker summary>.station-picker-name,.metro-picker summary>.metro-line-badges{grid-row:1}html[data-card-transition=details] .vehicle-sheet{view-transition-name:vehicle-details}html[data-card-transition=explorer] .explorer{view-transition-name:location-picker}::view-transition-group(root){animation:none}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}::view-transition-group(vehicle-details){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(location-picker){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(vehicle-details){animation:.16s ease-in both card-away}::view-transition-old(location-picker){animation:.16s ease-in both card-away}::view-transition-new(vehicle-details){animation:.22s ease-out both card-arrive}::view-transition-new(location-picker){animation:.22s ease-out both card-arrive}@keyframes card-away{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes card-arrive{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.explorer-collapse,.weather-control button,.view-switch button,.find-vehicle{transition:background-color .16s,color .16s,scale .16s}.explorer-collapse:active,.weather-control button:active,.view-switch button:active,.find-vehicle:active{scale:.95}@media (max-width:640px){.weather-control{left:auto;right:12px;top:calc(max(12px,env(safe-area-inset-top)) + 76px);border-radius:22px;flex-direction:column;gap:8px;width:60px;padding:7px}.weather-control button{width:44px;height:44px;padding:0}.weather-control .weather-divider{width:28px;height:1px;margin:0}.weather-control>small{display:none}}@media (prefers-reduced-motion:reduce){.explorer-collapse,.weather-control button,.view-switch button,.find-vehicle{transition:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.metro-picker .metro-picker-caption{display:none!important}.explorer[data-collapsed=true]>.viewpoint-journey{display:none}.viewpoint-journey{border-top:1px solid var(--hairline);margin-top:12px;padding-top:12px}.viewpoint-trigger{background:var(--field);width:100%;color:var(--fg);border:0;border-radius:12px;justify-content:space-between;min-height:44px;padding:12px;font-size:14px;font-weight:650;display:flex}.viewpoint-body{gap:10px;padding-top:12px;display:grid}.viewpoint-body label,.viewpoint-body small{color:var(--muted);font-size:12px}.viewpoint-body select{width:100%;min-width:0;font:inherit;background:var(--field);color:var(--fg);border:1px solid var(--hairline);border-radius:10px;padding:10px;font-size:14px}.journey-actions{gap:8px;display:flex}.journey-actions button{background:var(--field);color:var(--tint);border:0;border-radius:10px;flex:1;min-height:44px;padding:10px;font-size:13px}.viewpoint-body p{color:var(--fg);margin:0;display:block}.viewpoint-body ol{max-height:140px;margin:0;padding-left:22px;font-size:13px;line-height:1.7;overflow:auto}.viewpoint-body a{color:var(--tint);font-size:13px}.viewpoint-body strong{font-size:15px}.city-conditions{z-index:4;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:24px}.city-compass{border:2px solid var(--glass-edge);background:var(--sheet);width:60px;height:60px;color:var(--fg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:50%;place-items:center;display:grid}.city-temperature{background:var(--sheet);border:2px solid var(--glass-edge);color:var(--fg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:14px;text-decoration:none;display:flex}[data-view=metro] .city-conditions{right:405px}@media (max-width:640px){.city-conditions{gap:6px;top:88px;right:12px}.city-compass{width:52px;height:52px}.city-compass svg{width:44px;height:44px}.city-temperature{padding:6px;font-size:13px}.weather-control{top:208px}.city-conditions .city-temperature svg{width:18px}[data-view=metro] .city-conditions{top:calc(var(--metro-card-bottom,260px) + 16px);right:12px}}.city-compass{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.city-compass:active{cursor:grabbing}.explorer:has(.viewpoint-trigger[aria-expanded=true])>.places{display:none}.explorer:has(.viewpoint-trigger[aria-expanded=true]) .viewpoint-body ol{max-height:120px}.city-conditions,[data-view=metro] .city-conditions{gap:8px;top:18px;right:16px}.city-compass{width:44px;height:44px}.city-compass svg{width:38px;height:38px}.city-temperature{gap:5px;min-height:44px;padding:6px 8px}.weather-miniature{filter:drop-shadow(0 3px 2px #0003);flex:0 0 35px;width:35px;height:30px;display:block;position:relative}.weather-orb{background:radial-gradient(circle at 30% 22%,#fff8bd 0%,#ffd157 45%,#ec8f1b 100%);border-radius:50%;width:24px;height:24px;position:absolute;top:3px;left:7px;box-shadow:inset -2px -3px 4px #ad650733,0 0 7px #f4bf4c33}.cloudy .weather-orb,.wet .weather-orb{width:17px;height:17px;top:0;left:15px}.weather-cloud{background:linear-gradient(150deg,#fff 10%,#e7edf6 50%,#91a7c4);border-radius:12px;width:31px;height:13px;position:absolute;top:14px;left:2px;box-shadow:inset 0 -2px 3px #6b82a44d}.weather-cloud:before,.weather-cloud:after{content:"";background:linear-gradient(140deg,#fff,#d5e0ee);border-radius:50%;position:absolute}.weather-cloud:before{width:17px;height:17px;top:-9px;left:5px}.weather-cloud:after{width:12px;height:12px;top:-5px;right:2px}.weather-drops{background:#63bdff;border-radius:3px;width:3px;height:5px;position:absolute;top:26px;left:9px;transform:rotate(20deg);box-shadow:7px -1px #63bdff,14px -2px #63bdff}.moonlit .weather-orb{background:radial-gradient(circle at 25% 20%,#fffde8,#c9d8ec 65%,#8c9fbe);box-shadow:inset -6px -2px 2px #7182aa88}@media (min-width:641px){[data-view=metro] .transit-card,[data-view=metro] .metro-sheet{right:100px}}@media (max-width:640px){.city-conditions,[data-view=metro] .city-conditions{top:88px;right:12px}.city-compass{width:42px;height:42px}.city-compass svg{width:36px;height:36px}[data-view=metro] .city-conditions{top:calc(var(--metro-card-bottom,260px) + 16px)}.weather-control{top:202px}}.city-conditions,[data-view=metro] .city-conditions{flex-direction:row-reverse;align-items:center;gap:8px}.city-temperature .weather-miniature{transform-origin:50%;flex-basis:28px;width:28px;scale:.8}@media (min-width:641px){[data-view=metro] .transit-card,[data-view=metro] .metro-sheet{right:164px}}.journey-mode{background:var(--field);border-radius:12px;gap:4px;padding:4px;display:flex}.journey-mode button{min-height:44px;color:var(--fg);background:0 0;border:0;border-radius:9px;flex:1;padding:9px 5px;font-size:13px}.journey-mode button[aria-pressed=true]{background:var(--sheet);color:var(--tint);font-weight:700}.journey-settings{grid-template-columns:1fr 1fr;gap:8px;display:grid}.journey-settings label{gap:5px;display:grid}.viewpoint-body input{border:1px solid var(--hairline);background:var(--field);width:100%;color:var(--fg);font:inherit;border-radius:10px;min-height:44px;padding:10px}.journey-options{gap:8px;display:grid}.journey-option{border:2px solid var(--hairline);text-align:left;background:var(--field);color:var(--fg);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.journey-option[aria-pressed=true]{border-color:var(--tint);background:var(--tint)}@supports (color:color-mix(in lab, red, red)){.journey-option[aria-pressed=true]{background:color-mix(in srgb,var(--tint) 12%,var(--field))}}.journey-option>span:first-child{gap:4px;display:grid}.journey-option>small{width:100%}.journey-option-tag{color:var(--tint);font-size:11px;font-weight:650}.viewpoint-body .journey-reason{color:var(--muted);font-size:12px;line-height:1.5}.viewpoint-body .journey-legs{gap:10px;max-height:180px;display:grid}.journey-legs li>span,.journey-legs li>small{display:block}.journey-legs strong{font-size:13px}.journey-route-badges{flex-wrap:wrap;gap:6px;width:100%;display:flex}.journey-route-badges:empty{display:none}.journey-route-badge{border:2px solid var(--hairline);background:var(--sheet);border-radius:9px;align-items:center;gap:6px;padding:5px 9px;font-size:13px;font-weight:700;display:inline-flex}.journey-route-badge>span{border-radius:50%;flex-shrink:0;width:9px;height:9px}main[data-theme] .journey-card{z-index:6;border:2px solid var(--glass-edge);background:var(--sheet);width:390px;max-height:calc(100dvh - 120px);color:var(--fg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(36px)saturate(1.6);backdrop-filter:blur(36px)saturate(1.6);border-radius:26px;margin:0;padding:16px;position:absolute;bottom:28px;left:28px;overflow:auto}.journey-card .viewpoint-trigger{background:0 0;align-items:center;padding:4px;font-size:19px}.journey-card .viewpoint-body{gap:14px}.journey-card .viewpoint-body label,.journey-card .viewpoint-body small{font-size:14px;line-height:1.45}.journey-card .viewpoint-body select,.journey-card .viewpoint-body input{appearance:none;border:2px solid var(--hairline);border-radius:13px;min-height:48px;padding:12px;font-size:16px}.journey-card select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 13px) 22px;background-repeat:no-repeat;background-size:5px 5px;padding-right:32px!important}.journey-card .journey-mode button,.journey-card .journey-actions button{font-size:15px}.journey-card strong{font-size:17px}.journey-card .journey-reason{display:none}.journey-card .journey-preview{background:var(--tint);color:#fff;min-height:48px;font-size:16px;font-weight:700}.journey-card .journey-preview[aria-pressed=true]{background:#d74450}.journey-card .journey-legs{gap:8px;max-height:260px;padding:0;list-style:none}.journey-card .journey-legs li{background:var(--field);border:2px solid #0000;border-radius:14px;padding:12px;transition:background .25s,border-color .25s}.journey-card .journey-legs li[aria-current=step]{border-color:var(--tint);background:var(--tint)}@supports (color:color-mix(in lab, red, red)){.journey-card .journey-legs li[aria-current=step]{background:color-mix(in srgb,var(--tint) 18%,var(--sheet))}}.journey-card .journey-legs li[aria-current=step]{box-shadow:0 0 0 3px var(--tint)}@supports (color:color-mix(in lab, red, red)){.journey-card .journey-legs li[aria-current=step]{box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 10%,transparent)}}.journey-card .journey-legs li>span{margin:4px 0;font-size:15px;line-height:1.45}.journey-card .journey-attribution{text-align:center;font-size:12px}main[data-theme] .explorer{z-index:7;width:330px;max-height:calc(100dvh - 120px);top:22px;bottom:auto;left:350px}main[data-theme] .explorer[data-collapsed=true]{border-radius:18px;width:auto}.explorer[data-collapsed=true] .explorer-heading{padding:8px 10px}.explorer[data-collapsed=true] .explorer-title,.explorer[data-collapsed=true] .explorer-collapse{display:none}.explorer[data-collapsed=true] .explorer-thumbnail{flex-basis:32px;width:32px;height:32px}@media (min-width:641px){[data-view=metro] .transit-card{top:84px;right:16px}[data-view=metro] .metro-sheet{right:16px}}@media (max-width:640px){main[data-theme] .journey-card{width:min(390px,100% - 24px);max-height:calc(100dvh - 190px);padding:14px;bottom:24px;left:12px}main[data-theme] .explorer{width:min(330px,100% - 24px);max-height:55dvh;top:76px;left:12px}main[data-theme] .explorer[data-collapsed=true]{width:auto;top:76px}.city-conditions,[data-view=metro] .city-conditions{top:84px;right:12px}[data-view=metro] .transit-card{width:min(365px,100% - 24px);top:146px;left:auto;right:12px}[data-view=metro] .metro-sheet{width:min(365px,100% - 24px);left:auto;right:12px}.journey-card .journey-legs{max-height:210px}}.journey-board-at{width:100%;font-size:15px;font-weight:650;line-height:1.4}@media (min-width:641px){.view-switch{align-items:center;height:52px;top:24px}main[data-theme] .explorer[data-collapsed=true]{border-radius:16px;height:52px;top:24px;left:350px}.explorer[data-collapsed=true] .explorer-heading{height:48px;padding:7px 12px}}@media (max-width:640px){.view-switch{gap:0;padding:3px;top:16px;right:104px}.view-switch button{min-height:40px;padding:6px 9px;font-size:14px}main[data-theme] .explorer[data-collapsed=true]{border-radius:15px;height:50px;top:16px;left:auto;right:12px}.explorer[data-collapsed=true] .explorer-heading{height:46px;padding:7px 9px}.explorer[data-collapsed=true] .explorer-thumbnail{flex-basis:29px;width:29px;height:29px}.brand{gap:5px!important;padding:8px!important;font-size:17px!important}.brand-mark{width:30px!important;height:30px!important;line-height:30px!important}}.viewpoint-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.viewpoint-choices button{background:var(--field);color:var(--fg);border:2px solid #0000;border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-width:0;padding:8px 4px;display:flex}.viewpoint-choices button[aria-pressed=true]{border-color:var(--tint);background:var(--tint)}@supports (color:color-mix(in lab, red, red)){.viewpoint-choices button[aria-pressed=true]{background:color-mix(in srgb,var(--tint) 12%,var(--field))}}.viewpoint-choices span{text-align:center;font-size:13px;font-weight:650;line-height:1.3}.journey-card .journey-google{border:2px solid var(--hairline);background:var(--field);min-height:48px;color:var(--fg);border-radius:13px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:650;text-decoration:none;display:flex}.journey-card .journey-option{align-items:flex-start;gap:10px;padding:16px}.journey-card .journey-option-tag{padding-top:3px;font-size:13px}.journey-card .viewpoint-body>small:empty{display:none}.viewpoint-art{filter:drop-shadow(0 4px 4px #0002);background-image:url(/illustrations/viewpoints-3d.png);background-repeat:no-repeat;background-size:500%;width:88px;max-width:100%;height:100px;display:block}.viewpoint-pin{background:#e7f2f9;border:2px solid #fff;border-radius:24px;width:78px;height:82px;margin-bottom:10px;padding:4px;position:relative;box-shadow:0 6px 18px #0005}.viewpoint-pin:after{content:"";background:#e7f2f9;border-bottom:2px solid #fff;border-right:2px solid #fff;width:14px;height:14px;position:absolute;bottom:-9px;left:29px;transform:rotate(45deg)}.viewpoint-pin .viewpoint-art{width:66px;height:66px}.journey-card .journey-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.journey-card .journey-actions button{border:2px solid var(--hairline);background:var(--field);min-height:48px;color:var(--fg);border-radius:13px;padding:10px;font-weight:600}.journey-card .journey-actions button:disabled{opacity:.55;cursor:wait}.journey-card button:focus-visible,.journey-card a:focus-visible{outline:3px solid var(--tint);outline-offset:3px}.journey-card .journey-legs{margin:0;display:grid;overflow-y:auto}.journey-card .journey-legs small{color:var(--muted)}.journey-loading{gap:8px;display:grid}.journey-skeleton{border:2px solid var(--hairline);background:var(--field);border-radius:14px;gap:12px;padding:16px;display:grid}.journey-skeleton i{background:linear-gradient(90deg,var(--hairline) 20%,var(--sheet) 50%,var(--hairline) 80%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.6s ease-in-out infinite journey-shimmer;display:block}.journey-skeleton i:first-child{width:68%;height:20px}.journey-skeleton i:last-child{width:45%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes journey-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.journey-skeleton i{animation:none}}.journey-card,.journey-card .journey-legs,.journey-place-results,.metro-station-options,.vehicle-sheet{scrollbar-width:none}.journey-card::-webkit-scrollbar{display:none}.journey-card .journey-legs::-webkit-scrollbar{display:none}.journey-place-results::-webkit-scrollbar{display:none}.metro-station-options::-webkit-scrollbar{display:none}.vehicle-sheet::-webkit-scrollbar{display:none}.journey-mode button{justify-content:center;align-items:center;gap:8px;display:flex}.journey-origin{gap:8px;display:grid}.journey-origin>label{font-weight:650}.journey-search{border:2px solid var(--hairline);background:var(--field);border-radius:14px;align-items:center;min-width:0;padding:3px;display:flex}.journey-card .journey-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px;font-size:15px}.journey-search:focus-within{border-color:var(--tint)}.journey-search button{width:42px;height:44px;color:var(--tint);background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.journey-search button:disabled{opacity:.45}.journey-search button:last-child{border-left:1px solid var(--hairline);border-radius:0 10px 10px 0}.journey-origin>small{color:var(--muted)}.journey-place-results{border:1px solid var(--hairline);background:var(--field);border-radius:14px;max-height:240px;display:grid;overflow-y:auto}.journey-place-results button{text-align:left;border:0;border-bottom:1px solid var(--hairline);color:var(--fg);background:0 0;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:13px;font-size:15px;display:flex}.journey-place-results button:hover{background:var(--sheet)}.journey-place-results small{color:var(--muted);padding:8px;font-size:11px!important}.journey-empty{background:var(--field);border:1px solid var(--hairline);border-radius:14px;gap:10px;padding:16px;display:grid}.journey-empty p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.journey-empty .find-vehicle{background:var(--sheet);min-height:44px}.journey-preview-actions{align-items:stretch;gap:8px;display:flex}.journey-preview-actions .journey-preview{flex:1;width:auto}.journey-card .journey-preview-actions .journey-google{width:48px;min-height:48px;color:var(--tint);flex:0 0 48px}.journey-stop-preview{background:var(--field);color:var(--tint);width:100%;min-height:44px;font:inherit;border:0;border-radius:10px;margin-top:8px;padding:10px;font-weight:650}.metro-mobile-launcher{display:none}.metro-mobile-sheet{border:2px solid var(--glass-edge);background:var(--sheet);color:var(--fg);box-shadow:var(--glass-shadow);width:min(480px,100% - 24px);max-width:none;max-height:80dvh;margin:auto auto max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(36px);border-radius:26px;padding:20px;overflow:hidden}.metro-mobile-sheet[open]{flex-direction:column;gap:16px;display:flex}.metro-mobile-sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08111a77}.metro-mobile-sheet header{justify-content:space-between;align-items:center;gap:12px;display:flex}.metro-mobile-sheet h2{margin:0;font-size:22px}.metro-mobile-sheet header p{color:var(--muted);margin:6px 0 0;font-size:13px}.metro-mobile-sheet header button{width:44px;height:44px;color:var(--fg);background:var(--field);border:0;border-radius:50%;font-size:28px}.metro-mobile-sheet input{border:1px solid var(--hairline);background:var(--field);width:100%;min-height:48px;color:var(--fg);font:inherit;border-radius:13px;padding:12px;font-size:16px}.mobile-sheet-grip{background:var(--muted);opacity:.4;border-radius:3px;flex-shrink:0;width:36px;height:4px;margin:-8px auto 0}.mobile-station-list{scrollbar-width:none;overscroll-behavior:contain;gap:6px;min-height:0;display:grid;overflow-y:auto}.mobile-station-list::-webkit-scrollbar{display:none}.mobile-station-list>button{text-align:left;background:var(--field);min-height:54px;color:var(--fg);font:inherit;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.mobile-station-list>button[aria-current=location]{border-color:var(--tint);background:var(--tint)}@supports (color:color-mix(in lab, red, red)){.mobile-station-list>button[aria-current=location]{background:color-mix(in srgb,var(--tint) 12%,var(--field))}}@media (max-width:640px){[data-view=metro] .transit-card{border-radius:18px;width:56px;height:56px;max-height:none;padding:0;top:84px;left:12px;right:auto;overflow:visible}[data-view=metro] .metro-option>.metro-toggle,[data-view=metro] .metro-option>.metro-panel{display:none}.metro-mobile-launcher{width:52px;height:52px;color:var(--fg);background:0 0;border:0;border-radius:16px;place-items:center;display:grid}main[data-theme] .journey-card,main[data-theme] .vehicle-sheet,main[data-theme] .metro-sheet{width:min(390px,100% - 24px);left:50%;right:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%)}main[data-theme] .metro-sheet{max-height:65dvh;top:auto;overflow-y:auto}main[data-theme] .journey-card[data-preview-collapsed=true]{width:230px}main[data-theme] .journey-card[data-preview-collapsed=true] .viewpoint-trigger{font-size:16px}main[data-theme] .explorer:not([data-collapsed=true]){top:auto;left:50%;right:auto;bottom:max(16px,env(safe-area-inset-bottom));z-index:12;border-radius:24px;width:min(390px,100% - 24px);max-height:65dvh;transform:translate(-50%)}}.journey-empty p,.metro-mobile-sheet p{display:block}@media (max-width:640px){main:has(.vehicle-sheet) .journey-card{display:none}}.viewpoint-picker{gap:10px;display:grid}.viewpoint-choices[hidden]{display:none}.viewpoint-selection{border:2px solid var(--hairline);background:var(--field);width:100%;min-height:64px;color:var(--fg);text-align:left;border-radius:15px;align-items:center;gap:10px;padding:8px 12px;display:flex}.viewpoint-selection .viewpoint-art{flex:0 0 48px;width:48px;height:56px}.viewpoint-selection>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.journey-card .viewpoint-selection small{color:var(--muted);font-size:12px}.journey-card .viewpoint-selection strong{font-size:15px;line-height:1.3}.viewpoint-selection>svg{color:var(--muted);flex-shrink:0}.viewpoint-art{aspect-ratio:1;background-image:url(/illustrations/must-see-places.png);background-size:300% 200%;height:auto}.viewpoint-art-0{background-position:0 0}.viewpoint-art-1{background-position:50% 0}.viewpoint-art-2{background-position:100% 0}.viewpoint-art-3{background-position:0 100%}.viewpoint-art-4{background-position:50% 100%}.viewpoint-art-5{background-position:100% 100%}.viewpoint-selection .viewpoint-art{height:48px}.metro-card-lines .metro-line-badge{padding:6px 10px;font-size:12px!important}main[data-theme] .metro-sheet:not([data-collapsed=true]){overflow:hidden}.vehicle-sheet .metro-details-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-height:0;margin-top:16px;padding-top:0;padding-bottom:16px;overflow-y:auto}.metro-details-scroll::-webkit-scrollbar{display:none}.metro-details-scroll .metro-departures{flex:none;overflow:visible}.metro-details-scroll .vehicle-stops{margin-top:0}.metro-details-scroll:focus-visible{outline:2px solid var(--tint);outline-offset:-2px;border-radius:12px}.journey-disclosure{background:var(--field);width:34px;height:34px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.brand h1{font:inherit;letter-spacing:inherit;margin:0;line-height:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-about{z-index:5;color:var(--fg,#243e37);font-size:12px;position:absolute;bottom:7px;left:28px}.site-about summary{cursor:pointer;background:var(--sheet,#fffaf0);border-radius:9px;padding:5px 10px;list-style:none}.site-about summary:focus-visible{outline-offset:2px;outline:3px solid #3eaaf0}.site-about-content{box-sizing:border-box;background:var(--sheet,#fffaf0);border:1px solid var(--stroke,#d6ded8);border-radius:16px;width:min(340px,100vw - 40px);max-height:65dvh;padding:20px;line-height:1.6;position:absolute;bottom:34px;left:0;overflow-y:auto;box-shadow:0 12px 40px #0002}.site-about-content h2{margin:0 0 12px;font-size:19px}.site-about-content p{margin:0 0 12px;font-size:13px;display:block!important}.site-about-content a{color:inherit;text-underline-offset:3px;margin-top:8px;display:block}@media (max-width:640px){.site-about{bottom:7px;left:12px}}.weather-control .weather-label{display:none}.weather-control .weather-icon{display:block}.weather-control button{place-items:center;min-width:40px;min-height:40px;display:grid}@media (max-width:640px){[data-view=metro] .global-sound-control{width:54px;padding:5px;inset:auto 12px 24px auto}}.city-brand{z-index:20;pointer-events:auto!important}.city-switcher{position:relative}.city-switcher summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.city-switcher summary::-webkit-details-marker{display:none}.city-switcher summary:focus-visible{outline:3px solid var(--tint);outline-offset:5px;border-radius:6px}.city-switcher h1{white-space:nowrap}.city-switcher nav{background:var(--sheet);border:1px solid var(--hairline);width:250px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);color:var(--fg);border-radius:18px;padding:6px;position:absolute;top:calc(100% + 20px);left:-58px}.city-switcher nav a{color:inherit;letter-spacing:0;border-radius:12px;grid-template-columns:1fr auto;gap:4px;padding:12px;font-size:16px;text-decoration:none;display:grid}.city-switcher nav a:hover,.city-switcher nav a[aria-current=page]{background:var(--field)}.city-switcher nav a small{color:var(--muted);grid-column:1;font-size:12px;font-weight:400}.city-switcher nav a>span:last-child:not(:first-child){color:var(--tint);grid-area:1/2/3;align-self:center}[data-city=san-francisco] .brand{max-width:none}.sf-rail-key p{color:var(--muted);margin:4px 0;font-size:12px;display:block}.sf-rail-key small{color:var(--muted);font-size:11px}.sf-rail-key{max-width:270px}.sf-arrivals{margin:0;padding:0;list-style:none}.sf-arrivals li{border-top:1px solid var(--hairline);align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.sf-arrivals li>span{color:#fff;border-radius:6px;padding:5px 7px}.sf-arrivals li strong{flex:1}.sf-arrivals li b{white-space:nowrap}[data-city=san-francisco] .transit-card:empty,[data-city=san-francisco][data-view=metro] .transit-card{display:none}[data-city=san-francisco] .location-art,[data-city=san-francisco] .viewpoint-art{background-repeat:no-repeat;background-image:url(/illustrations/sf-landmark.svg)!important;background-position:50%!important;background-size:contain!important}@media (max-width:640px){[data-city=san-francisco] .city-brand h1{text-overflow:ellipsis;max-width:112px;overflow:hidden;font-size:14px!important}[data-city=san-francisco] .city-brand{gap:4px!important}[data-city=san-francisco] .city-switcher summary{gap:3px}.city-switcher nav{top:calc(100% + 16px);left:-42px}.sf-rail-key{max-width:230px;bottom:20px;left:12px;right:auto}.sf-station-sheet{bottom:90px!important}}main[data-city]{grid-template-rows:52px minmax(0,1fr);grid-template-columns:max-content max-content max-content max-content minmax(0,1fr) max-content;align-items:start;gap:12px;min-height:0;padding:24px;display:grid}main[data-city] .city-brand{border-radius:16px;grid-area:1/1;align-items:center;max-width:none;height:52px;transform:none;gap:8px!important;padding:7px 10px!important;position:relative!important;inset:auto!important}main[data-city] .brand-mark{border-radius:10px;flex-shrink:0;font-size:26px;width:36px!important;height:36px!important;line-height:36px!important}main[data-city] .city-brand h1{letter-spacing:-.8px;max-width:none;line-height:1.1;font-size:22px!important}main[data-city] .view-switch{white-space:nowrap;grid-area:1/2;align-items:center;height:52px;position:relative;inset:auto;transform:none}main[data-city] .explorer[data-collapsed=true]{border-radius:16px;grid-area:1/3;width:auto;height:52px;margin:0;padding:0;position:relative;inset:auto;transform:none}main[data-city] .explorer[data-collapsed=true] .explorer-heading{height:48px;padding:7px 12px}main[data-city] .weather-control{border-radius:16px;flex-direction:row;grid-area:1/4;gap:4px;width:max-content;height:52px;padding:5px;position:relative;inset:auto;transform:none}main[data-city] .weather-control button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0}main[data-city] .weather-control .weather-divider{width:1px;height:22px;margin:0 2px}main[data-city] .city-conditions{flex-direction:row-reverse;grid-area:1/6;gap:8px;height:52px;position:relative;inset:auto}main[data-city] .city-compass{width:52px;height:52px}main[data-city] .city-compass svg{width:44px;height:44px}main[data-city] .explorer:not([data-collapsed=true]){max-height:calc(100dvh - 112px);top:88px;bottom:auto;left:24px;transform:none}@media (min-width:641px) and (max-width:1199px){main[data-city]{grid-template-rows:52px 52px minmax(0,1fr);grid-template-columns:max-content max-content max-content minmax(0,1fr) max-content}main[data-city] .weather-control{grid-area:2/1/auto/4}main[data-city] .city-conditions{grid-column:5}main[data-city] .explorer:not([data-collapsed=true]){max-height:calc(100dvh - 176px);top:152px}}@media (min-width:641px) and (max-width:899px){main[data-city] .city-conditions{grid-row:2}main[data-city] .city-brand h1{font-size:20px!important}}@media (max-width:640px){main[data-city]{grid-template-rows:50px 50px minmax(0,1fr);grid-template-columns:minmax(0,1fr) max-content;gap:10px;padding:12px}main[data-city] .city-brand{width:max-content;max-width:100%;height:50px;padding:7px 8px!important}main[data-city] .brand-mark{font-size:24px;width:32px!important;height:32px!important;line-height:32px!important}main[data-city] .city-brand h1{text-overflow:ellipsis;max-width:calc(100vw - 170px);overflow:hidden;font-size:18px!important}main[data-city] .view-switch{grid-area:2/1;width:max-content;height:50px}main[data-city] .explorer[data-collapsed=true]{grid-area:1/2;height:50px}main[data-city] .explorer[data-collapsed=true] .explorer-heading{height:46px;padding:7px 9px}main[data-city] .city-conditions{flex-direction:column;grid-area:2/2;justify-self:end;gap:6px;height:auto}main[data-city] .city-compass{width:42px;height:42px}main[data-city] .city-compass svg{width:36px;height:36px}main[data-city] .weather-control{flex-direction:column;gap:5px;width:54px;height:auto;padding:5px;position:absolute;top:202px;left:auto;right:12px}main[data-city] .weather-control .weather-divider{width:24px;height:1px}main[data-city] .global-sound-control{top:192px;bottom:auto}main[data-city] .explorer:not([data-collapsed=true]){width:auto;max-height:calc(100dvh - 156px);inset:132px 12px auto;transform:none}main[data-city] .city-switcher nav{width:min(250px,100vw - 32px);left:-40px}}main[data-city] .journey-card{bottom:max(48px,calc(env(safe-area-inset-bottom) + 36px))}main[data-city] .explorer:not([data-collapsed=true]) .explorer-heading{grid-template-columns:auto minmax(0,1fr) 36px;gap:10px;width:100%;min-width:0;display:grid}main[data-city] .explorer:not([data-collapsed=true]) .explorer-title{white-space:normal;min-width:0;line-height:1.25;font-size:16px!important}main[data-city] .explorer:not([data-collapsed=true]) .explorer-collapse{flex-shrink:0;place-items:center;width:36px;height:36px;margin:0;display:grid}[data-city=san-francisco] .location-art-0{background-image:url(/illustrations/san-francisco/union-square.svg)!important}[data-city=san-francisco] .location-art-1{background-image:url(/illustrations/san-francisco/ferry-building.svg)!important}[data-city=san-francisco] .location-art-2{background-image:url(/illustrations/san-francisco/chinatown.svg)!important}[data-city=san-francisco] .location-art-3{background-image:url(/illustrations/san-francisco/coit-tower.svg)!important}[data-city=san-francisco] .location-art-4{background-image:url(/illustrations/san-francisco/mission.svg)!important}[data-city=san-francisco] .location-art-5{background-image:url(/illustrations/san-francisco/golden-gate-park.svg)!important}[data-city=san-francisco] .viewpoint-art-0{background-image:url(/illustrations/san-francisco/ferry-building.svg)!important}[data-city=san-francisco] .viewpoint-art-1{background-image:url(/illustrations/san-francisco/golden-gate.svg)!important}[data-city=san-francisco] .viewpoint-art-2{background-image:url(/illustrations/san-francisco/coit-tower.svg)!important}[data-city=san-francisco] .viewpoint-art-3{background-image:url(/illustrations/san-francisco/painted-ladies.svg)!important}[data-city=san-francisco] .viewpoint-art-4{background-image:url(/illustrations/san-francisco/palace-fine-arts.svg)!important}[data-city=san-francisco] .viewpoint-art-5{background-image:url(/illustrations/san-francisco/dolores-park.svg)!important}main[data-city=san-francisco][data-view=city] .transit-card{z-index:5;width:238px;display:block;top:88px;left:auto;right:24px}@media (min-width:641px) and (max-width:899px){main[data-city=san-francisco][data-view=city] .transit-card{top:152px}}@media (max-width:640px){main[data-city=san-francisco][data-view=city] .transit-card{width:min(220px,100% - 90px);padding:12px;top:132px;left:12px;right:auto}.explorer:not([data-collapsed=true]) .explorer-thumbnails{max-width:62px}.explorer:not([data-collapsed=true]) .explorer-thumbnail{flex-basis:28px;width:28px;height:28px}}.place-details-card{z-index:16;border:1px solid var(--hairline);background:var(--sheet);width:min(340px,100% - 48px);color:var(--fg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto;border-radius:24px;max-height:calc(100dvh - 200px);padding:20px;position:absolute;bottom:72px;left:auto;right:24px;overflow:auto;box-shadow:0 8px 36px #0002}.place-details-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.place-details-card header>div{min-width:0}.place-details-card small{color:var(--muted);font-size:12px}.place-details-card h2{overflow-wrap:anywhere;margin:4px 0;font-size:20px;line-height:1.2}.place-details-card header button{background:var(--field);width:44px;height:44px;color:var(--fg);cursor:pointer;border:0;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.place-details-card p{color:var(--muted);margin:14px 0;font-size:14px;line-height:1.5;display:block}.place-details-card a{background:var(--field);min-height:44px;color:var(--tint);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.place-details-card :focus-visible{outline:2px solid var(--tint);outline-offset:3px}@media (max-width:640px){.place-details-card{left:12px;bottom:max(52px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:16px}:is(main:has(.place-details-card) .journey-card,main:has(.place-details-card) .vehicle-sheet){visibility:hidden}}main:has(.place-details-card) .vehicle-sheet{visibility:hidden}main[data-city] .site-about{bottom:7px;left:auto;right:12px}.site-about-content{left:auto;right:0}.site-about-content nav{flex-wrap:wrap;gap:16px;display:flex}.site-about-content .data-attribution{margin-top:12px}.site-about-content .data-attribution summary{color:var(--muted);background:0 0;padding:0;font-size:11px}.site-about-content .data-attribution p{margin:8px 0 0;font-size:11px}.detail-info-card{border:2px solid var(--glass-edge);background:var(--sheet);color:var(--fg);-webkit-backdrop-filter:blur(32px)saturate(1.7);backdrop-filter:blur(32px)saturate(1.7);box-shadow:var(--glass-shadow);border-radius:28px;padding:20px}.detail-info-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-info-card h2{letter-spacing:-.35px;margin:0;font-size:20px;font-weight:750;line-height:1.25}.detail-info-card header button{background:var(--field);width:44px;height:44px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.detail-info-card>p{color:var(--muted);margin:14px 0;font-size:14px;line-height:1.5;display:block}.detail-info-card nav{gap:8px}.detail-info-card nav a{background:var(--field);min-height:44px;color:var(--tint);border-radius:12px;justify-content:center;align-items:center;margin:0;padding:10px 14px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.detail-info-card :focus-visible{outline:2px solid var(--tint);outline-offset:3px}@media (max-width:640px){.detail-info-card{padding:16px}.site-about-content{width:calc(100vw - 24px)}}main[data-city] .site-about[open]{z-index:17}@media (max-width:640px){:is(main:has(.site-about[open]) .journey-card,main:has(.site-about[open]) .vehicle-sheet){visibility:hidden}}main[data-city]{--journey-top:92px;--journey-bottom:max(48px,calc(env(safe-area-inset-bottom) + 36px))}main[data-city] .journey-card{bottom:var(--journey-bottom);max-height:calc(100dvh - var(--journey-top) - var(--journey-bottom));overscroll-behavior:contain}.city-switcher nav a>span:last-child:not(:first-child){grid-row:1}@media (min-width:641px) and (max-width:1199px){main[data-city]{--journey-top:156px}}@media (max-width:640px){main[data-city]{--journey-top:134px}}main[data-city] .maplibregl-ctrl-bottom-right{max-width:calc(100% - 130px);right:118px}.transit-playback-note{color:var(--muted);margin-top:6px;font-size:11px;display:block}main[data-city] .maplibregl-ctrl-bottom-right{z-index:18}main[data-city] .maplibregl-ctrl-attrib-button{top:auto;bottom:0}.city-temperature{grid-template-columns:auto auto;gap:1px 5px;min-width:64px;min-height:52px;padding:5px 8px;display:grid}.city-local-time{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;grid-column:1/-1;font-size:12px;font-weight:600;line-height:1.2}.city-temperature>.weather-miniature{height:24px}.city-temperature>strong:only-of-type:first-child{grid-column:1/-1}@media (max-width:640px){.city-temperature{min-height:52px;padding:5px 7px}}.city-temperature{white-space:nowrap;gap:7px;min-width:0;min-height:52px;padding:5px 9px;display:flex}.city-temperature .weather-miniature{flex:0 0 32px;width:32px;height:34px;scale:.85}.city-temperature .city-local-time{border-left:1px solid var(--hairline);margin-left:1px;padding-left:8px;font-size:13px;line-height:1.2}.scene-clouds{pointer-events:none;z-index:1;opacity:.55;position:absolute;inset:0;overflow:hidden}.scene-clouds i{filter:blur(10px);background:radial-gradient(at 30% 55%,#e6edf2aa 0 16%,#0000 45%),radial-gradient(at 52% 40%,#f8fbff99 0 24%,#0000 52%),radial-gradient(at 72% 60%,#d8e2ef99 0 18%,#0000 48%);width:48vw;min-width:280px;height:22vw;min-height:130px;animation:75s ease-in-out infinite alternate scene-cloud-drift;position:absolute;top:12%;left:-8vw}.scene-clouds i:nth-child(2){opacity:.7;animation-duration:95s;animation-delay:-30s;top:35%;left:48%}.scene-clouds i:nth-child(3){opacity:.45;animation-duration:110s;animation-delay:-60s;top:70%;left:10%}[data-theme=dark] .scene-clouds{opacity:.28}@keyframes scene-cloud-drift{0%{transform:translate(-4vw)}to{transform:translate(18vw,3vh)}}@media (prefers-reduced-motion:reduce){.scene-clouds i{animation:none}}.metro-service-status{border-top:1px solid var(--hairline);margin-top:14px;padding-top:12px}.metro-service-status header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.metro-service-status header a{color:var(--tint);font-size:11px;text-decoration:none}.metro-service-status>div{gap:6px;display:grid}.metro-service-line{background:var(--field);color:var(--fg);border-radius:10px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:36px;padding:9px 10px;font-size:12px;text-decoration:none;display:grid}.metro-service-color{border-radius:4px;width:8px;height:22px}.metro-service-label{color:var(--muted);font-size:11px}.metro-service-line[data-state=normal] .metro-service-label{color:#279b6b}.metro-service-line[data-state=disrupted] .metro-service-label{color:#bd821f}.metro-service-line:focus-visible{outline:2px solid var(--tint);outline-offset:2px}@media (max-width:640px){main[data-city] .city-conditions{flex-direction:column-reverse;align-items:flex-end;gap:12px}main[data-city] .city-compass{width:54px;height:54px}main[data-city] .city-compass svg{width:44px;height:44px}main[data-city] .weather-control{top:202px;right:12px}}.vehicle-operating-hours a{color:var(--muted);font-variant-numeric:tabular-nums;text-decoration:none}.vehicle-operating-hours a:hover{text-decoration:underline}@media (max-width:640px){main[data-city][data-view=metro] .transit-card{top:134px;left:12px;right:auto}}.metro-mobile-sheet .metro-service-status{border-top:0;flex-shrink:0;margin-top:0;padding-top:0}.metro-mobile-sheet .metro-service-status>div{grid-template-columns:1fr 1fr}.metro-mobile-sheet .metro-service-line{grid-template-columns:8px 1fr;gap:3px 8px}.metro-mobile-sheet .metro-service-color{grid-row:1/3;height:30px}.metro-mobile-sheet .metro-service-label{grid-column:2}.metro-mobile-sheet h2{font-weight:750}.mobile-station-list{flex:auto}.city-switcher nav{gap:6px;padding:8px;display:grid}.metro-service-status{border:0;margin-top:10px;padding-top:0}.metro-service-status .metro-service-line{grid-template-columns:5px minmax(0,1fr) auto;gap:7px;min-height:32px;padding:6px 8px}.metro-service-status .metro-service-color{grid-row:1;width:5px;height:16px}.metro-service-status .metro-service-label{white-space:nowrap;grid-column:3;font-size:11px}.details-skeleton{gap:12px;min-height:100px;padding:16px 0;display:grid}.details-skeleton>span:not(.sr-only),.skeleton-inline{background:var(--field);border-radius:6px;height:14px;animation:1.3s ease-in-out infinite alternate skeleton-pulse;display:block}.details-skeleton>span:nth-child(2){width:80%}.details-skeleton>span:nth-child(3){width:60%}.skeleton-inline{width:125px;height:12px}@keyframes skeleton-pulse{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.details-skeleton>span,.skeleton-inline{animation:none}}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#08111a66;position:fixed;inset:0}.mobile-drawer.metro-mobile-sheet{width:auto;max-width:none;max-height:92dvh;padding:12px 14px max(16px,env(safe-area-inset-bottom));z-index:41;border-radius:24px 24px 0 0;outline:none;flex-direction:column;gap:10px;margin:0;display:flex;position:fixed;bottom:0;left:12px;right:12px}.mobile-drawer [data-vaul-handle]{background:var(--muted);flex-shrink:0;margin:0 auto 2px}.mobile-drawer header{flex-shrink:0}.mobile-drawer h2{font-size:19px}.mobile-drawer input{flex-shrink:0;min-height:44px;padding:10px 12px}.mobile-drawer .mobile-station-list{scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.mobile-drawer .mobile-station-list>button{flex-shrink:0;min-height:48px;padding:9px 12px;font-size:15px}@media (max-width:640px){main[data-city]{--mobile-card-width:calc(100% - 24px);--mobile-card-bottom:max(12px,env(safe-area-inset-bottom))}main[data-city] .vehicle-sheet,main[data-city] .metro-sheet,main[data-city] .journey-card,main[data-city] .place-details-card{width:var(--mobile-card-width);left:12px;right:12px;bottom:var(--mobile-card-bottom);border-radius:24px;max-height:74dvh;padding:14px;transform:none}main[data-city] .vehicle-sheet[data-collapsed=true]{max-height:40dvh}main[data-city] .site-about-content{left:12px;right:12px;bottom:var(--mobile-card-bottom);width:var(--mobile-card-width);border-radius:24px;max-height:74dvh;padding:14px;position:fixed;overflow:auto}main[data-city] .explorer:not([data-collapsed=true]){top:auto;bottom:var(--mobile-card-bottom);width:var(--mobile-card-width);border-radius:24px;max-height:74dvh;left:12px;right:12px}.vehicle-sheet header strong,.detail-info-card h2{font-size:18px}.vehicle-sheet header small{font-size:13px}.vehicle-sheet .find-vehicle{min-height:44px;padding:10px;font-size:15px}.vehicle-sheet .metro-details-scroll{margin-top:8px;padding-bottom:0}.vehicle-sheet .metro-details-scroll:empty{display:none}.vehicle-sheet .sheet-stops ol{max-height:none}.metro-card-lines{margin:8px 0}.metro-mobile-sheet .metro-service-status>div{grid-template-columns:1fr 1fr;gap:5px}.metro-mobile-sheet .metro-service-line{font-size:12px}:is(main:has(.explorer:not([data-collapsed=true])) .journey-card,main:has(.explorer:not([data-collapsed=true])) .vehicle-sheet){visibility:hidden}}.city-notification-button{border:2px solid var(--glass-edge);background:var(--sheet);width:48px;height:48px;color:var(--fg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:12;border-radius:16px;place-items:center;display:grid;position:absolute;top:92px;right:24px}.city-notification-button i{background:var(--tint);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.city-notifications{z-index:35;outline:none;flex-direction:column;gap:12px;width:360px;max-height:calc(100dvh - 172px);display:flex;position:absolute;top:148px;right:24px}.notice-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.notice-scroll article{border-top:1px solid var(--hairline);padding:12px 0}.notice-scroll h3{margin:6px 0;font-size:14px;line-height:1.4}.notice-scroll p{color:var(--muted);margin:6px 0;font-size:13px;line-height:1.45;display:block}.notice-scroll a{color:var(--tint);font-size:12px}.notice-scroll small,.notice-updated,.city-notifications footer{color:var(--muted);font-size:11px}@media (max-width:640px){.city-notification-button{width:44px;height:44px;top:134px;right:78px}.city-notifications{top:auto;bottom:max(12px,env(safe-area-inset-bottom));border-radius:24px;width:calc(100% - 24px);max-height:74dvh;padding:14px;left:12px;right:12px}:is(main:has(.city-notifications) .vehicle-sheet,main:has(.city-notifications) .journey-card,main:has(.city-notifications) .place-details-card){visibility:hidden}}@media (min-width:641px){main[data-city][data-view=metro] .transit-card,main[data-city=san-francisco][data-view=city] .transit-card{right:84px}}@media (max-width:640px){main[data-city]{--mobile-card-bottom:max(48px,calc(env(safe-area-inset-bottom) + 36px))}.city-notifications{bottom:var(--mobile-card-bottom)}}.mobile-drawer.metro-mobile-sheet{background:var(--bg);max-height:100dvh;padding:0;overflow:hidden}.station-drawer-body{padding:12px 14px max(16px,env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;gap:10px;min-height:0;display:flex}.mobile-drawer.metro-mobile-sheet{background:#f6f7f9}[data-theme=dark] .mobile-drawer.metro-mobile-sheet{background:#1c2128}.city-notifications header{flex-shrink:0;align-items:center;gap:10px;display:flex}.city-notifications header h2{flex:1;margin:0;font-size:19px;font-weight:750}.notice-title-icon{background:var(--field);border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.city-notifications header button{flex-shrink:0;place-items:center;display:grid}.city-notifications .notice-scroll{flex:1;min-height:0}.city-notifications .notice-scroll article{align-items:center;gap:12px;padding:12px 0;display:flex}.notice-scroll article>div{flex:1;min-width:0}.notice-scroll article>a{background:var(--field);border-radius:12px;flex:0 0 44px;place-items:center;height:44px;margin-left:auto;display:grid}.city-notifications footer,.notice-updated{flex-shrink:0}@media (max-width:640px){main[data-city] .city-compass,main[data-city=san-francisco] .transit-card{display:none}main[data-city] .explorer[data-collapsed=true]{justify-self:end;width:max-content;min-width:0}main[data-city] .explorer[data-collapsed=true] .explorer-heading{gap:0;width:max-content;min-width:0;padding:7px 9px;display:flex}main[data-city] .explorer[data-collapsed=true] .explorer-thumbnails{flex:none;width:auto;min-width:0;margin:0}main[data-city] .city-notification-button{width:54px;height:48px;top:134px;right:12px}main[data-city] .weather-control{top:194px;right:12px}.mobile-drawer.city-notifications{border-radius:24px 24px 0 0;width:auto;max-height:100dvh;padding:0;top:auto;bottom:0}main[data-city=san-francisco][data-view] .transit-card{display:none}}.place-action-tiles{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.place-details-card .place-action-tiles a{background:var(--field);min-height:78px;color:var(--tint);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:14px;text-decoration:none;display:flex}.place-details-card .place-action-tiles .place-directions{background:var(--tint);color:#fff}.place-action-tiles a:focus-visible{outline:3px solid var(--tint);outline-offset:3px}.metro-panel-chevron{flex-shrink:0;margin-left:auto}.metro-data-notice{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.4;display:block}.preview-action-skeleton{grid-template-columns:1fr 48px;gap:8px;min-height:48px;margin-top:12px;display:grid}.preview-action-skeleton>span:not(.sr-only){background:var(--field);border-radius:13px;height:48px;animation:1.3s ease-in-out infinite alternate skeleton-pulse}@media (prefers-reduced-motion:reduce){.preview-action-skeleton>span{animation:none}}.preview-controls{flex-direction:column;justify-content:center;min-height:84px;display:flex}.preview-controls .preview-action-skeleton{width:100%;display:grid}.preview-controls{justify-content:stretch;height:48px;min-height:48px;margin-top:12px}.preview-controls .journey-preview-actions,.preview-controls .preview-action-skeleton{height:48px;min-height:48px;margin:0}.preview-controls .journey-preview-actions{grid-template-columns:minmax(0,1fr) 48px;gap:8px;display:grid}.preview-controls .journey-preview-actions>a,.preview-controls .journey-preview-actions>button,.preview-controls>.find-vehicle{height:48px;min-height:48px;margin:0}@media (max-width:640px){.mobile-drawer.city-notifications{height:auto;max-height:min(78dvh,100dvh - 134px)}.city-notifications .station-drawer-body{flex:0 auto;height:auto;min-height:0;max-height:min(78dvh,100dvh - 134px)}.city-notifications .notice-scroll{flex:0 auto}}.preview-countdown{font-variant-numeric:tabular-nums;min-width:2.5em;padding-left:8px;display:inline-block}main[data-city=san-francisco][data-view] .transit-card{display:none}.vehicle-position-note{color:var(--muted);margin:8px 0;font-size:12px;display:block}.vehicle-sheet[data-collapsed=true]>.vehicle-position-note{display:block!important}main[data-city=helsinki][data-view] .transit-card{display:none}[data-city=helsinki] .location-art{background-repeat:no-repeat;background-image:url(/illustrations/helsinki/neighborhoods-cards.webp)!important;background-size:300% 200%!important}[data-city=helsinki] .viewpoint-art{background-repeat:no-repeat;background-image:url(/illustrations/helsinki/venues-cards.webp)!important;background-size:300% 200%!important}[data-city=helsinki] .location-art-0,[data-city=helsinki] .viewpoint-art-0{background-position:0 0!important}[data-city=helsinki] .location-art-1,[data-city=helsinki] .viewpoint-art-1{background-position:50% 0!important}[data-city=helsinki] .location-art-2,[data-city=helsinki] .viewpoint-art-2{background-position:100% 0!important}[data-city=helsinki] .location-art-3,[data-city=helsinki] .viewpoint-art-3{background-position:0 100%!important}[data-city=helsinki] .location-art-4,[data-city=helsinki] .viewpoint-art-4{background-position:50% 100%!important}[data-city=helsinki] .location-art-5,[data-city=helsinki] .viewpoint-art-5{background-position:100% 100%!important}.vehicle-label{background:var(--vehicle-color,#f4c539);color:var(--vehicle-ink,#242521)}.vehicle-label.selected{color:#fff;background:#319fef}.vehicle-label.stale{color:#fff;background:#8a908e}main>.status{z-index:60;border:2px solid var(--glass-edge);background:var(--sheet);max-width:min(380px,100% - 48px);color:var(--text);align-items:center;gap:12px;display:flex;inset:auto 24px 76px auto;transform:none;box-shadow:0 8px 24px #0002}main>.status button{flex-shrink:0;margin:0}.weather-loading-status{z-index:59;background:var(--sheet);color:var(--muted);pointer-events:none;border-radius:8px;padding:5px 9px;font-size:11px;position:absolute;bottom:48px;right:24px}@media (max-width:640px){main>.status{right:12px;bottom:max(80px,calc(env(safe-area-inset-bottom) + 68px));max-width:calc(100% - 24px)}.weather-loading-status{right:12px;bottom:max(52px,calc(env(safe-area-inset-bottom) + 40px))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}