.table{width:100%;border-collapse:collapse;font-size:16px}.table th,.table td{padding:14px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #e0e0e0}.table th{background-color:#e0f7f4;color:#2f3e46}.table td{color:#2f3e46;cursor:pointer}.table td div{display:inline-block;padding:4px 10px;border-radius:20px;font-size:14px;font-weight:600;margin-right:6px;margin-bottom:4px}.table tr:hover{background-color:#f2fcfa;transition:background-color .3s ease}.status-good{background-color:#e0f7f4;color:#2e7d6e}.status-minordelay{background-color:#f9f3d2;color:#b58e00}.status-severdelay,.status-suspension,.status-closure{background-color:#fdecea;color:#c44a4a}.status-reason{color:#b03a3a;font-style:italic;margin-top:5px;font-size:.95em;line-height:1.4}.container{padding:20px;max-width:600px;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 6px 18px #0000000d}.form{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}.form-row{position:relative;width:100%;max-width:320px}.form input{width:100%;padding:14px 16px;font-size:16px;border-radius:8px;border:1px solid #ccc;box-sizing:border-box}.form input:focus{border-color:#56c5b6;outline:none}.button{background-color:#56c5b6;color:#fff;border:none;padding:14px 16px;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s,transform .3s}.button:hover{background-color:#3aa99f;transform:scale(1.02)}.suggestion-list{position:absolute;width:100%;background-color:#fff;border:1px solid #ccc;border-radius:0 0 8px 8px;margin:0;padding:0;list-style:none;max-height:180px;overflow-y:auto;z-index:100;box-shadow:0 4px 10px #00000014}.suggestion-list li,.autocomplete-item{padding:10px 16px;cursor:pointer;font-size:15px;color:#2f3e46;transition:background-color .2s}.suggestion-list li:hover,.autocomplete-item:hover{background-color:#f0fdfc}.journey-container{margin-top:30px}.journey-card{background-color:#fff;border:1px solid #e0ecea;padding:20px;border-radius:12px;margin:24px auto;box-shadow:0 4px 12px #0000000f;max-width:600px;transition:transform .3s ease,box-shadow .3s ease}.journey-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #0000001a}.journey-leg{background-color:#d9f4f2;border-left:4px solid #56c5b6;padding:16px 20px;margin-bottom:16px;border-radius:8px;box-shadow:inset 0 0 0 1px #d9eeec;text-align:left}.journey-leg:last-child{margin-bottom:0}.journey-leg p{margin:10px 0;color:#2f3e46;line-height:1.6;font-size:15px}.error-message{background-color:#fdecea;color:#b71c1c;padding:15px;border-radius:8px;margin-top:15px;font-weight:700}.station-name{fill:#2f3e46;font-size:14px}.station-name.selected{fill:#e32017;font-weight:700;color:#7fffd4}.train-destination{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#2f3e46;margin-bottom:8px}.destination-name{font-weight:600}.train-time{font-size:1rem;font-weight:700;color:#0057b8;margin-left:10px}.diagram-layout{display:flex;flex-direction:row;gap:20px;align-items:flex-start}.row{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-left:30px}.box{width:140px;height:40px;border-radius:6px;display:flex;justify-content:center;align-items:center;color:#2f3e46;font-weight:600;cursor:pointer}.bakerloo{background-color:#d9a07d;color:#2f3e46}.central{background-color:#f28b82;color:#2f3e46}.circle{background-color:#ffe066;color:#2f3e46}.district{background-color:#80cfa9;color:#2f3e46}.hammersmith-city{background-color:#f3c4d6;color:#2f3e46}.jubilee{background-color:#c2c2c2;color:#2f3e46}.metropolitan{background-color:#c17ca9;color:#2f3e46}.northern{background-color:#a0a0a0;color:#2f3e46}.piccadilly{background-color:#7289da;color:#2f3e46}.victoria{background-color:#7ec8e3;color:#2f3e46}.waterloo-city{background-color:#a0e4dc;color:#2f3e46}.dlr{background-color:#66d3c6;color:#2f3e46}.elizabeth{background-color:#b8a2e0;color:#2f3e46}.diagram-container{margin-top:20px;display:block;width:100%;margin-left:30px}.box[aria-selected=true]{font-weight:700;outline:2px solid currentColor;outline-offset:2px}.map-layout{display:flex;flex-direction:row;gap:20px;align-items:start}.arrivals{flex:1;max-width:500px}.platform-card{background-color:#fff;border:1px solid #e0ecea;border-radius:12px;padding:20px;margin:24px auto;box-shadow:0 4px 12px #0000000f;max-width:600px;transition:transform .3s ease,box-shadow .3s ease}.platform-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #0000001a}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-header{background:linear-gradient(to right,#d7f7f5,#b2ecea);padding:32px 0 40px;text-align:center;color:#2f3e46;box-shadow:0 4px 12px #0000000d;margin-bottom:50px}.site-title{margin:0;font-size:36px;font-weight:700;letter-spacing:.5px}.nav-bar{display:flex;justify-content:center;gap:20px;margin-top:16px}.nav-link{background-color:transparent;border:2px solid #56c5b6;color:#2f3e46;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s,color .3s;text-decoration:none}.nav-link:hover,.nav-link.active{background-color:#56c5b6;color:#fff}.main-content{flex:1;padding:20px}body{font-family:Segoe UI,sans-serif;background-color:#f4fdfa;color:#2f3e46;margin:0;padding:0}#root{max-width:1280px;margin:0 auto;padding:2rem}