#tripPublicMap{width:100%;height:calc(100vh - 64px);min-height:520px}.trip-car-icon{background:transparent;border:0}.trip-car-3d{position:relative;width:34px;height:52px;transform-origin:50% 50%;transition:transform .12s linear}.trip-car-vehicle{position:absolute;left:2px;top:0;width:30px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(15,23,42,.35))}.trip-car-shadow{position:absolute;left:8px;top:41px;width:18px;height:7px;border-radius:999px;background:#0f172a42;filter:blur(1px)}.trip-maplibre-stop-marker{position:relative;width:22px;height:22px;border:none;background:transparent;cursor:pointer;padding:0;outline:none}.trip-marker-dot{position:absolute;inset:3px;border-radius:999px;background:#3b82f6;border:2.5px solid #fff;box-shadow:0 0 0 1px #3b82f659,0 2px 8px #0f172a4d}.trip-maplibre-stop-marker.is-start .trip-marker-dot{background:#22c55e;box-shadow:0 0 0 1px #22c55e59,0 2px 8px #0f172a4d}.trip-maplibre-stop-marker.is-end .trip-marker-dot{background:#ef4444;box-shadow:0 0 0 1px #ef444459,0 2px 8px #0f172a4d}.trip-marker-pulse{position:absolute;inset:-4px;border-radius:999px;border:2px solid rgba(59,130,246,.55);animation:trip-marker-pulse-ring 2s ease-out infinite;pointer-events:none}.trip-maplibre-stop-marker.is-start .trip-marker-pulse{border-color:#22c55e8c}.trip-maplibre-stop-marker.is-end .trip-marker-pulse{border-color:#ef44448c}@keyframes trip-marker-pulse-ring{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.9);opacity:0}to{transform:scale(1.9);opacity:0}}.boast-top-card{position:absolute;left:14px;right:14px;top:14px;z-index:800;background:#ffffffeb;border:1px solid rgba(226,232,240,.85);border-radius:14px;padding:.7rem .85rem;box-shadow:0 8px 28px #0f172a33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.boast-title{font-weight:700;font-size:1rem;color:#0f172a}.boast-subtitle{font-size:.78rem;color:#475569}#tripSummaryText{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.trip-stat{display:inline-flex;align-items:baseline;gap:.2rem}.trip-stat-icon{font-size:.78rem;line-height:1;opacity:.9}.trip-stat-value{font-weight:700;color:#0f172a}.trip-stat-label{color:#475569}.trip-stat-sep{color:#94a3b8}.boast-top-card .trip-cover-photo{width:60px!important;height:60px!important;object-fit:cover;border-radius:8px;padding:.125rem;flex-shrink:0}.boast-controls{position:absolute;left:14px;right:14px;bottom:14px;z-index:800;background:#ffffffeb;border:1px solid rgba(226,232,240,.85);border-radius:14px;padding:.75rem;box-shadow:0 10px 30px #0f172a38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.boast-progress{width:100%}.boast-chip{border-radius:999px;background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;font-size:.72rem;font-weight:600;padding:.22rem .55rem}.trip-follow-toggle{border-radius:999px;padding-inline:.8rem;border:1px solid #94a3b8;background:#f8fafc;color:#1e293b;font-weight:600}.trip-follow-toggle.is-on{border-color:#2563eb;background:#dbeafe;color:#1e40af}.trip-follow-toggle.is-off{border-color:#cbd5e1;background:#f8fafc;color:#334155}.trip-icon-btn{width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;padding:0}.trip-pill-wrap{display:inline-flex;align-items:center;gap:.35rem}.trip-pill-label{font-size:.75rem;color:#64748b;font-weight:600}.trip-pill-group{border:1px solid #cbd5e1;border-radius:999px;overflow:hidden}.trip-pill-btn{border:0;background:#f8fafc;color:#334155;font-weight:600;min-width:2.15rem}.trip-pill-btn+.trip-pill-btn{border-left:1px solid #e2e8f0}.trip-pill-btn.is-active{background:#dbeafe;color:#1e40af}.trip-photo-thumb{width:100%;max-height:240px;object-fit:contain;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.trip-photo-video{background:#0f172a}.trip-timeline-item{border:1px solid #e2e8f0;border-radius:8px;padding:.55rem .65rem;background:#fff;margin-bottom:.55rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.trip-timeline-item:hover{background:#f8fafc;border-color:#cbd5e1}.trip-moving-tooltip{position:absolute;left:50%;top:80px;transform:translate(-50%,calc(-100% - 10px));z-index:850;background:#0f172ae0;color:#f8fafc;border-radius:999px;padding:.35rem .8rem;font-size:.78rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .26s ease,transform .26s ease;max-width:min(80vw,360px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-moving-tooltip.is-visible{opacity:1;transform:translate(-50%,calc(-100% - 10px))}@media(min-width:992px){.boast-top-card,.boast-controls{left:22px;right:22px;max-width:720px}}