.station-popup{position:fixed;bottom:20px;right:20px;width:340px;max-height:min(70vh,600px);display:flex;flex-direction:column;background:#141414d9;color:#fff;border-radius:10px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000004d;z-index:100;overflow:hidden}.station-popup--hidden{display:none}.station-popup__content{display:flex;flex-direction:column;min-height:0;flex:1}.station-popup__header{padding:12px 16px 8px;flex-shrink:0}.station-popup__close{position:absolute;top:6px;right:6px;width:28px;height:28px;background:transparent;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;border-radius:4px;z-index:1}.station-popup__close:hover{background:#ffffff1a}.station-popup__title{margin:0 0 4px;font-size:16px;font-weight:600}.station-popup__town{margin:0 0 6px;color:#ffffffb3;font-size:13px}.station-popup__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.station-popup__freshness{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#fff9;font-variant-numeric:tabular-nums}.station-popup__chrono-icon{flex-shrink:0;opacity:.85}.station-popup__refresh{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:999px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .15s ease,transform .4s ease}.station-popup__refresh:hover:not(:disabled) svg{transform:rotate(-180deg);transition:transform .4s ease}.station-popup__refresh svg{transition:transform .4s ease}.station-popup__refresh:hover:not(:disabled){background:#ffffff2e}.station-popup__refresh:disabled{opacity:.4;cursor:not-allowed}.station-popup__lines{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.station-popup__line{display:inline-flex;width:24px;height:24px}.station-popup__line img{width:100%;height:100%;display:block}.station-popup__line--text{align-items:center;justify-content:center;min-width:24px;padding:0 6px;border-radius:999px;background:#ffffff1f;font-size:12px;font-weight:600}.station-popup__visits{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 16px}.station-popup__line-section{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.station-popup__line-section:first-child{border-top:0}.station-popup__line-icon-wrap{display:flex;justify-content:center;padding-top:2px}.station-popup__visit-line-icon{width:24px;height:24px;display:block}.station-popup__line-directions{display:flex;flex-direction:column;gap:8px;min-width:0}.station-popup__direction{display:flex;flex-direction:column;gap:4px;min-width:0}.station-popup__destination{margin:0;font-size:13px;font-weight:500;color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-popup__delays{display:flex;flex-wrap:wrap;gap:6px}.station-popup__delay{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#ffffff1a;color:#ffffffeb;font-variant-numeric:tabular-nums}.station-popup__delay--live{background:#2ecc7138;color:#5be38b}.station-popup__delay--soon{background:#f1c40f38;color:#ffd84d}.station-popup__delay--scheduled{background:#ffffff14;color:#ffffffd9}.station-popup__delay--stale{background:#ffffff0d;color:#ffffff73}.station-popup__placeholder{margin:16px 0;color:#fff9;text-align:center}.station-popup__placeholder--error{color:#ff8a8a}@media(max-width:640px){.station-popup{left:0;right:0;bottom:0;width:auto;max-height:70vh;border-radius:10px 10px 0 0}}.city-clock{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:#141414d9;color:#fff;border-radius:10px;font-family:system-ui,-apple-system,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000004d;z-index:100}.city-clock__city{font-size:11px;font-weight:600;letter-spacing:1.5px;color:#fff9}.city-clock__time{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.city-clock__colon{display:inline-block;animation:city-clock-blink 1.5s ease-in-out infinite}@keyframes city-clock-blink{0%,to{opacity:1}50%{opacity:.15}}@media(max-width:640px){.city-clock{top:12px;bottom:auto;left:50%;transform:translate(-50%);flex-direction:row;align-items:baseline;gap:8px;padding:8px 14px}.city-clock__city{font-size:10px}.city-clock__time{font-size:18px}}