:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a;background:#f5f5f5}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden}.map-page{position:relative;height:100%;width:100%}.map-page__map{height:100%;width:100%}.map-page__search{position:absolute;top:12px;left:12px;right:12px;z-index:3}.search-bar{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000026;padding:8px}.search-bar__row{display:flex;align-items:center;gap:8px}.search-bar__input{flex:1;border:none;font-size:1rem;outline:none}.search-bar__icon{width:20px;height:20px}.search-bar__clear{border:none;background:transparent;padding:4px}.search-bar__cancel{flex-shrink:0;border:none;background:transparent;color:#0069b4;font-size:.9rem;font-weight:600;padding:4px 0 4px 4px;cursor:pointer}.search-bar.expanded .search-bar__results{max-height:min(70vh,480px)}.search-bar__results{list-style:none;margin:8px 0 0;padding:0;max-height:200px;overflow-y:auto}.search-bar__results li{display:flex;align-items:center;gap:8px;padding:8px 4px;cursor:pointer}.search-bar__results li:hover{background:#f0f0f0}.search-bar__results img{width:24px;height:24px}.search-bar__favorites-heading{font-size:1.1rem;font-weight:600;padding:8px 4px 4px;cursor:default}.search-bar__favorites-heading:hover{background:transparent}.search-bar__favorite{align-items:center}.search-bar__favorite img{flex-shrink:0}.search-bar__favorite>span{display:flex;flex-direction:column;min-width:0}.search-bar__favorite-city{font-size:.85rem;color:#666}.search-bar__favorite-name{font-size:1rem;font-weight:600}.station-board__favorite{border:none;background:transparent;font-size:1.4rem;color:#ccc;cursor:pointer}.station-board__favorite[aria-pressed=true]{color:#e6b800}.station-board__route{margin:8px 16px 16px;padding:10px;width:calc(100% - 32px);border:none;border-radius:8px;background:#0069b4;color:#fff;font-weight:600}.map-page__gps{position:absolute;right:12px;bottom:140px;z-index:2;width:44px;height:44px;border:none;border-radius:50%;background:#fff url(/images/icon_location_ios.svg) center / 24px no-repeat;box-shadow:0 2px 8px #0003;cursor:pointer}.map-page__error{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 12px;background:#fee;color:#900;border-radius:8px;z-index:3}.station-board{position:absolute;left:0;right:0;bottom:0;z-index:2;max-height:45%;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .25s ease;display:flex;flex-direction:column}.station-board.open{transform:translateY(0)}.station-board__header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #eee}.station-board__header h2{margin:0;font-size:1rem;font-weight:600;flex:1}.station-board__close{border:none;background:transparent;padding:4px;cursor:pointer}.station-board__status{padding:16px;margin:0;color:#666}.station-board__status--error{color:#900}.departures{list-style:none;margin:0;padding:0 8px 16px;overflow-y:auto}.departure{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:10px 8px;border-bottom:1px solid #f0f0f0}.departure.cancelled{opacity:.55}.departure__icon{width:28px;height:28px}.departure__main{display:flex;flex-direction:column;min-width:0}.departure__line{font-weight:700;font-size:.95rem}.departure__dest{font-size:.85rem;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.departure__time{font-variant-numeric:tabular-nums;font-weight:600}.departure__delay{grid-column:3;font-size:.75rem;color:#c60}