body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;margin:0;background:#f6f6f4;color:#111}main{max-width:1080px;margin:auto;padding:20px}h1{font-size:44px;margin:0 0 18px}.card{background:#fff;border:1px solid #ddd;border-radius:18px;padding:20px;margin:16px 0;box-shadow:0 2px 12px #0001}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:block;font-size:14px;color:#555;margin:8px 0}input,select{width:100%;box-sizing:border-box;padding:13px;border:1px solid #ccc;border-radius:10px;font-size:16px;background:#fff}button,.button{display:block;text-align:center;width:100%;box-sizing:border-box;background:#111;color:#fff;border:0;border-radius:10px;padding:14px;margin:12px 0;font-size:17px;text-decoration:none}.small{display:inline-block;width:auto;padding:7px 10px;margin-left:10px}.hint{color:#666}.trip{border-top:1px solid #ddd;padding:12px 0}.trip b{font-size:18px}@media(max-width:700px){main{padding:14px}h1{font-size:40px}.grid{grid-template-columns:1fr}.card{padding:18px;border-radius:16px}#trips{font-size:16px}.trip{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:12px;margin:10px 0}}
.detour{background:#fff8e8;border:1px solid #f0d7a0;border-radius:14px;padding:14px;margin:14px 0}.detour h3{margin:0 0 6px}.detourItem{background:#fff;border:1px solid #ead4a4;border-radius:10px;padding:10px;margin:8px 0}.detourItem.active{border-style:dashed}

.activeInfo{border-color:#c9def8;background:#f7fbff}.danger{background:#8a1f11}.button:disabled,button:disabled{opacity:.45}