#trip-form,#trip-plan{margin-bottom:20px;width:100%;box-sizing:border-box}#solo-screen .map-container,#solo-screen #trip-form,#solo-screen #trip-plan,#solo-screen #favorite-locations{width:100%;max-width:100%}#stopsTable{width:100%;border-collapse:collapse}#stopsTable th,#stopsTable td{border:1px solid #ddd;padding:8px}#stopsTable th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#f2f2f2}#map-url-container{margin-top:20px;padding:10px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px}#mapUrl{word-break:break-all}.map-container{position:relative;overflow:hidden}.map-fullscreen-btn{position:absolute;top:10px;right:10px;z-index:10000;background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px;padding:8px;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .3s ease}.map-fullscreen-btn:before{content:"";position:absolute;inset:-12px}.map-container.fullscreen-active .map-fullscreen-btn,.fullscreen-active .map-fullscreen-btn{top:max(60px,calc(env(safe-area-inset-top,10px) + 10px))}.map-fullscreen-btn:hover{background:#f0f0f0;box-shadow:0 4px 8px #0006}.map-fullscreen-btn svg{display:block;width:20px;height:20px}.map-container.fullscreen-active #map{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;z-index:9999!important;margin:0!important;border-radius:0!important;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.map-container.fullscreen-active{position:fixed;inset:0;z-index:9999}.map-container.fullscreen-active .map-fullscreen-btn{position:fixed;top:10px;right:10px;z-index:10001}.map-fullscreen-active{overflow:hidden}.favorite-node-card{transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%;min-height:200px}.favorite-node-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.favorite-node-image{width:100%;height:80px;object-fit:cover;border-radius:8px 8px 0 0;flex-shrink:0}.favorite-badge{position:absolute;top:6px;right:6px;background:#ffffffe6;border-radius:50%;padding:4px;box-shadow:0 2px 4px #0003;z-index:10}.favorite-heart{color:#ef4444;fill:#ef4444}.favorite-heart-outline{color:#94a3b8;fill:none}@media (min-width: 640px){.favorite-node-image{height:90px}.favorite-node-card{min-height:220px}}@media (min-width: 768px){.favorite-node-image{height:100px}.favorite-node-card{min-height:240px}}@media (max-width: 768px){#map{height:300px}.favorite-node-image{height:100px}}#solo-screen{overflow-x:hidden}.stop-card{position:relative;background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1rem;margin-bottom:.75rem;transition:all .2s ease;cursor:default;border:2px solid transparent}.stop-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stop-card[data-editing=true]{border-color:#0ea5e9;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stop-card.dragging{opacity:.4;transform:scale(.95)}.stop-card.drag-over{border-color:#38bdf8;border-style:dashed}.drag-handle{position:absolute;top:1rem;left:.5rem;cursor:move;color:#94a3b8;padding:.25rem;border-radius:.25rem;transition:color .2s ease}.drag-handle:hover{color:#475569}.drag-handle:focus{outline:none;box-shadow:0 0 0 2px #0ea5e9}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;margin-left:1.5rem}.stop-marker{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#0ea5e9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;box-shadow:0 1px 2px #0000000d;flex-shrink:0}.stop-marker.start{background-color:#10b981}.stop-marker.end{background-color:#ef4444}.stop-label{font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.card-menu-btn{margin-left:auto;padding:.5rem;border-radius:.5rem;color:#94a3b8;transition:all .2s ease}.card-menu-btn:hover{background-color:#f1f5f9;color:#475569}.card-menu-btn:focus{outline:none;box-shadow:0 0 0 2px #0ea5e9}.card-body{margin-left:1.5rem}.location-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;line-height:1.4}.stop-metadata{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#475569}.metadata-item{display:flex;align-items:center;gap:.375rem}.metadata-item svg{width:1rem;height:1rem;color:#94a3b8}.travel-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;margin-left:1.5rem}.travel-info svg{width:1rem;height:1rem;color:#0ea5e9}.card-actions-menu{position:absolute;right:1rem;top:4rem;background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e2e8f0;padding:.5rem 0;min-width:10rem;z-index:10}.card-actions-menu.hidden{display:none}.card-actions-menu button{width:100%;padding:.5rem 1rem;text-align:left;display:flex;align-items:center;gap:.75rem;transition:background-color .2s ease;font-size:.875rem;font-weight:500;border:none;background:none;cursor:pointer}.card-actions-menu button:hover{background-color:#f1f5f9}.card-actions-menu button svg{width:1rem;height:1rem}.card-body-edit{margin-left:1.5rem;display:flex;flex-direction:column;gap:.75rem}.edit-field{display:flex;flex-direction:column;gap:.25rem}.edit-field label{font-size:.75rem;font-weight:500;color:#475569;text-transform:uppercase;letter-spacing:.05em}.edit-input{width:100%;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;background:#fff;transition:all .2s ease}.edit-input:focus{outline:none;box-shadow:0 0 0 2px #0ea5e9;border-color:transparent}.edit-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.edit-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-save{flex:1;padding:.5rem 1rem;background-color:#0ea5e9;color:#fff;border-radius:.5rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease;border:none;cursor:pointer}.btn-save:hover{background-color:#0284c7}.btn-save:focus{outline:none;box-shadow:0 0 0 2px #0ea5e9,0 0 0 4px #0ea5e933}.btn-cancel{flex:1;padding:.5rem 1rem;background-color:#e2e8f0;color:#334155;border-radius:.5rem;font-weight:500;display:flex;align-items:center;justify-center:center;gap:.5rem;transition:background-color .2s ease;border:none;cursor:pointer}.btn-cancel:hover{background-color:#cbd5e1}.btn-cancel:focus{outline:none;box-shadow:0 0 0 2px #94a3b8,0 0 0 4px #94a3b833}.edit-error{margin-top:.5rem;padding:.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;font-size:.875rem;color:#dc2626}.edit-error.hidden{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background-color:#f8fafc;border-radius:.75rem;border:2px dashed #cbd5e1}.empty-icon{width:4rem;height:4rem;color:#cbd5e1;margin-bottom:1rem}.empty-state h3{font-size:1.125rem;font-weight:600;color:#334155;margin-bottom:.5rem}.empty-state p{font-size:.875rem;color:#64748b}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.animate-slide-in{animation:slideIn .3s ease-out}.animate-slide-out{animation:slideOut .3s ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width: 640px){.stop-card{max-width:600px;margin-left:auto;margin-right:auto}}@media (min-width: 1024px){.stop-card{max-width:700px}.location-name{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.stop-card,.drag-handle,.card-menu-btn,.btn-save,.btn-cancel,.edit-input{transition:none}.animate-slide-in,.animate-slide-out{animation:none}}