.station-search{position:relative;width:100%;max-width:300px}.station-search-input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .2s;outline:none}.station-search-input:focus{border-color:#0f7938;box-shadow:0 0 0 3px #0f79381a}.selected-station{margin-top:.5rem;padding:.5rem;background:#f0f9f4;border-radius:6px;color:#0f7938;font-weight:600;text-align:center}.station-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000}.station-search-item{padding:.75rem;cursor:pointer;transition:background-color .1s;border-bottom:1px solid #f0f0f0}.station-search-item:last-child{border-bottom:none}.station-search-item:hover,.station-search-item.highlighted{background-color:#f9f9f9}.station-search-item.highlighted{background-color:#f0f9f4}.station-name{font-weight:600;color:#333;margin-bottom:.25rem}.station-reading{font-size:.85rem;color:#666}.station-search-dropdown::-webkit-scrollbar{width:8px}.station-search-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.station-search-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.station-search-dropdown::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 640px){.station-search{max-width:100%}.station-search-dropdown{max-height:40vh}}.container{max-width:1200px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}h1{text-align:center;color:#333;margin-bottom:.5rem}.supported-routes{text-align:center;color:#888;font-size:.85rem;margin:.5rem 0 1rem;font-style:italic}.subtitle{text-align:center;color:#666;margin-bottom:2rem}.form{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:#555}select{padding:.5rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;background:#fff;cursor:pointer;min-width:150px}select:focus{outline:none;border-color:#0f7938}.results{background:#f9f9f9;border-radius:12px;padding:2rem;margin-bottom:3rem}.distance{text-align:center;margin-bottom:2rem}.distance h2{color:#666;font-size:1.2rem;margin-bottom:.5rem}.distance .value{font-size:2.5rem;font-weight:700;color:#0f7938;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{text-align:center;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card h2{color:#666;font-size:1.2rem;margin-bottom:.5rem}.stat-card .value{font-size:2.5rem;font-weight:700;color:#0f7938;margin:0}.fare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.fare-display{display:flex;justify-content:center;margin:0 auto}.fare-card,.fare-card-single{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.fare-card-single{min-width:300px;max-width:400px}.fare-card h3,.fare-card-single h3{color:#333;font-size:1.1rem;margin-bottom:1rem}.fare-amount{font-size:1.5rem;font-weight:700;color:#666;margin-bottom:.5rem}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.price-item{text-align:center}.unit-price{color:#0f7938;font-size:1.8rem;font-weight:700;margin-top:.25rem;padding:.5rem;background:linear-gradient(135deg,#f0f9f4,#e6f4ea);border-radius:8px;box-shadow:0 2px 8px #0f793826}.unit-price.minute{background:linear-gradient(135deg,#fef4f0,#fee6ea);color:#e91e63;box-shadow:0 2px 8px #e91e6326}.unit-price-label{font-size:.9rem;color:#888;margin-bottom:.25rem;font-weight:600}.route-details{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.route-details h3{color:#333;margin-bottom:1rem;font-size:1.1rem;text-align:center}.route-segments{display:flex;flex-direction:column;gap:.5rem}.route-segment{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:6px;border-left:4px solid #0f7938}.segment-route{font-weight:600;color:#0f7938;flex:1;min-width:0;margin-right:1rem}.segment-path{color:#333;font-weight:500;flex:1;text-align:center}.segment-stats{color:#666;font-size:.9rem;text-align:right;min-width:80px}.footer{border-top:2px solid #eee;padding-top:2rem;margin-top:3rem}.footer-section{margin-bottom:2rem}.footer-section h4{color:#666;font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.footer-section a{color:#0f7938;text-decoration:none;font-size:.95rem;display:inline-block;margin-bottom:.25rem}.footer-section a:hover{text-decoration:underline}.update-info,.license-note{font-size:.85rem;color:#888;margin-top:.25rem}.ranking-filter-section{max-width:1200px;margin:0 auto 2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.filter-container{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.filter-label{display:flex;align-items:center;gap:1rem;font-weight:600;color:#333;flex:1;min-width:300px}.clear-filter-btn{padding:.75rem 1.5rem;background:#ef5350;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.clear-filter-btn:hover{background:#e53935}.ranking-section{background:#f9f9f9;border-radius:12px;padding:2rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.ranking-section h2{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.8rem}.ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto}.ranking-single{display:flex;justify-content:center}.ranking-card,.ranking-card-wide{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;max-height:700px;display:flex;flex-direction:column}.ranking-card-wide{width:100%;max-width:600px}.ranking-card h3,.ranking-card-wide h3{background:linear-gradient(135deg,#0f7938,#0a5227);color:#fff;padding:1rem;margin:0;font-size:1.2rem}.ranking-list{padding:0;margin:0;list-style:none;overflow-y:auto;max-height:600px}.ranking-item{display:flex;align-items:center;padding:.6rem .75rem;border-bottom:1px solid #f0f0f0;transition:background .2s}.ranking-item:hover{background:#f9f9f9}.ranking-item:last-child{border-bottom:none}.ranking-position{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;flex-shrink:0}.ranking-position.gold{background:linear-gradient(135deg,gold,orange);color:#fff}.ranking-position.silver{background:linear-gradient(135deg,silver,gray);color:#fff}.ranking-position.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.ranking-position.other{background:#f0f0f0;color:#666}.ranking-info{flex:1}.ranking-route{font-weight:600;color:#333;margin-bottom:.25rem}.ranking-details{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#666;gap:.5rem;flex-wrap:wrap}.ranking-distance{margin-right:.5rem}.ranking-fare{margin-right:.5rem;color:#0f7938;font-weight:700}.ranking-unit-price{font-weight:700;color:#666;font-size:.95rem}@media (max-width: 768px){.ranking-grid{grid-template-columns:1fr;gap:1.5rem}.ranking-card{max-height:500px}.ranking-list{max-height:400px}.stats-grid,.price-grid{grid-template-columns:1fr}.filter-container,.filter-label{flex-direction:column;align-items:stretch}.clear-filter-btn{width:100%}.route-segment{flex-direction:column;align-items:stretch;text-align:center;gap:.5rem}.segment-route,.segment-path,.segment-stats{margin:0;text-align:center}}@media (max-width: 640px){.container{padding:1rem}.form{flex-direction:column;align-items:center}.fare-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}