body{margin:0;font-family:Arial,sans-serif;background:#f7f8fb}.container{padding:16px;max-width:1100px;margin:0 auto}button{margin:4px;padding:8px 12px}input{padding:8px;margin:4px 0;width:100%;max-width:100%;box-sizing:border-box}.code{font-size:2rem}.journey-layout{display:grid;gap:16px;grid-template-columns:1fr}.card{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 3px #00000014}.hint{color:#5f6470;margin:6px 0 10px;font-size:.95rem}.mode-toggle{display:flex;gap:8px;margin-bottom:8px}.mode-toggle button{flex:1}.mode-toggle .active{background:#2f5ee2;color:#fff;border:1px solid #2f5ee2}.suggestions{max-height:140px;overflow:auto;background:#f3f3f3;border-radius:6px}.suggestions div{padding:8px;cursor:pointer;border-bottom:1px solid #e5e5e5}.suggestions div:hover{background:#e9eefb}.map-help{margin:10px 0;padding:8px;background:#eef4ff;border:1px solid #dbe6ff;border-radius:6px}.placing{margin-left:8px;color:#2f5ee2;font-weight:600}.pickup-map{border-radius:8px;overflow:hidden}.participant-line{padding:8px 0;border-bottom:1px solid #ececec}.location-line{color:#444;margin-top:4px;font-size:.95rem}@media (min-width: 900px){.journey-layout{grid-template-columns:1.1fr 1fr;align-items:start}}