:root{--primary-purple: #6A1B9A;--text-primary: #212121;--text-secondary: #757575;--border-color: #e0e0e0;--delay-green: #4CAF50;--delay-yellow: #FFC107;--delay-red: #F44336;--card-shadow: 0 2px 8px rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f4f6f8;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}#app{width:100%;max-width:100vw}.modal-overlay[data-v-095ea4a0]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-095ea4a0]{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;color:var(--text-primary)}h2[data-v-095ea4a0]{margin-top:0;color:var(--primary-purple)}.form-group[data-v-095ea4a0]{margin-bottom:1.5rem}label[data-v-095ea4a0]{display:block;margin-bottom:.5rem;font-weight:600}input[type=text][data-v-095ea4a0],input[type=time][data-v-095ea4a0]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem}.search-container[data-v-095ea4a0]{position:relative}.search-results[data-v-095ea4a0]{position:absolute;width:100%;background:#fff;border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;list-style:none;margin:0;padding:0;max-height:150px;overflow-y:auto;z-index:1001}.search-results li[data-v-095ea4a0]{padding:.75rem;cursor:pointer}.search-results li[data-v-095ea4a0]:hover{background-color:#f0f0f0}.time-settings[data-v-095ea4a0]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions[data-v-095ea4a0]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}button[data-v-095ea4a0]{padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer}.btn-primary[data-v-095ea4a0]{background-color:var(--primary-purple);color:#fff}.btn-secondary[data-v-095ea4a0]{background-color:#e0e0e0;color:var(--text-primary)}.app-container[data-v-0dc33bb4]{display:flex;flex-direction:column;min-height:100vh}.app-header[data-v-0dc33bb4]{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid var(--border-color);background:#fff}.header-content[data-v-0dc33bb4]{text-align:left}.settings-btn[data-v-0dc33bb4]{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1}h1[data-v-0dc33bb4]{color:var(--primary-purple);margin:0;font-size:clamp(1.1rem,4vw,1.25rem)}.direction-info[data-v-0dc33bb4]{color:var(--text-secondary);margin:.1rem 0 0;font-size:.8rem}.journey-date[data-v-0dc33bb4]{color:var(--text-primary);margin:.25rem 0 0;font-size:.9rem;font-weight:600}.content-area[data-v-0dc33bb4]{flex-grow:1;overflow-y:auto;padding:1rem}.status-box[data-v-0dc33bb4]{margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:var(--card-shadow);text-align:center}.error-box[data-v-0dc33bb4]{color:var(--delay-red)}.notification-box[data-v-0dc33bb4]{background-color:#fffbe6;border:1px solid #ffe58f;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#8a6d3b;font-size:.9rem}.notification-box p[data-v-0dc33bb4]{margin:0;flex-grow:1;line-height:1.4}.notification-box .close-btn[data-v-0dc33bb4]{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#8a6d3b;padding:0 .5rem;margin-left:1rem}.commute-toggle[data-v-0dc33bb4]{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.commute-toggle button[data-v-0dc33bb4]{flex:1;padding:.75rem;font-size:1rem;font-weight:600;border:1px solid var(--border-color);background-color:#fff;color:var(--primary-purple);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.commute-toggle button.active[data-v-0dc33bb4]{background-color:var(--primary-purple);color:#fff;border-color:var(--primary-purple)}.route-tabs[data-v-0dc33bb4]{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.tab-button[data-v-0dc33bb4]{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;line-height:1.3;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.tab-button.active[data-v-0dc33bb4]{color:var(--primary-purple);font-weight:600;border-bottom-color:var(--primary-purple)}.tab-arrival-time[data-v-0dc33bb4]{font-size:1rem;font-weight:600}.tab-duration[data-v-0dc33bb4]{font-size:.8rem;color:var(--text-secondary)}.tab-button.active .tab-duration[data-v-0dc33bb4]{color:var(--text-primary)}.journey-list[data-v-0dc33bb4]{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:1.5rem 0}.leg-item[data-v-0dc33bb4]{display:grid;grid-template-columns:4.5rem 1fr;align-items:start;padding:0 1rem}.timeline[data-v-0dc33bb4]{position:relative;height:100%;display:flex;justify-content:center}.timeline-icon[data-v-0dc33bb4]{width:3rem;height:3rem;border-radius:8px;background:#f0f0f0;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;z-index:1}.timeline-icon .line-name-icon[data-v-0dc33bb4]{color:var(--primary-purple)}.timeline-line[data-v-0dc33bb4]{position:absolute;top:1.5rem;bottom:-1.5rem;left:50%;transform:translate(-50%);width:2px;background:var(--border-color);z-index:0}.leg-item:last-child .timeline-line[data-v-0dc33bb4]{display:none}.leg-details[data-v-0dc33bb4]{padding:.5rem 0 2.5rem 1rem;border-bottom:1px solid #f0f0f0;min-width:0}.leg-item:last-child .leg-details[data-v-0dc33bb4]{border-bottom:none;padding-bottom:.5rem}.time-info[data-v-0dc33bb4]{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.time[data-v-0dc33bb4]{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.time-planned[data-v-0dc33bb4]{font-size:.9rem;color:var(--text-secondary);text-decoration:line-through}.delay-text[data-v-0dc33bb4]{font-size:.9rem;font-weight:700}.delay-green[data-v-0dc33bb4]{color:var(--delay-green)}.delay-yellow[data-v-0dc33bb4]{color:var(--delay-yellow)}.delay-red[data-v-0dc33bb4]{color:var(--delay-red)}.station-info .station-name[data-v-0dc33bb4],.station-info .platform-info[data-v-0dc33bb4]{overflow-wrap:break-word;word-break:break-word}.station-info .station-name[data-v-0dc33bb4]{font-weight:600;margin:0 0 .5rem;line-height:1.4}.station-info .platform-info[data-v-0dc33bb4]{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}