:root{--bg:#f4f1ea;--panel:#fffef8;--surface:#fffef8;--accent:#ff4d00;--accent-2:#09f;--brand-navy:#111a2f;--brand-orange:#ff7a2f;--brand-slate:#bfc5cf;--text:#1f1d1a;--muted:#625a4d;--line:#e7dfd1;--topbar-a:#fffef8;--topbar-b:#fef5e8;--input-bg:#fffef8;--button-bg:#ff4d00;--button-bg-hover:#e24600;--button-text:#fff;--file-btn-bg:#efe6d8;--file-btn-text:#2e271f;--file-btn-border:#b8a78e;--gpx-pill-bg:#efe6d8;--gpx-pill-text:#2e271f;--gpx-pill-border:#b8a78e;--bg-glow-a:#ffc88247;--bg-glow-b:#78b9ff33;--topbar-height:84px}:root[data-theme=dark]{--bg:#10161c;--panel:#18212a;--surface:#18212a;--accent:#ff7a2f;--accent-2:#62b8ff;--brand-navy:#0f1526;--brand-orange:#ff8e54;--brand-slate:#c8ced8;--text:#e8edf3;--muted:#a4b3c4;--line:#2b3948;--topbar-a:#18212a;--topbar-b:#14202d;--input-bg:#111922;--button-bg:#ff7a2f;--button-bg-hover:#ff8e54;--button-text:#1a1007;--file-btn-bg:#2b3948;--file-btn-text:#e8edf3;--file-btn-border:#44596f;--gpx-pill-bg:#2b3948;--gpx-pill-text:#e8edf3;--gpx-pill-border:#4f6174;--bg-glow-a:#ff823233;--bg-glow-b:#62b8ff24}*{box-sizing:border-box}html,body,#root{max-width:100%;height:100%;overflow-x:hidden}body{color:var(--text);background:radial-gradient(circle at 10% 10%, var(--bg-glow-a) 0, transparent 30%), radial-gradient(circle at 90% 90%, var(--bg-glow-b) 0, transparent 35%), var(--bg);margin:0;font-family:Sora,sans-serif}img,svg,canvas,video{max-width:100%}.appShell{flex-direction:column;min-height:100dvh;display:flex}.routeViewport{flex:1;width:100%;min-width:0;min-height:0;display:flex}.globalApiErrorBar{border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 14%, var(--panel));color:var(--text);justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .8rem;font-weight:600;display:flex}.routeLoading{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.topbar{min-height:var(--topbar-height);border-bottom:2px solid var(--line);background:linear-gradient(95deg, var(--topbar-a), var(--topbar-b));justify-content:space-between;align-items:center;gap:.75rem;padding:clamp(.75rem,1.2vw,1rem) clamp(.9rem,2vw,1.6rem);display:flex}.topbar h1{margin:0;font-size:1.6rem}.brandBlock{flex-direction:column;min-width:0;display:flex}.brandHomeLink{color:inherit;text-decoration:none}.brandWordmark{object-fit:contain;width:auto;height:clamp(34px,5vw,48px)}.topbar p{color:var(--muted);margin:.25rem 0 0;font-size:.88rem}.userbox{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.profileLink{color:var(--text);align-items:center;gap:.4rem;font-weight:700;text-decoration:none;display:inline-flex}.profileAvatarSm{object-fit:cover;border:1px solid var(--line);border-radius:999px;width:24px;height:24px}.topnav{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:color-mix(in srgb, var(--panel) 90%, var(--bg));border-radius:999px;flex-wrap:wrap;gap:.45rem;min-width:0;padding:.25rem;display:flex}.topnavLink{color:var(--text);border:1px solid #0000;border-radius:999px;padding:.38rem .72rem;font-size:.94rem;font-weight:700;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s}.topnavLink:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);border-color:color-mix(in srgb, var(--accent) 20%, var(--line))}.topnavLink.active{background:color-mix(in srgb, var(--accent) 16%, var(--panel));border-color:color-mix(in srgb, var(--accent) 40%, var(--line));color:var(--text)}.topIconBtn.mobileMenuBtn{border:2px solid color-mix(in srgb, var(--accent) 52%, var(--line));background:color-mix(in srgb, var(--accent) 18%, var(--panel));width:auto;min-width:72px;height:40px;min-height:40px;color:color-mix(in srgb, var(--accent) 75%, var(--text));box-shadow:0 6px 14px color-mix(in srgb, var(--accent) 18%, transparent);white-space:nowrap;border-radius:999px;gap:.25rem;padding:0 .68rem;font-weight:800;display:none}.topIconBtn.mobileMenuBtn .material-symbols-outlined{font-size:22px}.topIconBtn.mobileMenuBtn .mobileMenuLabel{letter-spacing:.01em;font-size:.8rem;line-height:1}.mobileNavOverlay{z-index:1300;padding:calc(var(--topbar-height,84px) + .35rem) .55rem .55rem;background:#0a0e1275;place-items:start end;display:grid;position:fixed;inset:0}.mobileNavSheet{border:1px solid var(--line);background:var(--panel);width:min(88vw,360px);box-shadow:0 14px 30px color-mix(in srgb, var(--brand-navy) 28%, transparent);border-radius:14px;gap:.55rem;padding:.6rem;display:grid}.mobileNavLinks{gap:.35rem;display:grid}.mobileNavLinks .topnavLink{border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;display:block}.mobileNavActions{border-top:1px solid color-mix(in srgb, var(--line) 78%, transparent);gap:.45rem;padding-top:.55rem;display:grid}button{background:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.6rem .9rem;font-weight:700;display:inline-flex}button:hover:not(:disabled){background:var(--button-bg-hover)}button.danger{background:#b42318}.secondaryBtn{color:var(--text);border:1px solid var(--line);background:0 0}.topIconBtn{border:1px solid var(--line);width:2rem;height:2rem;color:var(--text);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.modalBackdrop{z-index:1200;background:#080a0c80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modalCard{background:var(--panel);border:2px solid var(--line);border-radius:16px;gap:.75rem;width:min(100%,520px);padding:1rem;display:grid}.modalCard h3{margin:0}.modalActions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.flowSelectCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 86%, var(--bg));width:100%;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:.7rem;padding:.7rem;display:flex}.flowSelectIcon{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 72%, var(--accent-2) 12%);border-radius:10px;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;display:inline-flex}.flowSelectBody{flex:1;gap:.15rem;display:grid}.flowCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, var(--bg));border-radius:12px;gap:.65rem;padding:.7rem;display:grid}.flowError{color:#b42318;margin:0}.fieldGroup{gap:.35rem;display:grid}.fieldLabel{font-weight:600}.coursePickerOpen{justify-self:start}.pickedCourse{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}.pickedCourseName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.coursePicker{gap:.4rem;display:grid}.coursePickerList{gap:.3rem;max-height:14rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.coursePickerList button{all:unset;box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);cursor:pointer;border-radius:10px;gap:.1rem;padding:.5rem .65rem;display:grid}.coursePickerList button:hover,.coursePickerList button:focus-visible{border-color:var(--accent)}.coursePickerEmpty{padding:.25rem .1rem}.coursePicker>.textBtn{justify-self:start}.uploadProgressBar{width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{border:2px solid var(--line);width:100%;color:var(--text);background:var(--input-bg);border-radius:12px;padding:.65rem .8rem;font-family:inherit}select{min-height:44px}input[type=file]{color:var(--text)}input[type=file]::file-selector-button{border:1px solid var(--file-btn-border);background:var(--file-btn-bg);color:var(--file-btn-text);font:inherit;cursor:pointer;border-radius:999px;margin-right:.65rem;padding:.35rem .7rem;font-weight:600}input[type=file]::file-selector-button:hover{filter:brightness(.95)}.choiceRow{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.choiceRow label{align-items:center;gap:.35rem;display:inline-flex}.login{width:100%;min-height:100%;padding:clamp(.55rem,1.2vw,1rem);display:grid}.loginCentered{place-items:center}.loginCard{background:var(--panel);border:2px solid var(--line);border-radius:20px;gap:.65rem;width:min(100%,720px);padding:clamp(.9rem,1.3vw,1.25rem);display:grid}.landingPage{align-content:start}.publicLandingCard{gap:.85rem;width:min(100%,1080px)}.brandHero{border:1px solid var(--line);background:linear-gradient(140deg, color-mix(in srgb, var(--panel) 62%, var(--brand-navy)), color-mix(in srgb, var(--panel) 68%, var(--brand-orange) 12%));border-radius:14px;align-items:center;gap:.85rem;padding:.55rem .65rem;display:flex}.brandHeroCompact{max-width:520px}.brandHeroWordmark{object-fit:contain;width:min(520px,100%);height:auto}.brandedLoginCard{width:min(100%,760px)}.landingIntro{gap:.55rem;display:grid}.landingIntro h1,.landingIntro p{margin:0}.codeEntryInline{align-items:center;gap:.45rem;width:100%;display:flex}.codeEntryInline input{flex:1;min-width:0}.codeEntryInlineBtn{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;display:inline-flex}.landingRecent{border-top:1px dashed var(--line);gap:.55rem;padding-top:.72rem;display:grid}.landingRecent h3{margin:0;font-size:.95rem}.landingRecentList{flex-wrap:wrap;gap:.45rem;display:flex}.landingFeatureIcon{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 78%, var(--accent-2) 16%);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.publicHomeFooter{justify-content:center;padding-top:.15rem;display:flex}.publicHomeFooterLink{color:var(--muted);font-size:.82rem;text-decoration:none}.publicHomeFooterLink:hover,.publicHomeFooterLink:focus-visible{color:var(--accent-2);text-decoration:underline}.workspacePage{grid-template-rows:auto minmax(0,1fr);gap:.82rem;width:100%;min-height:0;padding:clamp(.6rem,1.2vw,1rem);display:grid}.actionLink.actionLinkSm{gap:.28rem;padding:.28rem .58rem;font-size:.88rem}.actionLink.actionLinkSm .btnIcon{font-size:16px}.btnCompact{gap:.28rem;min-height:34px;padding:.35rem .68rem;font-size:.88rem}.btnCompact .btnIcon{font-size:16px}.coursesPage{flex:1;grid-template-columns:minmax(260px,340px) minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.courseListPanel{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.mobileCourseMenuToggle{align-items:center;gap:.35rem;display:inline-flex}.courseDetailMobileBar{display:none}.courseDetailMobileTitle{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:inline-block;overflow:hidden}.courseListBackdrop{display:none}.courseListHeaderActions{align-items:center;gap:.45rem;display:inline-flex}.courseListCloseBtn{display:none}.courseListHeader{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1rem .6rem;display:flex}.courseListHeader h2{margin:0;font-size:1.15rem}.pickerModeBanner{background:color-mix(in srgb, var(--accent) 10%, transparent);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.courseSearchRow{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .75rem;display:flex}.courseSearchIcon{color:var(--muted);flex-shrink:0;font-size:1.1rem}.courseSearchInput{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.courseList{flex-direction:column;flex:1;gap:.3rem;padding:.4rem;display:flex;overflow-y:auto}.courseListEmpty{text-align:center;padding:1.5rem 1rem}.courseListStatus{text-align:center;color:var(--muted);padding:.65rem .35rem .4rem;font-size:.78rem}.courseListItem{text-align:left;width:100%;font-weight:inherit;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;flex-direction:column;align-items:stretch;gap:.2rem;padding:.6rem 2.1rem .6rem .75rem;transition:border-color .12s,background .12s;display:flex;position:relative}.courseListItem:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.courseListItem.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.courseItemName{color:var(--text);font-size:.9rem;font-weight:700}.courseItemMeta{flex-wrap:wrap;gap:.35rem;padding-right:.35rem;font-size:.78rem;display:flex}.courseItemMeta span+span:before{content:"·";opacity:.5;margin-right:.35rem}.courseItemChevron{color:var(--muted);font-size:1.1rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.courseDetailPanel{flex-direction:column;gap:.75rem;height:100%;min-height:0;padding:1rem;display:flex;overflow:hidden}.courseDetailEmpty{width:100%;height:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.courseDetailEmptyIcon{opacity:.3;font-size:3rem}.courseWorkbench{flex:1;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:.75rem;height:100%;min-height:0;display:grid}.courseInfoRail{flex-direction:column;gap:.7rem;min-height:0;display:flex}.courseInfoCard,.courseActionsCard{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:.55rem;padding:.7rem;display:grid}.courseActionsCard h4{margin:0;font-size:.9rem}.courseDetailHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.courseDetailTitle{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.courseDetailTitle h3{margin:0}.versionBadge{white-space:nowrap;background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;align-items:center;padding:.1rem .5rem;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex}.courseDetailStats{flex-wrap:wrap;gap:.4rem;display:flex}.courseDetailMeta{flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}.courseDetailMeta p{margin:0}.courseDetailActions{gap:.45rem;display:grid}.courseDeleteBtn{color:#fff7f5;background:#b42318c7;border-color:#bd3d34}.courseDeleteBtn:hover{background:#b42318db}.courseEditorPane{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.courseEditorToolbar{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.5rem;display:flex}.coursePreviewMapWrap{border:1px solid var(--line);border-radius:10px;flex:auto;height:0;min-height:0;display:flex;overflow:hidden}.coursePreviewMap{flex:1;width:100%;height:100%}.coursePreviewMapEmpty{background:var(--surface);color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.courseMapPanel{flex-direction:column;flex:auto;gap:.45rem;height:0;min-height:0;display:flex}.courseElevationPanel{flex:none;min-width:0}.courseElevationPanel>.panel{margin:0}.courseElevationPanel .elevationSvg{max-height:260px}.kmlReviewModal{width:min(100%,1080px);max-height:min(92vh,920px);overflow:auto}.kmlReviewLayout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:.8rem;display:grid}.kmlCandidateList{align-content:start;gap:.6rem;display:grid}.kmlReviewIntro{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:12px;gap:.25rem;padding:.75rem;display:grid}.kmlReviewIntro p{margin:0}.kmlCandidateCard{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, var(--bg));width:100%;color:var(--text);border-radius:12px;gap:.45rem;padding:.75rem;display:grid}.kmlCandidateCard.active{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.kmlCandidateHeader{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kmlCandidatePreview{gap:.65rem;display:grid}.kmlReviewMapWrap{height:360px;min-height:360px}.kmlCandidateSummary{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:.35rem;padding:.75rem;display:grid}.kmlCandidateSummary p{margin:0}.kmlTransitionList{gap:.45rem;margin-top:.35rem;display:grid}.kmlTransitionRow{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, var(--surface));border-radius:10px;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:.55rem .6rem;display:flex}.kmlTransitionTitle{min-width:0;font-size:.92rem;line-height:1.35}.secondaryLink{color:var(--accent);font-weight:600;text-decoration:none}.secondaryLink:hover{text-decoration:underline}.courseMetaForm{flex-direction:column;gap:.65rem;display:flex}.visibilityGroup{flex-direction:column;gap:.35rem;display:flex}.visibilityLabel{font-size:.88rem;font-weight:700}.visChips{gap:.4rem;display:flex}.visChipsWrap{flex-wrap:wrap}.visChip{border:1px solid var(--line);background:var(--background);cursor:pointer;color:var(--text);border-radius:8px;flex:120px;padding:.4rem .5rem;font-size:.85rem;font-weight:700;transition:border-color .12s,background .12s}.visChip.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--background));color:var(--accent)}.visHelpText{margin:0;font-size:.78rem}.customDistanceInputRow{align-items:center;gap:.45rem;display:flex}.customDistanceInputRow>input{flex:auto}.customDistanceUnitSelect{flex:0 0 130px;width:130px}.formError{color:#b42318;margin:0;font-size:.9rem}.profilePage{align-content:start;gap:.8rem;width:100%;padding:clamp(.6rem,1.2vw,1rem);display:grid}.profilePanel{width:100%;box-shadow:0 8px 26px color-mix(in srgb, var(--brand-navy) 9%, transparent);gap:.75rem;display:grid}.profileTabbed{gap:.9rem}.profileWorkspaceHeader{border-bottom:1px dashed color-mix(in srgb, var(--line) 80%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.9rem;padding-bottom:.85rem;display:flex}.profileIdentity{align-items:center;gap:.7rem;min-width:0;display:flex}.profileIdentityText{gap:.12rem;min-width:0;display:grid}.profileIdentityText h2,.profileIdentityText p{margin:0}.profileHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.profileMessage{margin:0}.profileTabsLayout{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;gap:.9rem;min-height:0;display:grid}.profileTabsNav{align-content:start;gap:.45rem;display:grid}.profileTabBtn{background:color-mix(in srgb, var(--panel) 92%, var(--bg));width:100%;color:var(--text);border:1px solid var(--line);border-radius:10px;justify-content:flex-start;padding:.52rem .7rem;font-weight:700}.profileTabBtn:hover{background:color-mix(in srgb, var(--accent) 10%, var(--panel));border-color:color-mix(in srgb, var(--accent) 30%, var(--line))}.profileTabBtn.active{background:color-mix(in srgb, var(--accent) 15%, var(--panel));border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.profileTabContent{gap:.75rem;min-width:0;display:grid}.profileSectionCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, var(--bg));border-radius:14px;align-content:start;gap:.6rem;padding:.85rem;display:grid}.profileSectionCard>button,.profileSectionCard>.actionLink{justify-self:start}.profileSectionCard label:not(.adminToggleRow):not(.gpxInput){gap:.28rem;display:grid}.profileSectionCard>h3{margin:0}.profileSubheading{margin:0;font-weight:700}.profileSectionTitle{gap:.2rem;display:grid}.profileSectionTitle h3,.profileSectionTitle p{margin:0}.profileSocialSection{gap:.75rem;display:grid}.profileSearchResults{max-height:300px;overflow:auto}.profileSocialGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.profileAvatarPlaceholder{background:color-mix(in srgb, var(--line) 60%, var(--panel));color:color-mix(in srgb, var(--muted) 72%, var(--line));justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:inline-flex}.profilePanel>h2{margin:0}.publicProfileHero{align-items:flex-start;gap:.8rem;display:flex}.publicProfileHeroBody{gap:.28rem;min-width:0;display:grid}.publicProfileHeroBody h2,.publicProfileHeroBody p{margin:0}.privacyPolicyPanel{max-width:920px;margin:0 auto}.privacyPolicyPanel h1,.privacyPolicyPanel h2{margin:.2rem 0}.privacyPolicyPanel p,.privacyPolicyPanel ul{margin:0}.closeAccountPage{width:100%}.closeAccountPanel{gap:.65rem;max-width:860px;margin:0 auto;display:grid}.closeAccountPanel h2,.closeAccountPanel p{margin:0}.closeAccountList{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.closeAccountActions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.privacyPolicyPanel ul{padding-left:1.2rem}.profileGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.9rem;display:grid}.profileCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, var(--bg));border-radius:14px;align-content:start;gap:.58rem;padding:.8rem;display:grid}.profileCard>button,.profileCard>.actionLink{justify-self:start}.avatarCurrentRow{align-items:center;gap:.5rem;display:flex}.profileAvatarLg{object-fit:cover;border:1px solid var(--line);border-radius:999px;width:56px;height:56px}.avatarCropBox{border:1px dashed var(--line);border-radius:999px;width:220px;height:220px;display:inline-flex;overflow:hidden}.avatarCanvas{cursor:grab;background:var(--bg);width:220px;height:220px;display:block}.avatarCanvas:active{cursor:grabbing}.adminToggleRow{align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.adminList li{width:100%}.adminTransferList{gap:.45rem;max-height:260px;display:grid;overflow:auto}.adminTransferItem{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, var(--bg));width:100%;color:var(--text);text-align:left;border-radius:12px;gap:.15rem;padding:.55rem .65rem;display:grid}.adminTransferItem.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--panel) 78%, var(--accent) 8%)}.adminMenuRow{border-bottom:1px dashed color-mix(in srgb, var(--line) 82%, transparent);flex-wrap:wrap;gap:.55rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.adminNavLink.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 16%, var(--panel))}.onboardingHint{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--panel));border-radius:12px;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.75rem;display:flex}.notifCenter{position:relative}.notifBadge{text-align:center;color:#fff;background:var(--accent);border:1px solid var(--panel);border-radius:999px;min-width:18px;height:18px;padding:0 .25rem;font-size:.68rem;font-weight:800;line-height:18px;position:absolute;top:-5px;right:-5px}.notifPanel{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:min(92vw,360px);max-height:70vh;padding:.65rem;position:absolute;top:calc(100% + .35rem);right:0;overflow:auto;box-shadow:0 12px 30px #0003}.notifPanel h4{margin:0 0 .5rem}.notifPanelHeader{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.notifPanelHeader h4{margin:0}.notifList{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.notifList li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.notifList li[role=button]{cursor:pointer}.notifList li span{min-width:0}.notifPanelFooter{border-top:1px solid var(--line);justify-content:flex-end;margin-top:.5rem;padding-top:.5rem;display:flex}.profileSectionCard label.toggleRow:not(.adminToggleRow):not(.gpxInput),.toggleRow{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.toggleText{order:1;gap:.1rem;min-width:0;display:grid}.toggleRow input[type=checkbox]{flex:none;order:0;width:16px;height:16px;margin-top:0}.clickableRow{cursor:pointer}.clickableRow:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:2px}.actionLinkSm{padding:.25rem .45rem;font-size:.8rem}.raceStatusPill.status-live{background:color-mix(in srgb, #00a86b 18%, var(--panel))}.raceStatusPill.status-upcoming{background:color-mix(in srgb, #0086cc 15%, var(--panel))}.raceStatusPill.status-finished{background:color-mix(in srgb, #666 18%, var(--panel))}.raceStatusPill.status-paused{background:color-mix(in srgb, #e68a00 18%, var(--panel))}.connectionAlert{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 6%, var(--panel));border-radius:10px;margin:.7rem 0;padding:.7rem}.connectionAlert .eventActions{flex-wrap:wrap}.tableWrap{width:100%;overflow-x:auto}.dataTable{border-collapse:collapse;width:100%}.dataTable th,.dataTable td{border-bottom:1px solid var(--line);text-align:left;padding:.4rem .5rem;font-size:.88rem}.postOwnerActions,.postEditActions{flex-wrap:wrap;gap:.5rem;margin-top:.45rem;display:flex}.postEditBox{gap:.45rem;display:grid}.span2{grid-column:span 2}.muted{color:var(--muted)}.noticeSuccess{border:1px solid color-mix(in srgb, #1f8a4c 45%, var(--line));background:color-mix(in srgb, #1f8a4c 16%, var(--panel));color:var(--text);border-radius:12px;margin:0;padding:.6rem .72rem}.eventList{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.eventList li{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, var(--bg));border-radius:14px;justify-content:space-between;align-items:center;gap:.72rem;padding:.72rem;display:flex}.eventList li>div{min-width:0}.eventList li strong,.eventList li p{overflow-wrap:anywhere}.eventActions{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:flex}.eventActions>*{min-width:0;max-width:100%}.iconBtn{color:#3a342c;vertical-align:middle;background:#efe6d8;border:1px solid #cdbba1;border-radius:999px;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;margin-left:.3rem;padding:0;display:inline-flex}.iconBtn:hover:not(:disabled){background:#e3d5c0}.iconBtn:disabled{opacity:.55;cursor:not-allowed}.iconGlyph{font-size:18px}.eventActions a{color:var(--accent-2);font-weight:700;text-decoration:none}.actionLink{border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;text-decoration:none;display:inline-flex}.actionLink:hover{background:color-mix(in srgb, var(--line) 65%, transparent)}.landingPrimaryAction{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.landingPrimaryAction:hover,.landingPrimaryAction:focus-visible{background:color-mix(in srgb, var(--accent) 82%, black);border-color:color-mix(in srgb, var(--accent) 82%, black);color:#fff}button.actionLink.actionLinkBtn{font:inherit;cursor:pointer;background:0 0}.authCallout{border:1px dashed var(--line);background:var(--bg);border-radius:14px;gap:.55rem;margin:.6rem 0 .9rem;padding:.7rem .8rem;display:grid}.authCallout.compact{margin:0 0 .8rem}.authCallout .actionLink{justify-self:start}.btnIcon{font-size:18px}.panel,.wall,.mapPanel{background:var(--panel);border:2px solid var(--line);min-width:0;max-width:100%;box-shadow:0 8px 24px color-mix(in srgb, var(--brand-navy) 8%, transparent);border-radius:20px;padding:.88rem}.panel h2,.panel h3,.panel p,.wall p,.mapPanel p{margin:0}.panel p+p,.wall p+p,.mapPanel p+p{margin-top:.2rem}.profileCard label:not(.adminToggleRow):not(.gpxInput){gap:.28rem;display:grid}.eventPage{grid-template-columns:minmax(0,1fr) clamp(340px,31vw,560px);align-items:stretch;gap:.8rem;width:100%;min-width:0;max-width:100%;min-height:0;padding:clamp(.6rem,1.2vw,1rem);display:grid}.eventPage>*{min-width:0;min-height:0}.sidePanel{min-width:0;display:flex}.spectatePage{flex:1;grid-template-columns:minmax(0,1fr) clamp(320px,28vw,460px);height:100%;min-height:0;max-height:100%;overflow:hidden}.spectateErrorPage{flex:1;justify-content:center;align-items:center;width:100%;padding:clamp(1rem,3vw,2.5rem);display:flex}.spectateErrorCard{background:var(--panel);border:2px solid var(--line);text-align:center;border-radius:20px;justify-items:center;gap:1.1rem;width:100%;max-width:480px;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.spectateErrorIcon{color:var(--muted);font-size:56px!important}.spectateErrorBody{gap:.5rem;display:grid}.spectateErrorBody h2{margin:0;font-size:1.35rem}.spectateErrorBody p{margin:0}.spectateErrorActions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.spectatePage .mapPanel{overscroll-behavior:contain;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden auto}.spectateHeaderRow{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.spectateHeaderRow h2{margin:0}.spectateMetaRow{flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;display:flex}.metaPill{border:1px solid var(--line);color:var(--muted);background:var(--bg);border-radius:999px;padding:.2rem .55rem;font-size:.82rem}.weatherPill{align-items:center;gap:.35rem;display:inline-flex}.weatherPillIcon{object-fit:contain;border:1px solid color-mix(in srgb, var(--line) 85%, #000 10%);background:color-mix(in srgb, var(--panel) 92%, #fff 8%);border-radius:999px;width:20px;height:20px;padding:1px;box-shadow:0 1px 2px #00000047}.weatherPillButton{cursor:pointer;margin:0}.weatherPillButton:hover{background:color-mix(in srgb, var(--bg) 86%, var(--accent) 14%)}.weatherDetailsPanel{flex:0 0 100%;grid-template-columns:1fr;gap:.45rem;width:100%;margin-top:.45rem;display:grid}.weatherDetailCard{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, var(--bg));border-radius:10px;padding:.45rem .55rem}.weatherDetailTitle{letter-spacing:.02em;color:var(--muted);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.weatherDetailMain{align-items:center;gap:.4rem;display:flex}.weatherDetailIcon{border:1px solid color-mix(in srgb, var(--line) 85%, #000 10%);background:color-mix(in srgb, var(--panel) 92%, #fff 8%);object-fit:contain;border-radius:999px;width:24px;height:24px;box-shadow:0 1px 2px #00000047}.weatherDetailLine{color:var(--text);font-size:.8rem}@media (width>=760px){.weatherDetailsPanel{grid-template-columns:repeat(2,minmax(0,1fr))}}.spectateMap{border-radius:20px;flex-shrink:0;width:100%;height:clamp(520px,68vh,920px);min-height:520px}.mapLoadingPlaceholder{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--muted);border-radius:20px;place-items:center;font-size:.95rem;display:grid}.spectatePage .sidePanel{flex-direction:column;align-self:stretch;gap:.75rem;min-height:0;display:flex;overflow:hidden}.spectatePage .sidePanel .wall{overscroll-behavior:contain;flex:1;min-height:0;max-height:100%;overflow:hidden auto}.spectateInfoGrid{gap:1rem;width:100%;min-width:0;margin-top:1rem;display:grid}.spectateInfoGrid>.panel{min-width:0;max-width:100%}.trimPage{grid-template-columns:minmax(0,1fr) clamp(240px,24vw,340px);height:100%;max-height:100%;overflow:hidden}.trimPage .mapPanel{overscroll-behavior:contain;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden auto}.trimPage .sidePanel{min-height:0;overflow:hidden auto}.trimBackBtn{min-height:30px}.trimHeaderBtn{border:1px solid color-mix(in srgb, var(--line) 88%, var(--accent) 12%);background:color-mix(in srgb, var(--bg) 90%, var(--panel) 10%);min-height:30px;color:var(--text);box-shadow:none;border-radius:999px;align-items:center;gap:.35rem;padding:.26rem .62rem;font-size:.82rem;line-height:1;text-decoration:none;display:inline-flex}.eventActions a.trimHeaderBtn{color:var(--text);text-decoration:none}.trimHeaderBtn .btnIcon{font-size:16px}.trimHeaderBtn:hover{background:color-mix(in srgb, var(--bg) 80%, var(--accent) 20%);border-color:color-mix(in srgb, var(--line) 72%, var(--accent) 28%)}.trimControlsPanel{gap:.7rem;display:grid}.trimMapWrap{position:relative}.trimMapOverlay{pointer-events:none;z-index:8;justify-content:center;padding:0 .55rem;display:flex;position:absolute;bottom:14px;left:0;right:0}.trimMapOverlayCard{border:1px solid color-mix(in srgb, var(--line) 86%, var(--accent) 14%);background:color-mix(in srgb, var(--panel) 84%, transparent 16%);-webkit-backdrop-filter:blur(8px);pointer-events:auto;border-radius:12px;width:min(980px,100%);padding:.28rem .52rem;box-shadow:0 8px 24px #0003}.trimSliderWrap{gap:.08rem;display:grid}.trimSlider{width:100%;margin:-1px 0 0}.trimSliderMarkers{height:9px;margin-top:-1px;position:relative}.trimSuggestionMarker{pointer-events:auto;cursor:pointer;border:1px solid #111;border-radius:999px;width:7px;height:7px;margin:0;padding:0;line-height:0;position:absolute;top:1px;transform:translate(-50%)}.trimSuggestionMarker.level-high{background:#16a34a}.trimSuggestionMarker.level-medium{background:#f59e0b}.trimSuggestionMarker.level-low{background:#64748b}.trimSliderAxis{color:var(--muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.42rem;font-size:.78rem;line-height:1.1;display:grid}.trimSliderAxis span:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trimSliderAxis span:last-child{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trimSliderCurrent{border:1px solid var(--line);color:var(--text);background:color-mix(in srgb, var(--bg) 90%, var(--panel) 10%);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:min(66vw,460px);padding:.04rem .42rem;font-size:.77rem;overflow:hidden}.trimSuggestionList{gap:.4rem;display:grid}.trimSuggestionButtons{gap:.35rem;display:grid}.trimSuggestionBtn{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;width:100%;display:flex}.trimSuggestionBtn span:last-child{text-transform:capitalize;margin-left:auto}.trimConfirmModal{width:min(92vw,460px)}.elevationChartWrap{position:relative}.elevationSvg{z-index:1;border:1px solid var(--line);background:var(--bg);touch-action:pan-y;border-radius:12px;width:100%;height:auto;display:block;position:relative}.chartGrid{stroke:var(--line);stroke-width:1px}.chartTickText{fill:var(--muted);font-size:11px}.elevationPath{fill:none;stroke:var(--accent-2);stroke-width:2.5px;vector-effect:non-scaling-stroke}.chartPacePath{fill:none;stroke:#ef4444;stroke-width:2px;stroke-opacity:.95;vector-effect:non-scaling-stroke}.chartPaceTickText{fill:#ef4444;font-size:10px;font-weight:600}.runnerProgressLine{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.runnerProgressLine.selected{stroke-width:2.75px;stroke-dasharray:0}.runnerProgressLabel{fill:var(--text);font-size:10px;font-weight:600}.runnerLineGroup{cursor:pointer}.chartHitOverlay{cursor:crosshair;touch-action:pan-y;pointer-events:auto;z-index:2;background:0 0;position:absolute;inset:0}.chartProbeOverlayLine{border-left:2px dashed var(--accent);pointer-events:none;width:0;position:absolute;transform:translate(-50%)}.chartProbeOverlayDot{background:var(--accent);pointer-events:none;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.chartProbeOverlayTooltip{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);min-width:122px;color:var(--text);pointer-events:none;border-radius:8px;padding:.35rem .45rem;font-size:11px;font-weight:600;line-height:1.3;position:absolute}.chartAxisLabel{margin-top:.5rem}.runnerTableWrap{touch-action:pan-y;max-width:100%;overflow-x:auto}.panelTitleRow{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.panelTitleRow>*{min-width:0}.panelTitleRow h3{margin:0}.chartInlineSummary{overflow-wrap:anywhere;margin:0;font-size:.95rem}.runnerTable{border-collapse:collapse;width:max-content;min-width:100%;font-size:.92rem}.runnerTable th,.runnerTable td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:.5rem .45rem}.runnerTable th{color:var(--muted);font-weight:700}@media (width<=860px){.runnerTable{width:100%;min-width:0}.runnerTable thead{display:none}.runnerTable tbody{gap:.55rem;display:grid}.runnerTable tr{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);border-radius:10px;gap:.25rem;padding:.35rem .45rem;display:grid}.runnerTable td{border-bottom:1px solid color-mix(in srgb, var(--line) 55%, transparent);white-space:normal;justify-content:space-between;align-items:baseline;gap:.7rem;padding:.2rem 0;display:flex}.runnerTable td:last-child{border-bottom:none}.runnerTable td:before{content:attr(data-label);color:var(--muted);flex:none;margin-right:.4rem;font-weight:700}.runnerTable td.liveOnly{display:none}}.runnerMarkerDot{vertical-align:middle;background:var(--accent);border-radius:999px;width:.8rem;height:.8rem;margin-right:.3rem;display:inline-block}.selectedRunnerRow{background:var(--line)}.pendingInviteRow{opacity:.65;font-style:italic}.pendingInviteMarkerDot{background:var(--muted,#6b7280)!important}.invitedBadge{background:color-mix(in srgb, var(--accent) 18%, var(--panel));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;padding:.15rem .5rem;font-size:.78rem;font-style:normal;font-weight:600;display:inline-block}.inviteList{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.inviteListItem{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:.88rem;display:flex}.inviteListItem:last-child{border-bottom:none}.freshness.fresh{color:#176533;border-color:#2c8f4d}.freshness.quiet{color:#7d4a08;border-color:#b47c2c}.freshness.stale{color:#cf4f00;font-weight:700}.mapEndpointMarker{pointer-events:none;width:45px;height:45px;display:inline-block;transform:translate(-21.875%,-100%)}.mapEndpointMarker svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0000004d);width:100%;height:100%}.mapEndpointMarker.start{color:#1e8f4b}.mapEndpointMarker.finish{color:#cf4f00}.mapRunnerMarker{color:#fff;cursor:pointer;opacity:.88;z-index:1;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;width:50px;height:58px;padding:0;font-size:11px;font-weight:700;line-height:1;transition:opacity .12s;display:inline-flex;position:relative;overflow:visible;transform:translate(-50%,-100%)}.mapRunnerMarker.selected{opacity:1;z-index:9}.mapRunnerMarkerHead{border:1px solid #1b1b1b;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .12s,box-shadow .12s,border-color .12s;display:inline-flex;position:relative;overflow:hidden;transform:scale(1);box-shadow:0 1px 4px #00000040}.mapRunnerMarkerHead.selected{transform:scale(1.28);box-shadow:0 0 0 3px #0f172a59,0 0 0 8px #f9731652,0 3px 10px #00000059}.mapRunnerMarkerTip{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--runner-pin-color,currentColor);filter:drop-shadow(0 1px 1px #0003);width:0;height:0;margin-top:1px}.mapRunnerMarkerAvatar{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.mapRunnerMarkerBadge{color:#fff;background:#111827;border:1px solid #ffffffeb;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 2px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:-8px;right:-7px}.mapRunnerMarkerHead.selected:after{content:"";border:2px solid #f973168c;border-radius:999px;animation:1.3s ease-out infinite markerPulse;position:absolute;inset:-8px}@keyframes markerPulse{0%{opacity:.8;transform:scale(.9)}70%{opacity:.2;transform:scale(1.15)}to{opacity:0;transform:scale(1.25)}}.mapMileMarker{color:#4b5563;pointer-events:none;background:#ffffffeb;border:1px solid #4b5563a6;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:700;display:inline-flex;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0003}.mapWallMarker{color:#fff;cursor:pointer;background:#0f766e;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex;position:relative;transform:translate(-50%,-100%);box-shadow:0 2px 8px #00000059}.mapWallMarker.selected{box-shadow:0 0 0 3px #0f766e59,0 0 0 7px #14b8a640,0 2px 8px #00000059}.mapWallMarker:after{content:"";border-top:8px solid #0f766e;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.mapWallMarkerAvatar{object-fit:cover;border-radius:7px;width:100%;height:100%}.mapWallMarkerIcon{font-size:15px}.wallPostTargetPulse{animation:1.25s ease-out wallPostPulse}@keyframes wallPostPulse{0%{border-radius:10px;box-shadow:0 0 #0ea5e98c}to{border-radius:10px;box-shadow:0 0 0 14px #0ea5e900}}.mapTools{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.35rem;display:flex}.compressorStats{flex-wrap:wrap;gap:.45rem;margin:.55rem 0 .8rem;display:flex}.compressorMapGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.compressorMapCard{gap:.45rem;display:grid}.compressorMapCard h3{margin:0}.compressorMap{border-radius:12px;width:100%;height:clamp(320px,55vh,680px);overflow:hidden}.gpxInput{background:var(--gpx-pill-bg);color:var(--gpx-pill-text);border:1px dashed var(--gpx-pill-border);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.5rem .75rem;display:inline-flex}.gpxInput:hover{filter:brightness(.95)}.gpxInput input{display:none}.composer{gap:.5rem;display:grid}.composer .wallPostSubmitBtn{background:var(--button-bg);color:var(--button-text);border:1px solid color-mix(in srgb, var(--button-bg) 75%, #000 25%);justify-content:center}.composer .wallPostSubmitBtn:hover:not(:disabled){background:var(--button-bg-hover)}.composer .wallPostSubmitBtn:disabled{background:color-mix(in srgb, var(--button-bg) 45%, var(--panel));color:color-mix(in srgb, var(--button-text) 70%, var(--muted));border-color:color-mix(in srgb, var(--line) 70%, var(--button-bg) 30%)}.photoPickerRow{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.photoUploadBtn{background:var(--gpx-pill-bg);color:var(--gpx-pill-text);border:1px dashed var(--gpx-pill-border);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;display:inline-flex}.photoUploadBtn:hover{filter:brightness(.95)}.photoUploadBtn input{display:none}.photoUploadName{color:var(--muted);font-size:.88rem}.posts{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.posts li{border:1px solid var(--line);border-radius:12px;padding:.75rem}.posts li.wallPostHasLocation{cursor:pointer}.posts li.wallPostHasLocation:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--panel) 92%, var(--accent) 8%)}.posts li.wallPostHasLocation:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}.postImageBtn{background:0 0;border:none;border-radius:10px;width:100%;padding:0;display:block}.postImageBtn:hover:not(:disabled){background:0 0}.postImageBtn img{border-radius:10px;width:100%;margin-top:.5rem}.imagePreviewModal{width:min(96vw,1200px);max-height:92vh;overflow:auto}.avatarModal{width:min(100%,560px)}.avatarModal .avatarCropBox{justify-self:center}.avatarModal label:not(.gpxInput){gap:.3rem;display:grid}.imagePreviewHeader{justify-content:flex-end;display:flex}.imagePreviewFull{border-radius:10px;width:100%;height:auto}.postHeader{flex-wrap:nowrap;align-items:center;gap:.55rem;font-size:.85rem;display:flex}.wallPostLocationPill{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--panel) 82%, var(--accent) 18%);color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.postHeader>*{min-width:0}.postAuthor{flex:auto;align-items:center;gap:.55rem;min-width:0;display:flex}.postAuthorMeta{flex-direction:column;flex:auto;justify-content:center;gap:.12rem;min-width:0;display:flex}.postAuthorName{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;max-width:100%;display:block;overflow:hidden}.postAuthorTime{white-space:nowrap;color:var(--muted);font-size:.78rem;display:block}.postAvatar{object-fit:contain;object-position:center;background:color-mix(in srgb, var(--panel) 88%, white);border:1px solid var(--line);border-radius:999px;flex:none;width:26px;height:26px}.runnerNameCell{align-items:center;gap:.35rem;display:inline-flex}.runnerAvatar{object-fit:cover;border:1px solid var(--line);border-radius:999px;width:18px;height:18px}@media (width<=960px){.eventPage,.coursesPage{grid-template-columns:1fr;height:auto;overflow:visible}.workspacePage{grid-template-rows:auto auto}.courseListPanel{border-right:1px solid var(--line);background:var(--panel);z-index:130;border-bottom:none;width:min(92vw,420px);height:100dvh;max-height:none;transition:transform .16s;position:fixed;top:0;left:0;transform:translate(-104%);box-shadow:0 16px 36px #00000038}.coursesPage.mobileCourseMenuOpen .courseListPanel{transform:translate(0)}.courseDetailMobileBar{align-items:center;gap:.55rem;margin-bottom:.4rem;padding:.15rem .1rem;display:flex}.courseListCloseBtn{justify-content:center;align-items:center;width:36px;min-height:36px;padding:0;display:inline-flex}.courseListBackdrop{opacity:0;pointer-events:none;z-index:120;background:#0a0f195c;border:none;margin:0;padding:0;transition:opacity .14s;display:block;position:fixed;inset:0}.coursesPage.mobileCourseMenuOpen .courseListBackdrop{opacity:1;pointer-events:auto}.onboardingHint{flex-direction:column;align-items:stretch}.onboardingHint .eventActions{justify-content:flex-start}.courseDetailPanel{max-height:none;overflow:visible}.courseWorkbench{grid-template-columns:1fr}.courseInfoRail{min-height:auto}.courseEditorPane{min-height:420px}.courseMapPanel{height:auto;min-height:280px}.coursePreviewMapWrap{height:auto;min-height:clamp(260px,42vh,520px)}.kmlReviewLayout{grid-template-columns:1fr}.routeViewport{display:block}.spectatePage,.trimPage{gap:.6rem;height:auto;padding:.55rem;overflow:visible}.trimMapOverlay{padding:0 .35rem;bottom:10px}.trimMapOverlayCard{padding:.22rem .36rem .24rem}.trimSliderAxis{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:.18rem}.trimSliderAxis span:first-child,.trimSliderAxis span:last-child{display:none}.trimSliderCurrent{text-align:center;max-width:100%}.spectatePage .mapPanel,.trimPage .mapPanel{overscroll-behavior:auto;overflow:visible}.spectatePage .sidePanel,.trimPage .sidePanel{overflow:visible}.spectateHeaderRow{align-items:flex-start}.spectateMap{height:clamp(360px,56vh,640px);min-height:360px}.compressorMap{height:clamp(300px,50vh,560px)}.compressorMapGrid{grid-template-columns:1fr}.spectatePage .sidePanel .wall{max-height:none;overflow:visible}.span2{grid-column:auto}.profileGrid,.profileTabsLayout{grid-template-columns:1fr}.profileTabsNav{grid-template-columns:repeat(2,minmax(0,1fr))}.profileHeaderActions{justify-content:flex-start}.profileSocialGrid{grid-template-columns:1fr}.eventList li{flex-direction:column;align-items:flex-start}.topbar{gap:.35rem;min-height:60px;padding:.42rem .55rem}.brandWordmark{height:28px}.topbar .brandBlock p,.topnav{display:none}.topIconBtn.mobileMenuBtn{justify-content:center;align-items:center;display:inline-flex}.userbox{flex-wrap:nowrap;gap:.35rem;width:auto;margin-left:auto}.profileLink,.userbox>button:not(.topIconBtn){display:none}.brandHero{flex-direction:column;align-items:flex-start}.brandHeroWordmark{width:min(100%,380px)}.login{padding:.45rem}.flowSelectCard{gap:.55rem;padding:.58rem}.flowSelectIcon{width:2rem;height:2rem}.notifPanel{top:calc(var(--topbar-height,60px) + .35rem);width:auto;max-height:calc(100dvh - var(--topbar-height,60px) - .9rem);position:fixed;left:.45rem;right:.45rem}}@media (width<=640px){.workspacePage,.profilePage,.eventPage,.spectatePage{padding:.45rem}.panel,.wall,.mapPanel{border-radius:16px;padding:.72rem}.modalBackdrop{padding:.5rem}.modalCard{width:min(100%,100vw - 1rem);max-height:calc(100dvh - 1rem)}.choiceRow label{width:100%}.adminMenuRow{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dataTable th,.dataTable td{padding:.35rem .4rem;font-size:.8rem}}.dialogCard{outline:none;max-height:min(92vh,860px);overflow:auto}.dialogWide{width:min(100%,620px)}.dialogHeader{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.dialogHeader h3{margin:0;font-size:1.15rem}.dialogCloseBtn{flex-shrink:0}.dialogBody{gap:.85rem;min-width:0;display:grid}.dialogBody>p{margin:0}.flowChoiceList{gap:.6rem;display:grid}.flowChoiceHint{margin:.2rem 0 0;font-size:.88rem}.flowSelectCard:disabled{opacity:.6;cursor:progress}.flowSelectCard:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--panel) 80%, var(--accent) 6%)}.joinFriendRaces .eventList li{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.shareSection{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, var(--bg));border-radius:14px;gap:.5rem;padding:.8rem;display:grid}.shareSection h4{align-items:center;gap:.4rem;margin:0;font-size:1rem;display:flex}.shareSection p{margin:0}.shareLinkRow{gap:.45rem;display:grid}.shareLinkRow input{font-size:.9rem}.shareLinkActions{flex-wrap:wrap;gap:.5rem;display:flex}.shareLinkStatus{font-size:.85rem}.shareFollowerSearch{gap:.35rem;font-size:.92rem;font-weight:600;display:grid}.shareNotice,.shareAccessSummary{align-items:flex-start;gap:.4rem;margin:0;display:flex}.shareNotice{border:1px solid color-mix(in srgb, #b54708 40%, var(--line));background:color-mix(in srgb, #f79009 10%, var(--panel));border-radius:12px;padding:.6rem .75rem}.raceCodeText{letter-spacing:.01em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.alertToggleRow{border:1px solid var(--line);border-radius:12px;padding:.6rem .75rem}.alertToggleRow .toggleText{flex:1}.alertToggleIcon{color:var(--accent);order:0}.alertToggleRow input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent);order:2}.alertReminderNote{align-items:flex-start;gap:.4rem;display:flex}.racesHome{grid-template-rows:none;grid-auto-rows:max-content;align-content:start;gap:1rem;max-width:1080px;margin:0 auto;display:grid}.racesHomeHero{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:1rem;display:grid}.racesHomeGreeting h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}.racesHomeGreeting p{margin:.25rem 0 0}.racesHomeActions{align-items:flex-end;gap:.6rem;display:flex}.racesHomeActions .watchRaceForm{flex:1;min-width:0}.newRaceBtn{white-space:nowrap;min-height:46px;padding-inline:1.1rem}.racesHomeNotice{border:1px solid color-mix(in srgb, #067647 35%, var(--line));background:color-mix(in srgb, #12b76a 10%, var(--panel));border-radius:12px;margin:0;padding:.6rem .8rem}.racesHomeSections{gap:1.1rem;display:grid}.raceSection h3{align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:1.05rem;display:flex}.raceCardList{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.raceCard{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.raceCard.status-live{border-color:color-mix(in srgb, #12b76a 55%, var(--line));box-shadow:0 0 0 1px #12b76a40}.raceCardMain{all:unset;box-sizing:border-box;cursor:pointer;color:var(--text);align-items:center;gap:.8rem;min-width:0;padding:.7rem .8rem;display:flex}.raceCardText{gap:.15rem;min-width:0;display:grid}.dateTile{background:color-mix(in srgb, var(--accent) 11%, var(--panel));width:3.25rem;height:3.25rem;color:var(--text);border-radius:12px;flex:none;place-content:center;justify-items:center;gap:.1rem;display:grid}.dateTileMonth{letter-spacing:.04em;color:var(--accent);font-size:.7rem;font-weight:800}.dateTileDay{font-size:1.25rem;font-weight:800;line-height:1}.dateTile.ended{background:color-mix(in srgb, var(--muted) 10%, var(--panel));color:var(--muted)}.dateTile.ended .dateTileMonth{color:var(--muted)}.dateTile.live{background:color-mix(in srgb, #12b76a 14%, var(--panel));color:#067647;text-transform:uppercase;font-size:.75rem;font-weight:800}:root[data-theme=dark] .dateTile.live{color:#6ce9a6}.yourRacesRow{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.yourRacesRow h2{margin:0;font-size:1.3rem}.iconBtnRound{all:unset;box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.iconBtnRound:hover{border-color:var(--accent)}.iconBtnRound:focus-visible,.iconBtnPlain:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.raceSearch{border:1px solid var(--accent);background:var(--panel);border-radius:12px;align-items:center;gap:.5rem;padding:0 .4rem 0 .75rem;display:flex}.raceSearch input{min-width:0;box-shadow:none;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:.7rem 0;font-size:1rem}.iconBtnPlain{all:unset;width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.raceSectionFooter{gap:.5rem;margin-top:.6rem;display:flex}.textBtn{all:unset;cursor:pointer;color:var(--accent);border-radius:6px;padding:.35rem .25rem;font-weight:700}.textBtn:focus-visible,.iconLink:focus-visible,.alertRow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.iconLink{width:2.25rem;height:2.25rem;color:var(--text);border-radius:999px;place-items:center;text-decoration:none;display:inline-grid}.iconLink:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}.alertList{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.alertRow{all:unset;box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.6rem .7rem;display:flex}.alertRow:hover{background:color-mix(in srgb, var(--panel) 90%, var(--accent) 5%)}.alertIcon{width:2.4rem;height:2.4rem;color:var(--muted);background:color-mix(in srgb, var(--muted) 10%, var(--panel));border-radius:999px;flex:none;place-items:center;display:grid}.alertRow.unread .alertIcon{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.alertText{flex:1;gap:.1rem;min-width:0;display:grid}.alertTitle{font-weight:600}.alertRow.unread .alertTitle{font-weight:800}.alertPreview{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.alertMeta{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.alertDot{background:var(--accent);border-radius:999px;flex:none;width:.6rem;height:.6rem}.alertsEmpty{text-align:center;justify-items:center;gap:.35rem;padding:2rem 1rem;display:grid}.alertsEmpty .material-symbols-outlined{color:var(--muted);font-size:40px}.alertsEmpty p{margin:0}.raceCardMain:hover:not(:disabled),.raceCardMain:focus-visible{background:color-mix(in srgb, var(--panel) 86%, var(--accent) 7%)}.raceCardMain:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.raceCardTitle{text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;overflow:hidden}.raceCardMeta{align-items:center;gap:.35rem;min-width:0;font-size:.88rem;display:flex}.raceCardAction{align-self:flex-start;margin:0 .9rem .8rem}.liveBadge{color:#067647;background:color-mix(in srgb, #12b76a 16%, var(--panel));border:1px solid color-mix(in srgb, #12b76a 45%, var(--line));border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}:root[data-theme=dark] .liveBadge{color:#6ce9a6}.liveDot{background:#12b76a;border-radius:999px;width:.5rem;height:.5rem;animation:1.6s ease-in-out infinite liveDotPulse}@keyframes liveDotPulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.liveDot{animation:none}}.emptyState{text-align:center;justify-items:center;gap:.5rem;padding:1.6rem 1rem;display:grid}.emptyState h3,.emptyState p{margin:0}.emptyStateIcon{color:var(--accent);font-size:40px}.emptyState>button,.emptyState>.actionLink{align-self:start}.watchRaceForm{gap:.35rem;display:grid}.watchRaceLabel{font-size:.92rem;font-weight:700}.watchRaceForm .codeEntryInlineBtn{min-height:46px}.watchRaceForm:not(.compact) .codeEntryInlineBtn{border-radius:999px;flex:none;gap:.35rem;width:auto;padding:0 1rem}.watchRaceForm .flowError{font-size:.88rem}.landingWatch{border:2px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--panel) 90%, var(--accent) 5%);border-radius:16px;gap:.75rem;padding:1rem;display:grid}.landingWatch .watchRaceLabel{font-size:1rem}.landingSignIn{border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.landingSignIn h2{margin:0;font-size:1.1rem}.landingSignIn p{margin:.25rem 0 0}.landingHighlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.landingHighlights li{align-items:flex-start;gap:.6rem;display:flex}.landingHighlights li>span:last-child{gap:.15rem;font-size:.9rem;display:grid}.headerSignIn{font-weight:700}.raceHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.6rem;display:flex}.raceHeaderTitle{flex:280px;min-width:0}.raceHeaderTitle h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,2.6vw,1.7rem)}.raceHeaderMeta{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.3rem 0 0;font-weight:600;display:flex}.raceHeaderActions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.raceActionBtn{white-space:nowrap;align-items:center;gap:.35rem;height:40px;min-height:40px;padding:0 .95rem;font-size:.92rem;font-weight:700;line-height:1;display:inline-flex}.raceActionBtn.secondaryBtn.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));background:color-mix(in srgb, var(--panel) 82%, var(--accent) 10%)}.raceNotice{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin-bottom:.6rem;padding:.7rem .85rem;display:flex}.raceNotice>div{flex:220px;min-width:0}.raceNotice p{margin:.15rem 0 0}.raceNotice.success{border-color:color-mix(in srgb, #12b76a 45%, var(--line));background:color-mix(in srgb, #12b76a 9%, var(--panel))}.raceNotice.invite{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 9%, var(--panel))}.raceNotice.subtle{align-items:center}.raceNotice.subtle p{flex:200px;margin:0}.raceSubBar{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.6rem;display:flex}.weatherPillButton:disabled{cursor:default;opacity:1}.mapLoadingPlaceholder{text-align:center;gap:.4rem;padding:1rem}.wallEmpty{margin:.4rem 0}.raceSettingsPage{grid-template-rows:none;grid-auto-rows:max-content;align-content:start;gap:.9rem;max-width:760px;margin:0 auto;display:grid}.raceSettingsHeader{gap:.4rem;display:grid}.raceSettingsHeader h2{overflow-wrap:anywhere;margin:0}.backLink{color:var(--muted);align-items:center;gap:.3rem;width:fit-content;font-weight:600;text-decoration:none;display:inline-flex}.backLink:hover{color:var(--text)}.settingsColumn{gap:.9rem;display:grid}.settingsSection{gap:.65rem;display:grid}.settingsSection h3{margin:0}.settingsSectionHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.settingsForm{gap:.6rem;display:grid}.settingsForm label{gap:.3rem;font-weight:600;display:grid}.choiceCards{gap:.5rem;display:grid}.choiceCard{border:1px solid var(--line);cursor:pointer;background:var(--panel);border-radius:12px;align-items:flex-start;gap:.6rem;padding:.65rem .75rem;display:flex}.choiceCard.selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--panel) 84%, var(--accent) 8%)}.choiceCard input{accent-color:var(--accent);margin-top:.2rem}.choiceCardText{gap:.15rem;display:grid}.choiceCardText .muted{font-size:.88rem}.settingsMap{border-radius:14px;width:100%;height:clamp(200px,36vh,320px);overflow:hidden}.dangerSection{border-color:color-mix(in srgb, #b42318 30%, var(--line))}.dangerSection>button{width:fit-content}.notifRowBtn{all:unset;box-sizing:border-box;cursor:pointer;align-items:flex-start;gap:.45rem;width:100%;padding:.15rem 0;display:flex}.notifRowBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.notifUnreadDot{background:var(--accent);border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem;margin-top:.4rem}.notifRowText{gap:.1rem;display:grid}.notifRowTime{font-size:.8rem}.notificationSettings .toggleRow{border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);justify-content:space-between;padding:.55rem 0}.notificationSettings .toggleRow input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent);flex-shrink:0;order:2}.notificationSettings .profileSubheading{margin-top:.6rem}.profileDangerLink a{color:#b42318}@media (width<=760px){.racesHomeHero{grid-template-columns:1fr}.racesHomeActions{flex-direction:column;align-items:stretch}.newRaceBtn{justify-content:center}.landingSignIn{flex-direction:column;align-items:stretch}.landingHighlights{grid-template-columns:1fr}.raceHeaderActions{flex-wrap:nowrap;width:100%}.raceHeaderActions .raceActionBtn{flex:auto;justify-content:center;min-width:0;padding:0 .6rem}.raceHeaderActions .iconBtn{flex:none}.raceCardList{grid-template-columns:1fr}}.raceWeatherCard{gap:.6rem;display:grid}.raceWeatherHead{align-items:center;gap:.5rem;display:flex}.raceWeatherHead h3{flex:1;margin:0}.raceWeatherBadge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:800}.raceWeatherTimeline{background:color-mix(in srgb, var(--muted) 7%, var(--panel));border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:.6rem .25rem;list-style:none;display:grid}.raceWeatherTimeline li{text-align:center;justify-items:center;gap:.1rem;display:grid}.raceWeatherTimeline .slotLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:800}.raceWeatherTimeline li.isStart .slotLabel{color:var(--accent)}.raceWeatherTimeline .slotTime,.raceWeatherTimeline .slotSmall{font-size:.75rem}.raceWeatherTimeline .slotIcon.material-symbols-outlined{color:var(--accent);margin:.2rem 0;font-size:28px}.raceWeatherTimeline .slotTemp{font-size:1.35rem}.raceWeatherVerdict{margin:0;font-weight:600}.raceWeatherDetails{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem 1rem;margin:0;display:grid}.raceWeatherDetails dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800}.raceWeatherDetails dd{margin:0;font-weight:700}.raceWeatherBasis{margin:0;font-size:.8rem}.raceSettingsSubtitle{margin:-.35rem 0 0;font-weight:600}.alertsPage{width:100%;max-width:760px;margin-left:auto;margin-right:auto}