#lights{width:100%;height:100%;position:absolute;overflow:hidden}canvas{width:100%;height:100%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17202a;font-synthesis:none;text-rendering:geometricprecision;background:#fff7e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:radial-gradient(circle at 15% 8%,#ffc94d6b,#0000 28%),radial-gradient(circle at 78% 4%,#48d3c44d,#0000 30%),linear-gradient(135deg,#fff4d8 0%,#ffe9ef 42%,#e1fbff 100%);min-width:320px;margin:0;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.pageShell{isolation:isolate;min-height:100vh;padding:28px clamp(16px,5vw,72px) 72px;position:relative}.hyperspeedLayer{z-index:-2;background:#000;position:fixed;inset:0;overflow:hidden}.hyperspeedLayer #lights{width:100%;height:100%;position:absolute;inset:0}.hyperspeedLayer canvas{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.hyperspeedLayer{display:none}.scrollFloat,.splitText,.blurText,.spin{animation:none}.revealOnScroll{opacity:1;transition:none;transform:none}}.topNav{z-index:8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffffa3,#ecf4ef73);border:1px solid #ffffff8a;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:0 auto 58px;padding:10px;display:grid;position:sticky;top:18px;overflow:hidden;box-shadow:0 18px 56px #0000003d,0 0 38px #ff6f3f29,inset 0 1px #ffffffb8}.gradualBlur:after{content:"";pointer-events:none;filter:blur(12px);background:radial-gradient(#ff744738,#ff744700 68%);border-radius:999px;height:26px;position:absolute;bottom:-20px;left:7%;right:7%}.brandMark{color:#111827;letter-spacing:0;align-items:center;gap:10px;min-height:42px;padding:0 16px;font-size:17px;font-weight:900;display:inline-flex}.brandMark svg{color:#ff5a36}.gooeyNav{background:#fff6;border-radius:999px;justify-self:center;align-items:center;gap:4px;min-width:0;padding:5px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffffad}.gooeyFilter{width:0;height:0;position:absolute;overflow:hidden}.gooeyNav a{z-index:1;color:#53616d;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 13px;font-size:12px;font-weight:950;text-decoration:none;transition:color .18s,transform .18s,background .22s;display:inline-flex;position:relative}.gooeyNav a:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:#ff5a36;transition:opacity .22s,transform .22s;position:absolute;inset:2px;transform:scale(.62)}.gooeyNav a:hover{color:#182333;transform:translateY(-1px)}.gooeyNav a.active{color:#fff}.gooeyNav a.active:before{opacity:1;transform:scale(1)}.navRight{align-items:center;gap:10px;min-width:0;display:inline-flex}.syncPill{color:#40515e;white-space:nowrap;background:#ffffff9e;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffbf}.syncPill svg{color:#ff6a2a}.syncPill.active{color:#183042;background:#ffeab0c7}.bubbleMenu{background:#ffffff8f;border-radius:999px;gap:8px;padding:5px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffb8}.bubbleMenu button,.primaryAction,.saveButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5a36,#ff9d3f);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 12px 28px #ff5a363d}.bubbleMenu button{height:38px;padding:0 14px;font-size:13px;font-weight:800}.bubbleMenu button:last-child{color:#183042;box-shadow:none;background:#ffffffbd}.bubbleMenu button:hover,.primaryAction:hover,.saveButton:hover{transform:translateY(-1px);box-shadow:0 18px 40px #ff5a364d}.bubbleMenu button:disabled{opacity:.62;cursor:wait}.landingHero{perspective:800px;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:start;gap:clamp(22px,4vw,46px);max-width:1180px;min-height:62vh;margin:0 auto 92px;display:grid}.heroCopy{align-content:center;gap:16px;padding-top:clamp(72px,11vh,136px);display:grid}.tinyKicker{color:#714314;background:#ffffffa3;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:9px 13px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffb8}.tinyKicker svg{color:#ff6a2a}.splitText{color:#f8fbff;letter-spacing:0;text-shadow:0 2px #0a101a57,0 20px 70px #0000006b,0 0 42px #ff755338;max-width:850px;margin:0;font-size:clamp(43px,7.5vw,96px);font-weight:950;line-height:.96;animation:.72s cubic-bezier(.2,.78,.2,1) both splitIn}.blurText{color:#f6fbffd1;text-shadow:0 14px 40px #0000007a;max-width:720px;margin:0;font-size:clamp(17px,2vw,24px);line-height:1.65;animation:.86s .12s both blurIn}.abilityScorePanel{isolation:isolate;border-radius:30px;width:min(760px,100%);padding:1px 0;display:block;position:relative;overflow:hidden}.abilityScoreInner{z-index:1;border-radius:inherit;color:#f8fbff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#08101a3d,#ff5a3614),radial-gradient(circle at 18% 18%,#ff7a2f33,#0000 34%);border:1px solid #fff3;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;min-height:180px;padding:18px 18px 14px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff3,0 20px 60px #0003,0 0 44px #ff6a2a1f}.abilityStarBorder{z-index:0;opacity:.72;pointer-events:none;filter:blur(.2px)drop-shadow(0 0 14px #ff7a2fc7);background:radial-gradient(circle,#ff7a2f,#ffc47099 4%,#0000 10%);border-radius:50%;width:300%;height:50%;animation-duration:4.8s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.abilityStarBottom{animation-name:starMovementBottom;bottom:-12px;right:-250%}.abilityStarTop{animation-name:starMovementTop;top:-12px;left:-250%}@keyframes starMovementBottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes starMovementTop{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}.scoreBlock{align-content:center;gap:6px;min-width:0;display:grid;position:relative}.scoreBlock>span{color:#fff0e0d1;font-size:13px;font-weight:900}.scoreValue{color:#fff;letter-spacing:0;text-shadow:0 0 24px #ff732b70,0 12px 42px #0000005c;align-items:flex-start;width:fit-content;font-size:clamp(52px,6vw,78px);font-weight:950;line-height:.92;display:inline-flex;position:relative}.scoreHelp{color:#fff7ed;cursor:help;background:#ff6a2a7a;border:1px solid #ffffff70;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;margin:-2px 0 0 5px;font-size:13px;font-weight:950;display:inline-flex;position:relative;box-shadow:0 8px 20px #ff6a2a33}.scoreHelp span{z-index:6;color:#203044;opacity:0;pointer-events:none;text-align:left;background:#fffcf4f5;border-radius:18px;width:min(420px,70vw);padding:13px 14px;font-size:13px;font-weight:800;line-height:1.55;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-4px);box-shadow:0 18px 50px #00000047,inset 0 0 0 1px #ffffffe6}.scoreHelp:hover span,.scoreHelp:focus-visible span{opacity:1;transform:translate(0)}.scoreBlock p{margin:0;font-size:13px;font-weight:900}.scoreBlock p.positive{color:#8ff5bf}.scoreBlock p.negative{color:#ffd39e}.abilityChartBlock{gap:8px;min-width:0;display:grid}.abilityRangeTabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border-radius:999px;justify-self:end;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 28px #0000001f}.abilityRangeTabs button{color:#fff6eab8;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:25px;padding:0 9px;font-size:11px;font-weight:950;transition:color .16s,background .16s,box-shadow .16s,transform .16s}.abilityRangeTabs button:hover{color:#fff;transform:translateY(-1px)}.abilityRangeTabs button.selected{color:#fff;background:#ff5a36;box-shadow:0 8px 20px #ff5a364d,inset 0 1px #ffffff3d}.abilityCurve{background:0 0;width:100%;min-width:0;height:150px;display:block;overflow:visible}.abilityGridLine{stroke:#ffffff24;stroke-width:1px;stroke-dasharray:4 8}.abilityAxis{fill:#fff4e8a8;font-size:11px;font-weight:800}.abilityAreaPath{fill:url(#abilityArea)}.abilityLinePath{fill:none;stroke:#ff7a2f;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.abilityDot{fill:#fff3e4;stroke:#ff7a2f;stroke-width:2px;filter:drop-shadow(0 0 8px #ff7a2fc7)}.abilityDotHit{fill:#0000;stroke:#0000;cursor:crosshair}.abilityPointTip{opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;transform:translateY(5px)}.abilityPoint:hover .abilityPointTip,.abilityPoint:focus-visible .abilityPointTip{opacity:1;transform:translateY(0)}.abilityPointTip rect{fill:#fffaeff5;stroke:#ff7a2f6b;stroke-width:1px;filter:drop-shadow(0 10px 18px #00000047)}.abilityPointTip text{fill:#14202b;text-anchor:middle;font-size:11px;font-weight:900}.abilityCurve.empty{color:#ffffffb8;place-items:center;font-size:13px;font-weight:800;display:grid}@keyframes splitIn{0%{opacity:0;transform:translateY(28px)scale(.98)}}@keyframes blurIn{0%{opacity:0;filter:blur(14px);transform:translateY(12px)}}.badgeRow{flex-wrap:wrap;gap:10px;display:flex}.badgeRow span{color:#f8fbff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a121d6b;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff42,0 12px 30px #00000038}.tiltedCard{transform-style:preserve-3d;transform-origin:50%;will-change:transform;position:relative}.tiltedCard>*{transform:translateZ(30px)}.borderGlow{isolation:isolate;position:relative}.borderGlow:before{content:"";z-index:-1;border-radius:inherit;filter:blur(15px);opacity:.42;background:linear-gradient(135deg,#ff5c38f2,#4ade80a6,#38bdf8bf);transition:opacity .22s,filter .22s;position:absolute;inset:-1px}.borderGlow:hover:before{opacity:.62;filter:blur(18px)}.reactBorderGlow{--edge-proximity:46;--cursor-angle:45deg;--glow-strength:clamp(.28, calc((var(--edge-proximity) - 18) / 82), 1);isolation:isolate;position:relative;overflow:visible}.reactBorderGlow>*{z-index:2;position:relative}.reactBorderGlow:before,.reactBorderGlow:after{content:"";pointer-events:none;border-radius:inherit;transition:opacity .24s,filter .24s,transform .24s;position:absolute}.reactBorderGlow:before{z-index:1;background:conic-gradient(from var(--cursor-angle) at 50% 50%, transparent 0deg, #ff5a3614 18deg, #ff5a36f5 42deg, #ffc25ce6 62deg, #2dd4bfeb 84deg, #38bdf8d1 106deg, transparent 132deg, transparent 360deg);-webkit-mask-composite:xor;opacity:calc(.34 + var(--glow-strength) * .42);padding:2px;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.reactBorderGlow:after{z-index:-1;background:conic-gradient(from var(--cursor-angle) at 50% 50%, transparent 0deg, #ff5a3614 18deg, #ff5a368f 42deg, #ffc25c6b 64deg, #2dd4bf80 88deg, #38bdf861 112deg, transparent 142deg, transparent 360deg);-webkit-mask-composite:xor;filter:blur(12px);opacity:calc(.2 + var(--glow-strength) * .34);padding:8px;inset:-8px;transform:none;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.reactBorderGlow:hover:before{opacity:calc(.52 + var(--glow-strength) * .48)}.reactBorderGlow:hover:after{opacity:calc(.28 + var(--glow-strength) * .62);filter:blur(14px)}.revealOnScroll{opacity:0;transition:opacity .7s cubic-bezier(.2,.78,.2,1),transform .7s cubic-bezier(.2,.78,.2,1);transform:translateY(26px)}.revealOnScroll.visible{opacity:1;transform:translateY(0)}.workoutHero,.heroCard,.focusCard,.abilityCard,.stepsCard,.tipsCard,.settingsPanel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffa8;border:1px solid #ffffffc7;border-radius:28px;box-shadow:0 24px 70px #34415424}.workoutHero{color:#15202b;gap:18px;padding:28px;display:grid}.cardTop{color:#203044;justify-content:space-between;align-items:center;font-size:13px;font-weight:950;display:flex}.cardTop span{color:#fff8f1;background:linear-gradient(135deg,#ff5a36,#ff8a2a);border-radius:999px;align-items:center;min-height:28px;padding:0 11px;display:inline-flex;box-shadow:0 10px 22px #ff5a3638}.cardTop svg{color:#ff5a36}.workoutHero>strong{color:#111827;font-size:32px;line-height:1.14}.workoutHero>p,.workoutTarget{color:#4d5a66;margin:0;font-size:15px;line-height:1.7}.weatherStrip{color:#183042;background:linear-gradient(135deg,#fff4d6e0,#e2fcffc7),linear-gradient(135deg,#ff6a2a1f,#38bdf81f);border-radius:18px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;padding:11px 13px;display:grid;box-shadow:inset 0 0 0 1px #ffffffd1,0 12px 28px #ff8a2a1c}.weatherStrip svg{color:#ff6a2a;filter:drop-shadow(0 5px 10px #ff6a2a3d)}.weatherStrip span{color:#7a551d;white-space:nowrap;font-size:12px;font-weight:950}.weatherStrip strong{color:#203044;min-width:0;font-size:13px;line-height:1.45}.recoverySignal{background:linear-gradient(135deg,#ffffffc7,#fff6dbb8),linear-gradient(135deg,#ff6a2a26,#4ade801f);border-radius:20px;gap:5px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffffffd1,0 14px 34px #ff8a2a1f}.recoverySignal span{color:#7a551d;font-size:12px;font-weight:950}.recoverySignal strong{color:#14202b;font-size:18px;line-height:1.25}.recoverySignal.high{background:linear-gradient(135deg,#fff1e8e6,#ffffffc2),linear-gradient(135deg,#ff5a362e,#ffb04c2e)}.recoverySignal.low{background:linear-gradient(135deg,#ebfff6e0,#ffffffc2),linear-gradient(135deg,#4ade802e,#38bdf81f)}.readinessSwitch{gap:9px;display:grid}.readinessSwitch>span{color:#5e6b75;font-size:12px;font-weight:950}.readinessSwitch>div{flex-wrap:wrap;gap:7px;display:flex}.readinessSwitch button{color:#34424f;cursor:pointer;background:#ffffff9e;border:0;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900;transition:transform .16s,background .16s,color .16s;box-shadow:inset 0 0 0 1px #ffffffd1}.readinessSwitch button:hover{transform:translateY(-1px)}.readinessSwitch button.selected{color:#fff;background:linear-gradient(135deg,#14283a,#ff6a2a);box-shadow:0 10px 22px #ff6a2a33}.readinessSwitch button:disabled{cursor:wait;opacity:.62}.workoutNumbers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.workoutNumbers div{color:#fff;background:linear-gradient(135deg,#152638,#263c52);border-radius:22px;min-height:104px;padding:16px}.workoutNumbers div:last-child{background:linear-gradient(135deg,#16a085,#4ade80)}.workoutNumbers span{color:#ffffffb8;margin-bottom:12px;font-size:12px;display:block}.workoutNumbers b{font-size:clamp(21px,2.4vw,25px);line-height:1.1}.trainingTargets{gap:12px;display:grid}.powerBreakdown{background:linear-gradient(135deg,#ffffff94,#fff9e880),linear-gradient(135deg,#ff8a2a14,#2ac4aa14);border-radius:22px;gap:9px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #fffc}.targetHeader{color:#5e6b75;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.targetHeader svg{color:#ff5a36}.powerRow{color:#183042;background:#ffffffb8;border-radius:18px;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:12px;min-height:50px;padding:9px 12px 9px 9px;display:grid;box-shadow:inset 0 0 0 1px #ffffffd1,0 10px 24px #2030420d}.powerRow span{color:#fff;background:#1f3448;border-radius:999px;justify-content:center;padding:7px 8px;font-size:12px;font-weight:950;display:inline-flex}.powerRow strong{color:#1f2937;font-size:14px;line-height:1.42}.powerRow.恢复{background:linear-gradient(135deg,#f0fff8eb,#ffffffb8)}.powerRow.主组,.powerRow.巡航{background:linear-gradient(135deg,#fff6e1f0,#ffffffb8)}.powerRow.弯后,.powerRow.出弯{background:linear-gradient(135deg,#ffece8f0,#ffffffb8)}.powerRow.短坡{background:linear-gradient(135deg,#f4eefff5,#ffffffb8)}.powerRow.恢复 span,.powerRow.放松 span,.powerRow.热身 span{background:#4bb38f}.powerRow.主组 span,.powerRow.巡航 span{background:#ff8a2a}.powerRow.弯后 span,.powerRow.出弯 span{background:#ff4d3d}.powerRow.短坡 span{background:#8b5cf6}.powerRow.上限 span,.powerRow.全程 span{background:#2563eb}.rhythmGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rhythmItem{background:#ffffff94;border-radius:18px;padding:13px;box-shadow:inset 0 0 0 1px #ffffffc7}.speedItem{background:linear-gradient(135deg,#e1fcffb8,#ffffff9e)}.cadenceItem{background:linear-gradient(135deg,#fff6d9c7,#ffffff9e)}.rhythmGrid span{color:#697582;font-size:12px;font-weight:900;display:block}.rhythmGrid strong{color:#111827;margin:7px 0;font-size:20px;display:block}.rhythmGrid p{color:#5b6875;margin:0;font-size:12px;line-height:1.5}.briefSection{max-width:1180px;margin:0 auto 46px}.briefSection>h2{color:#f8fbff;text-shadow:0 2px #0a101a59,0 18px 54px #00000094,0 0 32px #ff5a3629;margin:0 0 18px;font-size:clamp(27px,4vw,48px);font-weight:940;line-height:1.05}.scrollFloat{animation:.7s both floatIn}@keyframes floatIn{0%{opacity:0;transform:translateY(18px)}}.focusGrid,.abilityGrid{perspective:800px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.focusCard,.abilityCard{-webkit-backdrop-filter:blur(28px)saturate(1.15);backdrop-filter:blur(28px)saturate(1.15);background:linear-gradient(135deg,#ffffffe6,#ebfaf7d1),linear-gradient(135deg,#ff6a2a1f,#2ac4aa1a);min-height:188px;padding:22px;overflow:visible;box-shadow:0 22px 56px #0000003d,inset 0 1px #ffffffd1}.focusCard:nth-child(2),.abilityCard:nth-child(2){background:linear-gradient(135deg,#ffffffeb,#eff8ffd6),linear-gradient(135deg,#38bdf81f,#8b5cf614)}.focusCard:nth-child(3),.abilityCard:nth-child(3){background:linear-gradient(135deg,#ffffffeb,#faf4e8d6),linear-gradient(135deg,#ff5a361a,#ffc5571f)}.focusCard:not(.reactBorderGlow):after,.abilityCard:not(.reactBorderGlow):after,.miniMetric:not(.reactBorderGlow):after{content:"";opacity:0;background:radial-gradient(circle,#ff6a2a2e,#0000 68%);border-radius:50%;width:150px;height:150px;transition:opacity .22s,transform .22s;position:absolute;inset:auto -20% -45% auto;transform:translate(24px,24px)scale(.8)}.focusCard:not(.reactBorderGlow):hover:after,.abilityCard:not(.reactBorderGlow):hover:after,.miniMetric:not(.reactBorderGlow):hover:after{opacity:1;transform:translate(0)scale(1)}.focusCard span{color:#ff6a2a;font-size:14px;font-weight:950}.focusCard p,.abilityCard p{color:#263340;margin:14px 0 0;font-size:15px;font-weight:650;line-height:1.68}.abilityCard{align-content:start;gap:8px;display:grid}.abilityCard svg{color:#ff6a2a}.abilityCard span{color:#5a6672;font-size:13px;font-weight:900}.abilityCard strong{color:#101827;font-size:25px;line-height:1.1}.routeRibbon{-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12);background:linear-gradient(135deg,#ffffffd6,#dcf6f0b8),linear-gradient(135deg,#ff6a2a1f,#2ac4aa1f);border-radius:32px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;display:grid;box-shadow:0 22px 60px #00000047,inset 0 0 0 1px #ffffffc7}.miniMetric{background:#ffffff8c;border-radius:24px;gap:8px;padding:18px;transition:transform .18s,background .18s;display:grid;position:relative;overflow:visible}.miniMetric:hover{background:#ffffffb8;transform:translateY(-2px)}.miniMetric svg{color:#ff6a2a}.miniMetric span{color:#697582;font-size:12px;font-weight:800}.miniMetric strong{color:#131a22;font-size:24px}.splitAdvice{perspective:800px;grid-template-columns:1.05fr .95fr;gap:18px;display:grid}.stepsCard,.tipsCard{padding:26px}.stepsCard h2,.tipsCard h2{color:#111827;margin:0 0 16px;font-size:28px}.stepsCard ol,.tipsCard ul{color:#394855;gap:12px;margin:0;padding-left:20px;font-size:15px;line-height:1.72;display:grid}.recoveryNote{color:#fff;text-shadow:0 1px #5c1c0e40;background:linear-gradient(135deg,#ff5a36,#ff8a2a 58%,#ffb04c),radial-gradient(circle at 18% 12%,#ffffff57,#0000 38%);border-radius:22px;margin-top:20px;padding:18px 20px;font-weight:850;line-height:1.6;transform:translateY(-2px);box-shadow:0 18px 34px #ff5a3657,0 6px #952e182e,inset 0 1px #ffffff6b,inset 0 -12px 24px #8826161f}.modalLayer{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c232d47;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settingsPanel{width:min(720px,100%);padding:24px}.settingsHead{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.settingsHead h2{color:#111827;margin:0;font-size:31px}.settingsHead p{color:#66717c;margin:6px 0 0}.roundIcon{color:#15202b;cursor:pointer;background:#ffffffc7;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settingsGrid label{color:#66717c;gap:7px;font-size:13px;font-weight:800;display:grid}.settingsGrid label.wide{grid-column:1/-1}.settingsGrid input{color:#15202b;background:#ffffffb8;border:1px solid #11182714;border-radius:16px;outline:none;min-width:0;height:46px;padding:0 14px}.settingsGrid input:focus{border-color:#ff5a368c;box-shadow:0 0 0 4px #ff5a361f}.saveButton,.primaryAction{min-height:46px;margin-top:18px;padding:0 18px;font-size:14px;font-weight:900}.heroCard{text-align:center;max-width:880px;margin:18vh auto 0;padding:40px}.heroCard h1{color:#111827;margin:0;font-size:clamp(34px,6vw,72px);line-height:1.05}.heroCard p{color:#5d6874;max-width:640px;margin:18px auto 0;font-size:17px;line-height:1.7}.loadingSync{color:#40515e;background:#ffffffad;border-radius:999px;justify-content:center;align-items:center;min-height:38px;margin-top:22px;padding:0 16px;font-size:13px;font-weight:850;display:inline-flex}.pulseDot{background:#ff5a36;border-radius:50%;width:18px;height:18px;margin:0 auto 22px;animation:1.2s infinite pulse;box-shadow:0 0 #ff5a3673}@keyframes pulse{70%{box-shadow:0 0 0 18px #ff5a3600}}.errorHero{border-color:#ff5a365c}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.landingHero,.splitAdvice{grid-template-columns:1fr}.heroCopy{padding-top:0;transform:none}.focusGrid,.abilityGrid,.routeRibbon{grid-template-columns:1fr 1fr}}@media (width<=640px){.pageShell{padding:14px 14px 48px}.topNav{margin-bottom:34px;top:10px}.brandMark span,.gooeyNav,.bubbleMenu span,.syncPill{display:none}.bubbleMenu button{width:38px;padding:0}.landingHero{min-height:auto;margin-bottom:56px}.splitText{font-size:44px}.blurText{font-size:16px}.abilityScoreInner{grid-template-columns:1fr;gap:6px;min-height:0;padding:16px}.scoreValue{font-size:58px}.scoreHelp span{width:min(320px,82vw);left:auto;right:-6px;transform:translateY(-4px)}.scoreHelp:hover span,.scoreHelp:focus-visible span{transform:translate(0)}.abilityRangeTabs{justify-self:start}.abilityCurve{height:132px}.workoutHero,.focusCard,.abilityCard,.stepsCard,.tipsCard,.settingsPanel{border-radius:22px}.workoutNumbers,.rhythmGrid,.focusGrid,.abilityGrid,.routeRibbon,.settingsGrid{grid-template-columns:1fr}.routeRibbon{padding:10px}}