:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17201b;--muted:#627268;--paper:#f7f4ec;--surface:#fff;--line:#ded8ca;--track:#cf5b46;--runner-color:#18845d;--sky:#d7e8ee;--gold:#e9b84a;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--anim-fast:.15s;--anim-normal:.3s;--anim-slow:.6s}*{box-sizing:border-box}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.96)}}@keyframes firePulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes numberTick{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes meterFillIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes barRise{0%{opacity:0;transform:scaleY(.1)}to{opacity:1;transform:scaleY(1)}}@keyframes badgePulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--runner-color), transparent 55%)}to{box-shadow:0 0 0 12px color-mix(in srgb, var(--runner-color), transparent 100%)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{background:var(--paper);-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:linear-gradient(180deg, #d7e8eead, transparent 340px), var(--paper);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}input,textarea,button{touch-action:manipulation}button{cursor:pointer;min-height:44px;transition:transform var(--anim-fast) var(--ease-spring), box-shadow var(--anim-fast) var(--ease-smooth), opacity var(--anim-fast) var(--ease-smooth)}button:not(:disabled):active{transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.58}button:not(:disabled):hover{box-shadow:0 4px 12px #17201b1f}.app{width:min(1180px,100% - 24px);min-width:0;margin:0 auto;padding:clamp(14px,4vw,32px) 0 clamp(22px,4vw,48px)}.authApp{align-content:center;place-items:center;gap:14px;min-height:100vh;padding:16px 0;display:grid}.authPanel{width:min(100%,480px);animation:fadeSlideUp .5s var(--ease-out) both;padding:clamp(16px,4vw,24px)}.welcomePanel{gap:22px;display:grid}.welcomeIdentity{align-items:center;gap:16px;display:flex}.welcomeIdentity h2{overflow-wrap:anywhere;margin-bottom:6px}.welcomeBadge{flex:none;width:64px;height:64px;font-size:24px}.welcomeProgress{background:#ece5d7;border-radius:999px;height:8px;overflow:hidden}.welcomeProgress span{border-radius:inherit;background:var(--track);transform-origin:0;width:100%;height:100%;animation:meterFillIn 1.2s var(--ease-smooth) both;display:block}.installGuide{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;gap:14px;padding:14px;display:grid}.installGuide h3{margin:0 0 6px;font-size:20px;line-height:1.1}.installSteps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.installSteps li{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.installSteps span{background:var(--ink);color:#fff;border-radius:999px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:inline-grid}.installSteps strong{font-size:14px}.welcomeActions{grid-template-columns:1fr;gap:8px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.topbar .eyebrow{letter-spacing:.15px}.topbarMeta{justify-items:end;gap:10px;display:grid}.signedInBadge{border:1px solid var(--line);background:#ffffffd6;border-radius:8px;align-items:center;gap:9px;max-width:min(100%,360px);padding:8px 10px;display:inline-flex;box-shadow:0 12px 24px #4b342114}.signedInBadge>span:last-child{min-width:0;display:grid}.signedInBadge strong,.signedInBadge small{overflow-wrap:anywhere}.signedInBadge strong{font-size:14px;line-height:1.1}.signedInBadge small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:800}.brand{align-items:center;gap:14px;display:flex}.brandMark{border-radius:8px;width:70px;height:70px;box-shadow:0 18px 36px #4b34211f}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(34px,5vw,58px);line-height:.95}h2{margin-bottom:8px;font-size:24px;line-height:1.05}.muted{color:var(--muted)}.headToHead{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#ffffffb8;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:800;display:flex;box-shadow:0 14px 28px #4b342114}.headToHead strong{color:var(--track)}.headToHead span{background:#fbfaf6;border-radius:999px;padding:7px 9px}.standItem{align-items:center;gap:8px;display:inline-flex}.standItem em{color:var(--track);font-style:normal}.youBadge{color:#0d5c3d;white-space:nowrap;background:#e8f5ee;border:1px solid #9dd0b8;border-radius:999px;align-items:center;min-height:20px;padding:2px 7px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.scoreGrid,.runnerGrid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:18px;margin-bottom:18px;display:grid}.runnerGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.lineupHeader{grid-column:1/-1;justify-content:space-between;align-items:end;gap:14px;min-width:0;display:flex}.lineupHeader h2{margin-bottom:0}.lineupHeader>span{color:var(--muted);text-align:right;font-size:13px;font-weight:900}.mobilePane{display:contents}.mobileHeroPanel,.homeRecentPanel,.mobileTabBar{display:none}.panel{border:1px solid var(--line);min-width:0;transition:transform var(--anim-normal) var(--ease-smooth), box-shadow var(--anim-normal) var(--ease-smooth);animation:fadeSlideUp var(--anim-slow) var(--ease-out) both;background:#ffffffdb;border-radius:8px;box-shadow:0 18px 44px #4b342117}.panel:hover{box-shadow:0 22px 52px #4b34211f}.showdown,.weeklyPanel,.logPanel,.comebackPanel,.rivalryPanel,.freezePanel,.groupPanel,.recapPanel,.runnerCard,.chartPanel,.feedPanel{padding:20px}.showdown{grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);align-items:center;gap:28px;display:grid;position:relative;overflow:hidden}.weeklyPanel{gap:18px;display:grid}.compactBars{gap:12px}.showdown:after{content:"";border:18px solid #cf5b462e;border-radius:50%;width:280px;height:180px;position:absolute;bottom:-92px;right:-80px;transform:rotate(-10deg)}.totalBars{z-index:1;gap:18px;display:grid;position:relative}.totalLabel{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:14px;display:flex}.totalLabel>span{align-items:center;gap:7px;min-width:0;display:inline-flex}.currentRunnerRow .meter{box-shadow:0 0 0 2px #18845d24}.meter{background:#ece5d7;border-radius:999px;height:12px;overflow:hidden}.meterFill{border-radius:inherit;background:var(--runner-color);height:100%;transition:width .8s var(--ease-out);transform-origin:0;animation:meterFillIn .7s var(--ease-out) both;display:block}.sectionHead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.groupActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.runForm,.authForm,.memberForm,.goalForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.authForm{grid-template-columns:1fr;margin-top:16px}.recentGroups{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;gap:10px;padding:10px;display:grid}.recentGroupsHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.recentGroupsHead strong{font-size:13px}.recentGroupsHead span{color:var(--muted);font-size:12px;font-weight:800}.recentGroupList{gap:8px;display:grid}.recentGroupButton{border:1px solid var(--line);background:var(--surface);min-height:52px;color:var(--ink);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.recentGroupButton span,.recentGroupButton strong,.recentGroupButton small{min-width:0;display:block}.recentGroupButton strong{overflow-wrap:anywhere;font-size:14px}.recentGroupButton small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:800}.modeTabs{background:#ece5d7;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;padding:4px;display:grid}.modeTabs button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-weight:900}.modeTabs .activeTab{background:var(--surface);color:var(--ink);box-shadow:0 8px 18px #4b342114}label{color:var(--ink);gap:6px;font-size:13px;font-weight:800;display:grid}.fieldLabel{align-items:center;gap:6px;display:inline-flex}input,textarea,select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--ink);transition:border-color var(--anim-fast) var(--ease-smooth), box-shadow var(--anim-fast) var(--ease-smooth), transform var(--anim-fast) var(--ease-smooth);border-radius:8px;outline:none;padding:9px 10px;font-size:16px}input:focus,textarea:focus,select:focus{border-color:#18845d;box-shadow:0 0 0 3px #18845d29}input:invalid:not(:placeholder-shown){animation:shake .4s var(--ease-smooth);border-color:#cf5b46;box-shadow:0 0 0 3px #cf5b4624}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.wideField{grid-column:1/-1}.quickChips{flex-wrap:wrap;gap:8px;display:flex}.quickChips button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fbfaf6;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}.quickChips .selectedChip{color:#0d5c3d;background:#e8f5ee;border-color:#9dd0b8}.pacePreview{color:#0d5c3d;background:#f3fbf6;border:1px solid #9dd0b8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:900;display:flex}.pacePreview span{color:var(--muted);text-transform:uppercase;font-size:11px}.pacePreview strong{text-align:right}.pacePreviewError{color:#6e5520;background:#fff7d7;border-color:#d8c27a}.primaryButton,.ghostButton,.deleteButton{border:1px solid #0000;border-radius:8px;min-height:44px;padding:9px 12px;font-weight:900}.primaryButton{background:var(--ink);color:#fff;transition:transform var(--anim-fast) var(--ease-spring), box-shadow var(--anim-fast) var(--ease-smooth), background var(--anim-fast) var(--ease-smooth);grid-column:1/-1}.primaryButton:not(:disabled):hover{background:#0f1612;box-shadow:0 6px 20px #17201b40}.primaryButton:not(:disabled):active{transform:scale(.97)}.ghostButton,.deleteButton{background:var(--surface);border-color:var(--line);color:var(--ink)}.alertButtonOn{color:#0d5c3d;background:#e8f5ee;border-color:#9dd0b8}.notice{color:#6e5520;overflow-wrap:anywhere;word-break:break-word;background:#fff7d7;border:1px solid #d8c27a;border-radius:8px;max-width:100%;margin:14px 0 0;padding:10px 12px;font-size:14px;font-weight:700}.notificationPanel{background:linear-gradient(135deg, #e8f5eef5, #ffffffeb), var(--surface);border-color:#9dd0b8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:18px;display:grid}.notificationPanel--denied{background:linear-gradient(135deg, #fff0f3f5, #ffffffeb), var(--surface);border-color:#ebb2c0}.notificationPanel--unsupported{background:linear-gradient(135deg, #fff7d7f5, #ffffffeb), var(--surface);border-color:#d8c27a}.notificationIcon{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:900;display:grid}.notificationPanel--denied .notificationIcon{background:#9b2f36}.notificationPanel--unsupported .notificationIcon{background:#b27920}.notificationCopy{min-width:0}.notificationCopy h2{margin-bottom:6px}.notificationCopy .muted{margin-bottom:0}.notificationActions{justify-items:end;gap:8px;min-width:188px;display:grid}.notificationStatus{color:#0d5c3d;white-space:nowrap;background:#f3fbf6;border:1px solid #9dd0b8;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.notificationStatus--denied{color:#8a1e3a;background:#fff0f3;border-color:#ebb2c0}.notificationStatus--unsupported{color:#6e5520;background:#fff7d7;border-color:#d8c27a}.notificationButton{width:100%}.notificationSteps{color:var(--muted);gap:6px;margin:12px 0 0;padding-left:18px;font-size:13px;font-weight:800;display:grid}.mobileHeroPanel{background:linear-gradient(135deg, #e8f5eef0, #ffffffe6), var(--surface);gap:14px;overflow:hidden}.mobileHeroAction{width:100%}.homeProgress{background:#ece5d7;border-radius:999px;height:10px;overflow:hidden}.homeProgress span{border-radius:inherit;background:var(--runner-color);height:100%;transition:width .7s var(--ease-out);display:block}.homeStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.homeStat{background:#ffffffb8;border:1px solid #9dd0b8b8;border-radius:8px;gap:3px;min-width:0;padding:10px;display:grid}.homeStat span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.homeStat strong{overflow-wrap:anywhere;font-size:18px;line-height:1.1}.homeActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.homeRecentPanel{gap:10px}.homeRunNote{border-left:3px solid var(--track);color:var(--muted);overflow-wrap:anywhere;background:#fbfaf6;border-radius:0 8px 8px 0;margin:0;padding:9px 10px;font-size:14px;font-weight:800}.firstRunPanel{background:linear-gradient(135deg, #e8f5eef2, #ffffffeb), var(--surface);border-color:#9dd0b8;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.firstRunBadge{color:#fff;background:#18845d;border:2px solid #18845d;border-radius:18px;place-items:center;width:76px;height:76px;font-size:22px;font-weight:950;display:grid;box-shadow:0 16px 30px #18845d2e}.firstRunCopy{min-width:0}.firstRunCopy h2{margin-bottom:6px}.firstRunSteps,.firstRunActions{grid-column:1/-1}.firstRunSteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.firstRunSteps span{min-width:0;color:var(--muted);text-align:center;background:#ffffffb8;border:1px solid #ded8ca;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:900}.firstRunSteps .isReady{color:#0d5c3d;background:#e8f5ee;border-color:#9dd0b8}.firstRunActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.comebackPanel{background:linear-gradient(135deg, #fff7d7f0, #ffffffe6), var(--surface);border-color:#d8c27a;gap:6px;display:grid}.comebackPanel h2{margin-bottom:0}.syncStatus,.syncInline{color:var(--muted);text-align:center;margin:-6px 2px 0;font-size:12px;font-weight:900}.rivalryPanel{background:linear-gradient(135deg, #eef5fbf0, #ffffffe6), var(--surface);border-color:#b7c8df;gap:6px;display:grid}.rivalryPanel h2{margin-bottom:0}.freezePanel{background:linear-gradient(135deg, #e8f5eef0, #ffffffe6), var(--surface);border-color:#9dd0b8;gap:8px;display:grid}.freezePanel h2{margin-bottom:0}.challengePanel{margin-bottom:18px}.challengeStatus{color:#274b7c;white-space:nowrap;background:#eef5fb;border:1px solid #b7c8df;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:12px;font-weight:950;display:inline-flex}.challengeStatus.isComplete{color:#0d5c3d;background:#e8f5ee;border-color:#9dd0b8}.challengeList{gap:10px;display:grid}.challengeItem{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(110px,180px) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.challengeItem strong,.challengeItem span{overflow-wrap:anywhere;min-width:0;display:block}.challengeItem strong{font-size:14px}.challengeItem div>span,.challengeItem small{color:var(--muted);font-size:12px;font-weight:900}.challengeItem.isComplete{background:#f3fbf6;border-color:#9dd0b8}.challengeMeter{background:#ece5d7;border-radius:999px;height:8px;overflow:hidden}.challengeMeter span{border-radius:inherit;background:#18845d;height:100%;display:block}.challengeItem--gold .challengeMeter span{background:#b27920}.challengeItem--rose .challengeMeter span{background:#d94f76}.challengeItem--blue .challengeMeter span{background:#3f6fb5}.freezePanel .ghostButton{justify-self:start}.groupPanel,.recapPanel{margin-bottom:18px}.recapScreen{gap:16px;display:grid}.recapRibbon{color:#6e5520;white-space:nowrap;background:#fff7d7;border:1px solid #d8c27a;border-radius:999px;align-items:center;min-height:34px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.recapActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.recapMeta{color:var(--muted);margin:8px 0 0;font-size:12px;font-weight:900}.recapGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.recapCard{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.recapCard span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.recapCard strong{overflow-wrap:anywhere;font-size:16px}.recapCard small{overflow-wrap:anywhere;color:var(--muted);font-size:12px;font-weight:800}.recapMoments{gap:10px;display:grid}.inviteBox{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:16px;padding:10px;display:flex}.inviteBox div{min-width:0}.inviteBox strong,.inviteBox span{display:block}.inviteBox span{overflow-wrap:anywhere;color:var(--muted);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.settingsStatusBlock{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.installSettingsBlock{margin-top:-8px}.settingsStatusBlock>div{gap:3px;min-width:0;display:grid}.settingsStatusBlock strong{font-size:15px}.settingsStatusBlock span{color:var(--muted);font-size:13px}.memberGrid{grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:18px;display:grid}.ownerTools{gap:14px;display:grid}.settingsBlock{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;gap:12px;padding:12px;display:grid}.settingsBlock h3{margin:2px 0 4px;font-size:18px}.exportSettingsBlock{margin-bottom:12px}.exportSafetyNote{color:#516257;margin:6px 0 0;font-size:12px;font-weight:800}.exportStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.exportStatusGrid--single{grid-template-columns:1fr}.exportStatusGrid div{background:#fffdf8;border:1px solid #ebe4d7;border-radius:8px;gap:3px;padding:10px;display:grid}.exportStatusGrid span{color:var(--muted);font-size:12px}.exportStatusGrid strong{font-size:13px}.memberList{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.memberPill{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.currentMemberPill,.currentRunRow{background:#f3fbf6;border-color:#9dd0b8}.memberIdentity{align-items:center;gap:10px;min-width:0;display:flex}.memberIdentity>div{min-width:0}.memberIdentity strong,.memberIdentity span:not(.runnerBadge){overflow-wrap:anywhere}.memberIdentity strong{align-items:center;gap:7px;display:inline-flex}.memberPill span:not(.runnerBadge){color:var(--muted);font-size:13px;font-weight:800;display:block}.memberPill .memberInviteStatus{color:#516257;margin-top:2px;font-size:12px;font-weight:700}.miniButton{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);border-radius:8px;flex:none;padding:7px 9px;font-size:12px;font-weight:900}.dangerMiniButton{color:#9d2e1b;border-color:#e6b8ae}.runnerManager{gap:10px;display:grid}.runnerManagerRow{background:#fff;border:1px solid #ebe4d7;border-radius:8px;grid-template-columns:minmax(120px,1fr) minmax(110px,1fr) auto minmax(120px,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.runnerManagerRow>div{min-width:0}.runnerManagerRow strong,.runnerManagerRow span{overflow-wrap:anywhere;display:block}.runnerManagerRow span{color:var(--muted);font-size:12px;font-weight:800}.runnerManagerRow .runnerRemovalHint{color:#516257;margin-top:2px;font-size:11px;font-weight:800}.runnerCard{background:linear-gradient(135deg, color-mix(in srgb, var(--runner-color), white 82%), #ffffffeb 42%), var(--surface);border-top:0;gap:14px;display:grid;position:relative;overflow:hidden}.runnerCard:after{content:"";border:18px solid color-mix(in srgb, var(--runner-color), transparent 72%);pointer-events:none;border-radius:999px;width:132px;height:132px;position:absolute;top:-54px;right:-54px}.runnerCard--rare{border-color:#b7c8df}.runnerCard--epic{border-color:#d3b6e6;box-shadow:0 18px 44px #5c448021}.runnerCard--legend{border-color:#d8c27a;box-shadow:0 18px 48px #9e701b2b}.currentRunnerCard{border-color:color-mix(in srgb, var(--runner-color), white 22%);box-shadow:0 18px 44px color-mix(in srgb, var(--runner-color), transparent 84%)}.currentRunnerCard:hover{box-shadow:0 22px 52px color-mix(in srgb, var(--runner-color), transparent 80%)}.playerCardTop{z-index:1;color:color-mix(in srgb, var(--runner-color), black 38%);letter-spacing:.5px;text-transform:uppercase;justify-content:space-between;gap:10px;font-size:11px;font-weight:950;display:flex;position:relative}.playerCardHero{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid;position:relative}.playerPortrait{border:2px solid color-mix(in srgb, var(--runner-color), black 12%);background:radial-gradient(circle at 35% 25%, #ffffffe6, transparent 32%), var(--runner-color);color:#fff;width:86px;height:104px;box-shadow:0 14px 28px color-mix(in srgb, var(--runner-color), transparent 72%);border-radius:8px;place-items:center;display:grid}.playerPortrait span{font-size:28px;font-weight:950;line-height:1}.playerPortrait strong{text-align:center;background:#17201b2e;border-top:1px solid #ffffff47;align-self:end;width:100%;padding:7px 0;font-size:13px}.playerIdentity{min-width:0}.playerIdentity .eyebrow{align-items:center;gap:7px;display:inline-flex}.playerIdentity h2{overflow-wrap:anywhere;margin-bottom:10px}.playerTags{flex-wrap:wrap;gap:7px;display:flex}.playerTags span{border:1px solid color-mix(in srgb, var(--runner-color), white 38%);color:color-mix(in srgb, var(--runner-color), black 42%);background:#ffffffb8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.cardTotalBlock{z-index:1;gap:2px;display:grid;position:relative}.cardTotalBlock span,.cardTotalBlock small{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.cardTotalBlock strong{font-size:34px;line-height:.95}.goalMeter{background:#ece5d7;border-radius:999px;height:8px;margin:0;overflow:hidden}.goalMeter span{border-radius:inherit;background:var(--runner-color);transform-origin:0;height:100%;animation:meterFillIn .7s var(--ease-out) both;display:block}.runnerBadge{background:var(--runner-color);color:#fff;width:42px;height:42px;transition:transform var(--anim-normal) var(--ease-spring), box-shadow var(--anim-normal) var(--ease-smooth);border-radius:8px;place-items:center;font-weight:900;display:inline-grid}.smallBadge{flex:none;width:34px;height:34px;font-size:14px}.runnerBadge:hover{transform:scale(1.08)rotate(-3deg);box-shadow:0 4px 12px #00000026}.cardStatGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cardStat{border:1px solid color-mix(in srgb, var(--runner-color), white 52%);background:#ffffffb8;border-radius:8px;gap:4px;min-width:0;padding:8px;display:grid}.cardStat span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:950}.cardStat strong{overflow-wrap:anywhere;color:var(--ink);font-size:13px;line-height:1.1}.cardFinePrint{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px;font-weight:800;display:grid}.cardFinePrint span{overflow-wrap:anywhere;min-width:0}.cardFinePrint strong{color:var(--ink)}.cardComeback{background:#fff7d7c2;border:1px solid #d8c27a;border-radius:8px;gap:4px;padding:10px;display:grid}.cardComeback span,.cardComeback small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.cardComeback strong{overflow-wrap:anywhere;color:#6e5520;font-size:15px}.cardBack{z-index:1;border:1px solid color-mix(in srgb, var(--runner-color), white 48%);background:#ffffffb3;border-radius:8px;padding:10px;position:relative}.cardBack summary{cursor:pointer;color:color-mix(in srgb, var(--runner-color), black 35%);text-transform:uppercase;font-size:12px;font-weight:950}.cardBackGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.cardBack p{color:var(--muted);margin:10px 0 0;font-size:13px;font-weight:800}.streakStrip{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:14px;display:grid}.streakStrip span{min-height:28px;color:var(--muted);background:#fbfaf6;border:1px solid #ebe4d7;border-radius:7px;place-items:center;font-size:11px;font-weight:900;display:grid}.streakStrip .ran{border-color:color-mix(in srgb, var(--runner-color), white 35%);background:color-mix(in srgb, var(--runner-color), white 82%);color:color-mix(in srgb, var(--runner-color), black 25%);animation:popIn .25s var(--ease-spring) both}.miniHeatmap{grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;margin-top:12px;display:grid}.heatCell{aspect-ratio:1;background:#eee8dc;border-radius:3px}.heat-1{background:color-mix(in srgb, var(--runner-color), white 78%)}.heat-2{background:color-mix(in srgb, var(--runner-color), white 55%)}.heat-3{background:color-mix(in srgb, var(--runner-color), white 30%)}.heat-4{background:var(--runner-color)}.lastRun{color:var(--muted);margin:16px 0 0;font-size:14px;font-weight:700}.badgeStrip{flex-wrap:wrap;gap:7px;margin-top:14px;font-size:12px;font-weight:900;display:flex}.profileButton{z-index:1;justify-self:start;position:relative}.modalLayer{z-index:50;background:#151b186b;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.runnerProfileModal{border:1px solid color-mix(in srgb, var(--runner-color), white 35%);background:linear-gradient(135deg, color-mix(in srgb, var(--runner-color), white 88%), #fffffff5 44%), var(--surface);border-radius:8px;gap:18px;width:min(680px,100%);padding:18px;display:grid;box-shadow:0 24px 80px #151b1842}.runnerProfileModal--rare{border-color:#b7c8df}.runnerProfileModal--epic{border-color:#d3b6e6}.runnerProfileModal--legend{border-color:#d8c27a}.weeklyRecapModal{background:var(--surface);border:1px solid #d8c27a;border-radius:8px;gap:18px;width:min(920px,100%);max-height:min(860px,100vh - 36px);padding:18px;display:grid;overflow:auto;box-shadow:0 24px 80px #151b1842}.profileIdentityLine{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.profileIdentityLine span{border:1px solid color-mix(in srgb, var(--runner-color), white 48%);color:color-mix(in srgb, var(--runner-color), black 32%);background:#ffffffb8;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:950}.profileSummary{border:1px solid color-mix(in srgb, var(--runner-color), white 55%);background:#ffffffa3;border-radius:8px;gap:3px;padding:10px 12px;display:grid}.profileSummary strong{font-size:15px}.profileSummary span,.profileEmptyState{color:var(--muted);font-size:13px}.profileEmptyState{margin:0}.profileRecordGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.profileTrend{grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;display:grid}.profileTrendSummary{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:800}.profileTrend span{min-height:30px;color:var(--muted);background:#fbfaf6;border:1px solid #ebe4d7;border-radius:7px;place-items:center;font-size:11px;font-weight:900;display:grid}.profileTrend .ran{border-color:color-mix(in srgb, var(--runner-color), white 35%);background:color-mix(in srgb, var(--runner-color), white 78%);color:color-mix(in srgb, var(--runner-color), black 25%)}.profileMatchups{gap:8px;display:grid}.profileMatchup{background:#ffffffa8;border:1px solid #ebe4d7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.profileMatchup strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profileMatchup>div{min-width:0}.profileMatchup small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:11px;font-weight:800;display:block}.profileMatchup span{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:900}.profileMatchup--ahead span{color:color-mix(in srgb, var(--runner-color), black 25%)}.profileMatchup--behind span{color:#8a1e3a}.achievement{border:1px solid var(--line);animation:popIn .3s var(--ease-spring) both;border-radius:999px;padding:5px 8px}.achievement--gold{color:#6e5520;background:#fff7d7;border-color:#d8c27a}.achievement--green{color:#0d5c3d;background:#e8f5ee;border-color:#9dd0b8}.achievement--rose{color:#8a1e3a;background:#fff0f3;border-color:#ebb2c0}.achievement--blue{color:#274b7c;background:#eef5fb;border-color:#b7c8df}.chartPanel,.feedPanel{min-width:0;margin-bottom:18px;overflow:hidden}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:13px;font-weight:800;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.dot{background:var(--runner-color);border-radius:999px;width:10px;height:10px}.chartStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.chartStats div{background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.chartStats span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.chartStats strong{overflow-wrap:anywhere;font-size:15px}.activityChart{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;background:linear-gradient(#17201b0f 1px,#0000 1px) 0 0/100% 25%,linear-gradient(#fffdf8,#fbfaf6);border:1px solid #ebe4d7;border-radius:8px;grid-template-columns:repeat(14,minmax(34px,1fr));align-items:end;gap:8px;width:100%;min-width:0;max-width:100%;min-height:250px;padding:16px 12px 10px;display:grid;overflow:auto hidden}.activityDay{grid-template-rows:minmax(170px,1fr) auto;gap:8px;min-width:0;display:grid}.activityColumn{flex-direction:column;justify-content:flex-end;align-items:center;min-height:170px;display:flex}.stackedBar{width:min(100%,28px);min-height:4px;transition:height .7s var(--ease-out);transform-origin:bottom;animation:barRise .55s var(--ease-out) both;background:#eee8dc;border:1px solid #17201b14;border-radius:999px 999px 8px 8px;flex-direction:column-reverse;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff9e,0 8px 16px #4b342114}.stackSegment{background:var(--runner-color);min-height:4px}.activityDay:not(.hasMiles) .stackedBar{box-shadow:none;border-color:#0000;border-radius:999px}.dayTotal{color:var(--ink);white-space:nowrap;align-self:center;margin-bottom:6px;font-size:10px;font-weight:900}.activityDay.isToday .dayLabel{background:var(--ink);color:#fff}.dayLabel{min-height:24px;color:var(--muted);text-align:center;border-radius:999px;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.runList{gap:10px;display:grid}.feedStack{gap:12px;display:grid}.eventList{gap:8px;display:grid}.eventRow{background:#fbfaf6;border:1px solid #ebe4d7;border-left-width:4px;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.eventRow--gold{border-left-color:#e9b84a}.eventRow--green{border-left-color:#18845d}.eventRow--rose{border-left-color:#d94f76}.eventRow--blue{border-left-color:#3f6fb5}.eventIcon{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.eventRow strong,.eventRow p{overflow-wrap:anywhere}.eventRow strong{line-height:1.15;display:block}.eventRow p{color:var(--muted);margin:3px 0 0;font-size:12px;font-weight:800}.eventRow time{color:var(--muted);text-align:right;white-space:nowrap;font-size:11px;font-weight:900}.feedEmptyState,.recapEmpty{text-align:center;background:#f3fbf6;border:1px dashed #9dd0b8;border-radius:8px;gap:8px;padding:16px;display:grid}.feedEmptyState strong,.recapEmpty strong{color:var(--ink);font-size:17px}.feedEmptyState p,.recapEmpty p{color:var(--muted);margin:0;font-size:14px;font-weight:800}.feedEmptyState .primaryButton{margin-top:4px}.runRow{transition:transform var(--anim-fast) var(--ease-smooth), box-shadow var(--anim-fast) var(--ease-smooth);background:#fbfaf6;border:1px solid #ebe4d7;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"badge details miles""badge reactions reactions""badge action action";align-items:center;gap:12px;padding:10px;display:grid}.runRow:first-child .runnerBadge{animation:badgePulse .9s var(--ease-out) .15s}.runRow:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4b342114}.runDetails{min-width:0}.runDetails>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.runDetails span,.runDetails p{color:var(--muted)}.runDetails p{overflow-wrap:anywhere;margin:4px 0 0}.runDetails .runMeta{font-weight:800}.runMiles{white-space:nowrap;grid-area:miles;justify-self:end}.runRow .deleteButton{grid-area:action;width:100%}.reactionBar{flex-wrap:wrap;grid-area:reactions;gap:6px;display:flex}.reactionBar button{min-width:42px;min-height:38px;color:var(--muted);background:#fff;border:1px solid #ebe4d7;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:900;display:inline-flex}.reactionEmoji{font-size:20px;line-height:1}.reactionBar strong{min-width:18px;height:18px;color:var(--ink);background:#f3efe6;border-radius:999px;place-items:center;font-size:11px;line-height:1;display:inline-grid}.reactionBar .reacted{color:#6e5520;animation:popIn .2s var(--ease-spring) both;background:#fff7d7;border-color:#d8c27a}.reactionBar .reacted strong{color:#5d4313;background:#f4d986}.calledShotBanner{background:#fff7d7;border:1px solid #d8c27a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.calledShotBanner span{color:#6e5520;text-transform:uppercase;font-size:12px;font-weight:950}.calledShotBanner strong{color:#5d4313;font-size:16px}.calledShotBanner button{color:#6e5520;background:#ffffffbd;border:1px solid #6e552038;border-radius:8px;min-height:34px;padding:6px 9px;font-size:12px;font-weight:900}.runRow .runDetails{grid-area:details}.runRow .runBadge{grid-area:badge}.deleteButton{color:#9b2f36;min-height:44px}.empty{color:var(--muted);text-align:center;border:1px dashed #cfc6b5;border-radius:8px;margin:0;padding:18px;font-weight:800}.toastContainer{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;animation:toastSlideIn .35s var(--ease-spring) both;border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:800;display:flex;box-shadow:0 12px 36px #17201b2e}.toast.exiting{animation:toastSlideOut .25s var(--ease-smooth) both}.toast--milestone{color:#7a5a10;background:linear-gradient(135deg,#fff7d7 0%,#ffe4a8 100%);border:1px solid #e9b84a}.toast--success{color:#0d5c3d;background:linear-gradient(135deg,#e8f5ee 0%,#c8e6d8 100%);border:1px solid #18845d}.toast--confetti{color:#8a1e3a;background:linear-gradient(135deg,#fff0f3 0%,#ffd4de 100%);border:1px solid #d94f76}.appFooter{color:var(--muted);justify-content:center;margin-top:8px;font-size:12px;font-weight:800;display:flex}.authApp .appFooter{margin-top:0}.shimmer{background:linear-gradient(90deg,#f0ece0 25%,#f7f4ec 50%,#f0ece0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s linear infinite shimmer}.streakFire{align-items:center;gap:4px;display:inline-flex}.streakFire:before{content:"🔥";animation:1.2s ease-in-out infinite firePulse;display:inline-block}.copySuccess{animation:popIn .3s var(--ease-spring) both}.headToHead{animation:fadeSlideUp .5s var(--ease-out) .1s both}.brandMark{width:70px;height:70px;transition:transform var(--anim-slow) var(--ease-spring);border-radius:8px;box-shadow:0 18px 36px #4b34211f}.brand:hover .brandMark{transform:rotate(-5deg)scale(1.05)}.showdown{animation-delay:50ms}.logPanel{animation-delay:.1s}.groupPanel{animation-delay:.15s}.runnerCard{animation:fadeSlideUp var(--anim-slow) var(--ease-out) both}.runnerCard:first-child{animation-delay:.1s}.runnerCard:nth-child(2){animation-delay:.18s}.runnerCard:nth-child(3){animation-delay:.26s}.runnerCard:nth-child(4){animation-delay:.34s}.runnerCard:nth-child(5){animation-delay:.42s}.runnerCard:nth-child(6){animation-delay:.5s}.runnerCard:nth-child(7){animation-delay:.58s}.runnerCard:nth-child(8){animation-delay:.66s}.runRow{animation:fadeSlideUp .4s var(--ease-out) both}.chartPanel{animation-delay:.2s}.feedPanel{animation-delay:.25s}.animatedNumber{animation:numberTick .4s var(--ease-out) both;display:inline-block}.confettiCanvas{pointer-events:none;z-index:999;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (max-width:860px){body{background:var(--paper)}.app{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.topbar,.showdown{align-items:stretch}.topbar,.showdown,.scoreGrid,.runnerGrid,.notificationPanel,.profileRecordGrid,.memberGrid{flex-direction:column;grid-template-columns:1fr}.notificationIcon{width:42px;height:42px}.notificationActions{justify-items:stretch;min-width:0}.scoreGrid,.runnerGrid{display:grid}.mobilePane{display:none}.mobilePane.isActive{gap:18px;display:grid}.mobileHeroPanel,.homeRecentPanel{display:grid}.topbar{z-index:50;padding:calc(10px + env(safe-area-inset-top)) 8px 10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f4ece6;border-bottom:1px solid #ded8cac7;flex-direction:column;align-items:stretch;margin:-12px -8px 16px;position:sticky;top:0}.topbarMeta{justify-items:stretch}.brand{gap:10px}.brand h1{font-size:28px;line-height:1}.brandMark{width:48px;height:48px}.signedInBadge{width:100%;box-shadow:none}.headToHead{display:none}.mobileTabBar{right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ded8cadb;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px;display:grid;position:fixed;left:10px;box-shadow:0 18px 48px #17201b2e}.mobileTabBar button{min-width:0;min-height:54px;color:var(--muted);background:0 0;border:0;border-radius:16px;place-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:900;display:grid}.mobileTabBar button:hover{box-shadow:none}.mobileTabBar .activeMobileTab{background:var(--ink);color:#fff}.mobileTabBar svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:21px;height:21px}.activityChart::-webkit-scrollbar{height:6px}.activityChart::-webkit-scrollbar-thumb{background:#ddd2b9;border-radius:999px}.activityDay{min-width:34px}.challengeItem{grid-template-columns:1fr;align-items:stretch}}@media (max-width:560px){.app{width:min(100% - 16px,1180px);padding-top:12px}h1{font-size:clamp(28px,11vw,42px)}h2{font-size:20px}.panel,.panel.showdown,.panel.weeklyPanel,.panel.logPanel,.panel.mobileHeroPanel,.panel.homeRecentPanel,.panel.comebackPanel,.panel.rivalryPanel,.panel.freezePanel,.panel.groupPanel,.panel.recapPanel,.panel.runnerCard,.panel.chartPanel,.panel.feedPanel,.runnerProfileModal{padding:14px}.weeklyRecapModal{max-height:calc(100vh - 24px);padding:14px}.profileTrend{gap:4px}.profileTrend span{min-height:26px;font-size:10px}.brandMark{width:46px;height:46px}.welcomeIdentity{align-items:flex-start}.welcomeBadge{width:54px;height:54px;font-size:20px}.eyebrow{font-size:11px}.runForm,.memberForm,.goalForm,.exportStatusGrid,.groupActions,.inviteBox,.calledShotBanner,.firstRunPanel,.firstRunSteps,.firstRunActions,.runRow{grid-template-columns:1fr}.groupActions{width:100%}.recentGroupsHead{gap:2px;display:grid}.memberForm .primaryButton{min-height:48px}.inviteBox,.settingsStatusBlock,.memberPill{flex-direction:column;align-items:stretch}.runnerManagerRow{grid-template-columns:1fr}.miniButton{width:100%;min-height:42px}.headToHead{gap:8px;padding:8px;font-size:13px}.standItem{flex:100%}.showdown{gap:16px}.sectionHead{flex-direction:column;align-items:stretch}.runMiles{justify-self:stretch;width:100%;font-size:20px}.deleteButton{min-height:44px}.runList{gap:8px}.dayLabel{font-size:10px}.runnerCard{padding-bottom:12px}.runnerCard .sectionHead{gap:10px}.statRow{gap:10px;font-size:13px}.authPanel{width:100%;margin:0 4px}.authForm .primaryButton{min-height:48px}.modeTabs{margin-top:14px}.modeTabs button{min-height:42px}.runForm{gap:10px}.quickChips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.quickChips button{flex:none}.pacePreview{flex-direction:column;align-items:flex-start}.pacePreview strong{text-align:left}.homeActions{grid-template-columns:1fr}.notice{font-size:13px}.chartStats{grid-template-columns:1fr}.activityChart{grid-template-columns:repeat(14,minmax(32px,1fr));min-height:220px;padding:14px 10px 8px}.activityDay{grid-template-rows:minmax(145px,1fr) auto}.activityColumn{min-height:145px}.stackedBar{width:24px}}