.demo-page{font-family:Roboto,Arial,system-ui,sans-serif}.demo-page [hidden]{display:none!important}.demo-container{width:min(100% - 80px,1240px);margin-inline:auto}.demo-header{border-bottom:1px solid var(--line);background:var(--bg)}.demo-header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-header-downloads{display:flex;gap:10px}.demo-header-downloads .demo-button{min-width:0}.demo-header .brand{font-family:Manrope,system-ui,sans-serif}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 18px;border:1.5px solid #666870;border-radius:100px;color:#fff;background:var(--surface);font-size:14px;font-weight:700;transition:border-color .2s,background .2s}.demo-button:hover{background:var(--surface-high);border-color:var(--blue-soft)}.demo-button .icon{width:17px;height:17px}.demo-store-icon{width:20px;height:20px}.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:52px 0 34px}.demo-intro .eyebrow{margin:0 0 15px;font-size:10px}.demo-intro h1{font-size:clamp(32px,3.4vw,47px);letter-spacing:-.04em;margin:0 0 14px;line-height:1.15}.demo-intro h1 span{color:var(--blue-soft)}.demo-intro p:not(.eyebrow){color:#a9acb3;font-size:16px;line-height:1.6;margin:0}.demo-badge{flex:none;font-size:10px;letter-spacing:.1em;font-weight:700;color:#b3d6ef;border:1px solid #23465f;background:#112334;border-radius:100px;padding:12px 16px}.demo-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start}.demo-sidebar{display:grid;gap:20px}.demo-card{background:var(--surface);border-radius:16px;padding:22px}.demo-card h2,.demo-card h3{margin:0}.demo-search-card h2{display:flex;align-items:center;gap:12px;font-size:19px;margin-bottom:24px}.demo-search-card h2 .icon,.demo-panel-heading h2 .icon,.demo-chart-card h3 .icon,.demo-chronology h3 .icon{color:var(--blue)}.demo-search-card label{display:block;margin-bottom:10px;font-size:13px;color:#b6b8bf}.demo-search-input{display:flex;border:1px solid #666870;border-radius:12px;overflow:hidden;background:var(--bg)}.demo-search-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.demo-search-input input{min-width:0;width:100%;background:transparent;color:#fff;padding:14px 12px;border:0;font:inherit;font-size:15px;outline:0}.demo-search-input input::placeholder{color:#999ca4}.demo-search-submit{flex:none;width:44px;display:grid;place-items:center;color:var(--blue-soft);background:transparent;border:0}.demo-help{font-size:12px;color:#a0a3ab;line-height:1.5;margin:10px 0 0}.demo-status{color:#aeb1b9;font-size:14px;line-height:1.5;margin:18px 0 0}.demo-status:empty{display:none}.demo-search-results{padding:0;margin:16px 0 0;list-style:none}.demo-search-results:empty{display:none}.demo-search-results li+li{border-top:1px solid var(--line)}.demo-athlete-result{padding:16px 0;width:100%;display:flex;align-items:center;gap:12px;border:0;color:#fff;background:transparent;text-align:left}.demo-athlete-result:hover,.demo-athlete-result[aria-current]{color:var(--blue-soft)}.demo-athlete-result>span:nth-child(2){flex:1;min-width:0}.demo-athlete-result strong{display:block;line-height:1.35;font-size:14px;overflow-wrap:anywhere}.demo-athlete-result small{display:block;font-size:12px;color:#a0a3ab;margin-top:5px;line-height:1.4}.demo-athlete-result>.icon{width:16px;color:#a0a3ab}.demo-athlete-result:disabled{cursor:default;opacity:.6}.demo-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#123b59;color:var(--blue-soft)}.demo-avatar .icon{width:18px;height:18px}.demo-icon-tile{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#123b59;color:var(--blue-soft)}.demo-upsell{padding:25px}.demo-upsell h2{font-size:25px;line-height:1.18;letter-spacing:-.035em;margin:19px 0 14px}.demo-upsell p{font-size:14px;color:#aeb1b9;line-height:1.7;margin:0 0 23px}.demo-upsell .demo-icon-tile{width:37px;height:37px}.demo-upsell .demo-button{width:100%;font-size:13px}.demo-ios-download{margin-top:12px}.demo-store-icon--apple{fill:currentColor}.demo-workspace{min-width:0}.demo-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8d8e92;font-size:11px;border-bottom:1px solid var(--line);padding:0 0 18px;margin:0 0 22px}.demo-progress span{display:flex;align-items:center;gap:9px}.demo-progress b{font-size:13px;font-weight:600}.demo-progress .active{color:var(--blue-soft)}.demo-progress .complete{color:#d2d4da}.demo-welcome{min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:44px 30px}.demo-welcome .demo-icon-tile{margin-bottom:24px;width:60px;height:60px}.demo-welcome .demo-icon-tile .icon{width:28px;height:28px}.demo-welcome h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.04em}.demo-welcome p{max-width:410px;color:#aeb1b9;font-size:15px;line-height:1.7;margin:20px 0 28px}.demo-welcome-features{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 22px}.demo-welcome-features span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#c7cbd2}.demo-welcome-features .icon{width:16px;height:16px;color:var(--blue)}.demo-appbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 17px}.demo-appbar>span{font-weight:700;font-size:12px;letter-spacing:.06em}.demo-back{display:inline-flex;gap:8px;align-items:center;color:#c6c9d0;background:transparent;border:0;padding:4px 0;font-size:13px}.demo-back .icon{transform:rotate(180deg);width:16px;height:16px}.demo-profile{padding:25px;text-align:center;margin-bottom:16px}.demo-profile-label{display:block;color:var(--blue-soft);letter-spacing:.14em;font-size:9px;margin-bottom:12px}.demo-profile h2{font-size:26px;font-weight:800;line-height:1.1;overflow-wrap:anywhere}.demo-profile p{margin:9px 0 7px;font-size:15px;line-height:1.4;color:#b4b7bf}.demo-profile>span:last-child{display:block;color:#a3a6ae;margin-top:9px;font-size:15px}.demo-filters{display:grid;grid-template-columns:1.3fr .65fr 1.2fr;gap:18px;padding:18px;align-items:center}.demo-filter{min-width:0}.demo-filters label{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.06em}.demo-filters select,.demo-race-select-label select{display:block;color:#f7f9fc;background:var(--surface-high);border:1px solid #56585f;border-radius:9px;padding:10px 6px;font:inherit;font-size:13px;font-weight:400;letter-spacing:0;width:100%;margin-top:8px;color-scheme:dark}.demo-locked-filter{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-left:1px solid #41434a;padding:8px 0 8px 17px;color:#ced1d8;text-align:left;font-size:12px}.demo-locked-filter>.icon:first-child{color:var(--blue-soft);width:17px;height:17px}.demo-locked-filter>.icon:last-child{width:14px;height:14px;margin-left:auto}.demo-locked-filter small{display:block;font-size:10px;color:#a3a6ae;margin-top:5px}.demo-period-note{font-size:12px;color:#a3a6ae;line-height:1.5;margin:12px 4px 24px}.demo-view-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px}.demo-view-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:#a3a6ae;padding:12px 22px;font-weight:700;font-size:14px}.demo-view-tabs button[aria-selected=true]{color:#fff;border-color:var(--blue)}.demo-view-tabs button:disabled{opacity:.55;cursor:default}.demo-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 3px 18px}.demo-panel-heading h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0}.demo-panel-heading p{color:#a3a6ae;font-size:12px;line-height:1.5;margin:0}.demo-stroke-card{margin-bottom:16px;padding:20px 18px 18px}.demo-stroke-card h3{text-transform:uppercase;font-size:17px;font-weight:800;margin:0 4px 17px}.demo-personal-row{display:flex;width:100%;align-items:center;gap:14px;background:var(--surface-high);border:1px solid transparent;border-radius:10px;padding:15px 14px;color:#fff;text-align:left}.demo-personal-row+.demo-personal-row{margin-top:8px}.demo-personal-row:hover{border-color:var(--blue)}.demo-personal-row>span:first-child{flex:1}.demo-personal-row strong{font-size:14px;line-height:1.4}.demo-personal-row small{display:block;font-size:11px;color:#a3a6ae;margin-top:5px}.demo-race-time{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.demo-personal-row>.icon{width:16px;height:16px;color:#a3a6ae}.demo-state{padding:44px 24px;text-align:center}.demo-state>.icon{margin:0 auto 18px;color:var(--blue-soft);width:30px;height:30px}.demo-state p{color:#b4b7bf;line-height:1.6;margin:0;font-size:15px}.demo-state .demo-button{margin-top:20px}[aria-busy=true]>.demo-state>.icon{animation:demo-pulse 1s ease-in-out infinite alternate}@keyframes demo-pulse{to{opacity:.3}}.demo-empty-download{display:block;width:100%;padding:16px;color:var(--blue-soft);background:transparent;border:0;font-size:13px;line-height:1.5;text-align:center}.demo-history-heading{align-items:start}.demo-history-heading p{margin-top:8px}.demo-race-select-label{font-size:11px;color:#a3a6ae}.demo-race-select-label select{width:auto;min-width:160px;max-width:240px;margin-top:5px}.demo-summary{display:grid;grid-template-columns:1.3fr .8fr 1.2fr;gap:12px;margin-bottom:18px}.demo-summary .demo-card{padding:19px 16px}.demo-summary span{display:block;font-size:9px;letter-spacing:.035em;font-weight:700;color:#a3a6ae;line-height:1.5}.demo-summary strong{display:block;margin-top:12px;font-size:27px;font-variant-numeric:tabular-nums}.demo-summary strong.demo-summary-date{font-size:17px;padding-top:8px}.demo-chart-card{padding:23px 18px 18px;margin-bottom:18px}.demo-chart-card h3,.demo-chronology h3{display:flex;align-items:center;gap:12px;font-size:17px;margin:0 4px 14px}.demo-chart-scroll{overflow-x:auto}.demo-chart{width:100%;display:block;overflow:visible}.demo-chart text{fill:#b0b3bb;font-size:12px}.demo-chart-grid{stroke:#373940;stroke-width:1}.demo-chart-line{fill:none;stroke:#1689d4;stroke-width:2.5;stroke-linejoin:round}.demo-chart-best{stroke:#b0b3bb;stroke-width:1;stroke-dasharray:5 5}.demo-chart-hit{fill:transparent;cursor:pointer}.demo-chart-dot{fill:#1689d4;stroke:#1f2024;stroke-width:2;pointer-events:none}.demo-chart g.selected .demo-chart-dot,.demo-chart g:focus .demo-chart-dot{fill:#d7ecff;stroke:#1689d4;stroke-width:3;r:7}.demo-chart g:focus{outline:none}.demo-chart g:focus-visible .demo-chart-hit{stroke:#61bafe;stroke-width:1}.demo-chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 22px;color:#b0b3bb;font-size:11px;margin:8px 0 15px}.demo-chart-legend span{display:inline-flex;align-items:center;gap:6px}.demo-chart-legend i{width:16px;height:2px;background:var(--blue)}.demo-chart-legend i.dashed{background:none;border-top:1px dashed #b0b3bb}.demo-chart-selection{font-size:12px;line-height:1.6;color:#c7cbd2;padding:12px;border-radius:8px;background:var(--surface-high);min-height:44px;margin:0}.demo-chronology{padding:23px 18px 18px}.demo-chronology ul{margin:0;padding:0;list-style:none}.demo-chronology li+li{margin-top:8px}.demo-history-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 12px;width:100%;color:#fff;background:var(--surface-high);border:1px solid transparent;border-radius:10px;text-align:left}.demo-history-row:hover,.demo-history-row.selected{border-color:var(--blue)}.demo-history-row .demo-date{font-size:12px;line-height:1.4}.demo-history-row small{display:block;color:#a3a6ae;font-size:11px;line-height:1.4;margin-top:5px;white-space:normal}.demo-event strong{font-size:13px;line-height:1.4}.demo-history-row .demo-race-time{text-align:right;font-size:18px}.demo-history-row .demo-best-label{color:var(--blue-soft);font-weight:400;font-size:10px}.demo-bottom-note{display:flex;justify-content:center;align-items:center;gap:9px;color:#a3a6ae;padding:22px 5px 0}.demo-bottom-note>.icon{width:16px;height:16px}.demo-bottom-note p{margin:0;font-size:12px;line-height:1.7}.demo-inline-link{border:0;background:transparent;color:var(--blue-soft);padding:0;font-size:inherit;font-weight:600}.demo-footer{display:flex;align-items:center;gap:26px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:28px;margin-top:70px;color:#a3a6ae;font-size:12px}.demo-footer nav{display:flex;gap:22px;margin-left:auto}.demo-footer a:hover{color:#fff}.demo-download-dialog{position:fixed;width:min(100% - 36px,480px);max-height:calc(100svh - 40px);overflow-y:auto;border:1px solid #41434a;border-radius:20px;padding:36px;background:var(--surface);color:#fff;text-align:center}.demo-download-dialog::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-dialog-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;padding:8px;color:#b4b7bf;background:transparent;border:0}.demo-download-dialog .eyebrow{justify-content:center;font-size:9px;margin-top:25px}.demo-download-dialog h2{font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:16px 0}.demo-download-dialog>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#b4b7bf;margin-bottom:24px}.demo-download-dialog .demo-button{width:100%}@media(max-width:600px){.demo-header-inner{flex-wrap:wrap;padding-block:12px;gap:12px}.demo-header-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.demo-header-downloads .demo-header-download{padding-inline:8px;gap:6px;font-size:11px}}@media(max-width:1100px){.demo-container{width:calc(100% - 48px)}.demo-layout{grid-template-columns:285px minmax(0,1fr);gap:22px}.demo-badge{display:none}.demo-filters{grid-template-columns:1.5fr .8fr}.demo-locked-filter{grid-column:1 / -1;padding:13px 0 0;border:0;border-top:1px solid #41434a}.demo-locked-filter small{display:inline;margin-left:8px}.demo-panel-heading{align-items:flex-start;flex-direction:column;gap:8px}.demo-history-heading{flex-direction:row;gap:14px}.demo-history-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.demo-history-row .demo-date{grid-column:1 / -1;color:#b4b7bf}.demo-history-row .demo-date small{display:inline;margin-left:8px}}@media(max-width:800px){.demo-layout{grid-template-columns:1fr}.demo-sidebar{display:block}.demo-upsell{display:none}.demo-search-card{padding:22px}.demo-intro{padding-top:34px}.demo-progress{padding-top:12px}#athlete-view{scroll-margin-top:18px}.demo-filters{grid-template-columns:1.3fr .7fr 1.2fr}.demo-locked-filter{grid-column:auto;border:0;border-left:1px solid #41434a;padding:8px 0 8px 15px}.demo-locked-filter small{display:block;margin-left:0}.demo-welcome{min-height:340px}.demo-panel-heading{flex-direction:row;align-items:center}}@media(max-width:500px){.demo-container{width:calc(100% - 32px)}.demo-header-inner{min-height:70px}.demo-header .brand{font-size:19px;gap:8px}.demo-header .brand-mark{width:33px;height:33px;border-radius:10px}.demo-header-download{font-size:11px;padding:9px 12px;min-height:39px;gap:7px}.demo-header-download .icon{width:14px;height:14px}.demo-intro h1{font-size:32px}.demo-intro h1 span{display:block;margin-top:3px}.demo-intro p:not(.eyebrow){font-size:14px}.demo-intro{padding-bottom:26px}.demo-progress{gap:8px;font-size:10px}.demo-progress span{gap:5px}.demo-progress b{font-size:11px}.demo-welcome{padding:30px 22px}.demo-welcome-features{flex-direction:column;align-items:center;gap:14px}.demo-filters{grid-template-columns:1.5fr .8fr;gap:16px}.demo-locked-filter{grid-column:1 / -1;padding:13px 0 0;border:0;border-top:1px solid #41434a}.demo-locked-filter small{display:inline;margin-left:6px}.demo-profile h2{font-size:23px}.demo-profile{padding:23px 18px}.demo-panel-heading{flex-direction:column;align-items:flex-start;gap:8px}.demo-summary{grid-template-columns:1.2fr 1fr;gap:10px}.demo-summary>:last-child{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}.demo-summary strong.demo-summary-date{padding:0;margin-top:0;font-size:15px}.demo-summary strong{font-size:25px}.demo-chart-card,.demo-chronology{padding:20px 12px 14px}.demo-chart-card h3,.demo-chronology h3{font-size:16px;gap:9px}.demo-race-select-label{width:100%}.demo-race-select-label select{width:100%;max-width:none}.demo-footer{margin-top:45px;gap:18px}.demo-footer>span{width:100%}.demo-download-dialog{padding:36px 24px 28px}.demo-download-dialog h2{font-size:32px}}