#detailDialog{max-height:calc(100dvh - 24px);overflow-y:auto}
.experience-loading{padding:72px 30px;text-align:center;color:var(--muted)}
.experience-gallery{position:relative;background:#10192b;min-height:250px}
.experience-gallery .detail-hero{display:block;width:100%;height:min(52vh,480px);object-fit:cover}
.experience-gallery video.detail-hero{background:#10192b}
.experience-gallery-controls{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;border-radius:999px;padding:5px;background:rgba(8,18,38,.78);color:#fff;font-weight:750;backdrop-filter:blur(10px)}
.experience-gallery-controls button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:1.5rem;cursor:pointer}
.experience-byline{font-weight:700}
.experience-author{display:flex;align-items:center;gap:12px;margin:10px 0}
.experience-author button{border:0;border-radius:999px;background:#eaf2ff;color:#1959d5;padding:8px 16px;font-weight:800;cursor:pointer}
.experience-author button[aria-pressed="true"]{background:#e8edf3;color:#3c4a62}
.experience-neighborhood{color:var(--muted);margin:0 0 8px}
.experience-journey-button{display:block;border:0;border-radius:999px;padding:13px 22px;background:linear-gradient(110deg,#704bed,#315df4);color:#fff;font-weight:800;cursor:pointer}
.experience-story{white-space:pre-wrap}
.experience-stats,.experience-actions,.experience-route-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.experience-stats{color:var(--muted);font-size:.88rem;margin:16px 0}
.experience-stats span{padding:7px 10px;border-radius:99px;background:#f0f4fc}
.experience-actions{margin:20px 0}
.experience-actions button,.experience-route-actions button,.experience-route-actions a,.experience-comments button{border:1px solid var(--line);border-radius:15px;padding:10px 15px;background:white;color:var(--ink);font-weight:800;cursor:pointer;text-decoration:none}
.experience-actions button[aria-pressed="true"],.experience-route-actions button{background:var(--blue);color:#fff}
.experience-route,.experience-comments{padding:20px;margin-top:22px;border:1px solid var(--line);border-radius:22px;background:#fff}
.experience-route h3,.experience-comments h3{margin:0 0 8px;font-size:1.15rem}
.experience-route>p{margin:0 0 18px}
.experience-stops{margin:0 0 20px;padding:0;list-style:none}
.experience-stops li{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.experience-stop-number{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:50%;background:var(--blue);color:#fff;font-size:.78rem;font-weight:800}
.experience-stops img{width:74px;height:68px;object-fit:cover;border-radius:12px}
.experience-stops strong{display:block;margin:2px 0 4px}
.experience-stops p{margin:0 0 3px!important}
.experience-stops small{color:var(--muted)}
.experience-comments form{display:flex;align-items:end;gap:8px;margin:12px 0 16px}
.experience-comments textarea{flex:1;min-width:0;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:11px;font:inherit}
.experience-comments form button{background:var(--blue);color:#fff}
.experience-comment{padding:14px 0;border-top:1px solid var(--line)}
.experience-comment p{margin:6px 0 10px;white-space:pre-wrap}
.experience-comment div{display:flex;gap:8px}
.experience-comment button{padding:6px 10px;font-size:.82rem}
.experience-comment button[aria-pressed="true"]{color:#e1326a}
@media(max-width:600px){.experience-gallery .detail-hero{height:40vh}.experience-copy{padding:22px}.experience-actions{display:grid;grid-template-columns:repeat(2,1fr)}.experience-actions button{min-height:46px}.experience-route,.experience-comments{padding:16px}.experience-comments form{align-items:stretch;flex-direction:column}.experience-comments form button{align-self:flex-end}}