body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{background:#fff;display:flex;flex-direction:column}.header-container{border-bottom:4px solid #eab308}.header-content{background:#1e293b;max-width:100%;padding:2rem 1.5rem}.header-branding{align-items:baseline;display:flex;gap:.75rem}.header-title{color:#fff;font-size:3rem;font-weight:900;letter-spacing:-.02em;line-height:1}.header-subtitle{color:#eab308;font-size:1.125rem;font-weight:700;letter-spacing:.05em}.nav-container{background:#1e293b;border-bottom:2px solid #eab308}.nav-content{display:flex;gap:.25rem;max-width:100%;padding:0 1.5rem}.nav-tab{background:#0000;border:none;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .2s ease}.nav-tab:hover{color:#eab308}.nav-tab.active{background:#eab308;color:#1e293b}.App-main{flex:1 1;margin:0 auto;max-width:80rem;padding:4rem 1.5rem;width:100%}.search-form{margin-bottom:3rem;max-width:42rem}.form-inputs{display:flex;flex-direction:column;gap:1rem}.input-wrapper{position:relative;width:100%}.input-accent{background:#eab308;bottom:0;left:0;position:absolute;top:0;width:4px;z-index:1}.input-accent.dark{background:#1e293b}.route-input{background:#f8fafc;border:2px solid #1e293b;color:#1e293b;font-size:1.125rem;font-weight:500;outline:none;padding:1.5rem 1rem 1.5rem 1.5rem;transition:all .2s ease;width:100%}.route-input::placeholder{color:#94a3b8;font-weight:500;text-transform:uppercase}.route-input:focus{background:#fff;outline:none}.from-input .route-input,.to-input .route-input{padding-left:1.5rem}.current-location-btn{align-items:center;background:#eab308;border:2px solid #1e293b;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem .75rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:10}.current-location-btn:hover:not(:disabled){background:#facc15;transform:translateY(-50%) scale(1.05)}.current-location-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.current-location-btn:disabled{cursor:not-allowed;opacity:.5}.find-route-button{background:#eab308;border:2px solid #1e293b;color:#1e293b;cursor:pointer;font-size:1.125rem;font-weight:900;letter-spacing:.05em;padding:1.5rem;text-transform:uppercase;transition:all .2s ease;width:100%}.find-route-button:hover:not(:disabled){background:#facc15}.find-route-button:active:not(:disabled){transform:translateY(2px)}.find-route-button:disabled{cursor:not-allowed;opacity:.6}.results-section{margin-top:2rem}.results-header{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.routes-container{display:flex;flex-direction:column;gap:1.5rem}.route-card{border:4px solid;cursor:pointer;overflow:hidden;padding:2rem 5rem 2rem 2rem;position:relative;transition:all .2s ease}.route-card-dark{background:#1e293b;border-color:#eab308}.route-card-dark:hover{border-color:#facc15}.route-card-light{background:#fff;border:2px solid #cbd5e1}.route-card-light:hover{border-color:#1e293b}.route-card-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.route-card-left{flex:1 1}.route-name{font-size:.875rem;font-weight:900;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.route-name-dark{color:#eab308}.route-name-light{color:#334155}.route-time{font-size:3.75rem;font-weight:900;line-height:1}.route-time-dark{color:#fff}.route-time-light{color:#1e293b}.route-time-unit{color:#64748b;font-size:1.5rem;margin-left:.25rem}.route-status{font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-top:.5rem;text-transform:uppercase}.route-status-dark{color:#cbd5e1}.route-status-light{color:#64748b}.route-walking-distance{color:#64748b;font-size:.875rem;font-weight:500;margin-top:.5rem}.route-color-stripe{bottom:0;position:absolute;right:0;top:0;width:1.5rem;z-index:1}.route-toggle-icon{align-items:center;color:#94a3b8;display:flex;justify-content:center;position:absolute;right:2.5rem;top:1.5rem;transition:transform .3s ease;z-index:2}.route-card.expanded .route-toggle-icon{transform:rotate(180deg)}.route-footer{font-size:.875rem;font-weight:500}.route-footer-dark{color:#cbd5e1}.route-footer-light{color:#475569}.route-footer-bold{color:#fff;font-weight:700}.route-card-light .route-footer-bold{color:#1e293b}.route-details-panel{border-top:2px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.route-details-section{background:#f8fafc;border-left:4px solid #eab308;margin-bottom:1.5rem;padding:1rem}.route-details-section:last-child{margin-bottom:0}.details-section-title{color:#1e293b;font-size:1rem;font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.details-section-text{color:#475569;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.details-section-hint{color:#64748b;font-size:.8125rem;font-style:italic;margin-top:.5rem}.stop-info-box{background:#fff;border:2px solid #eab308;border-radius:4px;margin-top:1rem;padding:1rem}.stop-info-box .details-section-text{margin-bottom:.5rem}.stop-info-box .details-section-text:last-of-type{margin-bottom:0}.stop-map-container{margin-top:1rem}.map-link{background:#1e293b;border-radius:4px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.map-link:hover{background:#334155;transform:translateY(-1px)}.directions-button{background:#eab308;border:2px solid #1e293b;color:#1e293b;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin-top:.75rem;padding:.75rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.directions-button:hover{background:#facc15;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.directions-button:active{transform:translateY(0)}.error-message{background:#fee2e2;border:2px solid #dc2626;border-radius:4px;color:#991b1b;font-weight:500;margin-bottom:1rem;padding:1rem}.map-view-container{display:flex;flex:1 1;flex-direction:column}.map-view-content{margin:0 auto;max-width:80rem;padding:2rem 1.5rem;width:100%}.map-display-container{background:#f1f5f9;border:4px solid #1e293b;height:560px;margin-bottom:2rem;overflow:hidden;position:relative}.map-display{height:100%;position:relative;width:100%;z-index:1}.map-placeholder{align-items:center;background:#f1f5f9;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:0}.map-placeholder-content{text-align:center;z-index:2}.map-placeholder-title{color:#94a3b8;font-size:1.5rem;font-weight:900;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.map-placeholder-subtitle{color:#64748b;font-size:.875rem}.map-grid-overlay{background-image:linear-gradient(#000 1px,#0000 0),linear-gradient(90deg,#000 1px,#0000 0);background-size:40px 40px;inset:0;opacity:.05;pointer-events:none;position:absolute}.map-error,.map-loading-overlay{align-items:center;background:#ffffffe6;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.map-error{flex-direction:column;padding:2rem;text-align:center}.map-error button{background:#1e293b;border:none;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.5rem 1rem}.active-routes-section{margin-top:2rem}.active-routes-header{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.active-routes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.active-route-card{cursor:pointer;padding:1.5rem;transition:all .2s ease}.active-route-card-dark{background:#1e293b;border:4px solid #1e293b}.active-route-card-light{background:#fff;border:2px solid #cbd5e1}.active-route-card-light:hover{border-color:#1e293b}.active-route-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.active-route-indicator{border:2px solid;flex-shrink:0;height:1rem;width:1rem}.active-route-name{font-size:.875rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.active-route-name-dark{color:#fff}.active-route-name-light{color:#1e293b}.active-route-count{font-size:3rem;font-weight:900;line-height:1;margin-bottom:.25rem}.active-route-count-dark{color:#eab308}.active-route-count-light{color:#1e293b}.active-route-status{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.active-route-status-dark{color:#94a3b8}.active-route-status-light{color:#64748b}@media (max-width:640px){.header-content{padding:1.5rem 1rem}.header-title{font-size:2.5rem}.header-subtitle{font-size:1rem}.nav-content{padding:0 1rem}.nav-tab{font-size:.8125rem;padding:.875rem 1.25rem}.App-main{padding:2rem 1rem}.route-time{font-size:3rem}.route-card{padding:1.5rem}.map-view-content{padding:2rem 1rem}.map-display-container{height:400px}.active-routes-grid{gap:1rem;grid-template-columns:1fr}.active-route-count{font-size:2.5rem}}@media (max-width:480px){.header-title{font-size:2rem}.header-subtitle{font-size:.875rem}.nav-tab{font-size:.75rem;padding:.75rem 1rem}.route-time{font-size:2.5rem}.map-display-container{height:350px}.map-placeholder-title{font-size:1.25rem}.active-route-count{font-size:2rem}}.startup-loading-overlay{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.startup-loading-content{color:#003057;text-align:center}.startup-title{color:#b3a369;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:2rem}.startup-spinner{animation:startup-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#003057;height:50px;margin:0 auto 1.5rem;width:50px}@keyframes startup-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.route-details-panel{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:0 0 .75rem .75rem;border-top:none;overflow:hidden;padding:0!important}.timeline-header-banner{align-items:center;background-color:#eab308;border-bottom:4px solid #003057;color:#0f172a;display:flex;font-size:1.15rem;font-weight:800;justify-content:flex-start;letter-spacing:-.01em;line-height:1.3;padding:1rem 1.5rem}.timeline-header-banner span{display:inline}.timeline-body{padding:1.5rem 1.5rem 2rem}.timeline-container{display:flex;flex-direction:column;margin-top:.5rem;padding-left:0;position:relative}.timeline-container:before{background-color:#cbd5e1;bottom:0;content:"";left:15px;position:absolute;top:15px;width:2px;z-index:0}.timeline-step{padding-bottom:2.5rem;padding-left:3.5rem;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-node{align-items:center;background-color:#eab308;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#0f172a;display:flex;font-size:.9rem;font-weight:800;height:32px;justify-content:center;left:0;position:absolute;top:0;width:32px;z-index:1}.timeline-title{color:#0f172a;font-size:1.05rem;font-weight:800;margin-bottom:.35rem}.timeline-desc{color:#334155;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.timeline-meta{align-items:center;color:#64748b;display:flex;font-size:.85rem;font-style:italic;gap:.5rem;margin-bottom:.75rem}.timeline-link{align-items:center;background:none;border:none;color:#ca8a04;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.25rem;padding:0;text-decoration:none;transition:color .2s}.timeline-link:hover{color:#a16207;text-decoration:underline}.timeline-link:after{content:"↗";font-size:1.1em;font-weight:400;margin-left:2px}.timeline-map-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-top:1rem;padding:1rem}.timeline-map-frame{background-color:#f1f5f9;border:none;border-radius:.25rem;display:block;height:200px;width:100%}.timeline-map-hint{color:#334155;display:flex;flex-direction:column;font-size:.9rem;gap:.25rem;line-height:1.4;margin-top:.75rem}.timeline-map-label{color:#0f172a;font-weight:700}.timeline-map-subtext{color:#64748b;font-size:.85rem}.timeline-map-button{align-items:center;background-color:#facc15;border:none;border-radius:.375rem;color:#0f172a;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;width:100%}.timeline-map-button:hover{background-color:#eab308;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.timeline-map-button svg{margin-top:-2px}.feedback-fab{align-items:center;background:linear-gradient(135deg,#b3a369,#857a4a);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 12px #00000040;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:1.5rem;transition:transform .2s,box-shadow .2s;width:56px;z-index:1000}.feedback-fab:hover{box-shadow:0 6px 16px #00000059;transform:scale(1.1)}.feedback-fab:active{transform:scale(.95)}.feedback-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{animation:slideUp .3s ease;background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:1.5rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:background .2s;width:32px}.feedback-close:hover{background:#e2e8f0}.feedback-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.feedback-subtitle{color:#64748b;font-size:.875rem;margin:0 0 1rem}.feedback-textarea{border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;font-family:inherit;font-size:.875rem;min-height:100px;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.feedback-textarea:focus{border-color:#b3a369;outline:none}.feedback-email{border:1px solid #e2e8f0;border-radius:.5rem;box-sizing:border-box;font-family:inherit;font-size:.875rem;margin-top:.75rem;padding:.75rem;width:100%}.feedback-email:focus{border-color:#b3a369;outline:none}.feedback-error{color:#dc2626;font-size:.75rem;margin:.5rem 0 0}.feedback-submit{background:linear-gradient(135deg,#b3a369,#857a4a);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:opacity .2s;width:100%}.feedback-submit:hover{opacity:.9}.feedback-submit:disabled{cursor:not-allowed;opacity:.6}.feedback-success{align-items:center;color:#16a34a;display:flex;flex-direction:column;padding:1.5rem 0}.feedback-success svg{margin-bottom:.75rem}.feedback-success p{font-weight:500;margin:0}
/*# sourceMappingURL=main.2731648a.css.map*/