.social-paging-screen,.social-paging-screen .main,.social-paging-screen .route-surface{touch-action:pan-y}.social-paging-screen .main{min-height:100dvh}.social-paging-screen .route-surface{min-height:calc(100dvh - 200px)}.social-dragging{overflow-x:clip}.social-page-peek{position:fixed;z-index:9;pointer-events:none;min-height:100vh;background:var(--bg);will-change:transform}.social-page-peek .feed-panel:not(.current){visibility:hidden}.social-page-peek .feed-compose{display:none}.publish-home{max-width:600px;margin:30px auto}.publish-mark{display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--line);border-radius:24px;margin-bottom:26px;background:var(--panel)}.publish-mark .brand-mark{width:36px;height:36px}.publish-home h1{font-size:30px}.publish-choices{display:grid;gap:12px;margin-top:32px}.publish-choices button{display:flex;align-items:center;gap:18px;text-align:left;padding:22px 18px;background:var(--panel);border:1px solid var(--line);border-radius:22px;color:var(--text);min-height:90px}.publish-choices svg{width:27px;height:27px;color:var(--green)}.publish-choices button>span:nth-child(2){flex:1}.publish-choices strong,.publish-choices small{display:block}.publish-choices small{margin-top:6px;color:var(--muted)}.publish-choices button:active{transform:scale(.98)}
.step-reaction{width:30px;height:30px;display:inline-block;vertical-align:middle;overflow:visible;flex:none}.step-reaction-outline{color:var(--muted)}.like-main{min-height:48px!important;min-width:112px;display:flex!important;align-items:center;gap:8px;padding:8px 10px!important;touch-action:none;-webkit-user-select:none;user-select:none}.like-control{gap:0!important}.reaction-more{min-width:44px;min-height:48px}.reaction-picker{padding:10px 8px!important;gap:4px!important}.reaction-picker button{min-width:56px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.reaction-picker .step-reaction{width:40px;height:40px}.reaction-picker small{font-size:11px!important}.reaction-total{display:flex;align-items:center;gap:5px;min-height:40px}.reaction-total .step-reaction{width:23px;height:23px}.comment-actions .step-reaction{width:23px;height:23px}.like-main:active .step-reaction{transform:scale(1.14)}.like-main.reacted .step-reaction{animation:step-reaction-pop .32s cubic-bezier(.2,.9,.3,1.4)}@keyframes step-reaction-pop{0%{transform:scale(.65) rotate(-12deg)}65%{transform:scale(1.2) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
.direct-screen .main{padding-bottom:0!important}.direct-screen .route-surface{min-height:0}.conversation-page{display:flex;flex-direction:column;min-height:180px;padding-top:0;overflow:hidden}.conversation-page #messagePerson{flex:none;padding:8px 0 10px}.conversation-page #messageOlder{flex:none}.conversation-page .message-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 0;scroll-padding-bottom:16px}.conversation-page #messageComposer{flex:none;padding-top:8px;background:var(--bg)}.conversation-page #messageStatus{flex:none;margin:5px 0;font-size:12px}.conversation-page #messageStatus:empty{display:none}.message-compose textarea{flex:1;min-height:42px;padding:10px}.direct-keyboard .social-dock{display:none!important}.conversation-page #messageComposer>.note{margin:6px 0;font-size:11px;line-height:1.3}.conversation-page #messagePerson .social-author{margin:0}
@media(prefers-reduced-motion:reduce){.like-main.reacted .step-reaction{animation:none}.publish-choices button{transition:none}}
.trainer-exercise{min-width:0;border:1px solid var(--line);border-radius:18px;margin:18px 0;padding:16px}.trainer-exercise legend{padding:0 8px;color:var(--green)}.trainer-access{margin-top:22px}.route-silhouette{display:block;max-height:240px;width:100%;color:var(--green);background:linear-gradient(145deg,var(--panel),var(--panel2));border-radius:20px;margin-bottom:20px}.run-metrics{display:flex;gap:24px;margin:20px 0}.run-metrics strong{font-size:22px}.run-metrics small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}.run-card{min-width:0}.run-card .modal-actions{flex-wrap:wrap}.run-card h2{overflow-wrap:anywhere}.route-empty{padding:35px;color:var(--muted)}

.route-map-preview{height:clamp(300px,48dvh,520px);border-radius:24px;overflow:hidden;margin:0 0 22px;border:1px solid var(--line);background:var(--panel)}.route-map-preview iframe{border:0;width:100%;height:100%;display:block}

.native-inline-map{height:clamp(270px,42dvh,430px);display:grid;place-items:center}.native-inline-map.map-ready>p{visibility:hidden}