:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#2c5aa0;text-decoration:inherit}a:hover{color:#1e3f70}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#2c5aa0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--primary-blue: #2c5aa0;--primary-dark: #1e3f70;--accent-green: #00843d;--bg-light: #f8fafc;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.train-spotter-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding:20px;max-width:600px;margin:0 auto;background-color:var(--bg-light);min-height:100vh}.page-title{text-align:center;color:#2c5aa0;margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.page-subtitle{text-align:center;font-size:1.25rem;margin:.25rem 0;color:#475569;font-weight:600}.page-description{text-align:center;font-size:1rem;margin:.5rem 0 1.5rem;color:#64748b}.update-info{text-align:center;font-size:14px;color:#666;margin:.5rem 0}.last-updated{text-align:center;color:#666}.loading-message{font-size:24px;text-align:center}.empty-state{text-align:center;padding:60px 20px;background-color:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.empty-state-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:8px}.empty-state-subtitle{font-size:1rem;color:var(--text-secondary)}.trains-section{margin:20px 0}.trains-heading{font-size:1.5rem;color:#2c5aa0}.train-card{border:none;border-radius:12px;margin:15px 0;padding:24px;background-color:#fff;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.train-card:hover{box-shadow:0 4px 16px #2c5aa026;transform:translateY(-2px)}.train-card--close{background:linear-gradient(135deg,#e8f4fd,#d4e9f7);box-shadow:0 4px 12px #2c5aa033;border-left:4px solid #2c5aa0}.train-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.train-card__title{margin:0;color:var(--primary-blue);font-size:1.125rem;font-weight:600}.train-card__badge{background-color:var(--accent-green);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.train-card__info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.train-card__info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.train-card__time{grid-column:1 / -1;font-size:1.5rem;margin-bottom:12px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.bridge-location{text-align:center;margin-top:30px;font-size:12px;color:#999}.footer{border-top:1px solid #e0e0e0;margin-top:40px;padding-top:20px;text-align:center;font-size:14px;color:#666}.footer__credit,.footer__data-source{margin-bottom:10px}.footer__link{color:#2c5aa0;text-decoration:none;transition:color .2s ease}.footer__link:hover{color:#1e3f70;text-decoration:underline}.footer__github{display:inline-flex;align-items:center;gap:5px}.time-disclaimer{margin:20px auto;max-width:600px;padding:15px;background-color:#f0f7ff;border-left:4px solid #2c5aa0;border-radius:4px}.time-disclaimer details{cursor:pointer}.time-disclaimer summary{font-weight:600;color:#2c5aa0;padding:5px 0;-webkit-user-select:none;user-select:none}.time-disclaimer summary:hover{color:#1e3f70}.time-disclaimer__content{margin-top:10px;font-size:14px;line-height:1.6}.time-disclaimer__content p{margin:10px 0}.time-disclaimer__content ul{margin:5px 0 10px 20px;padding-left:0}.time-disclaimer__content li{margin:5px 0}.time-disclaimer__note{color:#d97706;font-size:13px;margin-top:15px!important;padding-top:10px;border-top:1px solid #cbd5e1}@keyframes train-approach{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.train-card--close .train-card__time{animation:train-approach 2s ease-in-out infinite}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#87ceeb,#e0f2fe,#fef3c7);animation:sky-shift 60s ease-in-out infinite}@keyframes sky-shift{0%,to{background-position:0% 0%}50%{background-position:0% 100%}}@media (max-width: 640px){.train-spotter-container{padding:16px}.page-title{font-size:2rem}.train-card{padding:16px}.train-card__time{font-size:1.25rem}.train-card__info{grid-template-columns:1fr}}