:root{--text:#242523;--background:#f5f5f1;--background-element:#eaeae5;--background-selected:#dedfd8;--text-secondary:#636760;--tint:#665000;--on-tint:#242523;--border:#dcddd6;--primary:#f4c430;--surface:#fff;--navigation:#246bac;--rest:#e3dceb;--fuel:#f0dfc4;--positive:#367923;--fuel-level:#e0a12e;--fuel-body:#fbf4e8;--fuel-outline:#5c4424;--departure:#e8c2a6;--on-feature:#242523;--danger:#c22c24;--health-good:#dcebd3;--health-soon:#f3e3b5;--health-due:#f4d3cf;--route:#368ddd;--heat:#5b21b6;--heat-glow:#8b5cf6;--speed-low:#d9a52c;--on-speed-low:#3a2a05;--speed-balanced:#3f7a50;--speed-high:#b4502f;--on-speed:#fff;--event-traffic:#d98b52;--event-stop:#6b6f68;--event-break:#8a72b8;--event-accel:#368ddd;--event-brake:#8c3a24;--relief-wall:#cfe2f4;--relief-steep:#1f5e99;--toggle-thumb:#fff;--dock:#202220;--dock-icon:#d3d5d1;--scrim:#0b121573}@media (prefers-color-scheme:dark){:root{--text:#f5f5f1;--background:#141715;--background-element:#30342f;--background-selected:#3c4039;--text-secondary:#b2b7ad;--tint:#f4c430;--on-tint:#242523;--border:#41453e;--primary:#f4c430;--surface:#252825;--navigation:#70b4ef;--rest:#3b3345;--fuel:#443b2a;--positive:#86cd65;--fuel-level:#e8b04a;--fuel-body:#2e2819;--fuel-outline:#f0dfc4;--departure:#e8c2a6;--on-feature:#242523;--danger:#f87171;--health-good:#28381f;--health-soon:#43391d;--health-due:#4a2523;--route:#368ddd;--heat:#5b21b6;--heat-glow:#8b5cf6;--speed-low:#d9a52c;--on-speed-low:#3a2a05;--speed-balanced:#3f7a50;--speed-high:#b4502f;--on-speed:#fff;--event-traffic:#d98b52;--event-stop:#6b6f68;--event-break:#8a72b8;--event-accel:#368ddd;--event-brake:#8c3a24;--relief-wall:#34506b;--relief-steep:#8cc4f2;--toggle-thumb:#fff;--dock:#202220;--dock-icon:#d3d5d1;--scrim:#0009}}
:root{--radius-md:16px;--radius-lg:24px;--page:960px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;font:16px/24px system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}h1,h2,h3{margin:0;font-weight:500}h1{font-size:36px;line-height:40px}h2{font-size:20px;line-height:26px}h3{font-size:16px;line-height:24px}p{margin:0}.muted{color:var(--text-secondary)}.small{font-size:14px;line-height:20px}.caption{font-size:12px;line-height:16px}.nums{font-variant-numeric:tabular-nums}.page{max-width:var(--page);grid-template-columns:minmax(0,1fr);gap:24px;margin:0 auto;padding:32px 16px 64px;display:grid}.page>*,.grid>*{min-width:0}.header{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:8px;font-weight:500;text-decoration:none;display:flex}.nav{gap:4px;display:flex}.nav a{border-radius:999px;padding:8px 12px;font-size:14px;line-height:20px;text-decoration:none}.nav a:hover{background:var(--background-element)}.nav a[aria-current=page]{background:var(--background-selected)}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-content:start;gap:12px;padding:16px;display:grid}.card-link{text-decoration:none}.card-link:hover{background:var(--background-selected)}.tag{background:var(--background-element);border-radius:8px;justify-self:start;padding:2px 8px;font-size:12px;line-height:16px}.button{border-radius:var(--radius-md);background:var(--background-element);min-height:48px;color:var(--text);justify-content:center;align-items:center;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.button.primary{background:var(--primary);color:var(--on-tint)}.button[aria-disabled=true]{opacity:.55;pointer-events:none}.hero{font-variant-numeric:tabular-nums;font-size:48px;font-weight:500;line-height:56px}.subtitle{font-size:24px;font-weight:600;line-height:30px}.metric{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;line-height:26px}.label{font-size:14px;font-weight:500;line-height:20px}.header{flex-wrap:wrap}.tag{white-space:nowrap}@media (max-width:640px){.nav{width:calc(100% + 32px);margin:0 -16px;padding:0 16px;overflow-x:auto}.nav a,.nav-button{white-space:nowrap}}.nav-button{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:14px;line-height:20px}.nav-button:hover{background:var(--background-element)}.brand .tag{margin-left:4px}.card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px 16px;display:grid}.stat{gap:4px;display:grid}.rows{display:grid}.ride-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;text-decoration:none;display:flex}.rows>:first-child{border-top:0;padding-top:0}a.ride-row:hover .row-title{text-decoration:underline}.row-title{overflow-wrap:anywhere;align-items:center;gap:8px;font-weight:500;display:flex}.row-stats{text-align:right;white-space:nowrap;justify-items:end;gap:2px;display:grid}.record{border-top:1px solid var(--border);gap:2px;padding:8px 0;text-decoration:none;display:grid}.record:first-of-type{border-top:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 16px;font-size:14px;line-height:20px}.chip[aria-pressed=true]{background:var(--background-selected);border-color:var(--background-selected)}.status{color:var(--text);border-radius:8px;justify-self:start;padding:4px 8px;font-size:14px;font-weight:500;line-height:20px}.status-good{background:var(--health-good)}.status-soon{background:var(--health-soon)}.status-due{background:var(--health-due)}.dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.share-bar{border-radius:8px;gap:2px;height:16px;display:flex;overflow:hidden}.share-bar span{min-width:4px}.chart{display:block;overflow:visible}.chart-label{fill:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.map{width:100%}.map-pin{border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #00000040}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px;line-height:20px}.table th{text-align:left;color:var(--text-secondary);padding:0 12px 8px 0;font-weight:500}.table td{border-top:1px solid var(--border);white-space:nowrap;padding:8px 12px 8px 0}.sign-in{gap:16px;width:100%;max-width:400px;margin:32px auto 0}.field{gap:6px;display:grid}.field input{font:inherit;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--background-element);min-height:48px;color:var(--text);padding:0 16px}.field input:focus-visible,.button:focus-visible,.chip:focus-visible{outline:2px solid var(--navigation);outline-offset:2px}button.button{font:inherit;cursor:pointer;border:0;font-weight:500}button.button:disabled{opacity:.55;cursor:default}.hero-block{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;padding:32px 0;display:grid}.hero-copy{align-content:center;gap:16px;display:grid}.display-title{letter-spacing:-.01em;text-wrap:balance;font-size:48px;font-weight:500;line-height:56px}.lead{max-width:34ch;font-size:20px;line-height:28px}.actions{flex-wrap:wrap;gap:12px;display:flex}.hero-art{aspect-ratio:1/.85;position:relative}.bike{height:auto;position:absolute}.bike-back{opacity:.9;width:72%;top:0;right:0}.bike-front{width:78%;bottom:0;left:0}.section{gap:16px;display:grid}.section-head{gap:4px;display:grid}.section-title{font-size:20px;font-weight:500;line-height:26px}.notes{gap:8px;margin:0;padding-left:20px;display:grid}.footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:16px;display:flex}.footer-links{gap:16px;display:flex}@media (max-width:720px){.hero-block{grid-template-columns:minmax(0,1fr);gap:16px;padding:8px 0}.display-title{font-size:36px;line-height:40px}.hero-art{order:-1;justify-self:center;width:100%;max-width:420px}}