:root{
  color-scheme:light dark;
  --bg:#eef4f2;--surface:#fff;--surface2:#f6f9f8;--ink:#18342c;--muted:#6b7e77;--border:#dbe5e1;--soft:#edf3f1;
  --accent:#1d6f42;--accent-soft:#e7f3ec;--orange:#a85c00;--orange-bg:#fff0d2;--blue:#003082;--red:#c0392b;--metro:#2980b9;--ferry:#087f8c;
  --shadow:0 18px 56px rgba(29,63,49,.10);--shadow-sm:0 8px 28px rgba(29,63,49,.08);--radius:20px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{width:min(820px,100%);margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:#fff;font-weight:900;font-size:13px}.brand b{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.site-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:8.5px}.back-link,.ghost-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}
.freshness{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:750}.freshness i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.freshness.stale i,.freshness.error i{background:var(--orange);box-shadow:0 0 0 3px var(--orange-bg)}
.home-hero{position:relative;padding:34px 22px 24px;background:linear-gradient(135deg,var(--surface),var(--surface2))}.home-hero>small,.stop-hero>small,.section-head small,.journey-title>small{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em}.home-hero h1,.stop-hero h1,.journey-title h1{margin:6px 0 5px;font-size:clamp(26px,7vw,38px);line-height:1.05;letter-spacing:-.04em}.home-hero>p,.stop-hero p,.journey-title p,.section-note,.map-note{margin:0;color:var(--muted);font-size:11px}.search-wrap{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:9px;margin-top:20px;padding:0 14px;min-height:50px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.search-wrap svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.8}.search-wrap input{width:100%;height:48px;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-wrap input::placeholder{color:var(--muted)}.search-results{position:absolute;z-index:50;left:22px;right:22px;top:calc(100% - 8px);padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 20px 60px rgba(20,45,35,.16);max-height:340px;overflow:auto}.search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 10px;border-radius:10px}.search-result:hover,.search-result:focus{background:var(--soft)}.search-result b{display:block;font-size:12px}.search-result small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.result-arrow{color:var(--muted);font-weight:900}.home-section{padding:24px 18px 22px;border-top:1px solid var(--border)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.section-head h2{margin:3px 0 0;font-size:20px;letter-spacing:-.02em}.section-head.compact{margin:0 0 10px}.section-head.compact h2{font-size:16px}.section-note{margin-bottom:14px}.card-list,.departure-list,.journey-stops{display:grid;gap:9px}.nearby-list{margin-top:12px}.nearby-card,.departure-card,.journey-stop{border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm)}.nearby-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px}.nearby-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--surface2)}.nearby-card b{display:block;font-size:13px}.nearby-card small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.distance{display:inline-flex;align-items:center;min-height:26px;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:850}.card-skeleton{height:74px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(90deg,var(--surface2) 25%,var(--soft) 45%,var(--surface2) 65%);background-size:220% 100%;animation:shimmer 1.1s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.stop-hero{padding:24px 18px 18px;background:linear-gradient(135deg,var(--surface),var(--surface2))}.departures{padding:13px 13px 16px;border-top:1px solid var(--border);background:var(--surface2)}.departure-card{display:grid;grid-template-columns:58px auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:72px;padding:10px 11px;transition:border-color .15s ease,transform .15s ease}.departure-card.clickable:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-1px)}.departure-card.cancelled{opacity:.62}.dep-time{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.line-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;width:max-content;height:30px;padding:0 8px;border-radius:8px;background:var(--line-color,var(--accent));color:#fff;font-size:11px;font-weight:900;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none}.line-badge.train{--line-color:var(--blue)}.line-badge.tram{--line-color:var(--red)}.line-badge.metro{--line-color:var(--metro)}.line-badge.ferry{--line-color:var(--ferry)}.dep-main{min-width:0}.dep-main b{display:block;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dep-main small{display:block;margin-top:4px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dep-status{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:58px}.status-badge{display:inline-flex;align-items:center;min-height:20px;padding:3px 6px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:8px;font-weight:850;line-height:1;white-space:nowrap}.status-badge.live{background:#e7f5ed;color:#1d7a49}.status-badge.cancelled{background:#f9e3e3;color:#9b3131}.delay{font-size:9px;font-weight:900;color:var(--orange);white-space:nowrap}.countdown{font-size:8.5px;font-weight:800;color:var(--muted);white-space:nowrap}.countdown.soon{color:var(--accent)}.empty{padding:36px 18px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}
.journey-shell{width:min(1180px,100%)}.journey-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 18px;background:linear-gradient(135deg,var(--surface),var(--surface2));border-bottom:1px solid var(--border)}.journey-hero .line-badge{height:42px;min-width:52px;padding:0 11px;font-size:15px;border-radius:11px}.journey-title h1{font-size:clamp(20px,5vw,31px);margin-top:4px}.journey-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:0;min-height:590px}.journey-stops-wrap,.journey-map-wrap{padding:16px}.journey-map-wrap{border-left:1px solid var(--border);background:var(--surface2)}.journey-map{height:520px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--soft)}.map-note{margin-top:7px}.journey-stop{position:relative;display:grid;grid-template-columns:46px 14px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:56px;padding:9px 10px}.journey-stop::before{content:"";position:absolute;left:68px;top:-10px;bottom:calc(50% + 7px);width:2px;background:var(--border)}.journey-stop::after{content:"";position:absolute;left:68px;top:calc(50% + 7px);bottom:-10px;width:2px;background:var(--border)}.journey-stop:first-child::before,.journey-stop:last-child::after{display:none}.journey-stop .stop-dot{position:relative;z-index:2;width:12px;height:12px;border:2px solid #bcc9c4;border-radius:50%;background:var(--surface)}.journey-stop.current{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--accent-soft)}.journey-stop.current .stop-dot{border-color:var(--accent);background:var(--accent)}.journey-stop.passed{background:var(--surface2);color:var(--muted)}.journey-stop.passed .stop-dot{border-color:#aab7b2;background:#aab7b2}.journey-stop.passed b,.journey-stop.passed time,.journey-stop.passed small,.journey-stop.passed .stop-chevron{color:var(--muted)}.journey-stop time{font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.journey-stop b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journey-stop small{display:block;margin-top:2px;color:var(--muted);font-size:8.5px}.stop-chevron{color:var(--muted);font-weight:900}.leaflet-container{font:inherit;background:var(--soft)}.leaflet-attribution-flag{display:none}
@media(max-width:760px){body{padding:0;background:var(--surface)}.site-shell{min-height:100dvh;border:0;border-radius:0;box-shadow:none}.topbar{padding:12px}.home-hero{padding:28px 14px 21px}.search-results{left:14px;right:14px}.home-section{padding:21px 12px}.stop-hero{padding:20px 14px 16px}.departures{padding:9px 8px 13px}.departure-card{grid-template-columns:48px auto minmax(0,1fr) auto;gap:7px;min-height:68px;padding:9px 8px}.dep-time{font-size:14px}.line-badge{min-width:38px;height:28px;padding:0 7px;font-size:10px}.dep-main b{font-size:12px}.dep-status{min-width:52px}.journey-hero{grid-template-columns:auto minmax(0,1fr);padding:15px 12px;gap:10px}.journey-hero>.status-badge{grid-column:2;justify-self:start}.journey-grid{grid-template-columns:1fr}.journey-stops-wrap{padding:13px 9px}.journey-map-wrap{padding:13px 9px;border-left:0;border-top:1px solid var(--border)}.journey-map{height:320px}.journey-stop{grid-template-columns:42px 14px minmax(0,1fr) auto;gap:7px}.journey-stop::before,.journey-stop::after{left:61px}.site-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:430px){.departure-card{grid-template-columns:46px auto minmax(0,1fr)}.dep-status{grid-column:3;align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:-2px}.dep-main{grid-column:3;grid-row:1}.line-badge{grid-row:1 / span 2}.dep-time{grid-row:1 / span 2;align-self:start;padding-top:4px}.journey-stop b{font-size:11.5px}}
@media(prefers-color-scheme:dark){:root{--bg:#0c1519;--surface:#142126;--surface2:#18272d;--ink:#edf5f1;--muted:#9baea6;--border:#2b3b40;--soft:#203036;--accent:#56b77c;--accent-soft:#193e29;--orange:#ffbf68;--orange-bg:#4a3219;--shadow:0 18px 56px rgba(0,0,0,.28);--shadow-sm:0 8px 28px rgba(0,0,0,.18)}.status-badge.live{background:#193e29;color:#8fdda8}.status-badge.cancelled{background:#472929;color:#ffaaaa}.leaflet-tile{filter:brightness(.82) contrast(1.05)}}
@media(prefers-reduced-motion:reduce){.card-skeleton{animation:none}.departure-card{transition:none}}
.error-shell{max-width:680px}.error-state{padding:54px 24px 58px;text-align:center;background:linear-gradient(135deg,var(--surface),var(--surface2))}.error-state>small{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em}.error-state h1{margin:8px 0 8px;font-size:clamp(28px,7vw,42px);letter-spacing:-.04em}.error-state p{max-width:480px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.6}.error-home{display:inline-flex;margin-top:22px;min-height:42px;align-items:center;padding:0 15px;border-radius:11px;background:var(--accent);color:#fff;font-size:11px;font-weight:850}
.search-type-label{padding:8px 10px 7px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:none;border-bottom:1px solid var(--border)}.search-empty{padding:13px 10px;color:var(--muted);font-size:10px}.search-trip small{max-width:620px}.search-trip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.departure-card.reliability-card{display:block;padding:0;overflow:hidden}.departure-summary{display:grid;grid-template-columns:58px auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:72px;padding:10px 11px;cursor:pointer;outline:0}.departure-summary:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.dep-trip-link{display:block;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reliability-detail{margin:0 10px 10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}.reliability-head{display:flex;align-items:center;gap:7px}.reliability-head b{font-size:10px}.reliability-dot,.legend-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.reliability-detail.very .reliability-dot,.legend-dot.very{background:#28b66f}.reliability-detail.good .reliability-dot,.legend-dot.good{background:#e4bf22}.reliability-detail.reasonable .reliability-dot,.legend-dot.reasonable{background:#e58a19}.reliability-detail.low .reliability-dot,.legend-dot.low{background:#d94b4b}.reliability-detail p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.reliability-chevron{margin-left:auto;color:var(--muted);font-size:13px}.reliability-open .reliability-chevron{transform:rotate(180deg)}.reliability-legend{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.reliability-legend h2{margin:0 0 10px;font-size:13px}.reliability-legend>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:28px}.reliability-legend b{font-size:9px}.reliability-legend small{color:var(--muted);font-size:8px;text-align:right}
@media(max-width:760px){.departure-summary{grid-template-columns:48px auto minmax(0,1fr) auto;gap:7px;min-height:68px;padding:9px 8px}.reliability-detail{margin:0 7px 7px}.reliability-legend{margin:12px 0 0}}
@media(max-width:430px){.departure-summary{grid-template-columns:46px auto minmax(0,1fr)}.departure-summary .dep-status{grid-column:3;align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:-2px}.departure-summary .dep-main{grid-column:3;grid-row:1}.departure-summary .line-badge{grid-row:1 / span 2}.departure-summary .dep-time{grid-row:1 / span 2;align-self:start;padding-top:4px}.reliability-legend>div{grid-template-columns:12px minmax(0,1fr)}.reliability-legend small{grid-column:2;text-align:left}}
.top-actions{display:flex;align-items:center;gap:8px}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:10px;font-weight:850}.buurt-shell{width:min(980px,100%)}.buurt-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 18px;background:linear-gradient(135deg,var(--surface),var(--surface2));border-bottom:1px solid var(--border)}.buurt-hero>div>small{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em}.buurt-hero h1{margin:5px 0;font-size:clamp(24px,6vw,34px);letter-spacing:-.04em}.buurt-hero p{margin:0;color:var(--muted);font-size:10px}.buurt-map-section{padding:14px;background:var(--surface2);border-bottom:1px solid var(--border)}.buurt-map{height:330px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--soft)}.buurt-departures{padding:16px 14px 20px}.mode-filter{min-height:44px;padding:0 34px 0 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--ink);font-size:10px;font-weight:800}.buurt-stops{display:grid;gap:12px;margin-top:12px}.buurt-stop-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.buurt-stop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;background:var(--surface2)}.buurt-stop-head b{display:block;font-size:13px}.buurt-stop-head small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.buurt-dep-list{display:grid}.buurt-dep{display:grid;grid-template-columns:46px auto minmax(0,1fr) 18px;gap:8px;align-items:center;min-height:52px;padding:8px 12px;border-top:1px solid var(--border)}.buurt-dep:hover{background:var(--surface2)}.buurt-dep time{font-size:11px;font-weight:900}.mini-line{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 6px;border-radius:7px;background:var(--accent);color:#fff;font-size:9px;font-weight:900}.mini-line.train{background:var(--blue)}.mini-line.tram{background:var(--red)}.mini-line.metro{background:var(--metro)}.mini-line.ferry{background:var(--ferry)}.buurt-dep b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buurt-dep small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.show-all{display:flex;align-items:center;min-height:44px;padding:0 12px;border-top:1px solid var(--border);color:#3478f6;font-size:9px;font-weight:850}.buurt-empty{padding:12px;color:var(--muted);font-size:9px;border-top:1px solid var(--border)}
@media(max-width:430px){.top-actions{gap:5px}.nav-link,.ghost-button{min-height:44px;padding:0 9px}.buurt-hero{padding:17px 12px}.buurt-map-section{padding:9px}.buurt-map{height:280px}.buurt-departures{padding:13px 9px 18px}.buurt-dep{grid-template-columns:42px auto minmax(0,1fr) 14px;padding:8px 9px}.mode-filter{max-width:132px}}
.platform-alert-host{padding:10px 12px 0;background:var(--surface2)}.platform-alert{display:grid;grid-template-columns:auto minmax(0,1fr) 44px;gap:10px;align-items:center;padding:12px 10px 12px 13px;border:1px solid #e64d5f;border-radius:13px;background:color-mix(in srgb,#9d1e34 88%,var(--surface));color:#fff}.platform-alert-icon{font-size:18px}.platform-alert-text b,.platform-alert-text span{display:block}.platform-alert-text b{font-size:11px}.platform-alert-text span{margin-top:3px;font-size:9px;line-height:1.45}.platform-alert-close{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#fff;font-size:23px;cursor:pointer}.dep-meta{display:flex!important;gap:5px;align-items:center;flex-wrap:wrap;white-space:normal!important}.dep-meta>span:not(:last-child)::after{content:' ·';color:var(--muted)}.dep-meta .platform-new{color:#d83a4d;font-weight:900}.dep-meta .platform-old{color:var(--muted);text-decoration:none}.platform-stop-change{color:#d83a4d!important;font-weight:850}.platform-timeline-host{padding:12px 14px;background:var(--surface2);border-bottom:1px solid var(--border)}.platform-change-timeline{padding:13px;border:1px solid #e64d5f;border-radius:14px;background:color-mix(in srgb,#9d1e34 12%,var(--surface))}.platform-change-timeline h2{margin:0 0 9px;color:#d83a4d;font-size:12px}.timeline-row{display:grid;grid-template-columns:42px 12px minmax(0,1fr);gap:8px;align-items:center;min-height:34px;position:relative}.timeline-row time{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.timeline-row b{font-size:9px}.timeline-dot{width:9px;height:9px;border-radius:50%;border:2px solid #91a19b;background:var(--surface);position:relative;z-index:2}.timeline-row.changed .timeline-dot{border-color:#e64d5f;background:#e64d5f}.timeline-row:not(:last-child) .timeline-dot::after{content:'';position:absolute;left:2px;top:8px;width:2px;height:27px;background:var(--border)}
@media(max-width:430px){.platform-alert-host{padding:8px 8px 0}.platform-alert{grid-template-columns:auto minmax(0,1fr) 44px;padding:10px 7px 10px 10px}.platform-timeline-host{padding:9px}.platform-change-timeline{padding:11px}}
/* V9 PWA install prompt */
.pwa-install{position:fixed;z-index:1200;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;padding:11px 10px 11px 14px;border:1px solid color-mix(in srgb,#3b82f6 55%,var(--border));border-radius:15px;background:var(--surface);box-shadow:0 18px 60px rgba(10,30,45,.24)}.pwa-install[hidden]{display:none}.pwa-install b,.pwa-install span{display:block}.pwa-install b{font-size:11px}.pwa-install span{margin-top:2px;color:var(--muted);font-size:9px}.pwa-install button{min-height:44px;border:0;border-radius:10px;padding:0 12px;background:#3b82f6;color:#fff;font-size:9px;font-weight:900;cursor:pointer}.pwa-install .pwa-install-close{width:44px;padding:0;background:var(--soft);color:var(--ink);font-size:20px}@media(max-width:430px){.pwa-install{grid-template-columns:minmax(0,1fr) 44px}.pwa-install #pwaInstallAction{grid-column:1 / -1;grid-row:2;width:100%}.pwa-install .pwa-install-close{grid-column:2;grid-row:1}}
@media(display-mode:standalone){.pwa-install{display:none!important}}
/* V9 fullscreen display */
body.display-page{padding:0;background:#07111f;color:#f8fafc;overflow-x:hidden}.display-board{min-height:100dvh;width:100%;background:#07111f;display:flex;flex-direction:column;cursor:pointer;outline:0}.display-head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:28px 34px 22px;border-bottom:2px solid #1e293b;background:#0b1728}.display-head small{color:#60a5fa;font-size:13px;font-weight:900;letter-spacing:.14em}.display-head h1{margin:7px 0 0;font-size:clamp(30px,5vw,58px);line-height:1;letter-spacing:-.04em}.display-clock{text-align:right}.display-clock b{display:block;font-size:clamp(32px,5vw,56px);font-variant-numeric:tabular-nums}.display-clock span{display:block;margin-top:3px;color:#86efac;font-size:12px;font-weight:850}.display-clock span.stale{color:#fbbf24}.display-rows{flex:1;display:grid;align-content:start}.display-row{display:grid;grid-template-columns:110px 100px minmax(0,1fr) 140px;gap:20px;align-items:center;min-height:86px;padding:14px 34px;border-bottom:1px solid #1e293b}.display-row.cancelled{opacity:.55}.display-time{font-size:clamp(26px,4vw,42px);font-weight:900;font-variant-numeric:tabular-nums}.display-line{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-width:72px;height:54px;padding:0 12px;border-radius:10px;background:#1d6f42;color:#fff;font-size:clamp(20px,3vw,30px);font-weight:900}.display-line.train{background:#003082}.display-line.tram{background:#c0392b}.display-line.metro{background:#2980b9}.display-line.ferry{background:#087f8c}.display-destination{min-width:0}.display-destination b{display:block;font-size:clamp(20px,3vw,34px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-destination small{display:block;margin-top:4px;color:#94a3b8;font-size:clamp(11px,1.5vw,17px)}.display-info{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.display-delay{color:#fbbf24;font-size:clamp(14px,2vw,22px)}.display-live{display:inline-flex;padding:6px 10px;border-radius:999px;background:#334155;color:#cbd5e1;font-size:12px;font-weight:900}.display-live.live{background:#14532d;color:#bbf7d0}.display-live.cancelled{background:#7f1d1d;color:#fecaca}.display-empty{padding:60px 34px;color:#94a3b8;font-size:24px}.display-foot{display:flex;justify-content:space-between;gap:20px;padding:12px 34px;border-top:1px solid #1e293b;color:#64748b;font-size:11px;background:#0b1728}@media(max-width:700px){.display-head{padding:20px 18px 16px}.display-row{grid-template-columns:72px 64px minmax(0,1fr) 90px;gap:10px;min-height:70px;padding:10px 16px}.display-line{min-width:54px;height:42px}.display-foot{padding:10px 16px}.display-destination small{font-size:10px}}@media(max-width:480px){.display-head{align-items:start}.display-clock b{font-size:28px}.display-row{grid-template-columns:58px 48px minmax(0,1fr);gap:8px}.display-info{grid-column:3;align-items:flex-start;flex-direction:row}.display-line{min-width:44px;height:34px;font-size:14px}.display-time{font-size:19px}.display-destination b{font-size:16px}}
/* V9 live vehicle approach */
.vehicle-proximity{display:block!important;margin-top:4px!important;color:#2f7fd8!important;font-size:9px!important;font-weight:850;white-space:normal!important}.vehicle-proximity[hidden]{display:none!important}@media(prefers-color-scheme:dark){.vehicle-proximity{color:#7db7ff!important}}
/* V9 pinned notification controls */
.notify-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.notify-controls button,.notify-controls select{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font-size:9px;font-weight:850}.notify-controls button{padding:0 12px;cursor:pointer}.notify-controls button.active{border-color:#3b82f6;background:#eaf2ff;color:#1d5db8}.notify-controls label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:800}.notify-controls select{padding:0 28px 0 9px}.notify-controls #notifyState{color:var(--muted);font-size:8.5px}.journey-notify{padding:0 14px 12px;background:var(--surface2);border-bottom:1px solid var(--border)}.journey-notify .notify-controls{margin-top:0;padding-top:10px}.notify-permission{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;align-items:center;padding:10px 12px;background:#eaf2ff;border-bottom:1px solid #bcd4ff;color:#17365e}.notify-permission[hidden]{display:none}.notify-permission b,.notify-permission span{display:block}.notify-permission b{font-size:10px}.notify-permission span{margin-top:2px;font-size:8.5px}.notify-permission button{min-height:44px;border:0;border-radius:9px;background:#3b82f6;color:#fff;padding:0 12px;font-size:9px;font-weight:900}.notify-permission #notifyPermissionClose{width:44px;padding:0;background:transparent;color:#17365e;font-size:20px}@media(prefers-color-scheme:dark){.notify-controls button.active{background:#173b67;color:#bfdbfe}.notify-permission{background:#172e4c;border-color:#284d7a;color:#dbeafe}.notify-permission #notifyPermissionClose{color:#dbeafe}}@media(max-width:430px){.notify-permission{grid-template-columns:minmax(0,1fr) 44px}.notify-permission #notifyPermissionAllow{grid-column:1 / -1;grid-row:2}.notify-permission #notifyPermissionClose{grid-column:2;grid-row:1}.notify-controls{gap:6px}.notify-controls #notifyState{width:100%}}

.buurt-dep-loading{display:grid}.buurt-dep-skeleton{display:grid;grid-template-columns:46px 34px minmax(0,1fr);gap:8px;align-items:center;min-height:52px;padding:8px 12px;border-top:1px solid var(--border)}.buurt-dep-skeleton i{display:block;border-radius:6px;background:linear-gradient(90deg,var(--surface2) 25%,var(--soft) 45%,var(--surface2) 65%);background-size:220% 100%;animation:shimmer 1.1s ease-in-out infinite}.sk-time{height:12px}.sk-line{height:26px}.sk-text{height:18px}.loading-label{color:var(--muted);pointer-events:none}.buurt-stop-card.loading .distance{opacity:.75}
@media(prefers-reduced-motion:reduce){.buurt-dep-skeleton i{animation:none}}