body{margin:0;font-family:new-frank,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0;font-family:new-frank,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:#333;height:100vh}#root{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.App{text-align:center;padding:20px;background-color:#f0f2f5;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;width:100%;box-sizing:border-box}.main-app-title{font-size:2.5em;color:#555;margin-bottom:30px;text-align:center;width:auto;padding-bottom:0;border-bottom:none}.mode-selection-container{margin-top:30px;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mode-selection-container h2{color:#555;margin-bottom:25px;font-size:1.8em}.mode-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.mode-buttons button{background-color:#e0e0e0;color:#333;border:1px solid #ccc;padding:12px 25px;border-radius:5px;font-size:1.1em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;min-width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.mode-buttons button:hover{background-color:#d0d0d0;border-color:#b0b0b0}.mode-buttons button img{width:40px;height:40px;margin-bottom:5px}.mode-buttons button span{font-size:.9em;font-weight:700}.back-button{background-color:#e0e0e0;color:#555;border:1px solid #ccc;padding:10px 15px;border-radius:5px;font-size:.9em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;position:absolute;top:15px;left:15px;margin-top:0;z-index:101}.back-button:hover{background-color:#d0d0d0;border-color:#b0b0b0}p{font-size:1.1em;margin-top:15px;text-align:center;max-width:600px}p[style*="color: red"]{font-weight:700;color:#d9534f}.train-initial-screen-wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f2f5;padding:20px;box-sizing:border-box}.train-initial-prompt{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.train-initial-prompt h2{color:#555;margin-top:0;margin-bottom:10px;font-size:1.8em;text-align:center}.train-initial-prompt p{font-size:1.1em;color:#777;margin-bottom:25px;text-align:center}.train-search-container{display:flex;flex-direction:column;width:100%}.train-search-container label{font-weight:700;color:#555;width:100%;margin-bottom:10px}.train-search-container input[type=text]{width:100%;padding:12px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box;background-color:#f8f8f8;color:#333;font-size:1em}.train-search-container input[type=text]:focus{border-color:#e55c26;outline:none}.train-station-list{list-style:none;padding:0;margin:0;background-color:#fff;border-radius:5px;border:1px solid #ddd;width:100%;max-height:40vh;overflow-y:auto;text-align:left}.train-station-list li{padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:1em;color:#333}.train-station-list li:last-child{border-bottom:none}.train-station-list li:hover{background-color:#eef2f5;color:#333}.train-station-list li.no-results-message{color:#888;font-style:italic;cursor:default;background-color:#fafafa}.train-station-list li.no-results-message:hover{background-color:#fafafa}.train-full-screen-view{width:100vw;height:100vh;background-color:#f0f2f5;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box;position:relative;overflow:hidden}.train-timetable-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;box-sizing:border-box;overflow:hidden}.settings-button{position:absolute;top:15px;right:15px;background-color:#e0e0e0;color:#555;border:1px solid #ccc;padding:10px 12px;border-radius:5px;font-size:1.2em;cursor:pointer;transition:all .2s ease;z-index:100;display:flex;align-items:center;justify-content:center}.settings-button:hover{background-color:#d0d0d0;color:#333}.modal-station-selection-controls{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.modal-station-selection-controls h2{color:#333;font-size:1.5em;margin-bottom:10px;width:100%}.main-board-message{font-size:1.3em;color:#777;margin-top:100px}.train-departure-board-container{width:100%;max-width:400px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-top:0;color:#333;font-family:new-frank,ui-sans-serif,system-ui,sans-serif;height:calc(100vh - 40px);display:flex;flex-direction:column}.train-board-header{background-color:#e55c26;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:25px 15px 5px;flex-shrink:0}.train-board-header .train-header-departures{font-size:2.5em;flex-grow:1;text-align:left;font-weight:400;letter-spacing:-2px}.train-board-header .train-header-time-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.train-board-header .train-header-time-label{font-size:1em;font-weight:400;white-space:nowrap}.train-board-header .train-header-current-time{font-size:1.7em;font-weight:500;white-space:nowrap}.train-board-column-headers{display:flex;padding:15px 15px 3px;background-color:#fff;font-size:1.1em;color:#000;flex-shrink:0}.train-column-border-line{width:calc(100% - 30px);height:1px;background-color:#000;margin:0 auto 5px;flex-shrink:0}.train-board-column-headers .service-to{flex:0 0 65%;text-align:left}.train-board-column-headers .departs{flex:0 0 25%;text-align:left}.train-board-column-headers .plat{flex:0 0 10%;text-align:center}.train-departure-list{flex-grow:1;overflow-y:auto;border-radius:0 0 4px 4px;padding:5px 15px;margin-top:1px}.train-departure-item{display:flex;align-items:center;padding:5px 0;font-size:.95em;color:#000;line-height:1.2;margin-left:-2px}.train-departure-item:nth-child(odd){background-color:#fddbcb}.train-departure-item:nth-child(2n){background-color:#f8f8f8}.train-departure-item p{margin:0}.train-departure-item .service-time{flex:0 0 17.5%;text-align:left;font-weight:700;padding-left:2px}.train-departure-item .service-info{flex:0 0 47.5%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.train-departure-item .departs{flex:0 0 25%;text-align:left;font-weight:700}.train-departure-item .time-until{color:#333}.train-departure-item .time-until.delayed-time{color:#e55c26}.train-departure-item .plat-info{flex:0 0 10%;text-align:center;font-weight:400}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px #0000004d;position:relative;min-width:350px;max-width:90%;max-height:90%;overflow-y:auto}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.8em;cursor:pointer;color:#888;padding:5px}.modal-close-button:hover{color:#333}.bus-initial-screen-wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f2f5;padding:20px;box-sizing:border-box}.bus-initial-prompt{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.bus-initial-prompt h2{color:#4a6c8e;margin-top:0;margin-bottom:10px;font-size:1.8em;text-align:center}.bus-initial-prompt p{font-size:1.1em;color:#777;margin-bottom:25px;text-align:center}.bus-search-container{display:flex;flex-direction:column;width:100%}.bus-search-container label{font-weight:700;color:#555;width:100%;margin-bottom:10px}.bus-search-container input[type=text]{width:100%;padding:12px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box;background-color:#f8f8f8;color:#333;font-size:1em}.bus-search-container input[type=text]:focus{border-color:#4a6c8e;outline:none}.bus-stop-list{list-style:none;padding:0;margin:10px 0 0;background-color:#fff;border-radius:5px;border:1px solid #ddd;width:100%;max-height:40vh;overflow-y:auto;text-align:left}.bus-stop-list li{padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:1em;color:#333}.bus-stop-list li:last-child{border-bottom:none}.bus-stop-list li:hover{background-color:#eef2f5}.bus-stop-list li.info-message{color:#888;font-style:italic;cursor:default;background-color:#fafafa}.bus-stop-list li.info-message.error-message{color:#d9534f}.bus-stop-list li.info-message:hover{background-color:#fafafa}.bus-full-screen-view{width:100vw;height:100vh;background-color:#f0f2f5;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box;position:relative;overflow:hidden}.bus-timetable-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;box-sizing:border-box;overflow:hidden}.bus-board-container{width:100%;max-width:550px;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #0000001a;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;height:calc(100vh - 60px)}.bus-board-header{color:#fff;flex-shrink:0}.bus-header-stop-name{display:block;font-size:1.8em;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;background-color:#0d1b28;padding:15px 20px}.bus-header-stop-id-container{display:block;text-align:right;background-color:#243441;padding:15px 20px}.bus-header-stop-id-label{font-size:.8em;font-weight:700;opacity:.7;margin-right:8px;font-weight:400}.bus-header-stop-id-number{font-size:1.4em;opacity:.9;font-weight:700}.bus-board-columns{display:flex;justify-content:space-between;padding:4px 20px;background-color:#0d1b28;border-bottom:1px solid #e0e2e5;color:#fff;font-weight:700;font-size:.9em;flex-shrink:0;margin-top:10px;align-items:center}.column-header-next-bus{flex:0 0 15%;text-align:left}.column-header-travelling-to{flex:0 0 20%;text-align:left}.column-header-departs{flex:0 0 40%;text-align:right;font-family:monospace;font-size:1.2em}.column-header-capacity{flex:0 0 20%;text-align:right}.bus-departure-list-container{height:18rem;overflow-y:auto}.bus-board-row{display:flex;align-items:center;padding:12px 0;background-image:linear-gradient(to right,#000,#000);background-size:calc(100% - 20px) 1px;background-position:center bottom;background-repeat:no-repeat}.bus-board-row:nth-child(2n){background-color:#fff}.bus-board-row p,.bus-board-row .col-capacity{margin:0}.col-route{flex:0 0 15%;font-weight:700;font-size:2.5rem;text-align:center}.col-dest{flex:0 0 45%;overflow:hidden;text-overflow:ellipsis;padding-right:15px;padding-left:15px;text-align:left;font-weight:700;font-size:1.5rem}.col-departs{flex:0 0 20%;text-align:right;font-weight:700;color:#000;font-size:1.5rem}.col-capacity{flex:0 0 20%;display:flex;align-items:right;justify-content:flex-end;font-size:.8em;padding-right:3%;white-space:nowrap}.occupancy-icon{margin-right:6px;font-size:1.3em}.col-capacity.occupancy-low{color:#00843d}.col-capacity.occupancy-medium{color:#f0ad4e}.col-capacity.occupancy-high,.col-capacity.occupancy-full{color:#d9534f}.col-capacity.occupancy-unknown{color:#000;justify-content:flex-end;font-size:1.5em}.lrf-departure-container{width:100%;max-width:800px;padding:20px;box-sizing:border-box;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center}.lrf-departure-container h2{color:#555;margin-bottom:20px;font-size:2em;text-align:center}.lrf-controls{margin-bottom:30px;padding:0;display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;position:relative;color:#333}.lrf-controls label{display:flex;flex-direction:column;align-items:flex-start;font-size:.9em;font-weight:700;color:#555;width:auto}.lrf-controls input[type=text],.lrf-controls select{padding:8px 12px;margin-top:5px;border-radius:4px;border:1px solid #ccc;background-color:#f8f8f8;color:#333;font-size:1em;outline:none;min-width:150px;width:auto;box-sizing:border-box}.lrf-controls input[type=text]:focus,.lrf-controls select:focus{border-color:#e55c26}.lrf-search-container{position:relative;max-width:300px;width:100%}.lrf-search-results-dropdown{list-style:none;padding:0;margin:5px 0 0;background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;position:absolute;top:100%;left:0;width:100%;z-index:20;max-height:200px;overflow-y:auto;text-align:left;border:1px solid #e0e0e0}.lrf-search-results-dropdown li{padding:10px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:.95em;color:#333}.lrf-search-results-dropdown li:last-child{border-bottom:none}.lrf-search-results-dropdown li:hover{background-color:#eef2f5;color:#333}.lrf-loading-search,.lrf-no-search-results{font-size:.85em;color:#666;margin-top:5px;text-align:center;position:absolute;width:calc(100% - 2px);background-color:#fff;border-radius:5px;padding:5px 0;box-shadow:0 2px 10px #0000001a;z-index:19;top:100%;left:0;box-sizing:border-box;border:1px solid #e0e0e0}.lrf-departure-board-container{width:100%;max-width:500px;background-color:#f7f7f7;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-top:20px;color:#333;font-family:Arial,Helvetica,sans-serif;font-weight:400}.lrf-board-header{background-color:#007bff;color:#fff;display:flex;justify-content:space-between;padding:8px 15px;font-size:1.1em;font-weight:700;text-transform:capitalize}.lrf-board-header .time-now{font-size:1.1em;font-weight:700}.lrf-board-column-headers{display:flex;padding:5px 15px;background-color:#fff;border-bottom:1px solid #e0e0e0;font-size:.85em;font-weight:400;color:#888;text-transform:capitalize}.lrf-board-column-headers .service-to{flex:3;text-align:left}.lrf-board-column-headers .departs{flex:1.5;text-align:right}.lrf-board-column-headers .plat{flex:1;text-align:right}.lrf-departure-list{max-height:calc(100vh - 300px);overflow-y:auto;border-radius:0 0 4px 4px}.lrf-departure-item{display:flex;align-items:center;padding:6px 15px;border-bottom:1px solid #f0f0f0;font-size:1em;color:#333;transition:background-color .1s ease}.lrf-departure-item:last-child{border-bottom:none}.lrf-departure-item:nth-child(odd){background-color:#fff}.lrf-departure-item:nth-child(2n){background-color:#fdfdfd}.lrf-departure-item:hover{background-color:#eef2f5}.lrf-departure-item .service-info{flex:3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1em;font-weight:400}.lrf-departure-item .service-time{font-weight:400;color:#333;font-size:1em;flex:0 0 45px;text-align:right;margin-right:5px}.lrf-departure-item .time-until{font-weight:700;color:#5cb85c;font-size:1em;flex:0 0 50px;text-align:right}.lrf-departure-item .time-until.delayed-time{color:#e55c26}.lrf-departure-item .plat-info{flex:1;text-align:right;margin-left:10px;color:#e55c26;font-weight:700;font-size:1em}.lrf-departure-container p{font-size:1.1em;margin-top:15px;color:#555}