:root{--font-ui:-apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", sans-serif;font-family:var(--font-ui);color:#132442;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--header-blue:#174b97;--ink:#14233d;--muted:#64748b;--line:#e4ecf5;--surface:#fff;--soft:#f7faff;--nav-height:74px;--radius:20px;--radius-eta:13px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--text-body:15px;--text-secondary:13px;--text-title:16px;--text-eta:32px;--weight-medium:500;--weight-semibold:600;--weight-data:650;--home-banner-height:171.078px;--keyboard-offset:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}*{box-sizing:border-box}body{min-width:0;margin:0}button,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #174fa9}button{touch-action:manipulation;transition:background .18s,color .18s,transform .18s}button:active{transform:scale(.98)}button:disabled{opacity:.65;cursor:wait}h1,h2,h3,h4,p{margin:0}button,p,h2,h3,h4{overflow-wrap:anywhere}ol{margin:0;padding:0;list-style:none}[hidden]{display:none!important}.icon{flex-shrink:0;width:24px;height:24px;display:inline-block}.muted{color:var(--muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell{min-height:100svh}.page-header{padding-top:env(safe-area-inset-top,0px);color:#fff;background:linear-gradient(#173f80,#1a4584 52%,#102d66);position:relative;overflow:hidden}.header-art{aspect-ratio:16/9;pointer-events:none;background:url(/assets/hong-kong-banner-BBqs7mBq.webp) 100% 100%/contain no-repeat;height:100%;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20%);mask-image:linear-gradient(90deg,#0000,#000 20%)}.header-inner{color:#fff;grid-template-columns:1fr auto;gap:20px;max-width:1280px;margin:auto;padding:27px 24px 36px;display:grid;position:relative}.eyebrow{letter-spacing:.12em;color:#f1f7ff;margin-bottom:7px;font-size:.875rem;font-weight:600}h1{color:#fff;letter-spacing:.015em;font-size:2.75rem;font-weight:800;line-height:1.2}.header-symbol{background:#ffffff14;border:1px solid #ffffff35;border-radius:20px;align-self:center;place-items:center;width:48px;height:48px;display:grid}.header-meta{font-variant-numeric:tabular-nums;color:#fff;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 16px;min-width:0;font-size:.78rem;font-weight:550;line-height:1.8;display:flex}.header-meta time{flex-wrap:wrap;align-items:baseline;column-gap:.4em;min-width:0;max-width:100%;display:flex}.gregorian-date,.lunar-date{min-width:0}.demo-badge{white-space:nowrap;background:#ffffff47;border-radius:6px;padding:4px 9px}.page-main{max-width:1280px;padding:14px 16px calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 24px);background:#fff;border-radius:26px 26px 0 0;margin:-18px auto 0;position:relative}.pwa-notices{gap:8px;display:grid}.pwa-notice{color:#3b4e68;background:#f7faff;border:1px solid #dce8f8;border-radius:12px;gap:8px;padding:12px 14px;font-size:.8125rem;line-height:1.6;display:grid}.pwa-notice-title{color:#174b97;font-weight:700}.pwa-notice-actions{flex-wrap:wrap;gap:8px;display:flex}.pwa-notice .primary-button,.pwa-notice .secondary-button,.pwa-offline button{min-height:44px}.pwa-offline{background:#fff9ec;border-color:#f0d9a8;grid-template-columns:minmax(0,1fr) auto;align-items:center}.pwa-offline button{color:#604b1e;font:inherit;background:#fff;border:1px solid #d9bd7d;border-radius:9px;padding:8px 14px;font-weight:600}.data-toolbar{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;min-height:44px;margin-bottom:8px;font-size:.6875rem;display:flex}.data-toolbar>p{flex-wrap:wrap;align-items:center;gap:6px;line-height:1.5;display:flex}.toolbar-note{color:var(--muted)}.live-dot{background:#237855;border-radius:50%;flex-shrink:0;width:6px;height:6px}.data-toolbar .pill-button{padding-inline:12px;font-size:.75rem}.demo-notice{color:#566477;align-items:flex-start;gap:7px;margin-bottom:18px;font-size:.75rem;line-height:1.6;display:flex}.demo-notice .icon{width:16px;height:16px;margin-top:2px}.demo-notice strong{color:#3b4e68;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:18px;box-shadow:0 5px 22px #15356306}.card-stack,.home-aside,.transport-grid{gap:14px;display:grid}.home-layout{gap:22px;display:grid}.home-aside{align-content:start}h2{letter-spacing:-.02em;font-size:1.15rem;font-weight:750;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading>span{color:var(--muted);text-align:right;font-size:.75rem}.main-nav{z-index:20;inset-inline:0;bottom:var(--keyboard-offset);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:0 max(6px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(6px, env(safe-area-inset-left,0px));background:#ffffffed;border-radius:22px 22px 0 0;position:fixed;box-shadow:0 -5px 24px #15356308}.nav-inner{max-width:640px;min-height:var(--nav-height);grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;margin:auto;display:grid}.nav-item{color:#68717e;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:56px;margin:4px 0;padding:8px 2px;font-size:.6875rem;display:flex}.nav-item .icon{width:21px;height:21px}.nav-item.is-active{color:#0954ce;background:#e8f1ff;font-weight:750}.skip-link{color:var(--ink);z-index:30;background:#fff;border-radius:8px;padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.pill-button{color:#1258b8;background:#ffffffb8;border:1px solid #dce8fa;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:6px 15px;font-size:.8125rem;font-weight:600;display:inline-flex}.pill-button .icon{width:14px;height:14px}.memo-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.memo-heading h2{align-items:center;gap:7px;display:flex}.memo-heading h2 .icon{width:18px;height:18px}.memo-text{color:#3a4d6c;white-space:pre-wrap;margin-top:8px;font-size:.9375rem;font-weight:500;line-height:1.7}.memo-editor{margin-top:12px;scroll-margin-block:24px 110px}.memo-editor label{margin-bottom:8px;font-size:.8125rem;font-weight:600;display:block}.memo-editor textarea{resize:vertical;width:100%;min-height:94px;color:var(--ink);background:#fff;border:1px solid #b8c3d3;border-radius:10px;padding:12px;scroll-margin-bottom:100px;font-size:1rem;line-height:1.6}.memo-help{color:var(--muted);justify-content:space-between;gap:8px;margin-top:6px;font-size:.75rem;display:flex}.memo-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.primary-button,.secondary-button{border:1px solid var(--ink);border-radius:10px;min-height:44px;padding:8px 18px;font-size:.875rem}.primary-button{background:var(--ink);color:#fff}.secondary-button{color:var(--ink);background:#fff;border-color:#dce0e6}.text-button{color:#174fa9;text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:6px 0;font-size:.8125rem;text-decoration:underline}.danger{color:#aa1734;padding-inline:10px}.memo-feedback{color:#426147;margin-top:10px;font-size:.75rem;line-height:1.5}.memo-text{overflow-wrap:anywhere}.memo-card:not(.is-editing)>.memo-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.memo-pair,.memo-retry{grid-column:1/-1}.memo-pair{margin-top:8px;font-size:.8125rem}.memo-pair label{margin-bottom:8px;display:block}.memo-pair input{border:1px solid #b8c3d3;border-radius:10px;width:100%;min-height:44px;padding:10px;font-size:1rem}.memo-controls{grid-area:1/2/3;align-self:center;align-items:center;gap:2px;display:flex;position:relative}.memo-management summary{cursor:pointer;color:var(--muted);justify-content:center;align-items:center;min-width:32px;min-height:44px;font-size:1.25rem;list-style:none;display:flex}.memo-management summary::-webkit-details-marker{display:none}.memo-management-panel{z-index:10;border:1px solid var(--line);background:#fff;border-radius:10px;width:min(280px,100vw - 60px);padding:12px;position:absolute;top:100%;right:0;box-shadow:0 5px 22px #15356315}.memo-management-panel .memo-actions{flex-direction:column;align-items:stretch;margin-top:0}.memo-management-panel button{text-align:left}.memo-management-panel .text-button{margin:0;padding-inline:0}.memo-code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;display:block}.memo-card button:disabled{opacity:.55;cursor:wait}.route-heading{align-items:center;gap:12px;margin-bottom:17px;display:flex}.route-heading strong{font-size:.9375rem;font-weight:650}.route-description{color:var(--muted);margin-top:3px;font-size:.75rem}.route-heading>span{font-size:.8125rem}.route-badge{color:#fff;letter-spacing:-.02em;border-radius:11px;justify-content:center;min-width:70px;padding:7px 12px;font-size:1.65rem;font-weight:800;line-height:1.25;display:inline-flex}.route-badge.kmb{background:#ce1740}.route-badge.gmb{background:#117b59}.stop-block+.stop-block{margin-top:20px}.stop-heading{margin-bottom:11px}h4{font-size:.9375rem;font-weight:700;line-height:1.6}.stop-code{white-space:nowrap;color:var(--muted);font-size:.6875rem;font-weight:500}.direction{color:var(--muted);margin-top:3px;font-size:.8125rem;line-height:1.5}.eta-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.eta-block{text-align:center;background:linear-gradient(#fff,#f8fbff);border:1px solid #dfe9f7;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:106px;padding:14px 5px 12px;display:flex}.eta-order,.eta-unit,.eta-remark{color:#646d79;font-size:.6875rem;line-height:1.4}.eta-value{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:2rem;font-weight:780;line-height:1.15}.eta-unit{margin-left:5px;font-size:.875rem;font-weight:550;display:inline}.eta-clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.eta-nature{color:#4b6185;background:#e9f1ff;border-radius:7px;padding:3px 7px;font-size:.625rem;font-weight:600}.eta-near{background:#effbf6;border-color:#9dddc3}.eta-near .eta-value,.eta-near .eta-unit{color:#077b52}.eta-imminent{color:#087a55;background:linear-gradient(145deg,#e2f7ef,#f2fcf8);border-color:#75cdb0;box-shadow:inset 0 0 0 1px #ffffffb3}.eta-imminent .eta-clock,.eta-imminent .eta-destination,.eta-imminent .eta-remark{color:#23795f}.eta-imminent-label{color:#087a55;font-size:.9375rem;font-weight:750;line-height:1.5}.eta-unavailable{color:var(--muted);background:#fff;padding-inline:8px;font-size:.6875rem;line-height:1.6}.eta-empty-mark{color:#b0bfd0;font-size:1.3rem}.eta-updated{color:var(--muted);text-align:right;margin-top:7px;font-size:.625rem}.service-alert{color:#8d520e;background:#fff5df;border-radius:8px;margin-bottom:8px;padding:10px;font-size:.75rem;line-height:1.6}.eta-destination{color:#3d4651;font-size:.75rem;line-height:1.4}.eta-message{background:var(--soft);color:var(--muted);border-radius:12px;padding:16px;font-size:.875rem}.route-compact .route-heading{margin-bottom:13px}.route-compact .stop-heading{margin-bottom:11px;display:block}.route-compact h4{font-size:.9375rem}.route-compact .direction{text-align:left;font-size:.75rem}.eta-list.is-compact .eta-block{gap:4px;padding:11px 4px}.eta-list.is-compact .eta-value{font-size:2rem;line-height:1.2}.eta-list.is-compact .eta-unit{margin-left:4px;font-size:.8125rem;display:inline}.eta-list.is-compact .eta-remark{font-size:.625rem}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.filter-button{color:#626b77;background:0 0;border:0;border-radius:999px;min-height:44px;padding:8px 16px;font-size:.875rem}.filter-button.is-selected{color:#1258b8;background:#e8f1ff;font-weight:700}.station-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px;display:grid}.station-button{color:#535d6b;background:#fff;border:1px solid #dce0e6;border-radius:999px;min-height:44px;padding:9px 8px;font-size:.875rem}.station-button.is-selected{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.page-description{color:var(--muted);margin-bottom:14px;font-size:.875rem;line-height:1.6}.station-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.station-heading h2{align-items:center;gap:9px;font-size:1.5rem;display:flex}.line-label,.region-badge{background:var(--soft);color:#4a5564;border-radius:6px;padding:4px 8px;font-size:.75rem}.direction-grid{gap:23px;display:grid}.mtr-direction h3{margin-bottom:10px;font-size:.875rem}.page-note,.source-note{color:var(--muted);margin-top:15px;font-size:.75rem;line-height:1.7}.weather-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:16px;display:grid}.weather-selector .filter-button{padding-inline:6px}.weather-card{border-radius:var(--radius);background:radial-gradient(at 5% 5%,#e9f6ff,#0000 80%),linear-gradient(155deg,#92c9fc,#eaf5ff 68%,#fff);border:1px solid #d2e7fd;min-width:0;padding:18px;box-shadow:0 6px 24px #1b68a00a}.weather-card:not(.weather-compact){grid-template-columns:9px minmax(0,1fr) 9px;padding-inline:9px;display:grid}.weather-card:not(.weather-compact)>*{grid-column:2}.weather-card:not(.weather-compact)>.weather-stats,.weather-card:not(.weather-compact)>.hourly-strip{grid-column:1/-1}.weather-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.weather-heading h2{color:var(--ink);font-size:.9375rem;font-weight:700}.weather-heading .pill-button .icon{transform:rotate(-90deg)}.weather-demo-label{color:#365a7f;margin-top:4px;font-size:.625rem;font-weight:550}.weather-current{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex;position:relative}.weather-current>div{flex:1;min-width:0}.temperature{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:3.65rem;font-weight:780;line-height:1.1}.temperature>span{font-size:1.65rem;font-weight:500}.weather-current>.icon{color:#5f6874;width:38px;height:38px;margin-right:2px}.condition,.humidity,.home-extrema{color:#27476c;margin-top:6px;font-size:.8125rem;line-height:1.6}.condition{font-weight:600}.weather-glyph{filter:drop-shadow(0 2px 2px #00000014);flex-shrink:0;width:64px;height:64px}.weather-current>.weather-glyph{width:68px;height:76px}.weather-current:has(.warning-card)>.weather-glyph{width:60px;height:60px;position:absolute;top:4px;right:81px}.hourly-strip{background:#ffffffd9;border-radius:17px;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;min-width:0;margin:19px -9px -9px;padding:13px 4px;display:grid;overflow:visible}.weather-card:not(.weather-compact)>.hourly-strip{margin-inline:0}.hourly-strip li{border-right:1px solid #e1ebf9;flex-direction:column;align-items:center;gap:7px;min-width:0;padding-inline:2px;display:flex}.hourly-strip li:last-child{border:0}.hourly-strip time{color:#536d8e;white-space:nowrap;font-size:.625rem}.hourly-strip .weather-glyph{width:33px;height:33px}.hourly-strip strong{font-size:1rem;font-weight:750}.humidity{margin-top:3px}.weather-card.weather-compact .home-extrema{margin-top:6px}.air-quality{margin-left:12px;display:inline-block}.weather-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin-block:18px;display:grid}.weather-stats>div{background:#fff;border-radius:12px;min-width:0;padding:13px}.weather-stats span{color:var(--muted);font-size:.75rem;line-height:1.6;display:block}.weather-stats strong{margin-top:3px;font-size:1.0625rem;display:block}.warning-card{color:#ab1534;background:#fff0f2;border:1px solid #ffd4dc;border-radius:12px;flex-direction:column;flex:0 0 74px;justify-content:center;align-self:stretch;align-items:center;gap:5px;padding:11px 5px 7px;display:flex}.warning-card>.icon{width:30px;height:30px}.warning-card>strong{font-size:.75rem;line-height:1.4}.warning-card>small{color:#a12a41;font-size:.5625rem}.warning-symbol{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.warning-symbol img{object-fit:contain}.warning-symbol strong{font-size:.75rem;line-height:1.4}.weather-glyph-unavailable{color:#536d8e;justify-content:center;align-items:center;display:inline-flex}.weather-freshness{grid-area:6/1/auto/-1;margin-top:10px}.weather-sources{overflow-wrap:anywhere;margin-top:18px;line-height:1.7}.weather-sources summary{cursor:pointer;min-height:32px}.weather-sources p,.weather-sources li{margin-top:8px}.weather-sources ol{padding-left:22px;list-style:decimal}.warning-detail p{white-space:pre-line;margin-top:6px}.warning-detail{color:#9b263d;background:#fff0f2;border-radius:10px;margin-top:16px;padding:12px;font-size:.8125rem;line-height:1.7}.warning-copy{flex:1;min-width:0}.warning-copy h3{font-size:.8125rem;line-height:1.6}.warning-demo{font-weight:400}.warning-copy p{color:#646d79;margin-top:3px;font-size:.75rem;line-height:1.7}.warning-copy .text-button{min-height:44px;padding-block:5px;font-size:.75rem}.warning-icon{color:#b0112b;background:#fce5e8;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:64px;min-height:72px;padding:8px 3px;display:flex}.warning-icon .icon{width:24px;height:24px}.warning-icon>span{font-size:.625rem;font-weight:600}.forecast-section{border-top:1px solid #dfe2e7;margin-top:18px}.forecast-toggle{text-align:left;color:#222a35;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:54px;padding:12px 0 4px;font-size:.875rem;font-weight:650;display:flex}.forecast-subtitle{color:#5e6877;margin-left:8px;font-size:.6875rem;font-weight:400}.toggle-label{color:#5c6674;flex-shrink:0;align-items:center;gap:5px;font-size:.75rem;font-weight:400;display:flex}.toggle-label .icon{width:16px;height:16px}.rotated{transform:rotate(180deg)}.forecast-list li{border-bottom:1px solid #d9e6f3;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:9px;min-height:46px;padding-block:2px;display:grid}.forecast-list .weather-glyph{width:28px;height:30px}.forecast-list li:last-child{border:0}.forecast-date{white-space:nowrap;color:#5a6471;flex-direction:row;align-items:center;gap:6px;font-size:.75rem;line-height:1.4;display:flex}.forecast-date strong{color:#323c49;font-size:.8125rem;font-weight:500}.forecast-list .icon{color:#586575;width:21px;height:21px}.forecast-rain{color:#626c7a;text-align:right;font-size:.625rem}.forecast-temperature{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem}.forecast-temperature>span{color:#697380;margin-inline:6px}.weather-page-grid{gap:18px;display:grid}.weather-explainer{display:none}.page-footer{color:#697383;text-align:center;margin-top:28px;font-size:.6875rem;line-height:1.7}.page-footer>span{display:block}@media (width<=767px){html:has(#panel-home:not([hidden])){scrollbar-width:none}.is-home-refined .header-symbol{display:none}.page-header .header-art{aspect-ratio:auto;background-image:url(/assets/hong-kong-banner-mobile-NIF4Utcy.webp);background-position:50%;background-size:cover;width:100%;height:100%;-webkit-mask-image:none;mask-image:none}.page-header{height:calc(var(--home-banner-height) + env(safe-area-inset-top,0px))}.page-header .header-inner{height:var(--home-banner-height);align-content:start;gap:9px;padding:24px 24px 20px}.is-home-refined .header-inner{height:var(--home-banner-height);flex-direction:column;gap:9px;padding:24px 24px 16px;display:flex}.page-header.is-home-refined h1{margin-left:-.1em}.app-shell:has(#panel-home:not([hidden])) .data-toolbar{z-index:1;min-height:44px;margin:0;position:absolute;top:-136px;right:20px}.app-shell:has(#panel-home:not([hidden])) .data-toolbar>p{display:none}.app-shell:has(#panel-home:not([hidden])) .data-toolbar .pill-button{isolation:isolate;color:#fff;font-size:12px;font-weight:var(--weight-semibold);background:0 0;border:0;padding-inline:14px;position:relative}.app-shell:has(#panel-home:not([hidden])) .data-toolbar .pill-button:before{content:"";z-index:-1;background:#ffffff16;border:1px solid #cce3ff60;border-radius:999px;position:absolute;inset:5px 0}#panel-home .home-layout{gap:var(--space-4)}#panel-home .home-aside,#panel-home .card-stack{gap:var(--space-3)}#panel-home .section-heading{margin-bottom:var(--space-2)}#panel-home .section-heading h2{font-size:19px;font-weight:var(--weight-semibold)}#panel-home .section-heading>span{font-size:12px;font-weight:var(--weight-medium)}#panel-home .memo-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius)}#panel-home .memo-card:not(.is-editing){gap:6px var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}#panel-home .memo-card:not(.is-editing) .memo-heading{display:contents}#panel-home .memo-heading h2{font-size:var(--text-title);line-height:1.4;font-weight:var(--weight-semibold);grid-column:1}#panel-home .memo-card:not(.is-editing) .memo-text{font-size:var(--text-body);line-height:1.4;font-weight:var(--weight-medium);grid-column:1;margin:0}#panel-home .memo-edit{isolation:isolate;min-width:72px;min-height:44px;font-size:var(--text-secondary);font-weight:var(--weight-medium);background:0 0;border:0;grid-area:1/2/3;align-self:center;padding:8px 14px;position:relative}#panel-home .memo-edit:before{content:"";z-index:-1;background:#fbfdff;border:1px solid #dfe8f5;border-radius:999px;position:absolute;inset:6px 0}#panel-home .memo-feedback{grid-column:1/-1}#panel-home .home-weather{--weather-icon-width:clamp(72px, 20.5vw, 88px);--warning-width:clamp(64px, 16.8vw, 72px);grid-template-columns:minmax(0, 1fr) var(--weather-icon-width) var(--warning-width);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:radial-gradient(at 26% 36%,#ffffffb8,#0000 55%),linear-gradient(145deg,#b9ddfb,#e7f4ff 70%,#fff);border-color:#d7e9fa;column-gap:clamp(4px,1.8vw,8px);display:grid;box-shadow:0 5px 20px #24619d08}#panel-home .home-weather:not(:has(.warning-card)){grid-template-columns:minmax(0, 1fr) var(--weather-icon-width)}#panel-home .home-weather-title{flex-wrap:wrap;align-items:baseline;gap:2px 7px;display:flex}#panel-home .home-weather-title h2{font-size:var(--text-title);line-height:1.4;font-weight:var(--weight-semibold);color:var(--ink)}#panel-home .home-weather-title>span{font-size:10.5px;line-height:1.5;font-weight:var(--weight-medium);color:#426383}#panel-home .weather-heading{grid-area:1/1/auto/-1;gap:6px;min-height:32px;margin-bottom:4px}#panel-home .weather-heading .pill-button{isolation:isolate;font-size:var(--text-secondary);font-weight:var(--weight-medium);background:0 0;border:0;margin-block:-6px;padding-inline:12px;position:relative}#panel-home .weather-heading .pill-button:before{content:"";z-index:-1;background:#ffffffbd;border:1px solid #ffffff8c;border-radius:999px;position:absolute;inset:6px 0}#panel-home .home-weather-overview{display:contents}#panel-home .home-weather .temperature{font-size:clamp(48px,14vw,60px);line-height:1;font-weight:var(--weight-data);letter-spacing:-.025em;grid-area:2/1}#panel-home .home-weather .temperature>span{font-size:27px;font-weight:var(--weight-medium);letter-spacing:0;margin-left:2px}#panel-home .home-weather-overview>.weather-glyph{width:var(--weather-icon-width);filter:drop-shadow(0 3px 4px #0000001a);grid-area:2/2/4;align-self:center;height:72px}#panel-home .home-weather .warning-card{background:#ffedf0;border:1px solid #fff;border-radius:12px;grid-area:2/3/5;align-self:center;gap:5px;min-height:70px;padding:8px 3px;box-shadow:0 0 0 1px #f6d4dd}#panel-home .home-weather .warning-card>.icon{stroke-width:1.9px;width:29px;height:29px}#panel-home .home-weather .warning-card>strong{font-size:var(--text-secondary);font-weight:var(--weight-semibold)}#panel-home .home-weather .warning-card>small{display:none}#panel-home .home-weather .condition{margin-top:var(--space-1);font-size:var(--text-body);line-height:1.4;font-weight:var(--weight-medium);color:var(--ink);grid-area:3/1}#panel-home .home-weather .home-extrema,#panel-home .home-weather .humidity:not(.home-extrema){font-size:var(--text-secondary);line-height:1.5;font-weight:var(--weight-medium);color:#466380}#panel-home .home-weather .home-extrema{white-space:normal;grid-area:4/1;margin-top:3px;overflow:visible}#panel-home .home-weather .humidity:not(.home-extrema){grid-area:5/1/auto/3;margin-top:3px}#panel-home .home-weather .air-quality{margin-left:10px}#panel-home .home-weather .hourly-strip{background:#ffffffdf;border-radius:16px;grid-area:6/1/auto/-1;margin:10px -7px -4px;padding:6px 5px}#panel-home .hourly-strip li{gap:3px;padding-inline:2px}#panel-home .hourly-strip time{font-size:10.5px;line-height:1.3;font-weight:var(--weight-medium);color:#5d7290}#panel-home .hourly-strip .weather-glyph{width:32px;height:26px}#panel-home .hourly-strip strong{font-size:16px;line-height:1.2;font-weight:var(--weight-semibold)}#panel-home .route-compact{padding:13px var(--space-4) var(--space-3);border-radius:var(--radius);box-shadow:0 5px 18px #18365806}#panel-home .route-compact .route-heading{margin-bottom:var(--space-2);gap:11px}#panel-home .route-compact .route-heading strong{font-size:15.5px;line-height:1.35;font-weight:var(--weight-semibold)}#panel-home .route-compact .route-description{font-size:var(--text-secondary);line-height:1.4;font-weight:var(--weight-medium);color:#415574;margin-top:3px}#panel-home .route-compact .route-badge{border-radius:11px;min-width:72px;padding:6px 10px;font-size:28px;font-weight:700;line-height:1.2}#panel-home .route-compact .route-badge-long{white-space:nowrap;flex:none;min-width:72px;padding-inline:8px;font-size:22px}#panel-home .home-weather .weather-freshness{grid-row:7}#panel-home .home-weather>.weather-sources{grid-row:8}#panel-home .route-compact .stop-heading{margin-bottom:var(--space-2)}#panel-home .route-compact h4{font-size:15px;line-height:1.4;font-weight:var(--weight-semibold)}#panel-home .route-compact .stop-code{color:#667b94;font-size:.6875rem;font-weight:500}#panel-home .route-compact .direction{font-size:var(--text-secondary);line-height:1.4;font-weight:var(--weight-medium);margin-top:2px}#panel-home .route-compact .stop-block+.stop-block{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid #edf2f8}#panel-home .eta-list{gap:7px}#panel-home .eta-list .eta-block{min-height:106px;padding:9px var(--space-1);gap:var(--space-1);border-radius:var(--radius-eta);box-shadow:none;background:#fff;border-color:#dfe8f5}#panel-home .eta-list .eta-value{font-size:var(--text-eta);line-height:1.08;font-weight:var(--weight-data);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--ink)}#panel-home .eta-list .eta-unit{font-size:12px;font-weight:var(--weight-medium);margin-left:var(--space-1);vertical-align:baseline}#panel-home .eta-list .eta-clock{font-size:var(--text-secondary);line-height:1.4;font-weight:var(--weight-medium);color:#5a6c88}#panel-home .eta-list .eta-nature{font-size:10.5px;line-height:1.4;font-weight:var(--weight-medium);color:#4e6384;background:#edf3fc;border-radius:6px;padding:3px 7px}#panel-home .eta-list .eta-remark{font-size:10.5px;line-height:1.4;font-weight:var(--weight-medium);color:#526780}#panel-home .eta-list .eta-near{background:#f1fbf7;border-color:#c7e9dc}#panel-home .eta-list .eta-near .eta-value,#panel-home .eta-list .eta-near .eta-unit{color:#13805d}#panel-home .eta-list .eta-imminent{background:linear-gradient(145deg,#e2f7ef,#f2fcf8);border-color:#75cdb0;box-shadow:inset 0 0 0 1px #ffffffb3}#panel-home .eta-list .eta-imminent-label{color:#087a55;font-size:var(--text-title);line-height:1.4;font-weight:var(--weight-data);white-space:nowrap}#panel-home .eta-list .eta-imminent .eta-clock{color:#23795f}#panel-home .eta-list .eta-imminent .eta-remark{color:#316d59}#panel-home .eta-list .eta-unavailable{font-size:.75rem}#panel-home .eta-updated{margin-top:var(--space-1);font-size:10.5px;line-height:1.3}}@media (width>=768px){.header-inner{padding:30px 28px 38px}.page-main{padding-inline:28px;padding-top:20px}.home-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px}.home-aside{grid-area:1/2;gap:18px}.home-routes{grid-area:1/1}.transport-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}.card{padding:20px}.station-selector{margin-inline:auto;max-width:760px;margin-bottom:24px}.station-card{padding:24px}.direction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.weather-selector{margin-inline:auto;max-width:620px;margin-bottom:24px}.weather-page-grid{grid-template-columns:minmax(0,1fr);max-width:960px;margin-inline:auto}.weather-card{padding:22px}.forecast-list li{gap:10px}}@media (width>=1200px){.header-inner{padding:34px 32px 38px}h1{font-size:3rem}.main-nav{border-top:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;position:relative}.nav-inner{justify-content:flex-start;gap:8px;max-width:1280px;min-height:64px;padding:8px 32px;display:flex}.nav-item{flex-direction:row;gap:9px;min-width:108px;min-height:44px;margin:0;padding:10px 16px;font-size:.875rem}.page-main{margin-top:0;padding:18px 32px 32px}.home-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px}.home-aside{gap:20px}.route-compact .stop-heading{align-items:baseline}.route-compact .direction{flex-basis:150px}.direction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.station-selector{grid-template-columns:repeat(6,minmax(0,1fr));max-width:900px}}@media (width<=374px){.header-inner{padding-inline:16px}.page-main{padding-inline:12px}.card,.weather-card{padding:13px}.forecast-list li{grid-template-columns:max-content minmax(0,1fr) max-content;gap:6px}.forecast-temperature>span{margin-inline:4px}}@media (width>=601px) and (width<=1100px){.page-header{height:184px}.page-header .header-inner,.page-header.is-home-refined .header-inner{grid-template-columns:1fr auto;align-content:center;gap:14px;height:184px;padding:26px 28px;display:grid}.page-header h1{font-size:38px}.page-header .header-art{aspect-ratio:auto;background-image:url(/assets/hong-kong-banner-BBqs7mBq.webp);background-position:right 38%;background-size:760px;width:74%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.page-header .header-symbol{display:none}.app-shell:has(#panel-home:not([hidden])) .data-toolbar{position:static}.app-shell:has(#panel-home:not([hidden])) .data-toolbar .pill-button{color:#1258b8;background:#ffffffb8;border:1px solid #dce8fa;font-size:.75rem}.app-shell:has(#panel-home:not([hidden])) .data-toolbar .pill-button:before{content:none}}@media (width>=1101px){.page-header{height:204px}.page-header .header-inner{align-content:center;gap:16px;height:204px;padding:30px 32px}.page-header h1{font-size:44px}.page-header .header-art{aspect-ratio:auto;background-position:right 38%;background-size:920px;width:960px;height:100%;right:max(0px,50vw - 740px);-webkit-mask-image:linear-gradient(90deg,#0000 8%,#000 45% 88%,#0000);mask-image:linear-gradient(90deg,#0000 8%,#000 45% 88%,#0000)}.page-header .header-symbol{display:none}}.weather-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.weather-stats>div:last-child{grid-column:auto;display:block}.forecast-temperature{text-align:right}.forecast-list .weather-glyph{justify-self:center}.weather-bulletin{border-top:1px solid #dfe2e7;margin-top:18px;font-size:.8125rem;line-height:1.7}.weather-bulletin summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:50px;font-weight:650;list-style:none;display:flex}.weather-bulletin summary::-webkit-details-marker{display:none}.weather-bulletin summary .icon{width:16px;height:16px}.weather-bulletin[open] summary .icon{transform:rotate(180deg)}.weather-bulletin p{margin-block:8px}.warning-detail.is-neutral{color:var(--ink);background:#ffffffb0;border:1px solid #dce8f4}.weather-current:has(.warning-card)>.weather-glyph{width:60px;height:60px;margin-left:auto;position:static}.weather-current:has(.warning-card) .temperature{padding-right:0}.weather-current .warning-card{flex-flow:wrap;flex:0 auto;gap:10px;max-width:44%}.weather-freshness:empty{display:none}.home-weather>.weather-sources{grid-area:8/1/auto/-1}.travel-page{gap:18px;max-width:960px;margin-inline:auto;display:grid}.travel-title{margin-bottom:0}.travel-page h3{font-size:1.05rem}.travel-page .filter-row{margin-block:12px 0}.travel-hint{color:var(--muted);margin-block:8px 16px;font-size:.75rem;line-height:1.7}.travel-error{color:#94521b;background:#fff7e8;border-radius:8px;margin-block:8px;padding:10px;font-size:.8125rem;line-height:1.6}.incident-list>li{border-bottom:1px solid var(--line)}.incident-list>li:last-child{border:0}.incident-list summary{cursor:pointer;padding-block:14px;font-size:.875rem;line-height:1.7}.incident-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:5px;font-size:.75rem;display:flex}.incident-status{color:#175fb4;background:#edf4ff;border-radius:5px;padding:1px 7px}.status-unknown{color:#8d520e;background:#fff5df}.incident-content{white-space:pre-wrap;margin-bottom:14px;font-size:.875rem;line-height:1.8}.incident-list a{font-size:.8125rem}.queue-points{gap:16px;display:grid}.queue-point+.queue-point{border-top:1px solid var(--line);padding-top:16px}.queue-point dl{gap:28px;margin:10px 0 0;display:flex}.queue-point dl>div{align-items:center;gap:10px;font-size:.875rem;display:flex}.queue-point dt{color:var(--muted)}.queue-point dd{margin:0;font-weight:650}.queue-point small{font-weight:400}.queue-point .source-note{margin-top:9px;font-size:.6875rem}.queue-normal{color:#117b59}.queue-busy{color:#996017}.queue-very-busy{color:#b12243}.queue-unknown{color:#64748b}@media (width>=768px){.queue-points{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-point+.queue-point{border-top:0;border-left:1px solid var(--line);padding:0 0 0 16px}.queue-point dl{gap:10px;display:grid}}