.route-input{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:1rem;padding:1rem;background:#111827;color:#f9fafb}.route-input h1{font-size:2rem;font-weight:800}.route-input form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px}.route-input .field{display:flex;flex-direction:column;gap:.25rem}.route-input label{font-size:.75rem;color:#9ca3af;text-transform:uppercase}.route-input input{padding:.75rem;font-size:1rem;border:1px solid #374151;border-radius:8px;background:#1f2937;color:#f9fafb}.route-input input::placeholder{color:#6b7280}.route-input button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer}.route-input button.primary{background:#2563eb;color:#fff}.route-input button.primary:disabled{opacity:.5;cursor:default}.route-input .alt-link{font-size:.8rem;color:#6b7280;cursor:pointer;text-decoration:underline}.route-input .error{color:#ef4444;text-align:center;font-size:.85rem}.elevation-chart{width:100%;height:100%;background:#fff;border-radius:12px;padding:.25rem;box-shadow:0 1px 3px #0000001f;position:relative;display:flex;flex-direction:column;overflow:hidden}.slope-legend{display:flex;align-items:center;gap:.25rem;padding:0 1rem .25rem;flex-shrink:0}.slope-gradient{height:6px;flex:1;border-radius:3px;background:linear-gradient(to right,#22c55e,#84cc16,#eab308,#f97316,#ef4444,#b91c1c)}.slope-labels{display:flex;justify-content:space-between;padding:0 1rem;font-size:.6rem;color:#6b7280}.app.driving{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#111827;padding:.25rem;gap:.25rem}.info-bar{display:flex;justify-content:space-around;background:#1f2937;border-radius:10px;padding:.4rem .5rem;flex-shrink:0}.info-item{text-align:center}.info-item .label{font-size:.6rem;color:#9ca3af;text-transform:uppercase}.info-item .value{font-size:1rem;font-weight:700;color:#f9fafb}.sim-btn{padding:.3rem .75rem;font-size:.75rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:#2563eb;color:#fff}.sim-btn:hover{background:#1d4ed8}.back-btn{padding:.3rem .75rem;font-size:.7rem;border:none;border-radius:6px;cursor:pointer;background:#4b5563;color:#fff}.app.driving .elevation-chart{flex:1;min-height:0;height:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;overflow:hidden;background:#111827}body{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}