@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap");*{box-sizing:border-box}body,html{background:#0b1418}body{margin:0;color:#f6f8f5;font-family:Noto Sans Thai,Inter,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:480px;min-height:100vh;margin:auto;padding:24px 20px 105px;background:#101b20}.brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.logo{font-weight:900;font-size:25px;letter-spacing:2px}.lime{color:#cbfa58}.muted{color:#a6b8bc}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#cbfa58}.hero{font-size:42px;line-height:1.12;letter-spacing:-1.5px;margin:12px 0}.panel{background:#1c2a30;border:1px solid #2d4047;border-radius:22px;padding:20px;margin:15px 0}.panel h3{margin:0 0 12px}.metric{font-size:38px;font-weight:800;letter-spacing:-1px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.tile{background:#223238;border-radius:16px;padding:15px}.tile strong{display:block;font-size:23px;margin-top:7px}.small{font-size:12px}.field{display:block;margin:12px 0 6px;color:#b5c5c8;font-size:13px}.control{width:100%;border:1px solid #40535a;background:#142228;color:white;border-radius:12px;padding:13px}.action{width:100%;border:0;border-radius:14px;background:#cbfa58;color:#122018;padding:14px;font-weight:800;margin-top:12px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:480px;width:100%;display:flex;justify-content:space-around;background:#16242a;border-top:1px solid #33434a;padding:12px 4px 18px;z-index:5}.nav button{border:0;background:none;color:#a5b8bb;font-size:11px;display:grid;grid-gap:5px;justify-items:center}.pill{display:inline-block;border-radius:99px;background:#30443c;color:#cbfa58;padding:7px 11px;font-size:12px}.split{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35454b;padding:11px 0;font-size:14px}.bar{height:7px;background:#32454b;overflow:hidden;margin:10px 0}.bar,.bar>div{border-radius:20px}.bar>div{height:100%;background:#cbfa58}h2{font-size:25px;margin:0 0 12px}p{line-height:1.65}@media(min-width:800px){.shell{margin:30px auto;border:1px solid #2d4047;border-radius:30px;min-height:800px}}.hero-art{height:205px;position:relative;overflow:hidden;border-radius:24px;margin:0 0 26px;background:radial-gradient(circle at 75% 34%,#37543b 0,#172a2b 35%,#0a1519 75%);border:1px solid #334b45;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 42%,rgba(203,250,88,.08) 55%,transparent 72%);animation:shine 5s ease-in-out infinite}.track{position:absolute;width:125%;height:90px;left:-13%;bottom:-33px;border:2px solid transparent;border-top-color:#cbfa58;border-radius:50%;transform:rotate(-15deg);filter:drop-shadow(0 0 10px #cbfa58);animation:track-move 4s ease-in-out infinite alternate}.track-two{bottom:-9px;opacity:.25;animation-delay:-2s;transform:rotate(-10deg)}.runner-glow{position:absolute;top:37px;right:55px;filter:drop-shadow(0 0 28px rgba(203,250,88,.48));animation:float 3s ease-in-out infinite}.hero-art-label{position:absolute;left:18px;bottom:18px;font-size:10px;letter-spacing:2px;font-weight:800;color:#d4f6a1}.hero-art-label span{color:#cbfa58;font-size:17px}.logo-bounce{animation:logo-pop 1s cubic-bezier(.2,1.4,.5,1) both}.pulse-icon{animation:pulse 2.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes track-move{0%{translate:-10px 4px}to{translate:18px -7px}}@keyframes shine{0%,to{opacity:.3}50%{opacity:1}}@keyframes logo-pop{0%{opacity:0;transform:scale(.5) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.hero-art:before,.logo-bounce,.pulse-icon,.runner-glow,.track{animation:none!important}}.shell{padding:18px 15px 108px;background:#061115}.brand{margin-bottom:18px}.logo{font-size:23px!important;letter-spacing:-.8px!important}.photo-hero{height:270px;position:relative;border-radius:17px;overflow:hidden;background:#122126 url(/runner-sunset.svg) center 46%/cover no-repeat;border:1px solid #334342}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(3,13,17,.15) 34%,rgba(2,10,13,.94))}.hero-copy{position:absolute;bottom:20px;left:18px;right:15px;animation:reveal-up .75s ease both}.hero-kicker{letter-spacing:1.7px;color:#cbfa58;font-weight:800}.hero-copy h1{font-size:29px;line-height:1.2;margin:9px 0 8px;font-weight:900;letter-spacing:-.8px;text-shadow:0 2px 12px #081316}.hero-copy h1 em{font-style:normal;color:#cbfa58}.hero-copy p{margin:0;color:#d8e4e4;font-size:12px}.primary-cta{display:flex;align-items:center;justify-content:center;gap:14px;font-size:15px;margin:14px 0 26px;padding:15px;border-radius:12px;box-shadow:0 5px 25px rgba(203,250,88,.14)}.primary-cta span{font-size:20px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:22px 0 12px}.section-heading h3{font-size:15px;margin:0}.section-heading>span{font-size:9px;letter-spacing:1.1px;color:#768e91}.race-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px}.race-option{background:#15252b;color:#f1f6f3;border:1px solid #243a41;border-radius:12px;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px;transition:transform .18s ease,background .18s ease}.race-option strong{font-size:12px;letter-spacing:-.4px}.race-option small{font-size:9px;color:#91a6a9}.race-option.selected{background:#cbfa58;color:#0d1a18;border-color:#cbfa58;box-shadow:0 0 17px rgba(203,250,88,.13)}.race-option.selected small{color:#253526}.quick-tool:active,.race-option:active{transform:scale(.96)}.quick-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.quick-tool{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:#15252b;color:#f1f6f3;border:1px solid #243a41;border-radius:13px;min-height:88px;padding:10px 3px;transition:transform .18s}.quick-tool svg{color:#cbfa58}.quick-tool span{text-align:center;font-size:10px;line-height:1.3}.motivation-card{margin-top:20px;border-radius:13px;background:linear-gradient(110deg,#163a2d,#0a201e);border:1px solid #1e4d37;display:flex;align-items:center;justify-content:space-between;padding:17px 19px;line-height:1.5;font-size:13px;font-weight:700}.calculator-distances{margin-top:10px}.calculator-distances .race-option{min-height:66px}.mode-toggle{background:#15252b;border-radius:12px;padding:4px;gap:4px}.mode-toggle .action,.mode-toggle .control{margin:0;border:0;font-size:12px;padding:12px 4px;border-radius:9px;text-align:center}.mode-toggle .control{background:transparent;color:#b7c9c9}.result-panel{border-color:#b8e34c;background:linear-gradient(180deg,#132327,#09171b);box-shadow:inset 0 0 0 1px rgba(203,250,88,.09)}.result-panel>.metric{font-size:46px;text-align:center;margin:15px 0 20px;text-shadow:0 0 24px rgba(203,250,88,.18)}.result-panel .tile{text-align:center;background:transparent}.nav{background:#071519;border-top:1px solid #20343b;box-shadow:0 -10px 25px rgba(0,0,0,.22)}.nav button.active{color:#cbfa58}@keyframes reveal-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(min-width:800px){.shell{margin:30px auto;border-radius:30px}}@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}}.photo-hero{height:320px;border-radius:20px;background-color:#122126;background-image:linear-gradient(180deg,rgba(3,13,17,.04),rgba(3,13,17,.12) 42%,rgba(2,10,13,.35)),url(https://images.unsplash.com/photo-1552674605-db6ffd4facb5?auto=format&fit=crop&w=1400&q=85),url(/runner-sunset.svg);background-size:cover,cover,cover;background-position:50%,center 55%,50%;box-shadow:0 15px 45px rgba(0,0,0,.22)}.hero-photo-shade{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(1,9,11,.1) 35%,rgba(1,9,11,.88))}.hero-copy{left:20px;right:20px;bottom:24px}.hero-copy h1{font-size:clamp(27px,7.4vw,38px);margin:11px 0 12px}.hero-copy p{font-size:14px}.hero-kicker{font-size:10px;letter-spacing:2.3px}.brand{padding:5px 0 6px}.primary-cta{border-radius:14px;min-height:57px;font-weight:800}.race-option{border-radius:13px}.quick-tool{min-height:102px}.quick-tool svg{width:25px;height:25px}.nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(5,19,23,.96)}@media(min-width:600px){.photo-hero{height:390px}.hero-copy h1{font-size:44px}}.hero-copy h1,.primary-cta,.race-option strong,.section-heading h3,body,button,input,select{font-family:Noto Sans Thai,Inter,sans-serif}.photo-hero{background-image:linear-gradient(180deg,rgba(3,13,17,.03),rgba(3,13,17,.1) 45%,rgba(2,10,13,.82)),url(/hero-runner.webp),url(/runner-sunset.svg);background-position:50%,60%,50%;background-image:linear-gradient(180deg,rgba(3,13,17,.03),rgba(2,10,13,.82)),url(/hero-runner.webp);background-size:cover,cover;background-position:50%,60%}@media(max-width:599px){.shell{padding:14px 15px 112px}.brand{margin-bottom:14px}.photo-hero{height:300px;border-radius:19px;background-position:50%,72%;background-size:cover,cover}.hero-photo-shade{background:linear-gradient(180deg,rgba(1,10,14,.02),rgba(1,10,14,.03) 25%,rgba(1,10,14,.42) 55%,rgba(1,10,14,.92))}.hero-copy{left:17px;right:12px;bottom:16px}.hero-copy h1{font-size:30px;line-height:1.24;margin:8px 0}.hero-copy p{font-size:12px}.hero-kicker{font-size:9px;letter-spacing:1.8px}.primary-cta{min-height:52px;margin:12px 0 20px}.section-heading{margin:16px 0 10px}.section-heading h3{font-size:15px}.race-option{min-height:62px}.quick-tool{min-height:84px}}body,button,html,input,select{font-family:Noto Sans Thai,Inter,Arial,sans-serif}.hero-copy h1{font-family:Noto Sans Thai,sans-serif;letter-spacing:-.065em;line-height:1.25}.hero-copy h1,.hero-copy h1 em{font-weight:800}.section-heading h3{letter-spacing:-.035em}.primary-cta,.section-heading h3{font-family:Noto Sans Thai,sans-serif;font-weight:750}.primary-cta{letter-spacing:-.025em}.race-option strong{font-family:Inter,Noto Sans Thai,sans-serif;font-weight:800}.hero-kicker,.section-heading>span{font-family:Inter,sans-serif}.brand .logo-bounce{animation:pace-runner-stride 2.4s ease-in-out infinite;transform-origin:50% 75%;will-change:transform;filter:drop-shadow(0 0 0 rgba(203,250,88,0))}@keyframes pace-runner-stride{0%,to{transform:translateZ(0) rotate(-2deg) scale(1);filter:drop-shadow(0 0 0 rgba(203,250,88,0))}20%{transform:translate3d(1px,-3px,0) rotate(2deg) scale(1.045)}42%{transform:translateZ(0) rotate(-1deg) scale(1)}65%{transform:translate3d(1px,-2px,0) rotate(2deg) scale(1.04);filter:drop-shadow(0 0 7px rgba(203,250,88,.32))}85%{transform:translateZ(0) rotate(-1deg) scale(1)}}@media(prefers-reduced-motion:reduce){.brand .logo-bounce{animation:none;will-change:auto}}@media(max-width:599px){.shell:has(.photo-hero){position:relative;padding:0 0 108px;background:#061115}.shell:has(.photo-hero) .brand{position:absolute;z-index:3;top:22px;left:22px;right:22px;margin:0;padding:0;align-items:flex-start}.shell:has(.photo-hero) .brand .logo{font-size:27px!important;line-height:1.08;gap:9px!important;text-shadow:0 2px 8px rgba(0,0,0,.3)}.shell:has(.photo-hero) .brand .logo img{width:49px;height:49px;flex:none}.shell:has(.photo-hero) .brand .logo .small{font-size:11px;letter-spacing:0;color:#dce5e4}.shell:has(.photo-hero) .brand .pulse-icon{margin-top:11px}.shell:has(.photo-hero) .photo-hero{height:clamp(395px,115vw,500px);border:0;border-radius:0;background-position:50%,70%;background-size:cover,cover;box-shadow:none}.shell:has(.photo-hero) .hero-photo-shade{background:linear-gradient(180deg,rgba(2,12,17,.32),transparent 27%,rgba(1,10,14,.03) 43%,rgba(1,10,14,.4) 72%,#061115)}.shell:has(.photo-hero) .hero-copy{bottom:25px;left:24px;right:18px}.shell:has(.photo-hero) .hero-copy h1{font-size:clamp(34px,9vw,43px);line-height:1.18;letter-spacing:-.055em;margin:9px 0 11px}.shell:has(.photo-hero) .hero-kicker{font-size:10px;letter-spacing:2.1px;color:#f3f6f4;font-weight:600}.shell:has(.photo-hero) .hero-copy p{font-size:14px;color:#f3f6f4}.shell:has(.photo-hero) .primary-cta{width:calc(100% - 44px);margin:0 22px 20px;min-height:53px;border-radius:12px;box-shadow:0 7px 25px rgba(203,250,88,.11)}.shell:has(.photo-hero) .section-heading{margin:14px 22px 11px}.shell:has(.photo-hero) .section-heading h3{font-size:17px;font-weight:800}.shell:has(.photo-hero) .quick-tools,.shell:has(.photo-hero) .race-options{margin-left:22px;margin-right:22px;gap:7px}.shell:has(.photo-hero) .race-option{min-height:69px}.shell:has(.photo-hero) .quick-tool{min-height:90px;background:#101f25}.shell:has(.photo-hero) .motivation-card{margin:19px 22px}}.brand .pace-lockup{display:flex;align-items:center;gap:13px!important;letter-spacing:normal!important}.brand .pace-symbol{display:block;flex:none;width:60px;height:60px;border-radius:16px}.brand .pace-wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;white-space:nowrap}.brand .pace-name{font-family:Inter,Arial,sans-serif;font-size:37px;font-weight:900;letter-spacing:1.8px;line-height:1;color:#f6f8f5}.brand .pace-credit{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:.1px;color:#cbd4d5}@media(max-width:599px){.shell:has(.photo-hero) .brand{top:21px;left:21px;right:22px}.shell:has(.photo-hero) .brand .pace-lockup{gap:12px!important}.shell:has(.photo-hero) .brand .pace-symbol{width:57px!important;height:57px!important}.shell:has(.photo-hero) .brand .pace-name{font-size:35px!important;letter-spacing:1.4px!important}.shell:has(.photo-hero) .brand .pace-credit{font-size:14px;letter-spacing:0}.shell:has(.photo-hero) .brand .pulse-icon{margin-top:12px}}@media(max-width:360px){.shell:has(.photo-hero) .brand .pace-symbol{width:48px!important;height:48px!important}.shell:has(.photo-hero) .brand .pace-name{font-size:29px!important}.shell:has(.photo-hero) .brand .pace-credit{font-size:12px}}button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent}button:active{transform:none!important;filter:none!important}.action,.primary-cta,.quick-tool,.race-option{transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease!important}.action:active,.primary-cta:active{opacity:.88}.quick-tool:active,.race-option:active{opacity:.84}.brand .logo-bounce{filter:none!important;will-change:auto!important}.brand .logo-bounce,.hero-copy,.pulse-icon{animation:none!important}.number-wheel-group{min-width:0}.wheel-grid{display:grid;grid-gap:9px;gap:9px;margin-top:8px}.wheel-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.number-wheel{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0;height:164px;overflow:hidden;border:1px solid #33494e;border-radius:14px;background:linear-gradient(180deg,#111e23,#182a30 50%,#111e23);touch-action:pan-x;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.number-wheel:focus-visible{outline:2px solid #cbfa58;outline-offset:2px}.number-wheel:after,.number-wheel:before{content:"";position:absolute;left:9px;right:9px;height:1px;background:#56705d;opacity:.65;pointer-events:none}.number-wheel:before{top:54px}.number-wheel:after{bottom:54px}.wheel-selected{flex:none;font:800 34px/1 Inter,Arial,sans-serif;color:#cbfa58;letter-spacing:-1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wheel-neighbor,.wheel-selected{display:flex;align-items:center;justify-content:center;height:54px}.wheel-neighbor{width:100%;padding:0;background:none;border:0;color:#7f9598;font:500 21px/1 Inter,Arial,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wheel-neighbor:disabled{opacity:.25}.number-wheel-group>.field{margin:8px 0}@media(prefers-reduced-motion:reduce){button{transition:none!important}}@media(max-width:599px){.shell:has(.photo-hero) .photo-hero{height:clamp(430px,123vw,535px);background-position:50%,66% 42%;background-size:cover,cover}.shell:has(.photo-hero) .hero-copy{bottom:30px}.shell:has(.photo-hero) .hero-photo-shade{background:linear-gradient(180deg,rgba(2,12,17,.25),transparent 26%,rgba(1,10,14,.05) 44%,rgba(1,10,14,.37) 73%,#061115)}}.wheel-frame{height:156px;position:relative;overflow:hidden;border:1px solid #33494e;border-radius:15px;background:linear-gradient(180deg,#0c191e,#1b2d32 50%,#0c191e)}.wheel-highlight{position:absolute;top:52px;left:7px;right:7px;height:52px;border-top:1px solid rgba(203,250,88,.25);border-bottom:1px solid rgba(203,250,88,.25);border-radius:8px;background:rgba(203,250,88,.055);pointer-events:none;z-index:1}.number-wheel-scroll{height:156px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scroll-padding-block:52px;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;outline:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 31%,#000 69%,transparent);mask-image:linear-gradient(180deg,transparent,#000 31%,#000 69%,transparent)}.number-wheel-scroll::-webkit-scrollbar{display:none}.number-wheel-scroll:after,.number-wheel-scroll:before{content:"";display:block;height:52px;pointer-events:none}.number-wheel-scroll:focus-visible{outline:2px solid #cbfa58;outline-offset:-2px}.wheel-option{height:52px;min-height:52px;width:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:normal;background:transparent;border:0;border-radius:0;color:#d9e5e4;font:650 27px/1 Inter,Arial,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.7px;transition:color .15s ease}.wheel-option:active{opacity:1}.wheel-grid.three{gap:7px}@media(prefers-reduced-motion:reduce){.number-wheel-scroll{scroll-behavior:auto}.wheel-option{transition:none}}@media(max-width:599px){.shell:has(.photo-hero) .photo-hero{height:clamp(305px,86vw,370px);background-position:50%,68% 44%}.shell:has(.photo-hero) .hero-copy{bottom:15px}.shell:has(.photo-hero) .hero-copy h1{font-size:clamp(28px,7.8vw,36px);margin:7px 0}.shell:has(.photo-hero) .hero-copy p{font-size:12px}.shell:has(.photo-hero) .primary-cta{min-height:48px;margin-bottom:13px}.shell:has(.photo-hero) .section-heading{margin-top:12px;margin-bottom:8px}.shell:has(.photo-hero) .race-option{min-height:59px}.shell:has(.photo-hero) .quick-tool{min-height:78px}}@media(max-width:599px){.calculator-screen{padding:12px 14px calc(80px + env(safe-area-inset-bottom));min-height:100dvh}.calculator-screen .brand{margin-bottom:12px}.calculator-screen .pace-symbol{width:40px;height:40px}.calculator-screen .pace-name{font-size:27px}.calculator-screen .pace-credit{font-size:10px}.calculator-screen .pulse-icon{width:19px;height:19px}.calculator-screen>.eyebrow{font-size:9px;letter-spacing:1.5px}.calculator-screen>h2{font-size:22px;line-height:1.2;margin:2px 0 8px}.calculator-screen .panel{padding:12px;border-radius:15px;margin:8px 0}.calculator-screen .field{margin:6px 0 4px;font-size:11px}.calculator-screen .calculator-distances{gap:5px}.calculator-screen .calculator-distances .race-option{min-height:45px;border-radius:9px;padding:4px 2px;gap:1px}.calculator-screen .calculator-distances .race-option strong{font-size:11px}.calculator-screen .calculator-distances .race-option small{font-size:9px}.calculator-screen .grid{gap:7px}.calculator-screen .grid>.action,.calculator-screen .grid>.control{padding:9px 5px;margin-top:0;border-radius:9px;font-size:12px;min-height:39px}.calculator-screen .wheel-grid{margin-top:3px;gap:8px}.calculator-screen .number-wheel-scroll,.calculator-screen .wheel-frame{height:120px}.calculator-screen .number-wheel-scroll{scroll-padding-block:34px}.calculator-screen .number-wheel-scroll:after,.calculator-screen .number-wheel-scroll:before{height:34px}.calculator-screen .wheel-highlight{top:34px;height:52px}.calculator-screen .wheel-option{height:52px;min-height:52px;font-size:24px}.calculator-screen .metric{font-size:30px;line-height:1.15;margin:3px 0 7px}.calculator-screen .tile{padding:9px 11px;border-radius:10px;font-size:11px}.calculator-screen .tile strong{font-size:20px;margin-top:2px}.calculator-screen .panel>.action{padding:10px;margin-top:8px;border-radius:10px;font-size:13px}.calculator-screen .nav{padding:8px 3px calc(8px + env(safe-area-inset-bottom))}}@media(max-width:599px) and (max-height:740px){.calculator-screen .brand{margin-bottom:7px}.calculator-screen .panel{padding:9px;margin:6px 0}.calculator-screen .number-wheel-scroll,.calculator-screen .wheel-frame{height:104px}.calculator-screen .number-wheel-scroll{scroll-padding-block:26px}.calculator-screen .number-wheel-scroll:after,.calculator-screen .number-wheel-scroll:before{height:26px}.calculator-screen .wheel-highlight{top:26px}.calculator-screen .field{margin:4px 0 3px}}.academy-intro{font-size:13px;color:#b7c8c9;margin:0 0 15px;line-height:1.8}.academy-lesson{background:#14242a;border:1px solid #2b4248;overflow:hidden}.academy-lesson[open]{border-color:#526b4c}.academy-lesson summary{list-style:none;display:flex;align-items:center;cursor:pointer;min-height:72px}.academy-lesson summary::-webkit-details-marker{display:none}.academy-index{color:#cbfa58;font:800 13px Inter,sans-serif;min-width:24px}.academy-summary-text{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.academy-summary-text strong{color:#f3f7f5}.academy-summary-text small{color:#9bb0b3}.academy-chevron{font-size:24px;color:#cbfa58}.academy-lesson[open] .academy-chevron{transform:rotate(180deg)}.academy-body{padding:2px 17px 17px 49px;border-top:1px solid #2b4248}.academy-body h4{font-size:13px;color:#cbfa58;margin:14px 0 4px}.academy-body p{font-size:13px;color:#d4e0e0;line-height:1.85;margin:0}@media(max-width:370px){.academy-body{padding-left:16px}}.academy-feature{position:relative;overflow:hidden;padding:22px 19px 19px;border:1px solid #345044;border-radius:20px;background:radial-gradient(circle at 95% 0,rgba(203,250,88,.19),transparent 46%),linear-gradient(140deg,#19312e,#0c1c21 78%);margin:8px 0 25px}.academy-feature:after{content:"";position:absolute;width:145px;height:145px;border:1px solid rgba(203,250,88,.13);border-radius:50%;right:-69px;bottom:-86px;pointer-events:none}.academy-feature-kicker{font:750 10px/1.4 Inter,sans-serif;letter-spacing:1.6px;color:#cbfa58}.academy-feature-kicker span{color:#b1c5bb;letter-spacing:1px}.academy-feature-title{display:flex;gap:13px;align-items:center;margin:18px 0 10px}.academy-feature-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:14px;background:#cbfa58;color:#0b1b19}.academy-feature-title h3{margin:0;font-size:22px;line-height:1.35;letter-spacing:-.5px;font-weight:850}.academy-feature-title em{color:#cbfa58;font-style:normal}.academy-feature>p{font-size:13px;line-height:1.85;color:#c2d3d0;margin:10px 0 18px}.academy-feature-tags{display:flex;flex-wrap:wrap;gap:6px}.academy-feature-tags span{font:700 9px Inter,sans-serif;letter-spacing:.5px;color:#d0e5d5;padding:7px 9px;border:1px solid #39564a;border-radius:30px;background:rgba(12,30,29,.5)}.academy-list-heading{display:flex;justify-content:space-between;align-items:end;margin:0 2px 12px}.academy-overline{font:700 10px Inter,sans-serif;letter-spacing:1.5px;color:#cbfa58}.academy-list-heading h3{font-size:19px;margin:4px 0 0}.academy-count{font:700 10px Inter,sans-serif;color:#8ea6a8;letter-spacing:1px}.academy-lesson{border-radius:15px;margin:9px 0;background:#102127;border-color:#294047}.academy-lesson[open]{background:#12252a;border-color:#587953}.academy-lesson summary{gap:12px;padding:15px 13px;min-height:86px}.academy-topic-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;flex:none;background:#203831;color:#cbfa58;border:1px solid #355144}.academy-topic-number{font:750 9px Inter,sans-serif;letter-spacing:1.4px;color:#a2c582}.academy-summary-text{gap:3px}.academy-summary-text strong{font-size:15px;line-height:1.35}.academy-summary-text small{font-size:11px;color:#a8bcbe;line-height:1.5}.academy-chevron{font-size:22px;transition:transform .2s ease}.academy-body{padding:16px 15px 17px;border-top:1px solid #30454a}.academy-section{margin-bottom:17px}.academy-section-heading{display:flex;align-items:center;gap:8px;color:#cbfa58;font-size:12px;font-weight:800}.academy-section-dot{width:6px;height:6px;background:#cbfa58;border-radius:50%}.academy-section p{margin:6px 0 0 14px;font-size:13px;line-height:1.95;color:#d1e0df}.academy-caution{border:1px solid #5a4934;background:#29271f;border-radius:11px;padding:12px 13px;margin-top:6px}.academy-caution strong{font-size:12px;color:#f2cb83}.academy-caution p{font-size:12px;line-height:1.85;color:#e0d6c4;margin:5px 0 0}@media(max-width:360px){.academy-feature{padding:17px 14px}.academy-feature-title h3{font-size:19px}.academy-lesson summary{gap:9px;padding:12px 10px}.academy-topic-icon{width:38px;height:38px}}.training-switch{display:flex;gap:7px;padding:5px;background:#0c1b21;border:1px solid #294149;border-radius:14px;margin:15px 0}.training-switch button{flex:1 1;min-width:0;border:0;background:transparent;color:#a9c0c0;border-radius:10px;padding:11px 7px;font-size:12px;font-weight:750;cursor:pointer}.training-switch button.selected{background:#c9fa4e;color:#102020}.training-tool-card{background:linear-gradient(150deg,#162b2e,#101f25);border:1px solid #334b4b;border-radius:18px;padding:17px 14px;margin:12px 0 24px}.training-tool-card>h3{font-size:20px;margin:9px 0 5px}.training-tool-card>p{line-height:1.75;font-size:12px}.training-tool-card>.field{display:block;margin-top:15px}.training-tool-card .control{width:100%;box-sizing:border-box}.training-input-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:14px 0}.training-input-row label{font-size:12px;color:#b9caca}.training-input-row input{margin-top:7px}.training-result{display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px 10px;margin:18px 0;border-radius:15px;border:1px solid #4b6b44;background:radial-gradient(circle at 50% 0,#304c31,#1a2c29 75%)}.training-result>span{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#b7d7a4}.training-result>strong{font-size:44px;line-height:1.15;color:#c9fa4e;font-weight:850;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.training-result strong small{font-size:13px}.training-result>small{font-size:11px;color:#b8c9c5;text-align:center;line-height:1.5}.training-tool-card>h4{margin:18px 0 10px;font-size:14px}.training-zone{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 1px;border-bottom:1px solid #2b4448}.training-zone>div{display:flex;flex-direction:column;gap:4px}.training-zone strong{font-size:13px;color:#eef6f2}.training-zone div small{font-size:11px;color:#9bb5b4}.training-zone>b{font-size:17px;white-space:nowrap;color:#c9fa4e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.training-zone>b small{font-size:10px;font-weight:500;color:#adc2bd}.strava-connect-card{padding:19px 16px;margin:16px 0 22px;background:linear-gradient(145deg,#24302b,#122329);border:1px solid #435b4e;border-radius:18px}.strava-connect-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.strava-brand-mark{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#fc4c02;color:white;font-weight:900;font-size:25px;font-style:italic}.strava-connect-top h3{margin:4px 0 0;font-size:19px}.strava-connect-card>p{font-size:13px;line-height:1.7;color:#b9ceca}.strava-connect-button{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;background:#fc4c02;color:white;font-weight:800;padding:14px;border-radius:12px;margin:16px 0 10px}.strava-connect-button:hover{background:#e74502}.strava-connect-card .strava-connect-note{font-size:11px;color:#8fa9a7;margin-bottom:0}.strava-connect-button{width:100%;border:0;cursor:pointer;font-family:inherit;font-size:14px}.strava-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.76);display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.strava-modal{width:min(100%,370px);padding:28px 22px;background:#16282d;border:1px solid #3c5756;border-radius:22px;text-align:center;box-shadow:0 22px 80px rgba(0,0,0,.45)}.strava-modal-icon{width:58px;height:58px;margin:0 auto 16px;display:grid;place-items:center;border-radius:18px;background:rgba(252,76,2,.13);color:#fc4c02}.strava-modal h3{font-size:22px;margin:0 0 12px;color:#f4f9f7}.strava-modal p{font-size:14px;line-height:1.85;color:#b7cac7;margin:0 0 23px}.strava-modal-close{width:100%;padding:14px;border:0;border-radius:12px;background:#c9fa4e;color:#122324;font-weight:800;font-family:inherit;cursor:pointer}.admin-page{min-height:100vh;background:#101b20;color:#eef5f0;padding:48px 20px;font-family:inherit}.admin-container{max-width:1000px;margin:auto}.admin-panel{background:#17282c;border:1px solid #30484a;border-radius:20px;padding:28px;margin:24px 0}.admin-login{max-width:430px;margin:8vh auto}.admin-kicker{color:#c9fa4e;font-size:12px;font-weight:800;letter-spacing:.13em}.admin-page h1{font-size:clamp(28px,5vw,42px);margin:10px 0}.admin-page h2{font-size:22px;margin:10px 0}.admin-page p{color:#bacbcb;line-height:1.7}.admin-login form{display:grid;grid-gap:12px;gap:12px;margin:24px 0}.admin-login label{font-size:14px;font-weight:700}.admin-login input{padding:14px 16px;border:1px solid #52676b;background:#0e1c20;color:white;border-radius:12px;font-size:16px}.admin-action,.admin-login button{display:inline-block;background:#c9fa4e;color:#102020;font-weight:800;border:0;border-radius:12px;padding:14px 20px;text-decoration:none;cursor:pointer}.admin-back,.admin-login a{color:#c9fa4e}.admin-error{color:#ff9898!important}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.admin-logout{background:transparent;color:#e5f0ec;border:1px solid #587071;border-radius:10px;padding:11px 17px;cursor:pointer}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.admin-metric{background:#17282c;border:1px solid #30484a;border-radius:16px;padding:20px;display:grid;grid-gap:8px;gap:8px}.admin-metric strong{font-size:32px;color:#c9fa4e}.admin-metric small,.admin-note{color:#9cb3b3}.admin-v2{min-height:100vh;background:#0d171c;color:#f0f6f4;font-family:inherit}.admin-v2 *{box-sizing:border-box}.admin-v2-shell{display:flex;min-height:100vh}.admin-v2-sidebar{width:242px;flex:none;position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#111f24;border-right:1px solid #29393d;padding:30px 17px;display:flex;flex-direction:column;gap:7px}.admin-v2-logo{display:flex!important;align-items:center;gap:12px;text-decoration:none!important;color:#f5f9f7!important;font-size:23px;font-weight:900;letter-spacing:-.06em;margin:0 8px 42px}.admin-v2-logo-icon{background:#d0fa50;color:#12241e;width:41px;height:41px;display:grid;place-items:center;border-radius:12px}.admin-v2-logo small{display:block;font-size:9px;letter-spacing:.2em;color:#8ca5a5;margin-top:2px}.admin-v2-nav-label{font-size:10px;color:#718b8e;letter-spacing:.16em;font-weight:800;margin:13px 12px 9px}.admin-v2-nav-active,.admin-v2-sidebar>a:not(.admin-v2-logo){display:flex;align-items:center;gap:12px;padding:12px;border-radius:11px;text-decoration:none;color:#9fb4b5;font-size:13px;font-weight:600}.admin-v2-nav-active{background:#253a34;color:#d1fa59;border:1px solid #3c5541}.admin-v2-sidebar>a svg:last-child{margin-left:auto}.admin-v2-sidebar-bottom{margin-top:auto}.admin-v2-security{display:flex;gap:8px;align-items:center;color:#829b9b;font-size:11px;margin-bottom:15px}.admin-v2-sidebar-bottom button{background:#233438;border:1px solid #3a4d50;border-radius:9px;padding:12px;color:#dce8e6;width:100%;cursor:pointer}.admin-v2-content{min-width:0;max-width:1500px;width:100%;padding:35px clamp(18px,3.5vw,54px) 20px;margin:0 auto}.admin-v2-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.admin-v2-eyebrow{color:#cafa58;font-size:11px;letter-spacing:.18em;font-weight:800}.admin-v2 h1{font-size:clamp(28px,3vw,39px);font-weight:850;letter-spacing:-.05em;margin:9px 0}.admin-v2-panel-head p,.admin-v2-top p{color:#8da7aa;font-size:13px;margin:5px 0}.admin-v2-top-actions{display:flex;gap:12px;align-items:center}.admin-v2-live{font-size:11px;color:#a5bdb8;display:flex;gap:8px;align-items:center}.admin-v2-live i{width:7px;height:7px;border-radius:50%;background:#c9fa4e}.admin-v2-refresh{border:1px solid #395154;border-radius:10px;padding:10px 12px;color:#d6e8e5;text-decoration:none;gap:7px}.admin-v2-refresh,.admin-v2-status{display:flex;align-items:center;font-size:12px}.admin-v2-status{flex-wrap:wrap;gap:10px;padding:13px 17px;margin:24px 0 17px;border:1px solid #4d4932;background:#292719;border-radius:12px}.admin-v2-status-ok{background:#1a3027;border-color:#3d684b}.admin-v2-status>span{font-weight:750}.admin-v2-status small{color:#b7bcb1;overflow-wrap:anywhere}.admin-v2-status a{color:#cafa58;margin-left:auto;text-decoration:none}.admin-v2-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0}.admin-v2-toolbar>span{display:flex;align-items:center;gap:8px;color:#b2c5c5;font-size:12px}.admin-v2-toolbar nav{background:#192a2e;border:1px solid #2c4448;padding:4px;border-radius:11px;display:flex;gap:3px}.admin-v2-toolbar nav a{padding:8px 12px;text-decoration:none;color:#91aaaa;font-size:12px;border-radius:8px}.admin-v2-toolbar nav a.active{background:#cafa58;color:#17231c;font-weight:800}.admin-v2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.admin-v2-kpi,.admin-v2-panel{border:1px solid #2d4245;background:#16272c;border-radius:17px;padding:21px}.admin-v2-kpi-top{display:flex;align-items:center;justify-content:space-between;color:#a9bfc0;font-size:12px}.admin-v2-kpi-icon{color:#cafa58;background:#293e34;border-radius:10px;padding:8px;display:grid;place-items:center}.admin-v2-kpi>strong{display:block;font-size:34px;letter-spacing:-.06em;margin:14px 0 5px}.admin-v2-kpi>small{font-size:11px;color:#7f9b9d}.admin-v2-panel{margin-top:16px}.admin-v2-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.admin-v2-panel-head h2{font-size:16px;font-weight:800;margin:0;color:#edf6f1}.admin-v2-pill{background:#283e3a;color:#cafa58;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:800;white-space:nowrap}.admin-v2-trend{margin-top:17px}.admin-v2-bars{display:flex;align-items:flex-end;gap:5px;height:225px;margin-top:30px;border-bottom:1px solid #385054}.admin-v2-bar-col{height:100%;flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;position:relative}.admin-v2-bar-col>span{background:linear-gradient(180deg,#cafa58,#648d49);border-radius:5px 5px 0 0;min-height:2px}.admin-v2-bar-col>small{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:9px;color:#849e9f;white-space:nowrap}.admin-v2-trend:has(.admin-v2-bars){padding-bottom:42px}.admin-v2-chart-empty{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#8fa8a8;text-align:center}.admin-v2-chart-empty strong{color:#d8e6e3;font-size:14px}.admin-v2-chart-empty p{font-size:12px}.admin-v2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.admin-v2-breakdown{margin-top:23px;display:grid;grid-gap:17px;gap:17px}.admin-v2-breakdown-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#c5d5d3;margin-bottom:7px}.admin-v2-breakdown-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-v2-breakdown-label strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.admin-v2-track{height:6px;background:#2a4144;border-radius:10px;overflow:hidden}.admin-v2-track>div{height:100%;background:#cafa58;border-radius:10px}.admin-v2-empty{font-size:12px;color:#819d9e;margin-top:25px}.admin-v2-feature-list{display:grid;grid-gap:0;gap:0;margin-top:15px}.admin-v2-feature-list>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #2d4245;padding:12px 0;font-size:12px}.admin-v2-feature-list>div span:last-child{color:#8fa7a7}.admin-v2-feature-note{font-size:11px;color:#93aaaa;line-height:1.7}.admin-v2-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#718f91;margin:30px 0 8px}@media(max-width:1050px){.admin-v2-sidebar{width:200px}.admin-v2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.admin-v2-shell{display:block}.admin-v2-sidebar{position:relative;width:100%;height:auto;padding:12px 18px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.admin-v2-logo{margin:0 auto 0 0;font-size:19px}.admin-v2-nav-active,.admin-v2-nav-label,.admin-v2-security,.admin-v2-sidebar>a:not(.admin-v2-logo){display:none}.admin-v2-sidebar-bottom{margin:0}.admin-v2-sidebar-bottom button{padding:8px 12px;font-size:11px}.admin-v2-content{padding:25px 15px}.admin-v2-top-actions{width:100%;justify-content:space-between}.admin-v2-kpis{gap:9px}.admin-v2-kpi{padding:15px}.admin-v2-kpi>strong{font-size:27px}.admin-v2-grid{grid-template-columns:1fr}.admin-v2-panel{padding:17px}.admin-v2-status a{margin-left:0}}.nav{justify-content:space-between;gap:2px;padding:11px 10px max(15px,env(safe-area-inset-bottom))}.nav button{flex:1 1;min-width:0;min-height:48px;font-size:10px;gap:5px;padding:4px 0;border-radius:12px}.nav button.active{background:rgba(203,250,88,.08)}.nutrition-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px;padding:5px;background:#17262b;border:1px solid #30434a;border-radius:16px;position:-webkit-sticky;position:sticky;top:7px;z-index:4}.nutrition-tabs button{min-width:0;min-height:43px;color:#b9c9cc;background:transparent;border:0;border-radius:11px;font-weight:700;font-size:13px}.nutrition-tabs button.selected{background:#cbfa58;color:#102019;box-shadow:0 3px 12px rgba(0,0,0,.13)}.nutrition-weight-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.nutrition-weight-summary>div{display:flex;flex-direction:column;gap:7px;padding:15px 12px;background:#142328;border:1px solid #34474c;border-radius:14px;min-width:0}.nutrition-weight-summary small{font-size:11px;color:#aec0c4}.nutrition-weight-summary strong{font-size:28px;line-height:1.1;color:#cbfa58;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nutrition-weight-summary strong span{font-size:13px;color:#d6e3e1}.nutrition-weight-chart{padding:17px 6px 8px;background:#122329;border:1px solid #2d4349;border-radius:15px;overflow-x:auto}.nutrition-weight-bars{display:flex;align-items:end;gap:7px;min-height:154px;min-width:max-content;padding:0 8px}.nutrition-weight-bar{display:flex;flex-direction:column;align-items:center;gap:5px;width:47px;flex-shrink:0}.nutrition-weight-bar strong{color:#ebf9da;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nutrition-weight-bar small{font-size:10px;color:#aabdc2;white-space:nowrap}.nutrition-weight-track{width:20px;height:105px;border-radius:9px;background:#314347;display:flex;align-items:end;overflow:hidden}.nutrition-weight-track>div{width:100%;background:linear-gradient(180deg,#cbfa58,#65b789);border-radius:9px 9px 0 0}@media(max-width:370px){.nutrition-weight-summary strong{font-size:23px}.nutrition-tabs button{font-size:12px}}