:root{color-scheme:light dark;--bg: #ffffff;--fg: #15191f;--muted: #66707d;--soft: #f6f8fb;--surface: #ffffff;--surface-alpha: rgba(255, 255, 255, .86);--surface-alpha-strong: rgba(255, 255, 255, .92);--line: #dfe5ec;--line-strong: #c9d2dc;--accent: #1767a8;--accent-2: #0b8f8c;--warn: #8c510a;--strava: #fc4c02;--shadow: 0 18px 50px rgba(28, 39, 52, .09);--page-glow: linear-gradient(180deg, rgba(247, 250, 253, .92) 0, rgba(255, 255, 255, 0) 240px);--grid-line: rgba(23, 103, 168, .05)}:root[data-theme=dark]{--bg: #15191f;--fg: #f6f8fb;--muted: #a2adba;--soft: #202832;--surface: #1a2028;--surface-alpha: rgba(26, 32, 40, .88);--surface-alpha-strong: rgba(26, 32, 40, .94);--line: #303b48;--line-strong: #465465;--accent: #5da8e5;--accent-2: #3ac7bf;--warn: #f6b95d;--shadow: 0 18px 52px rgba(0, 0, 0, .28);--page-glow: linear-gradient(180deg, rgba(34, 45, 58, .76) 0, rgba(21, 25, 31, 0) 260px);--grid-line: rgba(93, 168, 229, .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15191f;--fg: #f6f8fb;--muted: #a2adba;--soft: #202832;--surface: #1a2028;--surface-alpha: rgba(26, 32, 40, .88);--surface-alpha-strong: rgba(26, 32, 40, .94);--line: #303b48;--line-strong: #465465;--accent: #5da8e5;--accent-2: #3ac7bf;--warn: #f6b95d;--shadow: 0 18px 52px rgba(0, 0, 0, .28);--page-glow: linear-gradient(180deg, rgba(34, 45, 58, .76) 0, rgba(21, 25, 31, 0) 260px);--grid-line: rgba(93, 168, 229, .08)}}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--fg);background:var(--page-glow),var(--bg)}main{width:min(100%,492px);margin:0 auto;padding:20px 18px 48px}main:has(.connect-screen)>header{display:none}header h1{font-size:14px;line-height:1;font-weight:700;letter-spacing:0;margin:2px 0 22px}h2{font-size:18px;line-height:1.2;font-weight:700;margin:0 0 10px}.muted{color:var(--muted)}.lead{font-size:16px;line-height:1.45;color:var(--muted);margin:0}.hint{font-size:12px;line-height:1.45;color:var(--muted)}.center{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font-size:14px;line-height:1.2;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 1px #15191f08;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.btn:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 12px 26px #15191f14}.btn:focus-visible{outline:3px solid rgba(252,76,2,.22);outline-offset:3px}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{transform:none;box-shadow:none}.btn.strava{background:var(--strava);color:#fff;border:none;box-shadow:0 14px 32px #fc4c0233}.btn.strava:hover{box-shadow:0 18px 38px #fc4c023d}.btn.ghost{background:transparent}.row{display:flex;gap:10px;margin-top:12px}.list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.list-header h2{margin:0}.list-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.list-header button,.list-header a{display:inline-flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--line);border-radius:8px;background:var(--surface-alpha-strong);color:var(--muted);min-height:34px;padding:0 10px;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer}.list-header button:hover,.list-header a:hover{color:var(--fg);border-color:var(--line-strong);background:var(--soft)}.list-header button:focus-visible,.list-header a:focus-visible{outline:3px solid rgba(252,76,2,.22);outline-offset:2px}.connect-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.lab-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;min-height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alpha-strong);color:var(--fg);font-size:16px;text-decoration:none;cursor:pointer}.lab-link:hover{color:var(--fg);border-color:var(--line-strong);background:var(--soft)}.lab-link:focus-visible{outline:3px solid rgba(252,76,2,.22);outline-offset:2px}.list-header a.lab-link{width:34px;padding:0}.activity-type-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px}.activity-type-tabs button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:40px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);cursor:pointer}.activity-type-tabs button:hover{border-color:var(--line-strong)}.activity-type-tabs button:focus-visible{outline:3px solid rgba(252,76,2,.22);outline-offset:2px}.activity-type-tabs button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.activity-type-tabs button:disabled{color:var(--muted);cursor:default;opacity:.5}.activity-type-tabs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:13px;font-weight:750}.activity-type-tabs small{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:750;line-height:1}ul.runs{list-style:none;padding:0;margin:0 0 14px}ul.runs li{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;cursor:pointer;background:var(--surface)}ul.runs li.sel{border-color:var(--accent);border-width:2px}ul.runs li div{display:flex;flex-direction:column;min-width:0}ul.runs li strong{font-size:14px;line-height:1.35}ul.runs li small{color:var(--muted);font-size:12px;line-height:1.35}.badge{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;flex:none}.preview{margin-top:8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.stats div{display:flex;flex-direction:column;padding:10px 12px;border-radius:8px;background:var(--soft);border:1px solid rgba(223,229,236,.8)}.stats small{color:var(--muted);font-size:11px}.stats b{font-size:17px;font-weight:500}.warn{color:var(--warn)}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:6px}.connect-screen{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-top:22px}.theme-switch{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;width:34px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;color:var(--fg);background:var(--surface-alpha-strong);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff05}.theme-switch:hover{border-color:var(--line-strong);background:var(--soft)}.theme-switch:focus-visible{outline:3px solid rgba(252,76,2,.22);outline-offset:2px}.theme-switch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.connect-hero{padding-top:10px}.brand-lockup{display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;width:152px;height:55px;padding:7px 12px;border-radius:8px;background:#202020}:root[data-theme=dark] .brand-lockup{justify-content:flex-start;padding-inline:0;background:transparent}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-lockup{justify-content:flex-start;padding-inline:0;background:transparent}}.brand-lockup img{width:100%;height:100%;object-fit:contain;display:block}.connect-hero h2{max-width:360px;margin:0 0 10px;font-size:38px;line-height:.98;font-weight:850;letter-spacing:0}.connect-hero .lead{max-width:320px}.route-visual{position:relative;height:182px;margin:8px 0 2px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(rgba(23,103,168,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,103,168,.05) 1px,transparent 1px),var(--surface);background-size:36px 36px;overflow:hidden;box-shadow:var(--shadow)}.route-visual:before,.route-visual:after{content:"";position:absolute;inset:22px auto auto 24px;width:7px;height:7px;border-radius:999px;background:var(--line-strong)}.route-visual:after{inset:auto 28px 24px auto}.route-visual svg{position:absolute;inset:0;width:100%;height:100%}.map-line,.route-a,.route-b{fill:none;stroke-linecap:round;stroke-linejoin:round}.map-line{stroke:#d9e3ec;stroke-width:17;opacity:.75}.route-a{stroke:var(--accent);stroke-width:7}.route-b{stroke:var(--accent-2);stroke-width:7;stroke-dasharray:12 13}.route-seam{fill:var(--surface);stroke:var(--strava);stroke-width:5;filter:drop-shadow(0 8px 12px rgba(252,76,2,.24))}.strava-glyph,.privacy-line span{display:inline-flex;align-items:center;justify-content:center;flex:none}.strava-glyph svg{width:22px;height:22px;fill:currentColor}.privacy-line{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:-6px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.privacy-line svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.waitlist-form{display:grid;gap:8px;margin-top:2px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alpha)}.waitlist-form label{color:var(--fg);font-size:12px;line-height:1.2;font-weight:800}.waitlist-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.waitlist-head button{padding:0;border:0;color:var(--muted);background:transparent;font:inherit;font-size:12px;line-height:1.2;font-weight:700;cursor:pointer;text-align:right;text-decoration:underline;text-underline-offset:3px}.waitlist-head button:hover{color:var(--accent)}.waitlist-head button:focus-visible,.modal-close:focus-visible{outline:3px solid rgba(252,76,2,.22);outline-offset:2px}.waitlist-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.waitlist-form input,.waitlist-fields button{min-height:40px;border-radius:8px;font:inherit;font-size:13px;line-height:1.2}.waitlist-form input{width:100%;border:1px solid var(--line);padding:0 11px;color:var(--fg);background:var(--surface)}.waitlist-form input:focus{outline:3px solid rgba(23,103,168,.16);border-color:var(--accent)}.waitlist-fields button{grid-column:1 / -1;border:1px solid var(--fg);padding:0 12px;color:var(--bg);background:var(--fg);font-weight:800;cursor:pointer}.waitlist-fields button:disabled{opacity:.58;cursor:default}.waitlist-message{margin:0;color:var(--accent-2);font-size:12px;line-height:1.35}.waitlist-message.error{color:var(--warn)}.waitlist-note{margin:-2px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#15191f5c}.help-modal{position:relative;width:min(100%,390px);padding:18px;border:1px solid var(--line);border-radius:8px;color:var(--fg);background:var(--surface);box-shadow:var(--shadow)}.help-modal h3{margin:0 34px 12px 0;font-size:18px;line-height:1.2}.help-modal ol{margin:0 0 16px;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.45}.help-modal li+li{margin-top:8px}.help-modal code{color:var(--fg);font-size:13px}.modal-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;color:var(--fg);background:var(--surface);font:inherit;font-size:16px;font-weight:800;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px;padding-top:8px}.steps div{position:relative;display:grid;grid-template-rows:12px 38px auto;align-content:start;min-height:116px;padding:11px 9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alpha)}.steps b{display:block;margin-top:0;color:var(--fg);font-size:12px;line-height:1.2;font-weight:750}.step-number{display:block;color:var(--muted);font-size:11px;line-height:1;font-weight:800}.step-icon{display:block;width:34px;height:22px;margin-top:9px;color:var(--accent)}.step-icon.split{border-top:2px solid currentColor;border-bottom:2px solid var(--accent-2);transform:skewY(-12deg)}.step-icon.stitch{border:2px solid currentColor;border-left:0;border-bottom:0;border-radius:0 8px 0 0}.step-icon.tcx{display:flex;align-items:center;justify-content:center;width:38px;height:24px;border:1px solid var(--line-strong);border-radius:5px;color:var(--fg);font-size:10px;line-height:1;font-weight:850;letter-spacing:0}@media(min-width:760px){main{padding-top:32px}.connect-screen{padding-top:20px}.steps{margin-top:34px}}@media(max-width:380px){main{padding-inline:14px}.connect-hero h2{font-size:34px}.route-visual{height:164px}.waitlist-head{align-items:flex-start;flex-direction:column;gap:6px}.waitlist-head button{text-align:left}.waitlist-fields{grid-template-columns:1fr}.steps div{min-height:112px;padding-inline:8px}.steps b{font-size:11px}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}