#og-activity-start{position:fixed;inset:0;z-index:13000;background:#F8F5EF;overflow:auto;color:#0B2A3A;font-family:Inter,system-ui,sans-serif}#og-activity-start *{box-sizing:border-box}.og-as-panel{width:min(640px,100%);margin:auto;padding:20px 20px 40px}.og-as-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.og-as-panel h1{font-size:27px;color:#0B2A3A}.og-as-panel>header>button{width:44px;height:44px;border-radius:50%;background:#EADCC8;color:#0B2A3A;font-size:26px}.og-as-body{display:grid;gap:18px}.og-as-choice{padding:22px;background:#FFFDF8;border-radius:20px;border:1px solid #0B2A3A12}.og-as-choice>div{display:flex;align-items:center;gap:16px}.og-as-choice svg{width:32px;height:32px}.og-as-choice h2{font-size:24px;margin:0;color:#0B2A3A}.og-as-choice p,.og-as-body>p{color:#627078;line-height:1.5}.og-as-choice button,.og-as-controls button,.og-as-save{width:100%;min-height:50px;border:0;border-radius:999px;background:#0B2A3A;color:#FFFDF8;font-size:17px;font-weight:700;padding:12px;margin-top:16px}.og-as-controls{display:flex;gap:12px}.og-as-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0}.og-as-metrics strong{display:block;color:#0B2A3A;font-size:21px}.og-as-metrics small{display:block;color:#627078;font-size:12px}.og-as-title{display:grid;gap:8px;color:#0B2A3A}.og-as-title input{border:1px solid #0B2A3A30;border-radius:12px;min-height:48px;background:#FFFDF8;color:#0B2A3A;padding:12px;font-size:16px}.og-as-save[hidden]{display:none}.og-as-status{color:#0B2A3A}.og-as-save:disabled{opacity:.5}#og-activity-start #og-trail-details{background:#FFFDF8;padding:16px;border-radius:16px;color:#0B2A3A}#og-activity-start #og-trail-details button,#og-activity-start .og-trail-mode,#og-activity-start .og-trail-photo-reminder{display:none!important}#og-as-community{margin:20px 0;padding:20px;background:#FFFDF8;border-radius:18px;color:#0B2A3A}#og-as-community>h2{font-size:21px;color:#0B2A3A}#og-as-community>p{color:#627078}.og-as-history-card{padding:18px;background:#FFFDF8;border:1px solid #0B2A3A18;border-radius:18px;margin-bottom:16px;color:#0B2A3A}.og-as-history-card header{display:grid;gap:4px}.og-as-history-card header small{color:#627078}.og-as-history-card h3{font-size:21px;color:#0B2A3A;margin:16px 0 0}.og-as-history-card img,.og-as-route{width:100%;border-radius:12px;display:block}.og-as-history-card button,#og-as-community>button,.og-as-body>[data-share]{border-radius:999px;background:#0B2A3A;color:#FFFDF8;padding:12px 20px;min-height:44px;margin-top:12px}.og-as-persistent-history{margin-bottom:20px}

html[data-offgrid-brand="200"] body #og-activity-start .og-as-panel>header{background:transparent!important;border:0!important;position:static!important;padding:0!important;margin:0 0 20px!important}html[data-offgrid-brand="200"] body #og-activity-start :is(h1,h2,h3){color:#0B2A3A!important;font-weight:750!important}html[data-offgrid-brand="200"] body #og-activity-start h1{font-size:27px!important;margin:0!important}

.og-as-persistent-history[hidden]{display:none!important}html[data-offgrid-brand="200"] body .og-as-history-card header{background:transparent!important;color:#0B2A3A!important;position:static!important;border:0!important;padding:0!important}html[data-offgrid-brand="200"] body .og-as-history-card :is(h3,strong){color:#0B2A3A!important}

.og-as-history-card[data-author]{cursor:pointer}.og-as-history-card[data-author]:focus-visible{outline:2px solid #D19A4A;outline-offset:3px}html body .og-as-history-card header .og-as-avatar{width:40px!important;height:40px!important;flex:0 0 40px;object-fit:cover;border-radius:50%;grid-row:1 / 3;margin:0}.og-as-history-card header{display:grid!important;grid-template-columns:40px 1fr;gap:3px 10px}.og-as-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#0B2A3A;color:#fff!important;font-weight:700}
/* Activity cards have their own full-width layout; avatar and cover sizes never mix. */
html body #root #og-as-community{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;width:100%!important;margin:22px 0!important;grid-column:1/-1;max-width:none!important}
html body #root .og-as-persistent-history{width:100%!important;max-width:none!important;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
html body :is(#root,#og-activity-start) .og-as-history-card{display:block!important;padding:0!important;width:100%!important;max-width:none!important;margin:0 0 22px!important;border:1px solid #E3DED5!important;border-radius:22px!important;overflow:hidden;background:#FFFDFA!important;box-shadow:none!important;cursor:pointer}
html body :is(#root,#og-activity-start) .og-as-history-card>header{display:flex!important;align-items:center;justify-content:space-between;gap:12px!important;padding:16px 18px!important;background:transparent!important}
html body :is(#root,#og-activity-start) .og-as-author{display:flex!important;align-items:center;gap:10px;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#0B2A3A!important;text-align:left;font:inherit;cursor:pointer}
html body :is(#root,#og-activity-start) .og-as-author>span:last-child{min-width:0}.og-as-author b{display:block;font-size:14px}.og-as-author small{display:block;margin-top:3px;font-size:11px;color:#627078!important}
html body :is(#root,#og-activity-start) .og-as-history-card .og-as-avatar{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover;flex:0 0 40px}
html body #root .og-as-sport,html body #og-activity-start .og-as-sport{display:inline-block;background:#EADCC8!important;color:#0B2A3A!important;border-radius:20px;padding:6px 10px;font:650 11px system-ui;white-space:nowrap}
html body :is(#root,#og-activity-start) .og-as-history-card h3{padding:0 18px!important;margin:0!important;font-size:22px!important;line-height:1.25!important;color:#0B2A3A!important}
html body :is(#root,#og-activity-start) .og-as-history-card .og-as-metrics{padding:18px!important;gap:8px!important;text-align:left;grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body :is(#root,#og-activity-start) .og-as-history-card .og-as-metrics strong{font-size:21px!important;color:#0B2A3A!important;letter-spacing:-.025em}.og-as-metrics em{font-size:.65em;font-style:normal}.og-as-metrics>div{min-width:0}
html body :is(#root,#og-activity-start) .og-as-history-card .og-as-card-cover{display:block!important;width:100%!important;height:390px!important;object-fit:cover!important;border-radius:0!important;margin:0!important}
html body :is(#root,#og-activity-start) .og-as-history-card footer{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;color:#627078!important;font-size:12px}
html body :is(#root,#og-activity-start) .og-as-history-card footer button{background:#0B2A3A!important;color:#fff!important;border:0;border-radius:20px;padding:9px 18px;margin:0!important;min-height:40px}
html body #og-activity-start .og-as-photo-picker{display:grid;gap:9px;background:#FFFDFA;border:1px solid #E3DED5;border-radius:16px;padding:16px;color:#0B2A3A;font-size:14px;font-weight:650}
.og-as-photo-picker input{width:100%;min-width:0;font:13px system-ui;color:#0B2A3A}.og-as-photo-picker input::file-selector-button{background:#EADCC8;border:0;border-radius:10px;padding:10px;color:#0B2A3A;font-weight:650;margin-right:10px;cursor:pointer}
.og-as-photo-picker small{font-size:12px;color:#627078!important;font-weight:400}
html body #og-activity-start .og-as-detail-heading h2{font-size:29px!important;margin:12px 0 6px;line-height:1.2}.og-as-detail-heading p{font-size:13px;color:#627078!important;margin:0}
.og-as-gallery{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory}.og-as-gallery img{width:100%;flex:0 0 100%;height:350px;object-fit:cover;border-radius:18px;scroll-snap-align:start}
.og-as-map-section{padding:16px;background:#FFFDFA;border:1px solid #E3DED5;border-radius:18px}.og-as-map-section h3{margin:0 0 12px}.og-as-route{max-height:400px;object-fit:contain;background:#EADCC8}
.og-as-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body #og-activity-start .og-as-detail-actions button,html body #og-activity-start .og-as-body>[data-share],html body #og-activity-start .og-as-body>[data-view],html body #og-activity-start .og-as-body>[data-done]{background:#0B2A3A!important;color:#fff!important;border:0;border-radius:14px;padding:14px;font:700 14px system-ui;min-height:48px;cursor:pointer;margin:0}
html body #og-activity-start .og-as-detail-actions [data-edit],html body #og-activity-start .og-as-body>[data-done]{background:#EEEAE3!important;color:#0B2A3A!important}
.og-as-success{text-align:center;padding:18px 0}.og-as-success>span{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#EADCC8;color:#0B2A3A;font-size:28px}.og-as-success h2{font-size:26px!important;margin:15px 0 6px}.og-as-success p{color:#627078!important}
@media(max-width:600px){html body :is(#root,#og-activity-start) .og-as-history-card .og-as-card-cover{height:340px!important}.og-as-panel{padding:18px 16px 30px}.og-as-gallery img{height:300px}html body :is(#root,#og-activity-start) .og-as-history-card h3{font-size:21px!important}html body :is(#root,#og-activity-start) .og-as-history-card .og-as-metrics strong{font-size:19px!important}}
@media(min-width:1000px){html body #root .og-as-persistent-history{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body #root .og-profile-activity-feed,html body #root .og-profile-activity-launch{grid-column:1/-1!important;width:100%!important;min-width:0}
.og-as-history-card:focus-visible,.og-as-author:focus-visible,.og-as-detail-actions button:focus-visible{outline:3px solid #D19A4A;outline-offset:3px}
/* Natural image ratios: never crop or stretch a recorded route. */
html body :is(#root,#og-activity-start) .og-as-history-card .og-as-card-cover{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;background:#F8F5EF!important}
html body #og-activity-start .og-as-route{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
html body #root .og-as-persistent-history{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
html body #root #og-as-community,html body #root .og-as-persistent-history,html body :is(#root,#og-activity-start) .og-as-history-card{font-size:16px!important;max-width:none!important;transform:none!important;zoom:1!important}
html body :is(#root,#og-activity-start) .og-as-history-card h3{font-size:24px!important}html body :is(#root,#og-activity-start) .og-as-history-card .og-as-metrics strong{font-size:24px!important}html body :is(#root,#og-activity-start) .og-as-history-card .og-as-metrics small{font-size:13px!important}
html body :is(#root,#og-activity-start) .og-as-history-card .og-as-author b{font-size:16px!important}html body :is(#root,#og-activity-start) .og-as-history-card .og-as-author small{font-size:12px!important}
@media(max-width:380px){html body :is(#root,#og-activity-start) .og-as-history-card .og-as-metrics strong{font-size:20px!important}}
html body #og-activity-start .og-as-detail-actions [data-delete]{grid-column:1/-1;background:transparent!important;color:#9D3434!important;border:1px solid #9D343430!important;font-weight:650}

html[data-offgrid-brand="200"] body #root .og-profile-layout>.og-profile-activity-launch{order:5!important}
html body #root .og-as-persistent-history .og-as-history-card{display:grid!important;grid-template-columns:72px 1fr;gap:8px 14px;padding:14px!important}
html body #root .og-as-persistent-history .og-as-history-card header,html body #root .og-as-persistent-history .og-as-history-card footer{display:none!important}
html body #root .og-as-persistent-history .og-as-history-card h3{grid-column:2;font-size:16px!important;margin:0!important}
html body #root .og-as-persistent-history .og-as-history-card .og-as-metrics{grid-column:2;margin:0!important;padding:0!important;gap:8px!important}
html body #root .og-as-persistent-history .og-as-history-card .og-as-metrics strong{font-size:15px!important}
html body #root .og-as-persistent-history .og-as-card-cover{grid-column:1;grid-row:1/3;width:72px!important;height:72px!important;object-fit:contain!important;border-radius:10px}
html body #og-activity-start .og-as-statistics{padding:18px;background:#F8F5EF;border:1px solid #0B2A3A20;border-radius:16px;margin:18px 0;color:#0B2A3A}
.og-as-statistics table{width:100%;border-collapse:collapse;margin:16px 0}.og-as-statistics th,.og-as-statistics td{text-align:left;padding:10px 4px;border-bottom:1px solid #0B2A3A18;font-size:14px}.og-as-statistics small{display:block;color:#596A71;line-height:1.5}.og-as-records b{display:block;padding:10px;background:#D19A4A22;border-radius:8px;margin:8px 0}

html body #root .og-profile-activity-feed>.og-profile-post,html body #root .og-profile-activity-feed>.og-profile-empty{display:none!important}

.og-as-card-date{display:block;font-size:12px;font-weight:400;color:#596A71;margin-top:4px}

#og-activity-start .og-as-controls.og-as-finished{flex-direction:column;gap:8px}#og-activity-start .og-as-finished button{margin-top:0}#og-activity-start .og-as-finished [data-command="resume"]{background:#EADCC8;color:#0B2A3A}#og-activity-start [data-command="save"]:disabled{opacity:.5}

#og-activity-start #og-trail-details [data-trail-action="save-activity"]{display:block!important;width:100%;background:#0B2A3A!important;color:#FFFDF8!important}#og-activity-start [data-command="save"]{display:block!important;visibility:visible!important}

#og-activity-start .og-as-finish-actions:not([hidden]){display:grid!important;gap:10px}#og-activity-start .og-as-finish-actions[hidden]{display:none!important}#og-activity-start [data-backup]{padding:12px;border:1px solid #0B2A3A30;border-radius:999px;background:#EADCC8;color:#0B2A3A}#og-activity-start .og-as-finish-actions small{color:#627078;text-align:center}

html body #og-activity-start .og-as-body>.og-as-save:not([hidden]){display:block!important;visibility:visible!important;width:100%!important;background:#0B2A3A!important;color:#FFFDF8!important;min-height:52px!important}html body #og-activity-start .og-as-body>.og-as-save[hidden]{display:none!important}
