:root{font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:#f3f6f8;font-synthesis:none;color-scheme:light;--surface:#fff;--subtle:#edf2f5;--border:#d5dfe6;--muted:#516475;--ink:#172b3a;--blue:#235e8b;--teal:#146c61;--amber:#94600a;--red:#ad2c3d;--green-bg:#def3e8;--amber-bg:#fff0d2;--red-bg:#ffe5e8 }:root[data-theme=dark]{color-scheme:dark;background:#101c2b;--surface:#18283a;--subtle:#142233;--border:#35485d;--muted:#a7b7c9;--ink:#e5edf6;--blue:#a6c9ff;--teal:#8dddb7;--amber:#f4cc85;--red:#ffa5af;--green-bg:#204b3c;--amber-bg:#493a22;--red-bg:#4d2934 }*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button,a,select,summary{touch-action:manipulation}button,select,summary{cursor:pointer}a{color:inherit}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:hover,select:hover{border-color:var(--blue)}button:active,summary:active{opacity:.75}button,select,summary{-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.topbar{max-width:1056px;margin:auto;min-height:64px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font-size:1.125rem;font-weight:750;letter-spacing:-.6px;line-height:1;white-space:nowrap}.brand-icon{display:block;width:34px;height:34px;flex:none;border-radius:10px}.brand:focus-visible{border-radius:8px}.header-actions{display:flex;align-items:center;gap:8px;flex:none}.quiet,.refresh{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:8px 12px;font-size:.8125rem;font-weight:600}.quiet svg,.refresh svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button{width:44px;padding:0;flex:none;color:var(--blue)}.settings{position:relative}.settings>summary{display:grid;width:44px;height:44px;place-items:center;list-style:none;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:var(--surface)}.settings>summary::-webkit-details-marker{display:none}.settings>summary:hover,.settings[open]>summary{color:var(--ink);border-color:var(--blue)}.settings>summary svg{width:22px;height:22px;fill:currentColor;stroke:none}.settings-panel{position:absolute;z-index:5;top:calc(100% + 8px);right:0;display:grid;gap:16px;width:min(270px,calc(100vw - 32px));padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #08182724}.language-control{display:grid;gap:6px;font-size:.875rem}.settings-panel select{width:100%}select{border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--surface);min-height:44px;font-size:.8125rem;max-width:100%}main{max-width:1056px;margin:auto;padding:0 max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.station-identity{padding:7px 0 9px}.station-identity h1{font-size:1.25rem;font-weight:720;letter-spacing:-.5px;line-height:1.25;margin:0}.station-identity p{font-size:.8125rem;color:var(--muted);margin:5px 0 0;line-height:1.45}.service-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 0 9px;min-height:44px}.connection{display:flex;align-items:center;gap:6px;font-size:.75rem;line-height:1.4;color:var(--muted);min-width:0;flex:1 1 140px}.connection:before{content:"";width:6px;height:6px;background:var(--muted);border-radius:50%;flex:none}.connection.good:before{background:var(--teal)}.connection.warning:before{background:var(--amber)}.connection.warning{flex-basis:100%}.incident-area:empty{display:none}.incident-area{display:flex;min-width:0}.incident-trigger{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:7px 0 7px 8px;border:1px solid transparent;border-radius:8px;color:var(--blue);background:transparent;font:inherit;font-size:.75rem;font-weight:650}.incident-trigger:hover{background:var(--subtle);border-color:transparent}.incident-trigger svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.incident-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:var(--blue);color:var(--surface);font-variant-numeric:tabular-nums}.incident-unavailable{margin:0;color:var(--muted);font-size:.75rem;line-height:1.4}.board{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.board-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}h2{font-size:1rem;font-weight:700;letter-spacing:-.3px;margin:0;line-height:1.3}.board-tools{display:flex;align-items:center;gap:8px;min-width:0}.board-tools select{width:117px;font-size:.75rem}.table-head{display:none}.departure{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:0 12px;border-bottom:1px solid var(--border);padding:16px 12px 3px;align-items:start}.destination{grid-column:1;grid-row:1;min-width:0}.destination h3{font-size:1.0625rem;line-height:1.3;letter-spacing:-.3px;margin:0;font-weight:650;overflow-wrap:anywhere}.line{display:inline-block;min-width:31px;padding:3px 6px;margin-bottom:6px;border:1px solid var(--border);border-radius:5px;background:var(--subtle);color:var(--blue);font-size:.75rem;font-weight:750;text-align:center}.destination small{display:none}.departure-time{grid-column:1;grid-row:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:8px}.departure-time strong{font-family:Bahnschrift,Segoe UI,sans-serif;font-size:1.375rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.countdown{font-size:.8125rem;font-weight:650;color:var(--blue)}.departure-time small{font-size:.75rem;color:var(--muted);line-height:1.4;flex-basis:100%}.departure-time s{font-size:.75rem;color:var(--muted)}.platform{grid-column:2;grid-row:1/3;align-self:start;text-align:center;color:var(--muted);padding:8px 5px;border:1px solid var(--border);border-radius:10px;background:var(--subtle)}.platform.official{color:var(--teal);background:color-mix(in srgb,var(--green-bg) 50%,var(--surface));border-color:color-mix(in srgb,var(--teal) 28%,var(--border))}.platform.prediction{color:var(--amber);background:color-mix(in srgb,var(--amber-bg) 45%,var(--surface));border-style:dashed;border-color:color-mix(in srgb,var(--amber) 45%,var(--border))}.platform strong{display:block;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:2rem;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.platform small{display:block;font-size:.75rem;line-height:1.3;margin-top:4px}.platform>span{display:block;color:var(--muted);font-size:.75rem;line-height:1.35;margin-top:6px}.platform>.platform-label{font-size:.75rem;margin:0 0 2px;color:inherit}.evidence{grid-column:1/3;color:var(--muted);font-size:.75rem;margin-top:3px;min-width:0}.evidence summary{list-style:none;min-height:44px;display:flex;align-items:center;width:fit-content}.evidence summary:before{content:"+";margin-right:7px;font-size:1rem}.evidence[open] summary:before{content:"−"}.evidence p{line-height:1.6;max-width:650px;overflow-wrap:anywhere}.cancelled .destination h3{text-decoration:line-through}.cancelled .departure-time small{color:var(--red);font-weight:600}.change-note{grid-column:1/3;margin:10px 0 0;font-size:.8125rem;font-weight:650;color:var(--teal)}.change-caution .change-note{color:var(--amber)}.change-alert .change-note{color:var(--red)}.change-positive{background:var(--green-bg);animation:positive 12s ease-out}.change-caution{background:var(--amber-bg);animation:caution 12s ease-out}.change-alert{background:var(--red-bg);animation:alert 12s ease-out}@keyframes positive{0%,65%{background:var(--green-bg)}to{background:var(--surface)}}@keyframes caution{0%,65%{background:var(--amber-bg)}to{background:var(--surface)}}@keyframes alert{0%,65%{background:var(--red-bg)}to{background:var(--surface)}}.board-footer{display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;padding:12px;background:var(--subtle);font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.empty{padding:30px 16px;text-align:center;color:var(--muted)}.empty h3{font-size:1.125rem;color:var(--ink)}.empty p{font-size:.875rem;line-height:1.6;max-width:480px;margin:8px auto}.guide{margin-top:12px;border:1px solid var(--border);border-radius:12px;padding:0 12px}.guide>summary{min-height:52px;font-size:.875rem;font-weight:650;line-height:1.5;padding:12px 0}.guide>summary>span{font-size:.75rem;color:var(--muted);font-weight:400;display:block;padding-left:16px}.guide-items{display:grid;gap:16px;padding-top:4px}.guide-items p{margin:0}.guide-items strong{font-size:.875rem;display:block;margin-bottom:5px}.guide-items span,.guide-note{display:block;color:var(--muted);font-size:.8125rem;line-height:1.6}.guide-note{border-top:1px solid var(--border);padding-top:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.dot.official{background:var(--teal)}.dot.prediction{background:var(--amber)}.dot.unknown{background:var(--muted)}.details{padding:4px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:.8125rem}.details summary{min-height:48px;padding:14px 0;font-weight:600}.details p{line-height:1.6;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:16px;padding:20px 0 0;font-size:.75rem;color:var(--muted);line-height:1.5}footer span{text-align:right}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.8px;margin:0 0 8px;color:var(--muted)}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(480px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:20px}dialog::backdrop{background:#071324b8}dialog form{margin:0}dialog p{font-size:.875rem;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}dialog h2{font-size:1.25rem}dialog .close{float:right;border:0;background:none;font-size:1.625rem;min-width:44px;min-height:44px;margin:-8px -8px 0 8px}.incident-card{padding:16px;margin:12px 0;border:1px solid var(--border);border-radius:12px;background:var(--subtle)}.incident-message{margin:0 0 14px;white-space:pre-wrap;color:var(--ink);font-size:.9375rem;line-height:1.65}.incident-meta,.incident-source{font-size:.75rem;margin:5px 0 0}.incident-source{border-top:1px solid var(--border);padding-top:13px}#incident-dialog{width:min(600px,calc(100vw - 24px));padding:20px 16px}#incident-dialog h2{margin:5px 42px 20px 0}@media(min-width:700px){.topbar{padding-block:12px}.station-identity{padding:12px 0}.station-identity h1{font-size:1.5rem}.service-strip{justify-content:flex-start}.connection{flex:0 1 auto}.incident-area{margin-left:auto}.board-heading{padding:14px 20px}h2{font-size:1.125rem}.board-tools select{width:150px}.table-head,.departure{display:grid;grid-template-columns:140px minmax(0,1fr) 150px;gap:0 24px;padding-inline:20px}.table-head{padding-block:10px;font-size:.6875rem;letter-spacing:1px;color:var(--muted);background:var(--subtle);border-bottom:1px solid var(--border)}.table-head span:last-child{text-align:center}.departure{padding-top:20px}.departure-time{grid-column:1;grid-row:1;margin:0;display:block}.departure-time strong{display:block;font-size:1.75rem}.countdown{display:block;margin-bottom:4px}.departure-time small{display:block;margin-top:6px}.destination{grid-column:2;grid-row:1}.destination h3{font-size:1.1875rem}.destination small{display:block;color:var(--muted);font-size:.75rem;margin-top:8px}.platform{grid-column:3;grid-row:1}.evidence,.change-note{grid-column:2/4}.board-footer{padding:14px 20px}.guide{padding-inline:20px}.guide>summary>span{display:inline;padding-left:12px}.guide-items{grid-template-columns:repeat(3,1fr);gap:24px}.guide-note{margin-bottom:16px}}@media(max-width:350px){.topbar,main{padding-left:12px;padding-right:12px}.quiet{padding-inline:8px}.quiet svg{display:none}.brand{font-size:1rem;gap:7px}.brand-icon{width:30px;height:30px}.board-heading{flex-wrap:wrap}.board-tools{margin-left:auto}.departure{grid-template-columns:minmax(0,1fr) 88px;gap:0 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}