.input-intro{font-size:13px;color:#748075;margin:10px 0 24px}.live-places{position:relative}.address-field{position:relative;padding:13px;border:1px solid #dce3d4;border-radius:11px;background:white}.address-field:focus-within{border-color:#718b53}.address-field>label{display:block;font-size:11px;color:#748075;margin-bottom:5px}.search-row{display:flex;gap:5px}.search-row input{border:0;background:white;width:100%;font-size:14px;font-weight:600;padding:5px 0;outline:none}.search-row button{background:#edf3e4;border:0;border-radius:6px;font-size:11px;padding:7px 9px;white-space:nowrap}.address-field>small{display:block;color:#8c9880;font-size:10px;margin-top:5px}.address-field .suggestions{max-height:260px;overflow-y:auto}.address-field .suggestions button{font-size:12px;line-height:1.7}.live-swap{display:block;margin:6px auto;border:1px solid #dce3d4;border-radius:50%;width:28px;height:28px;background:white;font-size:18px;line-height:1}.time-basis{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 8px;background:#fafbf7;color:#57694a;font-size:11px}.privacy-note{font-size:10px;color:#829175;border-top:1px solid var(--line);padding-top:13px;line-height:1.8}.live-map{height:410px;position:relative;overflow:hidden;background:#e9efdf}.live-map #map{height:100%;width:100%;position:absolute;inset:0}.map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#f4f7eb,#e1e9d4);color:#71835d}.map-empty>span{font-size:47px;background:#d7e8bb;border-radius:20px;width:80px;line-height:80px}.map-empty h3{font-size:19px;color:#3f5533;margin:16px 0 0}.map-empty p{font-size:12px;line-height:1.9}.live-map #reset-view{position:absolute;right:16px;top:16px;z-index:1;border:1px solid #dce3d4;border-radius:6px;background:white;font-size:11px;padding:8px 12px}.route-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.route-options:empty{display:none}.route-options button{flex:1;min-width:100px;text-align:left;background:#f7f9f1;border:1px solid #dce5d1;border-radius:9px;padding:9px;font-size:11px}.route-options button[aria-pressed=true]{background:#edf5dc;border-color:#85a55c;box-shadow:0 0 0 1px #85a55c}.route-options b{display:block;font-size:13px;margin:2px 0}.route-options small{font-size:10px;color:#768867}.result #route-subtitle{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview a{text-decoration:underline;margin-left:10px;color:white}.map-empty.error{color:#9b4e32}.form-status{min-height:50px}.result{margin-top:-1px}.suggestions [role=option]:focus-visible{outline-offset:-2px}.result-note{line-height:1.8}.fare-line>strong{overflow-wrap:anywhere}.fare-line p{max-width:47%}
@media(max-width:760px){.live-map{height:290px}.address-field{padding:13px}.search-row input{font-size:16px}.search-row button{min-height:40px;padding:7px 11px}.live-swap{width:34px;height:34px}.input-intro{font-size:12px}.form-status{min-height:35px}.route-options button{min-width:70px;padding:8px 6px;font-size:10px}.route-options b{font-size:11px}.route-options small{font-size:9px}.time-basis{padding:12px 7px}.fare-line>strong{font-size:37px}}