*{box-sizing:border-box}svg{vertical-align:middle}.antialiased{-webkit-font-smoothing:antialiased}:root{--background:#f8f9f6;--foreground:#193329;--font-sans:Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}body{color:#193329;background:#f8f9f6;margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #296fff}a{color:inherit;text-decoration:none}.app-shell{max-width:1000px;margin:auto;padding:0 28px}.brand{border-bottom:1px solid #e2e8df;justify-content:space-between;align-items:center;height:88px;display:flex}.brand a{color:#16724d;align-items:center;gap:9px;display:flex}.brand>span{letter-spacing:2px;color:#789185;font-size:10px}.intro{padding:55px 0 36px}.eyebrow{letter-spacing:2px;color:#508c6a;font-size:10px;font-weight:700}.intro h1{letter-spacing:-2px;margin:16px 0;font-size:44px;line-height:1.23}.intro em{color:#168159;font-style:normal}.intro p{color:#718277;font-size:15px;line-height:1.8}.intro-meta{gap:9px;margin-top:23px;display:flex}.intro-meta span{color:#568168;border:1px solid #dae5d9;border-radius:40px;padding:7px 13px;font-size:11px}.section-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.section-title h2{letter-spacing:-.5px;font-size:19px}.section-title>span{color:#997546;background:#fff2dd;border-radius:10px;padding:5px 9px;font-size:10px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.course-card{text-align:left;background:#fff;border:1px solid #e1e8dd;border-radius:22px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.course-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #1933290e}.course-art{color:#167b53;background:#f0f5ec;border-radius:15px;justify-content:center;height:170px;margin:8px;display:flex;position:relative}.course-art svg{width:80%;height:100%}.course-art>span{background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid;position:absolute;top:10px;left:10px}.course-label{justify-content:space-between;align-items:center;padding:8px 18px 0;display:flex}.course-label h3{margin:0 0 5px;font-size:15px;font-weight:700}.course-label p{color:#809184;margin:0;font-size:11px}.course-label>svg{color:#86a08c}.course-meta{justify-content:space-between;align-items:center;padding:15px 18px 18px;display:flex}.course-meta b{font-size:18px}.course-meta small{color:#839588;font-size:11px;font-weight:400}.course-meta>span{color:#a38256;font-size:9px}.bottom-note{text-align:center;color:#8a998e;margin:30px 0;font-size:11px;line-height:1.7}.app-shell footer{text-align:center;letter-spacing:2px;color:#8c9b90;padding:28px 0 35px;font-size:9px}.back{color:#6c8573;background:0 0;border:0;align-items:center;gap:7px;padding:20px 0;font-size:12px;display:flex}.detail-title>span{color:#779785;letter-spacing:1.5px;font-size:10px}.detail-title h1{letter-spacing:-1px;margin:12px 0;font-size:32px}.detail-title p{color:#839284;align-items:center;gap:4px;margin:0 0 22px;font-size:12px;display:flex}.detail-title b{color:#146844;margin-left:auto;font-size:18px}.map-frame{background:#eef3e9;border:1px solid #e0e6db;border-radius:22px;height:430px;position:relative;overflow:hidden}.kakao-map{width:100%;height:100%}.kakao-map img[src*=".daumcdn.net/map_2d"]{opacity:.65}.map-fallback{text-align:center;background:#eef3e9;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.map-fallback svg{color:#1568ff;width:230px;height:230px}.map-fallback strong{font-size:13px}.map-fallback p{color:#718271;max-width:280px;font-size:11px;line-height:1.6}.map-badge{z-index:10;color:#53735d;pointer-events:none;background:#fffffff0;border-radius:12px;padding:7px 10px;font-size:10px;position:absolute;top:12px;left:12px}.location-dot{background:#126aff;border:3px solid #fff;border-radius:50%;width:19px;height:19px;display:block;box-shadow:0 0 0 8px #126aff22}.start-pin{color:#fff;background:#16835a;border:2px solid #fff;border-radius:15px;padding:6px 9px;font-size:11px;display:block}.detail-panel,.run-panel{background:#fff;border:1px solid #e2e8de;border-radius:22px;margin-top:16px;padding:24px}.detail-panel h2{margin:0 0 10px;font-size:18px}.detail-panel>p{color:#718371;font-size:13px;line-height:1.7}.draft-note{color:#997546;background:#fff5e5;border-radius:14px;margin:18px 0;padding:15px}.draft-note strong{font-size:12px}.draft-note p{margin:7px 0 0;font-size:12px;line-height:1.6}.check{color:#6d826f;align-items:flex-start;gap:8px;margin:18px 0;font-size:12px;line-height:1.6;display:flex}.check input{accent-color:#187c52;margin-top:3px}.primary{color:#fff;background:#167c53;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-size:14px;font-weight:700;display:flex}.hint{line-height:1.6;color:#879887!important;font-size:11px!important}.guidance{color:#146c49;align-items:center;gap:14px;display:flex}.guidance strong{font-size:16px}.guidance p{color:#819481;margin:6px 0;font-size:11px}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.stats>div{flex-direction:column;display:flex}.stats span{color:#849484;margin-bottom:8px;font-size:11px}.stats b{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:30px}.stats small{color:#819480;font-size:10px}.location-status{color:#79907e;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:10px;display:flex}.location-status button{color:#52765c;background:#eef5ed;border:0;border-radius:10px;align-items:center;gap:3px;padding:8px;display:flex}.run-controls{gap:10px;display:flex}.finish-button{white-space:nowrap;color:#657b66;background:#fff;border:1px solid #d5dfd2;border-radius:14px;justify-content:center;align-items:center;gap:5px;min-height:52px;padding:0 22px;font-size:13px;display:flex}.status-message{text-align:center;color:#9b7049;font-size:12px;line-height:1.6}@media (max-width:650px){.app-shell{padding:0 20px}.brand{height:72px}.brand>span{letter-spacing:1px;font-size:8px}.intro{padding-top:36px}.intro h1{font-size:34px}.intro p{font-size:13px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-art{height:135px;margin:6px}.course-label{padding:7px 12px 0}.course-label h3{font-size:13px}.course-label p{font-size:10px}.course-meta{padding:13px 12px}.course-meta b{font-size:16px}.course-meta>span{font-size:8px}.section-title h2{font-size:16px}.map-frame{height:380px}.detail-panel,.run-panel{padding:19px}.stats b{font-size:25px}}.course-number{color:#80a18b;letter-spacing:1px;font-size:10px;font-weight:600;position:absolute;top:10px;right:11px}.share-panel>p{color:#738571;font-size:12px;line-height:1.6}.share-panel h2{margin-top:12px}.share-canvas{border:1px solid #e0e7db;border-radius:18px;width:100%;height:auto;margin:18px 0;display:block}.photo-controls{gap:10px;margin:14px 0;display:flex}.photo-picker{cursor:pointer;color:#337052;border:1px solid #d5dfd2;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px;font-size:13px;font-weight:600;display:flex}.photo-picker input{opacity:0;width:1px;height:1px;position:absolute}.photo-controls button{color:#718271;background:#eef4e9;border:0;border-radius:12px;padding:0 14px;font-size:12px}.save-card{color:#3d7255;justify-content:center;gap:8px;padding:16px;font-size:13px;display:flex}.preview-share{color:#3d7255;background:#edf4e9;border:0;border-radius:12px;margin:8px 0;padding:11px 13px;font-size:12px}.back-to-course{color:#5c785f;background:#fff;border:1px solid #d5dfd2;border-radius:12px;width:100%;margin-top:15px;padding:13px;font-size:12px}.map-frame{height:auto}.map-viewport{height:430px;position:relative}.route-arrow{text-align:center;color:#0969ff;pointer-events:none;background:#fff;border:1px solid #0969ff44;border-radius:50%;width:24px;height:24px;font-family:Arial,sans-serif;font-size:24px;font-weight:700;line-height:22px;display:block;box-shadow:0 1px 4px #19332922}.map-start-panel{background:#fff;border-top:1px solid #e0e6db;padding:18px}.map-start-panel>strong{font-size:15px}.map-start-panel>p{color:#718371;margin:8px 0;font-size:12px}.map-start-panel .check{margin:12px 0;font-size:11px}.map-start-panel>small{color:#849484;text-align:center;margin-top:10px;font-size:10px;display:block}.start-directions{color:#146844;background:#edf4e9;border-radius:12px;align-items:center;gap:6px;margin:12px 0;padding:12px;font-size:13px;display:flex}@media (max-width:650px){.map-viewport{height:380px}.map-start-panel{padding:15px}}.nearby-courses{background:#f3f7ee;border-radius:14px;margin:14px 0;padding:13px}.nearby-courses>strong{color:#246849;font-size:13px}.nearby-courses>p{color:#7a8e7a;margin:6px 0 12px;font-size:10px}.nearby-courses>button{text-align:left;color:#28593d;background:#fff;border:1px solid #e0e8db;border-radius:11px;align-items:center;gap:10px;width:100%;margin-top:7px;padding:12px;display:flex}.nearby-icon{font-size:20px}.nearby-courses button>span:nth-child(2){flex:1;min-width:0}.nearby-courses b{font-size:12px;display:block}.nearby-courses small{color:#7a8e7a;margin-top:5px;font-size:10px;line-height:1.5;display:block}.nearby-courses button>svg{flex-shrink:0}.app-shell{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.install-guide{background:#eff5e9;border:1px solid #dce7d6;border-radius:18px;margin:0 0 28px;padding:17px}.install-heading{color:#367751;align-items:center;gap:11px;display:flex}.install-heading strong{font-size:14px}.install-heading p{color:#7b8f78;margin:6px 0 0;font-size:11px}.install-guide .primary{margin-top:13px}.install-guide summary{color:#39754b;cursor:pointer;padding-top:14px;font-size:12px}.install-steps h3{margin:18px 0 8px;font-size:13px}.install-steps ol{color:#5d745d;padding-left:20px;font-size:12px;line-height:1.9}.install-steps>p{color:#718871;font-size:11px;line-height:1.7}.install-steps li>a{text-decoration:underline}.install-sources{color:#7b8e75;gap:18px;margin-top:12px;font-size:10px;display:flex}.brand-logo{object-fit:contain;width:150px;height:54px}.brand a{gap:0}@media (max-width:650px){.brand-logo{width:135px;height:49px}}.diagnostics{color:#7e9181;max-width:944px;margin:0 auto 24px;padding:0 20px;font-size:10px;line-height:1.7}.diagnostics summary{cursor:pointer}.diagnostics p{max-width:500px}.diagnostics button{color:#477254;background:#fff;border:1px solid #d5dfd2;border-radius:10px;padding:9px 13px;font-size:11px}.map-viewport{overflow:hidden}.map-rotator{position:absolute;inset:0}.map-rotator.rotated{transform-origin:50%;width:max(150%,160vh);height:max(150%,160vh);transition:transform .25s linear;inset:50% auto auto 50%}.map-tools{z-index:12;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}.map-tools button{color:#4b5c50;background:#fff;border:1px solid #d8dfd6;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 2px 8px #20392918}.map-tools button.active{color:#0969ff;border-color:#0969ff}.map-tools button:disabled{opacity:.45}.zoom-tools{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #20392918}.zoom-tools button{box-shadow:none;border-radius:0}.zoom-tools button+button{border-top:0}.north-icon{font-size:12px;font-weight:800}.map-bottom-tools{z-index:12;gap:6px;display:flex;position:absolute;bottom:43px;left:10px;right:10px}.map-bottom-tools button{color:#405b49;background:#fffffff5;border:1px solid #d8dfd6;border-radius:10px;align-items:center;gap:5px;min-height:38px;padding:0 10px;font-size:11px;display:flex}.map-bottom-tools button[aria-pressed=true]{color:#0969ff;border-color:#0969ff}.map-location-info{z-index:12;color:#506459;pointer-events:none;background:#fffffff2;border-radius:9px;padding:5px 8px;font-size:10px;position:absolute;bottom:14px;left:10px}.map-notice{color:#56715d;background:#f0f5ee;margin:0;padding:10px 15px;font-size:11px;line-height:1.6}.reverse-course{color:#176a48;background:#fff;border:0;border-top:1px solid #dde7d9;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-size:12px;display:flex}.map-expanded{z-index:1000;padding-bottom:env(safe-area-inset-bottom);background:#fff;border:0;border-radius:0;position:fixed;inset:0;overflow:auto}.map-expanded .map-viewport{height:calc(100dvh - 110px);min-height:380px}.map-expanded .map-start-panel,.map-expanded .reverse-course{display:none}.location-dot{position:relative}.location-heading{transform-origin:50% 33px;width:0;height:0;transform:translate(-50%,-33px) rotate(var(--heading));filter:drop-shadow(0 0 2px #fff);border-bottom:24px solid #126aff;border-left:10px solid #0000;border-right:10px solid #0000;display:none;position:absolute;top:50%;left:50%}.location-dot.has-heading .location-heading{display:block}.location-dot.stale{background:#879887;box-shadow:0 0 0 8px #87988722}.map-tools button:focus-visible,.map-bottom-tools button:focus-visible,.reverse-course:focus-visible{outline-offset:2px;outline:3px solid #126aff}@media (max-width:650px){.map-viewport{height:480px}.map-badge{max-width:calc(100% - 80px)}.map-tools{gap:6px;right:10px}.map-rotator.rotated{width:160vh;height:160vh}}.map-attribution{z-index:12;color:#555;background:#ffffffe6;padding:2px 4px;font-size:10px;position:absolute;bottom:4px;right:8px}.area-filters{flex-wrap:wrap;gap:7px;margin:0 0 18px;display:flex}.area-filters a{color:#66816f;background:#fff;border:1px solid #dbe5d7;border-radius:24px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:12px;display:flex}.area-filters a[aria-current=page]{color:#fff;background:#176e4a;border-color:#176e4a}.area-filters span{opacity:.7;font-size:10px}.kakao-checks{margin-top:14px;font-size:12px}.kakao-checks summary{cursor:pointer;color:#176e4a}.kakao-checks p{font-size:11px;line-height:1.6}.kakao-checks>div{flex-wrap:wrap;gap:7px;display:flex}.kakao-checks a{color:#176e4a;background:#fff;border:1px solid #e4e6d9;border-radius:10px;padding:8px 10px}.gpx-download{color:#176e4a;border:1px solid #dbe5d7;border-radius:12px;margin:4px 0 16px;padding:12px 16px;font-size:13px;font-weight:600;display:inline-block}.kakao-checks a.needs-correction{color:#9d4222;background:#fff5ef;border-color:#e7b9a4}.map-caution-pin{color:#fff;background:#a84020;border:2px solid #fff;border-radius:20px;padding:4px 8px;font-size:12px;font-weight:800;display:block;box-shadow:0 2px 7px #0003}.map-caution-legend{z-index:6;color:#9d4222;pointer-events:none;background:#fff5efee;border-radius:8px;padding:6px 9px;font-size:10px;position:absolute;top:42px;left:12px}.course-card{color:inherit;text-decoration:none}.area-filters a{text-decoration:none}.course-permalink{color:#176e4a;font-size:12px;text-decoration:underline}.route-style{color:#176e4a;background:#ffffffe8;border-radius:8px;padding:4px 7px;font-size:9px;position:absolute;bottom:8px;left:10px}.route-style.complex{color:#955627;background:#fff4e5}.route-style-detail{color:#176e4a!important;font-size:12px!important}.course-share{margin:-8px 0 20px}.course-share>div{flex-wrap:wrap;gap:8px;display:flex}.course-share button,.course-share a{color:#176e4a;background:#fff;border:1px solid #dbe5d7;border-radius:12px;align-items:center;gap:7px;min-height:42px;padding:10px 13px;font-size:12px;display:flex}.course-share button:first-child{color:#fff;background:#176e4a;border-color:#176e4a}.course-share p{color:#176e4a;margin:10px 0;font-size:12px}.language-switcher{gap:4px;display:flex}.language-switcher button{color:#718277;background:0 0;border:0;border-radius:9px;padding:7px 8px;font-size:11px}.language-switcher button[aria-pressed=true]{color:#176e4a;background:#eaf2e5}.brand>span{margin-left:auto;margin-right:15px}@media (max-width:650px){.brand>span{display:none}.brand-logo{max-width:180px}}.saved-runs{background:#eef4e9;border:1px solid #d6e4ce;border-radius:18px;margin:18px 0;padding:18px}.saved-runs summary{cursor:pointer;font-weight:700}.saved-runs>button{text-align:left;color:#234d37;background:#fff;border:1px solid #d6e4ce;border-radius:12px;width:100%;margin-top:8px;padding:12px;display:block}.saved-runs small{color:#67836d;margin-top:5px;display:block}.record-warning{color:#754616;background:#fff1da;border-radius:12px;padding:16px}.record-status{color:#52745b;font-size:13px}.record-warning button,.record-status button{color:inherit;background:0 0;border:1px solid;border-radius:8px;margin:4px;padding:5px 8px}.map-centered-shell>.back,.map-centered-shell>.detail-title{display:none}.map-centered-shell>.course-share{margin:18px 0}.map-centered-shell .activity-map{margin-top:16px}.activity-map .map-viewport{height:76svh;min-height:600px;max-height:880px}.map-top-overlay{z-index:18;pointer-events:none;position:absolute;top:14px;left:14px;right:14px}.map-top-overlay>*{pointer-events:auto}.map-course-heading{background:#fffffff5;border:1px solid #e0e7dc;border-radius:17px;align-items:center;gap:12px;padding:15px;display:flex;box-shadow:0 4px 18px #173d2712}.map-course-heading>a{color:#216844;background:#eef4e8;border-radius:12px;flex:0 0 44px;place-items:center;height:44px;display:grid}.map-course-heading h1{letter-spacing:-.4px;margin:0;font-size:18px;line-height:1.4}.map-course-heading p{color:#58745f;margin:5px 0 0;font-size:12px}.map-controls-overlay{z-index:20;pointer-events:none;position:absolute;bottom:14px;left:14px;right:14px}.map-controls-overlay>*{pointer-events:auto;box-shadow:0 5px 28px #193a2522}.activity-map .map-start-panel{overscroll-behavior:contain;border:1px solid #dce5d6;border-radius:20px;max-height:48svh;padding:17px;overflow:auto}.activity-map .map-start-panel>.primary{min-height:60px;margin-top:8px;font-size:18px}.activity-map .map-start-panel>small{font-size:11px}.nearby-options{margin:12px 0}.nearby-options>summary{color:#176e4a;cursor:pointer;padding:8px 0;font-size:12px}.activity-map .map-badge{max-width:calc(100% - 80px);top:112px;left:16px}.activity-map .map-caution-legend{max-width:calc(100% - 80px);top:148px;left:16px}.activity-map .map-location-info{bottom:calc(var(--dock-height) + 37px);max-width:calc(100% - 34px);line-height:1.5;left:16px}.activity-map .map-attribution{bottom:calc(var(--dock-height) + 33px);z-index:21;right:16px}.activity-map .map-tools{top:50%;transform:translateY(-50%)}.map-more-tools{position:relative}.map-more-tools>summary{color:#405b49;cursor:pointer;background:#fff;border:1px solid #d8dfd6;border-radius:12px;place-items:center;width:44px;height:44px;list-style:none;display:grid;box-shadow:0 2px 8px #20392918}.map-more-tools>summary::-webkit-details-marker{display:none}.map-more-tools[open]>summary{color:#0969ff;border-color:#0969ff}.map-more-tools>summary:focus-visible{outline-offset:2px;outline:3px solid #126aff}.map-more-tools>div{background:#fffffff5;border:1px solid #dce4d6;border-radius:17px;grid-template-columns:repeat(2,44px);gap:8px;padding:10px;display:grid;position:absolute;bottom:0;right:53px;box-shadow:0 4px 20px #19332922}.running-shell>.brand,.running-shell>.back,.running-shell>.detail-title,.running-shell>footer{display:none}.running-shell .map-recording{z-index:1000;background:#eef3e9;border:0;border-radius:0;margin:0;position:fixed;inset:0;overflow:hidden}.map-recording .map-viewport{height:100dvh;min-height:0;max-height:none}.map-recording .map-top-overlay{top:max(12px,env(safe-area-inset-top))}.map-recording .map-controls-overlay{bottom:max(12px,env(safe-area-inset-bottom))}.run-metrics{color:#133c29;padding:15px 16px 10px}.run-metrics-heading{background:#fffffff0;border:1px solid #dce5d6;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex;box-shadow:0 4px 18px #153c291c}.run-metrics-heading h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;line-height:1.4;overflow:hidden}.recording-pill{color:#14643f;white-space:nowrap;background:#e4f3e5;border-radius:16px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;display:flex}.recording-pill i{background:#148548;border-radius:50%;width:6px;height:6px}.recording-pill.paused{color:#80591d;background:#fff1d5}.recording-pill.paused i{background:#bd8a26}.run-metrics-values{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;margin:0 0 12px;display:grid}.run-metrics-values span{color:#5a7463;white-space:nowrap;margin-top:7px;font-size:11px;display:block}.run-metrics-values b{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:clamp(28px,7.6vw,44px);line-height:1.1;display:block}.run-metrics-values>div:nth-child(2) b{font-size:clamp(35px,9vw,50px)}.run-progress{color:#65816d;align-items:center;gap:12px;font-size:10px;display:flex}.run-progress span{white-space:nowrap}.run-progress progress{accent-color:#147d4f;border:0;border-radius:6px;width:100%;height:5px;overflow:hidden}.run-progress progress::-webkit-progress-bar{background:#e6eee0}.run-progress progress::-webkit-progress-value{background:#147d4f}.run-dock{color:#174730;background:#fffffff7;border:1px solid #dce5d6;border-radius:22px;overflow:hidden}.run-gps-banner{color:#8c641f;background:#fff0d1;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:700;display:flex}.run-gps-banner.ready{color:#3e661d;background:#e1f3cf}.run-gps-banner i{background:currentColor;border-radius:50%;width:7px;height:7px}.run-dock-body{padding:0 14px 8px}.run-dock-actions{align-items:stretch;gap:10px;display:flex}.run-dock-actions>.primary{border-radius:16px;flex:1;min-height:66px;font-size:20px}.dock-secondary{color:#3f5e49;white-space:nowrap;background:#f4f6ef;border:1px solid #d8dfd2;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-width:92px;min-height:66px;padding:0 15px;font-size:16px;font-weight:700;display:flex}.run-dock-details{color:#647c68;margin-top:5px;font-size:11px}.run-dock-details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:30px;list-style:none;display:flex}.run-dock-details>summary::-webkit-details-marker{display:none}.run-dock-details>summary>span:last-child:after{content:" ▾"}.run-dock-details p{margin:8px 0;line-height:1.6}.run-dock-details button{color:#2e6b48;background:#f0f5e9;border:1px solid #dce5d6;border-radius:9px;min-height:40px;padding:9px 12px}.run-dock-details[open]{overscroll-behavior:contain;max-height:30dvh;overflow:auto}.finish-confirm strong{font-size:17px;line-height:1.5}.finish-confirm p{color:#6d826e;margin:8px 0 16px;font-size:12px;line-height:1.6}.finish-confirm .primary{font-size:16px}.map-recording .map-badge,.map-recording .map-location-info{display:none}.map-recording .map-caution-legend{font-size:10px;top:75px}.map-recording .map-notice{display:none}.map-recording .map-tools{top:auto;bottom:calc(var(--dock-height) + 48px);transform:none}.running-shell>.record-warning,.running-shell>.status-message{left:16px;right:16px;top:calc(env(safe-area-inset-top) + 100px);z-index:1050;color:#87531c;background:#fff3df;border-radius:12px;max-height:20dvh;margin:0;padding:10px 12px;font-size:12px;line-height:1.5;position:fixed;overflow:auto;box-shadow:0 3px 18px #173d2718}.running-shell>.status-message{top:auto;bottom:calc(env(safe-area-inset-bottom) + 285px);pointer-events:none}.running-shell>.status-message:empty{display:none}@media (max-width:650px){.map-centered-shell{padding:0 10px}.map-centered-shell>.brand{height:58px;padding:0 8px}.map-centered-shell .activity-map{border-radius:22px;margin-top:8px}.activity-map .map-viewport{height:calc(100svh - 82px);min-height:540px;max-height:none}.map-top-overlay,.map-controls-overlay{left:10px;right:10px}.map-course-heading{gap:8px;padding:12px}.map-course-heading h1{font-size:16px}.run-metrics{padding:15px 13px}.run-metrics-values b{font-size:clamp(26px,7.3vw,34px)}.run-metrics-values span{font-size:10px}.run-dock-guidance{font-size:13px}.activity-map .map-tools{right:12px}.map-more-tools>div{right:52px}.activity-map .map-caution-legend{top:136px}.map-recording .map-caution-legend{top:75px}}@media (max-height:540px) and (orientation:landscape){.map-recording .map-top-overlay{width:320px;top:8px;left:12px;right:auto}.run-metrics{padding:10px 13px}.run-metrics-values{margin:8px 0}.run-metrics-values b{font-size:28px}.map-recording .map-controls-overlay{width:320px;bottom:8px;left:auto;right:12px}.run-dock-body{padding:0 10px 6px}.run-gps-banner{min-height:30px}.run-metrics-values>div:nth-child(2) b{font-size:34px}.run-dock-actions>.primary,.dock-secondary{min-height:52px;font-size:17px}.run-dock-guidance{margin-bottom:8px}.run-dock-details{margin-top:5px}.map-recording .map-tools{flex-direction:row;top:14px;bottom:auto;right:12px;transform:none}.map-recording .zoom-tools{display:flex}.map-recording .zoom-tools button+button{border-top:1px solid #d8dfd6;border-left:0}.map-recording .map-caution-legend{top:65px}.map-recording .map-more-tools>div{top:52px;bottom:auto;right:0}}@media (max-width:650px){.map-recording .map-viewport{height:100dvh;min-height:0;max-height:none}}.map-settings-note{color:#4b6c55;grid-column:1/-1;max-width:160px;margin:0;padding-top:5px;font-size:11px;line-height:1.6}.map-more-tools>div:has(.map-settings-note){grid-template-columns:repeat(3,44px)}@media (max-width:650px){.map-centered-shell .map-viewport{height:calc(100svh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:min(440px,calc(100svh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.map-recording .map-caution-legend{top:calc(max(12px,env(safe-area-inset-top)) + 63px)}}.activity-map.map-expanded .map-start-panel{display:block}.activity-map.map-expanded .map-viewport{height:100dvh;min-height:0;max-height:none}