.button{gap:var(--space-2);min-width:var(--tap-target);min-height:var(--tap-target);padding:var(--space-2) var(--space-4);font:inherit;font-weight:var(--font-weight-semibold);border:var(--border-width-strong) solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:focus-visible{outline:var(--border-width-strong) solid var(--color-focus);outline-offset:var(--border-width-strong)}.button--primary{color:var(--color-on-primary);background:var(--color-primary)}.button--secondary{color:var(--color-text);border-color:var(--color-text);background:0 0}.field{gap:var(--space-1);margin-bottom:var(--space-4);display:grid}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.field__hint,.field__error{font-size:var(--font-size-sm);margin:0}.field__hint{color:var(--color-text-muted)}.field__error{font-weight:var(--font-weight-semibold);color:var(--color-danger)}.field input,.field select{width:100%;min-height:var(--tap-target);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--font-size-md);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm)}.field input[aria-invalid=true],.field select[aria-invalid=true]{border:var(--border-width-strong) solid var(--color-danger)}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:24px;height:24px}.page{width:100%;max-width:var(--content-max-width);flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.page__bar{gap:var(--space-2);min-height:60px;padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-3) var(--space-2);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);flex:none;align-items:center;display:flex}.page__back{min-width:var(--tap-target);min-height:var(--tap-target);color:var(--color-text);border-radius:var(--radius-full);place-items:center;display:inline-grid}.page__titles{min-width:0;padding-inline:var(--space-1);flex:1}.page__title{overflow-wrap:anywhere;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.page__subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.page__content{min-height:0;padding:var(--space-4);flex:1;overflow-y:auto}.page__actions{gap:var(--space-3);padding:var(--space-3) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:var(--color-bg);flex:none;display:grid}.page__navigation{padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);flex:none}.stepper{gap:var(--space-1);margin-bottom:var(--space-4);display:grid}.stepper__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.stepper__control{gap:var(--space-2);padding:var(--space-1);background:var(--color-surface);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.stepper__button{min-width:var(--tap-target);min-height:var(--tap-target);color:var(--color-text);cursor:pointer;background:var(--color-surface-2);border-radius:var(--radius-sm);border:0;place-items:center;padding:0;display:grid}.stepper__button:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.stepper__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.update-prompt{gap:var(--space-2);max-width:var(--content-max-width);width:100%;padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-4) var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface-2);border-bottom:var(--border-width) solid var(--color-border);flex-wrap:wrap;flex:none;align-items:center;margin:0 auto;display:flex}.update-prompt__message{font-weight:var(--font-weight-semibold);flex:12rem;margin:0}.app-layout{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.pace-editor{display:grid}.pace-editor__intro{margin:0 0 var(--space-4);color:var(--color-text-muted)}.pace-editor__finish{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-md)}.pace-editor__finish-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);margin:0}.pace-editor__finish-window{margin:var(--space-1) 0 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.pace-editor__finish-note{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.elevation-profile{margin:0}.elevation-profile__chart{width:100%;height:80px;display:block}.elevation-profile__area{fill:var(--color-surface-2)}.elevation-profile__line{fill:none;stroke:var(--color-text);stroke-width:2px;vector-effect:non-scaling-stroke}.elevation-profile__scale{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);justify-content:space-between;display:flex}.map-view{aspect-ratio:4/3;background:var(--map-land);border-radius:var(--radius-md);width:100%;min-height:240px;max-height:60vh;position:relative;overflow:hidden}.map-view--unavailable{padding:var(--space-4);text-align:center;place-items:center;display:grid}.map-view__message{color:var(--color-text-muted);margin:0}.map-marker{width:28px;height:28px;color:var(--color-text);background:var(--map-marker);border:var(--border-width-strong) solid var(--color-text);border-radius:var(--radius-full);box-shadow:var(--shadow-1);place-items:center;display:grid}.map-marker svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:16px;height:16px}.map-view__status{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.map-view .maplibregl-ctrl-group button{width:var(--tap-target);height:var(--tap-target)}.map-view .maplibregl-user-location-dot,.map-view .maplibregl-user-location-dot:before{background:var(--color-you)}.map-view .maplibregl-user-location-dot:before{animation:none}.map-view .maplibregl-user-location-dot:after{border-color:var(--map-marker)}.map-view .maplibregl-user-location-accuracy-circle{background:var(--color-you-soft)}.map-view .maplibregl-user-location-dot-stale{background:var(--color-text-muted)}.map-marker--athlete{border-color:var(--color-athlete);outline:var(--border-width-strong) solid var(--color-athlete)}.map-view .maplibregl-ctrl-group,.map-view .maplibregl-ctrl-attrib{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-1)}.map-view .maplibregl-ctrl-attrib a{color:var(--color-you-text)}@media (prefers-color-scheme:dark){.map-view .maplibregl-ctrl-icon,.map-view .maplibregl-ctrl-attrib-button{filter:invert()hue-rotate(180deg)}}.route-editor{gap:var(--space-4);display:grid}.route-editor__heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);margin:0}.route-editor__note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.route-editor__error{padding:var(--space-3);font-weight:var(--font-weight-semibold);color:var(--color-danger);background:var(--color-surface-2);border-left:var(--border-width-strong) solid var(--color-danger);border-radius:var(--radius-sm);margin:0}.route-editor__actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.route-import{gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;border:var(--border-width-strong) dashed var(--color-border-strong);border-radius:var(--radius-lg);justify-items:center;display:grid}.route-import__title{font-size:var(--font-size-lg);margin:0}.route-import__body{color:var(--color-text-muted);margin:0}.route-summary{gap:var(--space-5);flex-wrap:wrap;margin:0;display:flex}.route-summary__item dt{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps)}.route-summary__item dd{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;margin:0}.file-button{position:relative}.file-button:focus-within{outline:var(--border-width-strong) solid var(--color-focus);outline-offset:var(--border-width-strong)}.file-button__input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.event-navigation{gap:var(--space-2);border-top:var(--border-width) solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid}.event-navigation__link{min-height:calc(var(--tap-target) + var(--space-2));place-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);text-decoration:none;display:grid}.event-navigation__link[aria-current=page]{font-weight:var(--font-weight-bold);color:var(--color-text)}.event-setup__title{margin:0 0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps)}.event-setup{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.event-setup__step{color:var(--color-text);gap:var(--space-3);min-height:var(--tap-target);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);align-items:center;text-decoration:none;display:flex}.event-setup__number{width:2.25rem;height:2.25rem;font-weight:var(--font-weight-bold);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-full);flex:none;place-items:center;display:grid}.event-setup__number--done{color:var(--color-bg);background:var(--color-success);border-color:var(--color-success)}.event-setup__text{gap:var(--space-1);flex:1;display:grid}.event-setup__name{font-weight:var(--font-weight-bold)}.event-setup__status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.event-delete{margin-top:var(--space-6)}.event-delete .button{width:100%;color:var(--color-danger);border-color:var(--color-danger)}.event-delete__actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.share-event{gap:var(--space-3);display:grid}.share-event__intro{color:var(--color-text-muted);margin:0}.share-event__card{padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-md)}.share-event__label{margin:0 0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps)}.share-event__note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.share-event__privacy{padding:var(--space-3);font-size:var(--font-size-sm);background:var(--color-surface-2);border-left:var(--border-width-strong) solid var(--color-text);border-radius:var(--radius-sm);margin:0}.share-summary{gap:var(--space-1);padding-left:var(--space-5);margin:0;display:grid}.event-timeline__zone{margin:0 0 var(--space-2);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.event-timeline__intro,.event-timeline__updated{margin:0 0 var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted)}.event-timeline__list{margin:0 0 var(--space-5) var(--space-2);border-left:var(--border-width-strong) solid var(--color-border-strong);padding:0;list-style:none}.event-timeline__point,.event-timeline__now{padding:var(--space-4);margin-left:var(--space-3);border-bottom:var(--border-width) solid var(--color-border);position:relative}.event-timeline__point:before,.event-timeline__now:before{top:var(--space-5);left:calc(-1 * (var(--space-3) + var(--space-2)));width:var(--space-3);height:var(--space-3);content:"";background:var(--color-bg);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-full);position:absolute}.event-timeline__heading{gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.event-timeline__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.event-timeline__passing{gap:var(--space-1);display:grid}.event-timeline__window{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.event-timeline__date,.event-timeline__details{font-size:var(--font-size-sm);color:var(--color-text-muted)}.event-timeline__details{gap:var(--space-2) var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.event-timeline__point--past{color:var(--color-text-muted)}.event-timeline__now{color:var(--color-text);background:var(--color-athlete-soft);border-radius:var(--radius-md)}.event-timeline__now:before{background:var(--color-athlete);border-color:var(--color-athlete)}.event-timeline__range{margin:var(--space-2) 0 0;font-variant-numeric:tabular-nums}.event-timeline__setup{gap:var(--space-3);display:grid}.event-live{margin:calc(-1 * var(--space-4))}.event-live__offline{padding:var(--space-2) var(--space-4);color:var(--color-text-muted);background:var(--color-surface-2);font-size:var(--font-size-sm)}.event-live__offline p{margin:0}.event-live__map{position:relative}.event-live__map .map-view{aspect-ratio:auto;border-radius:0;height:clamp(220px,35dvh,420px);min-height:220px;max-height:none}.event-live__map .map-view__status{padding:var(--space-2) var(--space-4);margin:0}.event-live__now{top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-1);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute}.event-live__position{padding:var(--space-4)}.event-live__label{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase}.event-live__range{margin:0 0 var(--space-2);color:var(--color-athlete-text);font-size:clamp(var(--font-size-2xl), 6vw, var(--font-size-3xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}.event-live__hint{margin:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere}.event-live__legend{gap:var(--space-2) var(--space-4);margin:var(--space-3) 0;font-size:var(--font-size-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.event-live__legend li{gap:var(--space-2);align-items:center;display:flex}.event-live__swatch{width:var(--space-4);height:var(--space-2);background:var(--color-athlete);border-radius:var(--radius-full)}.event-live__swatch--you{width:var(--space-3);height:var(--space-3);background:var(--color-you)}.event-live__finish{gap:var(--space-2);padding:var(--space-4);margin:0 var(--space-4) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);display:grid}.event-live__window{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;margin:0}.event-live__setup{gap:var(--space-3);display:grid}.event-live__travel{gap:var(--space-2);padding:0 var(--space-4);margin-bottom:var(--space-4);display:grid}.event-live__slider{gap:var(--space-1);display:grid}.event-live__slider-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.event-live__slider input{width:100%;min-height:var(--tap-target);accent-color:var(--color-athlete)}.event-live__near{gap:var(--space-2);padding:var(--space-4);margin:0 var(--space-4) var(--space-4);border:var(--border-width) solid var(--color-border);border-left:var(--border-width-strong) solid var(--color-you);border-radius:var(--radius-md);display:grid}.event-live__near .event-live__label{color:var(--color-you-text)}.event-live__near-where{color:var(--color-text-muted);margin:0}.event-live__near .event-live__window{font-size:var(--font-size-lg)}.event-section+.event-section{margin-top:var(--space-5)}.event-section__title{margin:0 0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps)}.event-section__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.event-card{gap:var(--space-3);min-height:var(--tap-target);padding:var(--space-3) var(--space-4);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);align-items:center;text-decoration:none;display:flex}.event-card__text{gap:var(--space-1);flex:1;min-width:0;display:grid}.event-card__name{overflow-wrap:anywhere;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.event-card__when{font-size:var(--font-size-sm);color:var(--color-text-muted)}.empty-state{padding:var(--space-5) var(--space-4);text-align:center;background:var(--color-surface-2);border-radius:var(--radius-md)}.empty-state__title{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.empty-state__body{color:var(--color-text-muted);margin:0}.open-shared{gap:var(--space-3);display:grid}.open-shared__intro,.open-shared__note{color:var(--color-text-muted);margin:0}.open-shared__card{padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.open-shared__name{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.open-shared__actions{gap:var(--space-3);display:grid}.open-shared__file{gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;border:var(--border-width-strong) dashed var(--color-border-strong);border-radius:var(--radius-lg);justify-items:center;display:grid}.open-shared__file-button{position:relative}.open-shared__file-button:focus-within{outline:var(--border-width-strong) solid var(--color-focus);outline-offset:var(--border-width-strong)}.open-shared__file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#fff;--color-surface:#fff;--color-surface-2:#f3f4f6;--color-text:#14171c;--color-text-muted:#4f5766;--color-border:#d9dde4;--color-border-strong:#8a93a3;--color-scrim:#14171c73;--color-primary:#14171c;--color-on-primary:#fff;--color-focus:#0b57d0;--color-danger:#b91c1c;--color-success:#15803d;--color-athlete:#e8470f;--color-on-athlete:#14171c;--color-athlete-text:#c2410c;--color-athlete-soft:#e8470f29;--color-you:#1a73e8;--color-you-text:#0b57d0;--color-you-soft:#1a73e82e;--map-land:#eef0eb;--map-road:#fff;--map-water:#cfe3f2;--map-park:#dcebd5;--map-route:#14171c;--map-route-casing:#fff;--map-marker:#fff;--font-sans:system-ui, -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-normal:1.45;--letter-spacing-caps:.06em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-full:999px;--border-width:1px;--border-width-strong:2px;--tap-target:48px;--content-max-width:40rem;--shadow-1:0 1px 3px #14171c1f;--shadow-2:0 8px 24px #14171c2e;--z-sticky:10;--z-sheet:20;--z-toast:30;--duration-fast:.15s;--duration-normal:.25s;--easing-standard:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0e1014;--color-surface:#1a1d23;--color-surface-2:#23272e;--color-text:#f2f4f7;--color-text-muted:#a9b1be;--color-border:#343a44;--color-border-strong:#5d6675;--color-scrim:#0009;--color-primary:#f2f4f7;--color-on-primary:#0e1014;--color-focus:#8ab4ff;--color-danger:#ff8a80;--color-success:#6fd99a;--color-athlete:#ff7a45;--color-on-athlete:#0e1014;--color-athlete-text:#ff8f61;--color-athlete-soft:#ff7a4533;--color-you:#6ea8ff;--color-you-text:#8ab4ff;--color-you-soft:#6ea8ff38;--map-land:#22262b;--map-road:#343a42;--map-water:#1d3346;--map-park:#243328;--map-route:#f2f4f7;--map-route-casing:#0e1014;--map-marker:#1a1d23;--shadow-1:0 1px 3px #00000080;--shadow-2:0 8px 24px #0009}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:100%;line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;margin:0}h1,h2,h3{line-height:var(--line-height-tight)}:focus-visible{outline:var(--border-width-strong) solid var(--color-focus);outline-offset:var(--border-width-strong)}