:root{ --stkx-spring: cubic-bezier(0.2,0.7,0.2,1);--stkx-dur: 320ms;--stkx-dur-fast: 170ms;--stkx-dur-slow: 560ms; --stkx-surface: rgba(255,255,255,0.05);--stkx-surface-2: rgba(255,255,255,0.08);--stkx-line: rgba(255,255,255,0.10);--stkx-ink: #ffffff;--stkx-ink-soft: rgba(255,255,255,0.62);--stkx-ink-mute: rgba(255,255,255,0.42);--stkx-shadow: 0 18px 44px -18px rgba(0,0,0,0.7);--stkx-tabbar-h: 62px}html[data-theme="light"]{--stkx-surface: #ffffff;--stkx-surface-2: #f3f4f6;--stkx-line: #e4e7ec;--stkx-ink: #1a1d23;--stkx-ink-soft: #464c56;--stkx-ink-mute: #6b7280;--stkx-shadow: 0 14px 40px -16px rgba(17,24,39,0.24)}  .hero__belowfold{position: relative;z-index: 2;width: 100%;max-width: 1200px;margin-inline: auto;padding: 0 1rem 1.5rem}@media (min-width: 1024px){ .hero:not(.hero--sub){min-height: 100vh}.hero__inner:not(.hero__inner--sub){display: grid;grid-template-columns: minmax(0,1.1fr) 440px;grid-template-areas: "content converter" "below   converter";column-gap: 3rem;row-gap: 1rem;align-content: center;align-items: start;min-height: 100vh;padding: 5.5rem 2rem 2rem} .hero__inner:not(.hero__inner--sub) > .hero__content{grid-area: content;padding-inline-end: 0;align-self: end}.hero__inner:not(.hero__inner--sub) > .hero__converter{grid-area: converter;max-width: 440px;align-self: center}.hero__inner:not(.hero__inner--sub) > .hero__belowfold{grid-area: below;margin: 0;padding-inline: 0;align-self: start}  .hero__converter .stkx-answer{gap: 0.85rem;margin-top: 1.1rem}.hero__converter .stkx-answer-actions{flex-direction: row;align-items: stretch}.hero__converter .stkx-answer-actions .stkx-save{flex: 1}.hero__converter .stkx-answer-actions .stkx-breakdown-toggle{flex: 1.3;width: auto;padding-inline: 0.85rem} .hero__converter .converter__stride-bar{padding-inline: 2rem}} @media (min-width: 1024px) and (max-height: 860px){ .hero__inner:not(.hero__inner--sub){padding-top: 4.5rem;padding-bottom: 1rem;row-gap: 0.7rem}.hero .converter{padding: 1.1rem 1.4rem}.hero .converter__step-input,.hero .converter__result-value,.hero .result__primary-value{font-size: 2.7rem}.hero__converter .stkx-answer{margin-top: 0.8rem;gap: 0.65rem}.hero__converter .stkx-stat{min-height: 48px;padding: 0.35rem 0.5rem}.hero__converter .stkx-stat__v{font-size: 0.98rem}.hero__converter .stkx-stat__icon{width: 28px;height: 28px;min-width: 28px}.hero__embed-teaser{margin-top: 0.6rem} .hero__converter .converter__stride-bar{padding-inline: 1.4rem}} .stkx-answer{margin-top: 1rem;display: flex;flex-direction: column;gap: 0.85rem} .stkx-quickstats{display: grid;grid-template-columns: 1fr 1fr 1.35fr;gap: 0.5rem}.stkx-stat{display: flex;flex-direction: row;align-items: center;gap: 0.55rem;padding: 0.6rem 0.7rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 0.9rem;text-align: start;min-height: 58px} .stkx-stat__icon{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;min-width: 32px;border-radius: 0.6rem;background: color-mix(in srgb,var(--color-primary,#e8651a) 15%,transparent);color: var(--color-primary,#e8651a)}html[data-theme="light"] .stkx-stat__icon{color: var(--color-primary-dark,#c04e10)}.stkx-stat__body{display: flex;flex-direction: column;gap: 0.05rem;min-width: 0}.stkx-stat__v{font-size: 1.15rem;font-weight: 800;font-style: italic;letter-spacing: -0.01em;color: var(--stkx-ink);font-variant-numeric: tabular-nums;line-height: 1.1}.stkx-stat__k{font-size: 0.6rem;font-weight: 600;letter-spacing: 0.09em;text-transform: uppercase;color: var(--stkx-ink-mute)} .stkx-stat--land .stkx-stat__k{max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} @media (max-width: 560px){.stkx-stat{flex-direction: column;gap: 0.3rem;padding: 0.65rem 0.4rem;text-align: center;justify-content: center}.stkx-stat__icon{width: 28px;height: 28px;min-width: 28px}.stkx-stat__body{align-items: center}} .stkx-breakdown-toggle{display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;width: 100%;min-height: 48px;padding: 0.6rem 1.15rem;background: rgba(20,20,20,0.82);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border: 1px solid rgba(255,255,255,0.12);border-radius: 2rem;color: var(--stkx-ink);font-size: 0.86rem;font-weight: 600;letter-spacing: 0.02em;white-space: nowrap;cursor: pointer;box-shadow: 0 8px 28px rgba(0,0,0,0.38);animation: stkx-pill-float 3s ease-in-out infinite;transition: background var(--stkx-dur-fast) var(--stkx-spring),border-color var(--stkx-dur-fast) var(--stkx-spring),box-shadow var(--stkx-dur-fast) var(--stkx-spring)}html[data-theme="light"] .stkx-breakdown-toggle{background: rgba(255,255,255,0.9);border-color: rgba(0,0,0,0.10);color: #14181f;box-shadow: 0 8px 28px rgba(17,24,39,0.14)}.stkx-breakdown-toggle:hover{border-color: rgba(232,101,26,0.5);box-shadow: 0 12px 32px rgba(0,0,0,0.46)}html[data-theme="light"] .stkx-breakdown-toggle:hover{border-color: rgba(232,101,26,0.5);box-shadow: 0 12px 30px rgba(17,24,39,0.18)} .stkx-breakdown-toggle__icon{display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;min-width: 24px;border-radius: 50%;background: var(--color-primary,#e8651a);color: #fff;animation: stkx-pill-pulse 2s ease-in-out infinite}.stkx-breakdown-toggle__icon svg{transition: transform var(--stkx-dur) var(--stkx-spring)} .stkx-breakdown-toggle[aria-expanded="true"]{animation: none}.stkx-breakdown-toggle[aria-expanded="true"] .stkx-breakdown-toggle__icon{animation: none}.stkx-breakdown-toggle[aria-expanded="true"] .stkx-breakdown-toggle__icon svg{transform: rotate(180deg)}@keyframes stkx-pill-float{0%,100%{transform: translateY(0)}50%{transform: translateY(-4px)}}@keyframes stkx-pill-pulse{0%,100%{transform: scale(1);opacity: 1}50%{transform: scale(1.12);opacity: 0.82}} .stkx-answer-actions{display: flex; flex-direction: column-reverse;gap: 0.5rem}.stkx-save{flex: 1;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 48px;padding: 0.75rem 1rem;background: var(--color-primary,#e8651a);border: none;border-radius: 0.9rem;color: #fff;font-size: 0.92rem;font-weight: 700;letter-spacing: 0.01em;cursor: pointer;box-shadow: 0 10px 24px -12px rgba(232,101,26,0.8);transition: transform var(--stkx-dur-fast) var(--stkx-spring),box-shadow var(--stkx-dur-fast) var(--stkx-spring),background var(--stkx-dur-fast) ease}.stkx-save:hover{background: var(--color-primary-hover,#d45a15)}.stkx-save:active{transform: scale(0.975)}.stkx-save--done{background: var(--color-secondary,#22c55e);box-shadow: none} .stkx-share-btn{flex: 1;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 48px;padding: 0.75rem 1rem;background: transparent;border: 1.5px solid var(--color-border,rgba(255,255,255,0.16));border-radius: 0.9rem;color: var(--color-text,#fff);font-size: 0.92rem;font-weight: 700;letter-spacing: 0.01em;cursor: pointer;transition: transform var(--stkx-dur-fast) var(--stkx-spring),border-color var(--stkx-dur-fast) ease,color var(--stkx-dur-fast) ease}.stkx-share-btn:hover{border-color: var(--color-primary,#e8651a);color: var(--color-primary,#e8651a)}.stkx-share-btn:active{transform: scale(0.975)}html[data-theme="light"] .stkx-share-btn{border-color: var(--color-border,#e4e7ec);color: var(--color-text,#1a1d23)} .stkx-bumped{animation: stkx-bump var(--stkx-dur) var(--stkx-spring)}@keyframes stkx-bump{0%{transform: translateY(1px) scale(0.99)}60%{transform: translateY(-1px) scale(1.006)}100%{transform: none}} @media (max-width: 640px){.converter{padding: 1.25rem} .hero__converter .converter__stride-bar{padding-inline: 1.25rem} .hero__converter .converter__stride-bar,.hero__converter .converter__stride-bar--minimal{flex-wrap: nowrap;align-items: center;gap: 0.5rem}.hero__converter .converter__stride-info{flex: 1 1 auto;min-width: 0}.hero__converter .converter__stride-text{min-width: 0;white-space: nowrap}.hero__converter .converter__stride-source{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hero__converter .converter__adjust-btn{flex: 0 0 auto;margin-inline-start: auto}.converter__section-label{font-size: 0.72rem;letter-spacing: 0.12em}.converter__step-input{font-size: 2.4rem}.converter__result-value,.result__primary-value{font-size: 2.4rem}.converter__hint{display: none}.results-card__label{font-size: 0.68rem;letter-spacing: 0.06em}.results-card__big-value{font-size: 1.9rem} .hero__how-desc{display: block;font-size: 0.72rem;color: var(--stkx-ink-mute)}.hero__how-title{font-size: 0.8rem}}@media (max-width: 380px){.converter__step-input{font-size: 2.1rem;max-width: 190px}.converter__result-value,.result__primary-value{font-size: 2.1rem}} .converter .converter__divider{padding: 0.4rem 0}.converter .converter__divider::before{height: 1px;background: linear-gradient(90deg,transparent,var(--stkx-line) 24%,var(--stkx-line) 76%,transparent)}.converter .converter__divider-btn{width: 38px;height: 38px;color: var(--color-primary,#e8651a);background: radial-gradient(120% 120% at 50% 0%,rgba(232,101,26,0.18),rgba(232,101,26,0) 70%),rgba(24,22,20,0.95);border: 1px solid rgba(232,101,26,0.38);box-shadow: 0 6px 18px rgba(0,0,0,0.4),0 0 0 4px rgba(232,101,26,0.06)}html[data-theme="light"] .converter .converter__divider-btn{background: radial-gradient(120% 120% at 50% 0%,rgba(232,101,26,0.14),rgba(232,101,26,0) 70%),#ffffff;border-color: rgba(232,101,26,0.32);box-shadow: 0 6px 16px rgba(17,24,39,0.10),0 0 0 4px rgba(232,101,26,0.05)}.converter .converter__divider-btn svg{animation: stkx-divider-nudge 2.4s ease-in-out infinite}@keyframes stkx-divider-nudge{0%,100%{transform: translateY(0);opacity: 0.85}50%{transform: translateY(2px);opacity: 1}} .hero__content .hero__embed-teaser--top{margin: 0 0 0.85rem;padding: 0.22rem 0.6rem;font-size: 0.7rem;gap: 0.3rem}.hero__content .hero__embed-teaser--top .hero__embed-teaser-icon svg{width: 12px;height: 12px} .converter__result-word{display: none} .converter__step-input{cursor: text;border-bottom: 2px solid color-mix(in srgb,var(--color-primary,#e8651a) 32%,transparent);border-radius: 2px;padding-bottom: 0.05em;transition: border-color var(--stkx-dur-fast) var(--stkx-spring),box-shadow var(--stkx-dur-fast) var(--stkx-spring)}.converter__step-input:hover{border-bottom-color: color-mix(in srgb,var(--color-primary,#e8651a) 60%,transparent)}.converter__step-input:focus{border-bottom-color: var(--color-primary,#e8651a);box-shadow: 0 2px 0 0 var(--color-primary,#e8651a)} .converter__step-input:focus-visible{outline: 2px solid var(--color-primary,#e8651a);outline-offset: 3px;border-radius: 4px} .hero__converter{display: flex;flex-direction: column}.hero__converter > .converter{order: 2}.hero__converter > .converter-controls{order: 1;margin: 0 0 0.4rem}.hero__converter > .stkx-answer{order: 3} .hero__converter .converter__stride-bar,.hero__converter .converter__stride-bar--minimal{gap: 0.55rem;padding: 0 1.75rem;background: transparent;border: none;border-radius: 0} html[data-theme="light"] .hero__converter .converter__stride-bar{background: transparent;border-color: transparent}.hero__converter .converter__stride-info{gap: 0.6rem} .hero__converter .converter__stride-text{gap: 0.3rem;font-size: 0.8rem}.hero__converter .converter__stride-source{color: var(--stkx-ink-mute);font-weight: 600}.hero__converter .converter__stride-value{font-size: 0.95rem;font-weight: 800;color: var(--stkx-ink)}.hero__converter .converter__stride-unit{color: var(--stkx-ink-mute)} .hero__converter .converter__stride-perkm{display: none} .hero__converter .converter__adjust-btn{padding: 0.4rem 0.7rem;border-radius: 0.7rem;background: var(--stkx-surface-2);border: 1px solid var(--stkx-line);color: var(--stkx-ink-soft)}.hero__converter .converter__adjust-btn:hover{background: color-mix(in srgb,var(--color-primary,#e8651a) 14%,transparent);border-color: color-mix(in srgb,var(--color-primary,#e8651a) 45%,transparent);color: var(--color-primary,#e8651a)}.hero__converter .converter__adjust-btn:hover .converter__adjust-icon{color: var(--color-primary,#e8651a)} .stkx-stat{cursor: pointer;transition: border-color var(--stkx-dur-fast) var(--stkx-spring),background var(--stkx-dur-fast) var(--stkx-spring),transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-stat:hover{border-color: color-mix(in srgb,var(--color-primary,#e8651a) 45%,var(--stkx-line));background: var(--stkx-surface-2);transform: translateY(-1px)}.stkx-stat:active{transform: translateY(0) scale(0.99)}.stkx-stat:focus-visible{outline: 2px solid var(--color-primary,#e8651a);outline-offset: 2px}  .stkx-presets{display: flex;flex-wrap: wrap;gap: 0.4rem;margin: 0.6rem 0 0.25rem}.stkx-chip{flex: 1 1 auto;min-width: 52px;min-height: 40px;padding: 0.45rem 0.7rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 0.7rem;color: var(--stkx-ink-soft);font-size: 0.82rem;font-weight: 700;font-variant-numeric: tabular-nums;cursor: pointer;transition: background var(--stkx-dur-fast) var(--stkx-spring),color var(--stkx-dur-fast) var(--stkx-spring),border-color var(--stkx-dur-fast) var(--stkx-spring),transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-chip:active{transform: scale(0.95)}.stkx-chip--active{background: var(--color-primary,#e8651a);border-color: var(--color-primary,#e8651a);color: #fff}  .results-panel.stkx-collapsed{display: none !important}.results-panel.stkx-managed{scroll-margin-top: 72px} .results-panel.stkx-managed .results-card--distance,.results-panel.stkx-managed .results-card--calories-time,.results-panel.stkx-managed .results-card--landmark{display: none} .results-panel.stkx-managed .results-dashboard--row-1{display: none} .results-panel.stkx-managed .results-card{opacity: 0;transform: translateY(14px)}.results-panel.stkx-managed .results-card.stkx-in{opacity: 1;transform: none;transition: opacity var(--stkx-dur) var(--stkx-spring),transform var(--stkx-dur) var(--stkx-spring)}@media (max-width: 640px){ .results-panel.stkx-managed .results-dashboard--row-1,.results-panel.stkx-managed .results-dashboard--row-2,.results-panel.stkx-managed .results-dashboard--row-3{grid-template-columns: 1fr}.results-panel.stkx-managed .results-card{padding: 1rem 1.1rem}} .stkx-bar-track{position: relative;height: 6px;border-radius: 999px;background: var(--stkx-surface-2);margin-top: 4px;overflow: hidden}.stkx-bar-fill{position: absolute;inset: 0 auto 0 0;width: 0;border-radius: 999px;background: linear-gradient(90deg,#d1560f,#f3924c);transition: width var(--stkx-dur-slow) var(--stkx-spring)} .stkx-context-chip{display: inline-flex;align-items: center;gap: 0.4rem;margin: 0.75rem auto 0;padding: 0.4rem 0.85rem;background: var(--color-primary-light,rgba(232,101,26,0.15));border: 1px solid var(--accent-line,rgba(232,101,26,0.34));border-radius: 999px;color: var(--color-primary,#e8651a);font-size: 0.8rem;font-weight: 700}html[data-theme="light"] .stkx-context-chip{color: var(--color-primary-dark,#c04e10)}.stkx-context-chip svg{width: 14px;height: 14px} .content-sections--collapsible .content-sections__inner{position: relative;max-height: 320px;overflow: hidden;transition: max-height var(--stkx-dur-slow) var(--stkx-spring)}.content-sections--collapsible.stkx-open .content-sections__inner{max-height: none}.content-sections--collapsible:not(.stkx-open) .content-sections__inner::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 120px;pointer-events: none;background: linear-gradient(to bottom,transparent,var(--color-bg,#0a0a0a))}html[data-theme="light"] .content-sections--collapsible:not(.stkx-open) .content-sections__inner::after{background: linear-gradient(to bottom,transparent,var(--color-bg,#f3f4f6))}.stkx-guide-toggle{display: block;margin: 1rem auto 0;min-height: 44px;padding: 0.6rem 1.4rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 999px;color: var(--stkx-ink);font-size: 0.85rem;font-weight: 700;cursor: pointer}.stkx-guide-toggle:hover{background: var(--stkx-surface-2)} .stkx-advanced[hidden]{display: none}.stkx-advanced-toggle{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;width: 100%;min-height: 44px;margin-top: 0.35rem;padding: 0.65rem 0.9rem;background: transparent;border: 1px dashed var(--stkx-line);border-radius: 0.8rem;color: var(--stkx-ink-soft);font-size: 0.82rem;font-weight: 600;cursor: pointer;transition: background var(--stkx-dur-fast) var(--stkx-spring),color var(--stkx-dur-fast) var(--stkx-spring)}.stkx-advanced-toggle:hover{background: var(--stkx-surface);color: var(--stkx-ink)}.stkx-advanced-toggle svg{transition: transform var(--stkx-dur) var(--stkx-spring)}.stkx-advanced-toggle[aria-expanded="true"] svg{transform: rotate(180deg)} .progress-visualizer{overflow-x: clip} .stkx-funnel{padding: 0 1rem;margin: 1.25rem 0 0}.stkx-funnel__inner{max-width: 640px;margin-inline: auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.6rem 1rem;padding: 0.9rem 1.1rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 1rem;text-align: center}.stkx-funnel__text{color: var(--stkx-ink-soft);font-size: 0.9rem}.stkx-funnel__cta{display: inline-flex;align-items: center;gap: 0.4rem;min-height: 44px;padding: 0.6rem 1.1rem;background: var(--color-primary,#e8651a);border: none;border-radius: 0.8rem;color: #fff;font-size: 0.88rem;font-weight: 700;cursor: pointer;transition: transform var(--stkx-dur-fast) var(--stkx-spring),background var(--stkx-dur-fast) ease}.stkx-funnel__cta:hover,.stkx-funnel__cta:focus-visible{background: var(--color-primary-hover,#d45a15);color: #fff;text-decoration: none}.stkx-funnel__cta:active{transform: scale(0.97)} .stkx-tabbar{position: fixed;left: 0;right: 0;bottom: 0;z-index: 250;display: flex;justify-content: space-around;align-items: stretch;gap: 0.25rem;padding: 0.35rem 0.5rem calc(0.35rem + env(safe-area-inset-bottom,0px));background: color-mix(in srgb,var(--color-bg,#0a0a0a) 86%,transparent);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);border-top: 1px solid var(--stkx-line)}@supports not (backdrop-filter: blur(4px)){.stkx-tabbar{background: var(--color-bg,#0a0a0a)}}.stkx-tab{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;padding: 0.4rem 0.25rem;min-height: 52px;background: none;border: none;border-radius: 0.7rem;color: var(--stkx-ink-mute);font-size: 0.66rem;font-weight: 600;letter-spacing: 0.02em;text-decoration: none;cursor: pointer;transition: color var(--stkx-dur-fast) var(--stkx-spring),background var(--stkx-dur-fast) var(--stkx-spring)}.stkx-tab svg{width: 22px;height: 22px}.stkx-tab:hover{color: var(--stkx-ink-soft);text-decoration: none}.stkx-tab.is-active{color: var(--color-primary,#e8651a)}.stkx-tab__badge{display: inline-flex;align-items: center;gap: 3px} @media (max-width: 1023px){body.stkx-has-tabbar{padding-bottom: calc(var(--stkx-tabbar-h) + env(safe-area-inset-bottom,0px))}body.stkx-has-tabbar .scroll-top{bottom: calc(var(--stkx-tabbar-h) + 14px + env(safe-area-inset-bottom,0px))}} @media (min-width: 1024px){.stkx-tabbar{display: none}} .stkx-journey{display: block;margin: 0 0 1.3rem}.stkx-journey[hidden]{display: none}.stkx-journey__backdrop,.stkx-journey__handle{display: none}.stkx-journey__sheet{position: relative;background: transparent;padding: 0}@media (min-width: 1024px){ .stkx-journey__head{margin-bottom: 1.2rem}.stkx-journey__title{font-size: 1.5rem}.stkx-journey__body{display: grid;grid-template-columns: minmax(300px,340px) 1fr;gap: 1.4rem;align-items: start}.stkx-hero{margin-bottom: 0}.stkx-sun{width: 216px;height: 216px}.stkx-journey__main{display: flex;flex-direction: column;gap: 1.1rem}.stkx-journey__main .stkx-panel{margin-bottom: 0}.stkx-week{height: 118px} .stkx-journey-extra{display: none !important}} .stkx-progress .stats-summary{margin-top: 0.15rem}.stkx-history{list-style: none;margin: 0.9rem 0 0;padding: 0;display: flex;flex-direction: column}.stkx-hrow{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;width: 100%;text-align: start;padding: 0.5rem 0.3rem;border: 0;border-top: 1px solid var(--stkx-line);background: transparent;color: var(--stkx-ink);font: inherit;font-size: 0.82rem;cursor: pointer;transition: background var(--stkx-dur-fast,0.16s) ease}.stkx-history .stkx-hrow:first-child{border-top: 0}.stkx-hrow:hover{background: var(--stkx-surface-2)}.stkx-hrow__steps{font-weight: 600}.stkx-hrow__dist{color: var(--stkx-ink-mute);font-variant-numeric: tabular-nums}.stkx-history__empty{margin: 0.85rem 0 0;font-size: 0.8rem;color: var(--stkx-ink-mute);text-align: center}.stkx-history__clear{display: inline-flex;align-items: center;gap: 5px;margin-top: 0.9rem;padding: 0.4rem 0.7rem;border: 1px solid var(--stkx-line);border-radius: 8px;background: transparent;color: var(--stkx-ink-mute);font-size: 0.74rem;font-weight: 600;cursor: pointer;transition: color var(--stkx-dur-fast,0.16s) ease,border-color var(--stkx-dur-fast,0.16s) ease}.stkx-history__clear:hover{color: var(--stkx-ink);border-color: var(--stkx-ink-mute)}.stkx-hrow:focus-visible,.stkx-history__clear:focus-visible{outline: 2px solid var(--color-primary,#e8651a);outline-offset: 2px}  .results-panel__save-btn{display: none !important} .results-panel__heading.sr-only{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;white-space: nowrap !important;border: 0 !important}.results-panel__header{margin-bottom: 0.5rem;justify-content: flex-end} @media (min-width: 768px){.results-panel.stkx-managed .results-dashboard--row-2{grid-template-columns: 1fr 1fr}} .results-methodology{max-width: none} .stkx-sun__core{gap: 1px;padding: 0 6%}.stkx-sun__goal{font-size: 0.74rem}.stkx-sun__pct{font-size: 0.66rem;margin-top: 5px} .results-card--weekly .results-card__pairs{display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem 0.9rem} .stkx-journey__title{line-height: 1} @media (max-width: 1023px){  body:not(.stkx-journey-view) .results-panel:not(.stkx-collapsed){display: block !important}body:not(.stkx-journey-view) .results-panel #stkx-journey{display: none !important}body:not(.stkx-journey-view) .stkx-explore{display: none !important} body.stkx-journey-view .site-main > *:not(.results-panel):not(.stkx-explore){display: none !important}body.stkx-journey-view .results-panel,body.stkx-journey-view .results-panel.stkx-collapsed{display: block !important}body.stkx-journey-view .results-panel .results-dashboard,body.stkx-journey-view .results-panel .results-methodology{display: none !important}body.stkx-journey-view .stkx-explore{display: block !important} body.stkx-journey-view:not(.stk-has-results) .stkx-journey-extra{display: none !important}body.stkx-journey-view .site-header,body.stkx-journey-view .site-footer{display: none !important} body.stkx-journey-view .results-panel{padding-top: calc(0.9rem + env(safe-area-inset-top,0px));padding-bottom: 0.25rem}body.stkx-journey-view #stkx-journey .stkx-journey__head{margin-bottom: 1.1rem}}.stkx-journey__handle{width: 44px;height: 5px;border-radius: 999px;background: var(--stkx-line);margin: 0.25rem auto 0.75rem}.stkx-journey__head{display: flex;align-items: center;gap: 0.7rem;margin-bottom: 1.1rem}.stkx-journey__title{font-size: 1.35rem;font-weight: 800;letter-spacing: -0.02em;color: var(--stkx-ink)}.stkx-journey__streak{display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.3rem 0.7rem;border-radius: 999px;background: var(--color-primary-light,rgba(232,101,26,0.15));color: var(--color-primary,#e8651a);font-size: 0.8rem;font-weight: 800; transform: translateY(-2px)}html[data-theme="light"] .stkx-journey__streak{color: var(--color-primary-dark,#c04e10)}.stkx-journey__close{width: 40px;height: 40px;flex: none;margin-inline-start: auto;display: grid;place-items: center;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 50%;color: var(--stkx-ink);cursor: pointer} .stkx-streak{display: flex;align-items: center;gap: 0.85rem;padding: 0.8rem 0.95rem;margin-bottom: 0.9rem;border-radius: 1.2rem;border: 1px solid var(--stkx-line);background: radial-gradient(130% 150% at 0% 0%,rgba(232,101,26,0.17),transparent 58%),var(--stkx-surface);overflow: hidden}.stkx-streak[hidden]{display: none}html[data-theme="light"] .stkx-streak{background: radial-gradient(130% 150% at 0% 0%,rgba(232,101,26,0.12),transparent 58%),#fff}.stkx-streak__badge{flex: 0 0 auto;width: 44px;height: 44px;display: grid;place-items: center;border-radius: 50%;color: #fff;background: linear-gradient(160deg,#f3924c,#d1560f);box-shadow: 0 8px 20px -9px rgba(232,101,26,0.75)}.stkx-streak__badge svg{width: 22px;height: 22px;transform-origin: 50% 72%;animation: stkx-streak-flicker 2.8s ease-in-out infinite}@keyframes stkx-streak-flicker{0%,100%{transform: scale(1) rotate(0)}50%{transform: scale(1.09) rotate(-3deg)}}.stkx-streak__body{flex: 1 1 auto;min-width: 0}.stkx-streak__count{font-size: 1rem;font-weight: 700;color: var(--stkx-ink);letter-spacing: -0.01em;line-height: 1.15}.stkx-streak__count b{font-size: 1.32rem;font-weight: 800;color: var(--color-primary,#e8651a);font-variant-numeric: tabular-nums;margin-inline-end: 1px}html[data-theme="light"] .stkx-streak__count b{color: var(--color-primary-dark,#c04e10)}.stkx-streak__sub{margin-top: 2px;font-size: 0.77rem;color: var(--stkx-ink-soft);line-height: 1.3}.stkx-streak__dots{flex: 0 0 auto;display: flex;align-items: center;gap: 6px}.stkx-streak__dot{width: 9px;height: 9px;border-radius: 50%;background: var(--stkx-surface-2);border: 1px solid var(--stkx-line)}.stkx-streak__dot.is-on{background: linear-gradient(160deg,#f3924c,#d1560f);border-color: transparent;box-shadow: 0 2px 7px -2px rgba(232,101,26,0.6)}.stkx-streak__dot.is-today{outline: 2px solid var(--color-primary,#e8651a);outline-offset: 2px}html[data-theme="light"] .stkx-streak__dot.is-today{outline-color: var(--color-primary-dark,#c04e10)}@media (prefers-reduced-motion: reduce){.stkx-streak__badge svg{animation: none !important}} @media (max-width: 340px){.stkx-streak{gap: 0.65rem;padding: 0.75rem 0.8rem}.stkx-streak__dots{gap: 4px}} .stkx-hero{--stkx-pct: 0;position: relative;padding: 1.3rem 1.1rem 1.2rem;margin-bottom: 0.9rem;border-radius: 1.4rem;text-align: center;background: radial-gradient(120% 90% at 50% 2%,rgba(232,101,26,0.10),var(--stkx-surface) 60%);border: 1px solid var(--stkx-line);overflow: hidden}.stkx-hero__glow{position: absolute;left: 50%;top: 42%;width: 300px;height: 300px;transform: translate(-50%,-50%);background: radial-gradient(circle,rgba(243,146,76,0.5),transparent 66%);opacity: 0.16;pointer-events: none;transition: opacity var(--stkx-dur-slow) var(--stkx-spring);z-index: 0}html[data-theme="light"] .stkx-hero__glow{background: radial-gradient(circle,rgba(232,101,26,0.34),transparent 66%)}.stkx-hero__edit{position: absolute;top: 0.9rem;inset-inline-end: 0.9rem;z-index: 2;display: inline-flex;align-items: center;gap: 5px;padding: 0.34rem 0.7rem;border-radius: 999px;border: 1px solid var(--stkx-line);background: var(--stkx-surface);color: var(--stkx-ink-soft);font-size: 0.74rem;font-weight: 700;cursor: pointer;transition: color var(--stkx-dur-fast) var(--stkx-spring),border-color var(--stkx-dur-fast) var(--stkx-spring),transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-hero__edit:hover{color: var(--color-primary,#e8651a);border-color: var(--color-primary,#e8651a);transform: translateY(-1px)}html[data-theme="light"] .stkx-hero__edit:hover{color: var(--color-primary-dark,#c04e10);border-color: var(--color-primary-dark,#c04e10)}.stkx-sun{position: relative;z-index: 1;width: min(210px,62vw);height: min(210px,62vw);margin: 0.2rem auto; container-type: inline-size}.stkx-sun__svg{width: 100%;height: 100%;transform: rotate(-90deg);overflow: visible}.stkx-sun__track{fill: none;stroke: var(--stkx-surface-2);stroke-width: 15}html[data-theme="light"] .stkx-sun__track{stroke: rgba(24,22,30,0.08)}.stkx-sun__prog{fill: none;stroke-width: 15;stroke-linecap: round;stroke-dasharray: 540.35;stroke-dashoffset: 540.35;filter: drop-shadow(0 3px 10px rgba(232,101,26,0.4));transition: stroke-dashoffset var(--stkx-dur-slow) var(--stkx-spring)}.stkx-sun__core{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px} .stkx-sun__val{font-size: 26cqi;font-weight: 800;letter-spacing: -0.04em;line-height: 0.95;color: var(--stkx-ink);font-variant-numeric: tabular-nums}.stkx-sun__val--d5{font-size: 24cqi} .stkx-sun__val--d6{font-size: 21cqi} .stkx-sun__val--d7{font-size: 17cqi} .stkx-sun__val--d8{font-size: 14cqi} .stkx-sun__goal{font-size: 0.82rem;font-weight: 600;color: var(--stkx-ink-mute);font-variant-numeric: tabular-nums}.stkx-sun__pct{margin-top: 7px;display: inline-flex;align-items: center;gap: 5px;font-size: 0.72rem;font-weight: 800;letter-spacing: 0.02em;color: var(--color-primary,#e8651a)}html[data-theme="light"] .stkx-sun__pct{color: var(--color-primary-dark,#c04e10)}.stkx-sun__pct svg{width: 13px;height: 13px}.stkx-hero__ctx{position: relative;z-index: 1;margin: 0.7rem 0.4rem 0;font-size: 0.92rem;line-height: 1.45;color: var(--stkx-ink-soft);font-weight: 500;min-height: 1.4em;text-wrap: balance}.stkx-hero__ctx b{color: var(--stkx-ink);font-weight: 700} .stkx-panel{padding: 1.1rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 1.2rem;margin-bottom: 0.9rem}.stkx-panel__title{display: flex;align-items: baseline;justify-content: space-between;font-size: 0.72rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--stkx-ink-mute);margin-bottom: 0.85rem}.stkx-panel__title b{font-size: 1rem;font-style: italic;color: var(--color-primary,#e8651a);text-transform: none;letter-spacing: 0}html[data-theme="light"] .stkx-panel__title b{color: var(--color-primary-dark,#c04e10)}.stkx-week{display: flex;align-items: flex-end;gap: 5px;height: 90px}.stkx-week__col{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 6px;height: 100%;justify-content: flex-end}.stkx-week__bar{width: 100%;max-width: 26px;border-radius: 5px 5px 3px 3px;background: var(--stkx-surface-2);height: 0;transition: height var(--stkx-dur-slow) var(--stkx-spring)}.stkx-week__col--today .stkx-week__bar{background: var(--color-primary,#e8651a)}.stkx-week__col--empty .stkx-week__bar{opacity: 0.5}.stkx-week__day{font-size: 0.6rem;color: var(--stkx-ink-mute);letter-spacing: 0.04em}.stkx-week__col--today .stkx-week__day{color: var(--color-primary,#e8651a);font-weight: 800} .stkx-miles{display: flex;flex-direction: column;gap: 0.5rem}.stkx-mile{display: flex;align-items: center;gap: 0.7rem;padding: 0.7rem 0.9rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 0.9rem}.stkx-mile__ic{flex: 0 0 auto;width: 34px;height: 34px;display: grid;place-items: center;border-radius: 50%;background: var(--color-primary-light,rgba(232,101,26,0.15));font-size: 1rem}.stkx-mile--locked{opacity: 0.5}.stkx-mile--locked .stkx-mile__ic{background: var(--stkx-surface-2);filter: grayscale(1)}.stkx-mile__t{font-size: 0.9rem;font-weight: 700;color: var(--stkx-ink)}.stkx-mile__d{font-size: 0.76rem;color: var(--stkx-ink-mute)}.stkx-journey__empty{text-align: center;color: var(--stkx-ink-mute);font-size: 0.9rem;padding: 1.5rem 1rem} .stkx-mile__ic{color: var(--color-primary,#e8651a)}.stkx-mile__ic svg{width: 18px;height: 18px}.stkx-mile--locked .stkx-mile__ic{color: var(--stkx-ink-mute);filter: none}.stkx-journey__streak svg{width: 14px;height: 14px}.stkx-nudge__ic{color: var(--color-primary,#e8651a);display: inline-flex}.stkx-tab__badge [data-stkx-tab-badge]{display: inline-flex;align-items: center;gap: 1px;color: var(--color-primary,#e8651a);font-weight: 800}.stkx-tab__badge [data-stkx-tab-badge] svg{width: 10px;height: 10px}  [data-stkx-reveal]{opacity: 0;transform: translateY(14px)}[data-stkx-reveal].stkx-in{opacity: 1;transform: none;transition: opacity var(--stkx-dur) var(--stkx-spring),transform var(--stkx-dur) var(--stkx-spring)} .stkx-nudge{position: fixed;left: 50%;bottom: calc(var(--stkx-tabbar-h) + 14px + env(safe-area-inset-bottom,0px));transform: translateX(-50%) translateY(24px);z-index: 255;width: min(420px,calc(100vw - 24px));display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 0.85rem 0.75rem 1rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 1rem;box-shadow: var(--stkx-shadow);opacity: 0;pointer-events: none;transition: opacity var(--stkx-dur) var(--stkx-spring),transform var(--stkx-dur) var(--stkx-spring)}html[data-theme="light"] .stkx-nudge{background: #fff}.stkx-nudge--show{opacity: 1;transform: translateX(-50%) translateY(0);pointer-events: auto}@media (min-width: 1024px){.stkx-nudge{bottom: 20px}}.stkx-nudge__ic{font-size: 1.3rem}.stkx-nudge__text{flex: 1;font-size: 0.85rem;color: var(--stkx-ink);line-height: 1.3}.stkx-nudge__text b{color: var(--color-primary,#e8651a)}html[data-theme="light"] .stkx-nudge__text b{color: var(--color-primary-dark,#c04e10)}.stkx-nudge__yes{flex: 0 0 auto;min-height: 40px;padding: 0.5rem 0.9rem;background: var(--color-primary,#e8651a);color: #fff;border: none;border-radius: 0.7rem;font-size: 0.82rem;font-weight: 700;cursor: pointer}.stkx-nudge__no{flex: 0 0 auto;width: 32px;height: 32px;display: grid;place-items: center;background: none;border: none;color: var(--stkx-ink-mute);font-size: 1.1rem;cursor: pointer} .stkx-confetti{position: fixed;inset: 0;z-index: 300;pointer-events: none} @media (display-mode: standalone){.site-header{display: none}.hero__embed-teaser{display: none}.hero__inner{padding-top: calc(1.5rem + env(safe-area-inset-top,0px))}body{padding-top: env(safe-area-inset-top,0px)}}  .site-footer__col-toggle{display: flex;align-items: center;justify-content: flex-start;gap: 0.75rem;width: 100%;padding: 0;margin: 0;background: none;border: none;font: inherit;color: inherit;letter-spacing: inherit;text-transform: inherit;text-align: start;cursor: default;pointer-events: none}.site-footer__col-titletext{flex: 1 1 auto;min-width: 0}.site-footer__col-chevron{flex: 0 0 auto;display: none; color: var(--color-text-muted);transition: transform 220ms var(--stkx-spring,cubic-bezier(0.2,0.7,0.2,1))}@media (max-width: 640px){ .site-footer__inner{gap: 0;padding-bottom: var(--space-lg,1.25rem)}.site-footer__brand{max-width: none;padding-bottom: var(--space-xl,2rem)} .site-footer__inner > .site-footer__col:nth-child(3),.site-footer__inner > .site-footer__col:nth-child(4){display: block}.site-footer__col{border-top: 1px solid var(--color-border,rgba(255,255,255,0.08))}.site-footer__col-title{margin: 0}.site-footer__col-toggle{justify-content: space-between;min-height: 52px;padding: 0.35rem 0;cursor: pointer;pointer-events: auto; -webkit-tap-highlight-color: transparent}.site-footer__col-chevron{display: inline-flex} .site-footer__links{max-height: 0;overflow: hidden;opacity: 0;gap: 0.875rem;transition: max-height 300ms var(--stkx-spring,cubic-bezier(0.2,0.7,0.2,1)),opacity 200ms ease,padding-bottom 300ms ease}.site-footer__col.is-open .site-footer__links{max-height: 32rem;opacity: 1;padding-bottom: 1.1rem}.site-footer__col.is-open .site-footer__col-chevron{transform: rotate(180deg)} .site-footer__links a,.site-footer__link-btn{padding: 0.15rem 0} .site-footer__bottom{padding-bottom: calc(0.75rem + env(safe-area-inset-bottom,0px))}} .stkx-journey__streak:not([hidden]){animation: stkx-streak-pulse 2.4s ease-in-out infinite}@keyframes stkx-streak-pulse{0%,100%{box-shadow: 0 0 0 0 rgba(232,101,26,0)}50%{box-shadow: 0 0 0 5px rgba(232,101,26,0.14)}}  .stkx-panel--tight{padding-bottom: 1rem}.stkx-nextmile{display: flex;gap: 0.85rem;align-items: center}.stkx-nextmile__ic{flex: 0 0 auto;width: 48px;height: 48px;border-radius: 14px;display: grid;place-items: center;color: #fff;background: linear-gradient(160deg,#f3924c,#d1560f);box-shadow: 0 8px 20px -8px rgba(232,101,26,0.5)}.stkx-nextmile__ic svg{width: 24px;height: 24px}.stkx-nextmile__body{flex: 1;min-width: 0}.stkx-nextmile__t{font-size: 0.95rem;font-weight: 800;letter-spacing: -0.01em;color: var(--stkx-ink)}.stkx-nextmile__d{font-size: 0.76rem;color: var(--stkx-ink-soft);margin-top: 1px}.stkx-nextmile__bar{margin-top: 0.5rem;height: 7px;border-radius: 99px;background: var(--stkx-surface-2);overflow: hidden}.stkx-nextmile__fill{height: 100%;width: 0;border-radius: 99px;background: linear-gradient(90deg,#f3924c,#d1560f);transition: width var(--stkx-dur-slow) var(--stkx-spring)}.stkx-nextmile__pct{margin-top: 0.35rem;font-size: 0.72rem;font-weight: 800;color: var(--color-primary,#e8651a);font-variant-numeric: tabular-nums}html[data-theme="light"] .stkx-nextmile__pct{color: var(--color-primary-dark,#c04e10)}.stkx-nextmile--done .stkx-nextmile__ic{background: linear-gradient(160deg,#34d17e,#1ba85f);box-shadow: 0 8px 20px -8px rgba(52,209,126,0.5)}  .stkx-badges{display: grid;grid-template-columns: repeat(4,1fr);gap: 0.9rem 0.4rem}@media (min-width: 700px){.stkx-badges{grid-template-columns: repeat(6,1fr)}}.stkx-badge{text-align: center;min-width: 0}.stkx-badge__l{overflow-wrap: anywhere}.stkx-badge__ring{width: 56px;height: 56px;margin: 0 auto 6px;border-radius: 50%;display: grid;place-items: center;background: var(--stkx-surface);border: 1px solid var(--stkx-line);color: var(--color-primary,#e8651a)}.stkx-badge--on .stkx-badge__ring{background: linear-gradient(160deg,#f3924c,#d1560f);color: #fff;border-color: transparent;box-shadow: 0 8px 18px -8px rgba(232,101,26,0.5)}.stkx-badge--locked .stkx-badge__ring{color: var(--stkx-ink-mute);background: var(--stkx-surface-2)}.stkx-badge__ring svg{width: 24px;height: 24px}.stkx-badge__l{font-size: 0.66rem;font-weight: 700;color: var(--stkx-ink-soft);line-height: 1.2}.stkx-badge--locked .stkx-badge__l{color: var(--stkx-ink-mute)}  .stkx-metrics{display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem}.stkx-metric{display: flex;flex-direction: column;gap: 0.45rem;padding: 0.8rem 0.85rem;background: var(--stkx-surface-2);border-radius: 0.9rem}.stkx-metric__ic{width: 30px;height: 30px;flex: none;border-radius: 9px;display: grid;place-items: center}.stkx-metric__ic--blue{color: #4c9ef3;background: rgba(76,158,243,0.14)}.stkx-metric__ic--orange{color: var(--color-primary,#e8651a);background: rgba(232,101,26,0.15)}.stkx-metric__ic--green{color: #2fbf71;background: rgba(47,191,113,0.15)}.stkx-metric__ic--red{color: #ef5a5a;background: rgba(239,90,90,0.14)}html[data-theme="light"] .stkx-metric__ic--orange{color: var(--color-primary-dark,#c04e10)}.stkx-metric__val{font-size: 1.05rem;font-weight: 800;letter-spacing: -0.02em;color: var(--stkx-ink);font-variant-numeric: tabular-nums;line-height: 1.1}.stkx-metric__u{font-size: 0.72rem;font-weight: 700;color: var(--stkx-ink-mute)}.stkx-metric__lbl{font-size: 0.66rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--stkx-ink-mute)} .stkx-cmp{display: flex;flex-direction: column}.stkx-cmp__head,.stkx-cmp__row{display: grid;grid-template-columns: 1.5fr 1fr 1fr;align-items: center;gap: 0.5rem}.stkx-cmp__head{font-size: 0.62rem;text-transform: uppercase;letter-spacing: 0.06em;color: var(--stkx-ink-mute);padding-bottom: 0.55rem;border-bottom: 1px solid var(--stkx-line)}.stkx-cmp__head span:not(:first-child){text-align: end}.stkx-cmp__row{padding: 0.6rem 0}.stkx-cmp__row + .stkx-cmp__row{border-top: 1px solid var(--stkx-line)}.stkx-cmp__act{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.86rem;font-weight: 700;color: var(--stkx-ink);min-width: 0}.stkx-cmp__num{text-align: end;font-size: 0.86rem;font-weight: 700;color: var(--stkx-ink-soft);font-variant-numeric: tabular-nums}.stkx-cmp__dot{width: 9px;height: 9px;border-radius: 50%;flex: none}.stkx-cmp__dot--walking{background: #2fbf71}.stkx-cmp__dot--jogging{background: var(--color-primary,#e8651a)}.stkx-cmp__dot--running{background: #ef5a5a} .stkx-insight{display: flex;gap: 0.85rem;align-items: flex-start}.stkx-insight__ic{flex: none;width: 34px;height: 34px;margin-top: 1px;border-radius: 50%;display: grid;place-items: center;background: linear-gradient(160deg,#34d17e,#1ba85f);color: #fff;box-shadow: 0 8px 18px -8px rgba(52,209,126,0.5)}.stkx-insight__body{flex: 1;min-width: 0}.stkx-insight .stkx-panel__title{margin-bottom: 0.4rem}.stkx-insight__text{font-size: 0.9rem;line-height: 1.5;color: var(--stkx-ink-soft)} .stkx-note{display: flex;gap: 0.55rem;align-items: flex-start;margin: -0.1rem 0.15rem 0;font-size: 0.72rem;line-height: 1.5;color: var(--stkx-ink-mute)}.stkx-note__ic{flex: none;margin-top: 1px;opacity: 0.85}.stkx-note__text{flex: 1;min-width: 0} .stkx-journey__main .stkx-insight{margin-top: 1.15rem}.stkx-journey__main .stkx-note{margin-top: 1.05rem;margin-bottom: 1.15rem} .stkx-scrim{position: fixed;inset: 0;z-index: 320;background: rgba(0,0,0,0.5);opacity: 0;pointer-events: none;transition: opacity var(--stkx-dur) ease}.stkx-scrim[hidden]{display: none}.stkx-scrim--open{opacity: 1;pointer-events: auto} .stkx-sheet{position: fixed;left: 0;right: 0;bottom: 0;z-index: 330;background: var(--color-bg,#0a0a0a);border-top: 1px solid var(--stkx-line);border-radius: 1.4rem 1.4rem 0 0;box-shadow: var(--stkx-shadow);padding: 0.5rem 1.2rem calc(1.6rem + env(safe-area-inset-bottom,0px));max-height: 90vh;max-height: 90dvh;overflow-y: auto;-webkit-overflow-scrolling: touch;transform: translateY(102%);transition: transform var(--stkx-dur) var(--stkx-spring)}html[data-theme="light"] .stkx-sheet{background: #fff}.stkx-sheet[hidden]{display: none}.stkx-sheet--open{transform: translateY(0)}.stkx-sheet__grab{display: block;width: 40px;height: 4px;border-radius: 99px;background: var(--stkx-ink-mute);opacity: 0.4;margin: 0.5rem auto 0.9rem}.stkx-sheet__eyebrow{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--color-primary,#e8651a);margin-bottom: 0.4rem}html[data-theme="light"] .stkx-sheet__eyebrow{color: var(--color-primary-dark,#c04e10)}.stkx-sheet__t{font-size: 1.3rem;font-weight: 800;letter-spacing: -0.02em;color: var(--stkx-ink);margin-bottom: 0.4rem;text-wrap: balance}.stkx-sheet__d{font-size: 0.88rem;line-height: 1.5;color: var(--stkx-ink-soft);margin-bottom: 1.1rem}.stkx-sheet__btn{width: 100%;border: none;cursor: pointer;border-radius: 1rem;padding: 0.95rem;font-size: 1rem;font-weight: 700;background: linear-gradient(180deg,#f3924c,#d1560f);color: #fff;box-shadow: 0 12px 26px -12px rgba(232,101,26,0.5);transition: transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-sheet__btn:hover{transform: translateY(-1px)}.stkx-sheet__btn:active{transform: scale(0.99)}.stkx-sheet__btn--ghost{background: none;color: var(--stkx-ink-soft);box-shadow: none;font-weight: 600;margin-top: 0.4rem}.stkx-sheet__btn--danger{background: linear-gradient(180deg,#f26a5a,#dc3f36);box-shadow: 0 12px 26px -12px rgba(220,63,54,0.5)} .stkx-presets{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1.1rem}.stkx-preset{position: relative;cursor: pointer;font: inherit;border: 1.5px solid var(--stkx-line);background: var(--stkx-surface);color: var(--stkx-ink);font-weight: 700;font-size: 0.9rem;padding: 0.5rem 0.85rem;border-radius: 999px;font-variant-numeric: tabular-nums;transition: border-color var(--stkx-dur-fast) var(--stkx-spring),background var(--stkx-dur-fast) var(--stkx-spring),color var(--stkx-dur-fast)}.stkx-preset small{display: block;font-size: 0.6rem;font-weight: 600;color: var(--stkx-ink-mute);letter-spacing: 0.03em;margin-top: 1px}.stkx-preset:hover{border-color: var(--color-primary,#e8651a)}.stkx-preset--sel{background: var(--color-primary,#e8651a);border-color: transparent;color: #fff}.stkx-preset--sel small{color: rgba(255,255,255,0.82)}.stkx-preset--reco::after{content: "\2605";position: absolute;top: -7px;right: -4px;width: 16px;height: 16px;display: grid;place-items: center;font-size: 0.68rem;color: var(--color-primary,#e8651a);background: var(--color-bg,#0a0a0a);border-radius: 50%;box-shadow: var(--stkx-shadow)}html[data-theme="light"] .stkx-preset--reco::after{background: #fff}.stkx-stepper{display: flex;align-items: center;justify-content: center;gap: 1.2rem;margin: 0.3rem 0 0.4rem}.stkx-step{width: 50px;height: 50px;border-radius: 50%;cursor: pointer;border: 1.5px solid var(--stkx-line);background: var(--stkx-surface);color: var(--stkx-ink);font-size: 1.4rem;line-height: 1;display: grid;place-items: center;transition: border-color var(--stkx-dur-fast),color var(--stkx-dur-fast),transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-step:hover{border-color: var(--color-primary,#e8651a);color: var(--color-primary,#e8651a)}.stkx-step:active{transform: scale(0.9)}.stkx-step__val{font-size: 2.3rem;font-weight: 800;letter-spacing: -0.03em;color: var(--stkx-ink);font-variant-numeric: tabular-nums;min-width: 5ch;text-align: center}.stkx-step__eq{text-align: center;font-size: 0.82rem;font-weight: 600;color: var(--stkx-ink-mute);margin-bottom: 1.2rem;min-height: 1.2em}.stkx-step__eq b{color: var(--color-primary,#e8651a)}html[data-theme="light"] .stkx-step__eq b{color: var(--color-primary-dark,#c04e10)} .stkx-dialog{position: fixed;left: 50%;top: 50%;z-index: 335;width: min(360px,calc(100vw - 2.4rem));transform: translate(-50%,-46%) scale(0.94);background: var(--color-bg,#0a0a0a);border: 1px solid var(--stkx-line);border-radius: 1.3rem;box-shadow: var(--stkx-shadow);padding: 1.6rem 1.4rem 1.3rem;text-align: center;opacity: 0;pointer-events: none;transition: transform var(--stkx-dur) var(--stkx-spring),opacity var(--stkx-dur) ease}html[data-theme="light"] .stkx-dialog{background: #fff}.stkx-dialog[hidden]{display: none}.stkx-dialog--open{transform: translate(-50%,-50%) scale(1);opacity: 1;pointer-events: auto}.stkx-dialog__ic{width: 56px;height: 56px;border-radius: 50%;margin: 0 auto 1rem;display: grid;place-items: center}.stkx-dialog__ic--danger{background: rgba(220,63,54,0.14);color: #e14b41}.stkx-dialog__t{font-size: 1.2rem;font-weight: 800;letter-spacing: -0.02em;color: var(--stkx-ink);margin-bottom: 0.5rem;text-wrap: balance}.stkx-dialog__d{font-size: 0.88rem;line-height: 1.5;color: var(--stkx-ink-soft);margin-bottom: 1.3rem}.stkx-dialog__row{display: flex;flex-direction: column;gap: 0.55rem} .stkx-celebrate{position: fixed;inset: 0;z-index: 340;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 2rem;background: radial-gradient(120% 90% at 50% 30%,rgba(232,101,26,0.22),transparent 60%),var(--color-bg,#0a0a0a);opacity: 0;pointer-events: none;transition: opacity var(--stkx-dur) ease}html[data-theme="light"] .stkx-celebrate{background: radial-gradient(120% 90% at 50% 30%,rgba(232,101,26,0.18),transparent 60%),#fff}.stkx-celebrate[hidden]{display: none}.stkx-celebrate--open{opacity: 1;pointer-events: auto}.stkx-celebrate__ray{position: absolute;top: calc(50% - 150px);width: 210px;height: 210px;pointer-events: none;opacity: 0}.stkx-celebrate--open .stkx-celebrate__ray{animation: stkx-rays 1s var(--stkx-spring) 0.15s forwards}@keyframes stkx-rays{to{opacity: 1;transform: rotate(30deg)}}.stkx-celebrate__sun{width: 140px;height: 140px;border-radius: 50%;margin-bottom: 1.3rem;display: grid;place-items: center;color: #fff;background: radial-gradient(circle at 50% 38%,#ffd9a8,#e8651a 58%,#d1560f);box-shadow: 0 0 0 12px rgba(232,101,26,0.16),0 24px 60px -18px rgba(232,101,26,0.6);transform: scale(0)}.stkx-celebrate--open .stkx-celebrate__sun{animation: stkx-pop 0.7s var(--stkx-spring-back,cubic-bezier(0.34,1.56,0.5,1)) forwards}@keyframes stkx-pop{0%{transform: scale(0) rotate(-30deg)}70%{transform: scale(1.08) rotate(4deg)}100%{transform: scale(1) rotate(0)}}.stkx-celebrate__sun svg{width: 68px;height: 68px}.stkx-celebrate__eyebrow{font-size: 0.72rem;font-weight: 800;letter-spacing: 0.18em;text-transform: uppercase;color: var(--color-primary,#e8651a);opacity: 0}html[data-theme="light"] .stkx-celebrate__eyebrow{color: var(--color-primary-dark,#c04e10)}.stkx-celebrate__t{font-size: 1.8rem;font-weight: 800;letter-spacing: -0.03em;color: var(--stkx-ink);margin: 0.4rem 0 0.6rem;opacity: 0;text-wrap: balance}.stkx-celebrate__stats{display: flex;gap: 1.4rem;margin: 0.3rem 0;opacity: 0}.stkx-celebrate__stat b{display: block;font-size: 1.35rem;font-weight: 800;letter-spacing: -0.02em;color: var(--stkx-ink);font-variant-numeric: tabular-nums}.stkx-celebrate__stat span{font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.07em;color: var(--stkx-ink-mute)}.stkx-celebrate__sub{font-size: 0.92rem;line-height: 1.5;color: var(--stkx-ink-soft);margin: 0.9rem 0 1.6rem;max-width: 26ch;opacity: 0}.stkx-celebrate__btn{cursor: pointer;border: none;border-radius: 999px;padding: 0.85rem 2.1rem;font-size: 1rem;font-weight: 700;color: #fff;background: linear-gradient(180deg,#f3924c,#d1560f);box-shadow: 0 16px 34px -12px rgba(232,101,26,0.5);opacity: 0;transition: transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-celebrate__btn:hover{transform: translateY(-2px)}.stkx-celebrate--open .stkx-celebrate__eyebrow{animation: stkx-fade-up 0.5s ease 0.35s forwards}.stkx-celebrate--open .stkx-celebrate__t{animation: stkx-fade-up 0.5s ease 0.45s forwards}.stkx-celebrate--open .stkx-celebrate__stats{animation: stkx-fade-up 0.5s ease 0.58s forwards}.stkx-celebrate--open .stkx-celebrate__sub{animation: stkx-fade-up 0.5s ease 0.68s forwards}.stkx-celebrate--open .stkx-celebrate__btn{animation: stkx-fade-up 0.5s ease 0.8s forwards}@keyframes stkx-fade-up{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: translateY(0)}} .stkx-confetti{z-index: 360} .stkx-toast{position: fixed;left: 50%;z-index: 370;bottom: calc(var(--stkx-tabbar-h) + 18px + env(safe-area-inset-bottom,0px));transform: translate(-50%,16px);display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.65rem 1.1rem;border-radius: 999px;background: var(--stkx-ink);color: var(--color-bg,#0a0a0a);font-size: 0.85rem;font-weight: 700;white-space: nowrap;box-shadow: var(--stkx-shadow);opacity: 0;pointer-events: none;transition: opacity var(--stkx-dur) var(--stkx-spring),transform var(--stkx-dur) var(--stkx-spring)}.stkx-toast[hidden]{display: none}.stkx-toast--show{opacity: 1;transform: translate(-50%,0)}.stkx-toast__ic{color: #34d17e;display: inline-flex}@media (min-width: 1024px){.stkx-toast{bottom: 24px}} @media (min-width: 1024px){.stkx-sheet{left: 50%;right: auto;bottom: auto;top: 50%;width: min(460px,92vw);border-radius: 1.4rem;border: 1px solid var(--stkx-line);transform: translate(-50%,-46%) scale(0.96);padding-bottom: 1.6rem}.stkx-sheet--open{transform: translate(-50%,-50%) scale(1)}} .stkx-preset:focus-visible,.stkx-step:focus-visible,.stkx-sheet__btn:focus-visible,.stkx-hero__edit:focus-visible,.stkx-celebrate__btn:focus-visible{outline: 2.5px solid var(--color-primary,#e8651a);outline-offset: 2px} @media (prefers-reduced-motion: reduce){.stkx-sun__prog,.stkx-nextmile__fill,.stkx-hero__glow,.stkx-scrim,.stkx-sheet,.stkx-dialog,.stkx-celebrate,.stkx-toast{transition-duration: 0.001ms}.stkx-celebrate--open .stkx-celebrate__sun,.stkx-celebrate--open .stkx-celebrate__ray,.stkx-celebrate--open .stkx-celebrate__eyebrow,.stkx-celebrate--open .stkx-celebrate__t,.stkx-celebrate--open .stkx-celebrate__stats,.stkx-celebrate--open .stkx-celebrate__sub,.stkx-celebrate--open .stkx-celebrate__btn{animation: none;opacity: 1;transform: none}} @media (prefers-reduced-motion: reduce){.stkx-bump,[data-stkx-reveal],[data-stkx-reveal].stkx-in,.stkx-ring,.stkx-week__bar,.stkx-bar-fill,.stkx-journey__sheet,.stkx-journey__backdrop,.stkx-journey__streak,.stkx-breakdown-toggle,.stkx-breakdown-toggle__icon,.stkx-breakdown-toggle__icon svg,.converter__divider-btn svg,.stkx-nudge{transition: none !important;animation: none !important}[data-stkx-reveal]{opacity: 1;transform: none}.results-panel.stkx-managed .results-card{opacity: 1;transform: none}}  .stkx-week__recap{display: inline-flex;align-items: center;gap: 3px;margin-top: 0.9rem;padding: 0;background: none;border: none;cursor: pointer;color: var(--color-primary,#e8651a);font-size: 0.8rem;font-weight: 700}html[data-theme="light"] .stkx-week__recap{color: var(--color-primary-dark,#c04e10)}.stkx-week__recap svg{transition: transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-week__recap:hover svg{transform: translateX(2px)} .stkx-recap__grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.55rem;margin-bottom: 0.7rem}.stkx-recap__tile{background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 1rem;padding: 0.9rem 0.6rem;text-align: center}.stkx-recap__tile b{display: block;font-size: 1.25rem;font-weight: 800;letter-spacing: -0.02em;color: var(--stkx-ink);font-variant-numeric: tabular-nums}.stkx-recap__tile span{display: block;margin-top: 3px;font-size: 0.68rem;font-weight: 600;color: var(--stkx-ink-mute)}.stkx-recap__rows{background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 1rem;padding: 0.3rem 0.9rem;margin-bottom: 1.1rem}.stkx-recap__row{display: flex;align-items: center;justify-content: space-between;padding: 0.65rem 0;font-size: 0.86rem}.stkx-recap__row + .stkx-recap__row{border-top: 1px solid var(--stkx-line)}.stkx-recap__row span{color: var(--stkx-ink-soft);font-weight: 600}.stkx-recap__row b{color: var(--stkx-ink);font-weight: 800;font-variant-numeric: tabular-nums} .stkx-back{text-align: center;padding: 0.4rem 0 0.2rem}.stkx-back__flame{width: 62px;height: 62px;margin: 0 auto 1rem;border-radius: 20px;display: grid;place-items: center;color: #fff;background: linear-gradient(160deg,#ffb257,#d1560f);box-shadow: 0 8px 20px -8px rgba(232,101,26,0.5)}.stkx-back .stkx-sheet__d{margin-bottom: 1.2rem} .stkx-checkin{position: fixed;left: 50%;bottom: calc(var(--stkx-tabbar-h) + 14px + env(safe-area-inset-bottom,0px));transform: translateX(-50%) translateY(24px);z-index: 256;width: min(440px,calc(100vw - 24px));display: flex;align-items: center;gap: 0.7rem;padding: 0.7rem 0.8rem 0.7rem 0.95rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 1rem;box-shadow: var(--stkx-shadow);opacity: 0;pointer-events: none;transition: opacity var(--stkx-dur) var(--stkx-spring),transform var(--stkx-dur) var(--stkx-spring)}html[data-theme="light"] .stkx-checkin{background: #fff}.stkx-checkin--show{opacity: 1;transform: translateX(-50%) translateY(0);pointer-events: auto}@media (min-width: 1024px){.stkx-checkin{bottom: 20px}}.stkx-checkin__ic{flex: 0 0 auto;width: 34px;height: 34px;display: grid;place-items: center;border-radius: 10px;color: var(--color-primary,#e8651a);background: var(--color-primary-light,rgba(232,101,26,0.15))}.stkx-checkin__ic svg{width: 19px;height: 19px}.stkx-checkin__text{flex: 1;font-size: 0.85rem;line-height: 1.3;color: var(--stkx-ink);font-weight: 500}.stkx-checkin__cta{flex: 0 0 auto;min-height: 38px;padding: 0.45rem 0.85rem;border: none;border-radius: 0.7rem;cursor: pointer;background: var(--color-primary,#e8651a);color: #fff;font-size: 0.8rem;font-weight: 700}.stkx-checkin__no{flex: 0 0 auto;width: 30px;height: 30px;display: grid;place-items: center;border: none;background: none;cursor: pointer;color: var(--stkx-ink-mute);font-size: 1.1rem}@media (prefers-reduced-motion: reduce){.stkx-checkin,.stkx-week__recap svg{transition: none !important}} @media (max-width: 1023px){ .site-header__nav,.site-header__language,.site-header__cta{display: none}.site-header{padding-block: 0.75rem}.site-header__inner{justify-content: flex-end}.site-header__actions{gap: 0} .site-header__logo{margin-inline-end: auto} body.home .site-header__logo,body.stk-home .site-header__logo{display: none} .site-header--scrolled,html[data-theme="light"] .site-header--scrolled{background-color: transparent;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none}.site-header__dark-toggle{background: color-mix(in srgb,var(--color-bg,#0a0a0a) 46%,transparent);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}html[data-theme="light"] .site-header__dark-toggle{background: color-mix(in srgb,#ffffff 60%,transparent);border-color: var(--stkx-line)}} body.page-template-template-sub-calculator .site-header,html[data-theme="light"] body.page-template-template-sub-calculator .site-header{background-color: transparent;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none} .hero__logo{display: none}@media (max-width: 1023px){ .hero__logo{display: inline-flex;margin: 0.35rem 0 1.1rem}.hero__logo img{height: 60px;width: auto;display: block}}@media (max-width: 480px){.hero__logo{margin: 0.25rem 0 1rem}.hero__logo img{height: 56px}} .stkx-more__head{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 1rem}.stkx-more .stkx-sheet__t{margin-bottom: 0}.stkx-more__close{flex: 0 0 auto;width: 40px;height: 40px;display: grid;place-items: center;border-radius: 50%;background: var(--stkx-surface);border: 1px solid var(--stkx-line);color: var(--stkx-ink);cursor: pointer;transition: background var(--stkx-dur-fast) var(--stkx-spring),border-color var(--stkx-dur-fast) var(--stkx-spring)}.stkx-more__close:hover{background: var(--stkx-surface-2);border-color: color-mix(in srgb,var(--color-primary,#e8651a) 45%,var(--stkx-line))} .stkx-more__list{display: flex;flex-direction: column;gap: 0.5rem;margin-bottom: 1.4rem}.stkx-more__row{display: flex;align-items: center;gap: 0.85rem;padding: 0.8rem 0.95rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 1rem;color: var(--stkx-ink);text-decoration: none;transition: background var(--stkx-dur-fast) var(--stkx-spring),border-color var(--stkx-dur-fast) var(--stkx-spring),transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-more__row:hover{background: var(--stkx-surface-2);text-decoration: none}.stkx-more__row:active{transform: scale(0.99)}.stkx-more__ic{flex: 0 0 auto;width: 40px;height: 40px;display: grid;place-items: center;border-radius: 0.7rem;background: var(--stkx-surface-2);color: var(--stkx-ink-soft)}.stkx-more__ic svg{width: 20px;height: 20px}.stkx-more__label{flex: 1;min-width: 0;font-size: 0.98rem;font-weight: 600;letter-spacing: -0.01em}.stkx-more__chev{flex: 0 0 auto;color: var(--stkx-ink-mute);display: inline-flex} .stkx-more__row--feature{background: color-mix(in srgb,var(--color-primary,#e8651a) 12%,transparent);border-color: color-mix(in srgb,var(--color-primary,#e8651a) 34%,transparent)}.stkx-more__row--feature:hover{background: color-mix(in srgb,var(--color-primary,#e8651a) 18%,transparent)}.stkx-more__row--feature .stkx-more__ic{background: var(--color-primary,#e8651a);color: #fff}.stkx-more__row--feature .stkx-more__label{color: var(--color-primary,#e8651a);font-weight: 700}html[data-theme="light"] .stkx-more__row--feature .stkx-more__label{color: var(--color-primary-dark,#c04e10)}.stkx-more__row--feature .stkx-more__chev{color: var(--color-primary,#e8651a)} .stkx-more__section{margin-bottom: 1.3rem}.stkx-more__section-title{display: flex;align-items: center;gap: 0.4rem;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--stkx-ink-mute);margin-bottom: 0.7rem}.stkx-more__section-ic{color: var(--stkx-ink-mute);display: inline-flex}.stkx-more__langs{display: flex;flex-wrap: wrap;gap: 0.4rem}.stkx-more__lang{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.45rem 0.7rem;background: var(--stkx-surface);border: 1px solid var(--stkx-line);border-radius: 999px;color: var(--stkx-ink-soft);text-decoration: none;font-size: 0.82rem;font-weight: 600;transition: border-color var(--stkx-dur-fast) var(--stkx-spring),background var(--stkx-dur-fast) var(--stkx-spring),color var(--stkx-dur-fast) var(--stkx-spring)}.stkx-more__lang:hover{border-color: color-mix(in srgb,var(--color-primary,#e8651a) 50%,var(--stkx-line));color: var(--stkx-ink);text-decoration: none}.stkx-more__lang-code{font-size: 0.64rem;font-weight: 800;letter-spacing: 0.04em;color: var(--stkx-ink-mute)}.stkx-more__lang.is-active{background: var(--color-primary,#e8651a);border-color: transparent;color: #fff}.stkx-more__lang.is-active .stkx-more__lang-code{color: rgba(255,255,255,0.78)} .stkx-more__langdd{border: 1px solid var(--stkx-line);border-radius: 0.9rem;background: var(--stkx-surface);overflow: hidden;transition: border-color var(--stkx-dur-fast) var(--stkx-spring)}.stkx-more__langdd[open]{border-color: color-mix(in srgb,var(--color-primary,#e8651a) 32%,var(--stkx-line))}.stkx-more__langdd-btn{display: flex;align-items: center;gap: 0.6rem;padding: 0.85rem 1rem;cursor: pointer;list-style: none;font-size: 0.92rem;font-weight: 600;color: var(--stkx-ink);-webkit-tap-highlight-color: transparent}.stkx-more__langdd-btn::-webkit-details-marker{display: none}.stkx-more__langdd-btn::marker{content: ''}.stkx-more__langdd .stkx-more__section-ic{color: var(--color-primary,#e8651a)}.stkx-more__langdd-label{flex: 0 0 auto}.stkx-more__langdd-current{flex: 1 1 auto;min-width: 0;text-align: end;color: var(--stkx-ink-mute);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.stkx-more__langdd-chev{flex: 0 0 auto;color: var(--stkx-ink-mute);transition: transform var(--stkx-dur-fast) var(--stkx-spring)}.stkx-more__langdd[open] .stkx-more__langdd-chev{transform: rotate(180deg)}.stkx-more__langdd .stkx-more__langs{padding: 0.15rem 0.85rem 0.9rem;max-height: 46vh;overflow-y: auto;-webkit-overflow-scrolling: touch} .stkx-tab[data-stkx-tab="more"].is-active{color: var(--color-primary,#e8651a)} .stkx-more__row:focus-visible,.stkx-more__lang:focus-visible,.stkx-more__langdd-btn:focus-visible,.stkx-more__close:focus-visible{outline: 2.5px solid var(--color-primary,#e8651a);outline-offset: 2px}.stkx-more__langdd-btn:focus-visible{outline-offset: -2.5px;border-radius: 0.9rem} .stkx-explore{position: relative;margin-block: clamp(1rem,3vw,2rem);padding-block: clamp(1.5rem,3.5vw,2.75rem) clamp(1.75rem,4vw,3rem);border-top: 1px solid rgba(255,255,255,0.08);border-bottom: 1px solid rgba(255,255,255,0.06)} .stkx-explore::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(130% 90% at 50% -18%,rgba(232,101,26,0.15),transparent 55%),linear-gradient(180deg,rgba(22,25,32,0.74),rgba(13,15,20,0.88));-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px)}html[data-theme="light"] .stkx-explore::before{background: radial-gradient(130% 90% at 50% -18%,rgba(232,101,26,0.10),transparent 55%),linear-gradient(180deg,rgba(255,255,255,0.88),rgba(247,248,250,0.94))}html[data-theme="light"] .stkx-explore{border-top-color: rgba(17,24,39,0.08);border-bottom-color: rgba(17,24,39,0.06)} .stkx-explore .progress-visualizer{padding-block: 0 clamp(1.25rem,3vw,2rem);overflow: visible;background: transparent}html[data-theme="light"] .stkx-explore .progress-visualizer{background: transparent}.stkx-explore #stkx-lj{padding-block: 0} .stkx-explore .progress-visualizer__heading{display: inline-flex;align-items: center;gap: 0.55rem;color: var(--stkx-ink-soft)}.stkx-explore .progress-visualizer__heading::before{content: "";width: 20px;height: 2px;border-radius: 2px;background: linear-gradient(90deg,#e8651a,#f3924c)} .progress-visualizer__bar-section{margin-bottom: 0} .progress-visualizer__scale{position: relative;height: 1.3rem;margin-bottom: 0.55rem;font-size: 0.8rem;font-variant-numeric: tabular-nums;color: var(--stkx-ink-mute)}.progress-visualizer__tick{position: absolute;top: 0;transform: translateX(-50%);white-space: nowrap;transition: color var(--stkx-dur) var(--stkx-spring),opacity var(--stkx-dur) var(--stkx-spring)}.progress-visualizer__tick--minor{font-size: 0.7rem;opacity: 0.6}.progress-visualizer__tick--first{transform: none}.progress-visualizer__tick--last{transform: translateX(-100%)}.progress-visualizer__tick.is-reached{color: var(--stkx-ink);opacity: 1} .progress-visualizer__tick.is-reached:not(.progress-visualizer__tick--first):not(.progress-visualizer__tick--last){animation: stkx-tick-pop var(--stkx-dur) var(--stkx-spring)} .progress__bar-track{position: relative;height: 16px;overflow: visible;background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.10);border-radius: 999px}html[data-theme="light"] .progress__bar-track{background: rgba(17,24,39,0.06);border-color: rgba(17,24,39,0.10)}.progress__bar-ticks{position: absolute;inset: 0;pointer-events: none}.progress__bar-tick{position: absolute;top: 50%;width: 2px;height: 7px;transform: translate(-50%,-50%);background: rgba(255,255,255,0.22);border-radius: 2px;transition: background var(--stkx-dur) var(--stkx-spring),height var(--stkx-dur) var(--stkx-spring)}.progress__bar-tick--major{height: 11px;background: rgba(255,255,255,0.32)}html[data-theme="light"] .progress__bar-tick{background: rgba(17,24,39,0.18)}html[data-theme="light"] .progress__bar-tick--major{background: rgba(17,24,39,0.30)}.progress__bar-tick.is-reached{background: rgba(255,255,255,0.9)} .progress__bar{position: relative;height: 100%;width: 0;border-radius: 999px;overflow: hidden;background: linear-gradient(90deg,#ef4444,#f59e0b 45%,#22c55e);box-shadow: 0 0 16px -3px rgba(34,197,94,0.55),inset 0 1px 0 rgba(255,255,255,0.28);transition: width 560ms var(--stkx-spring)}.progress__bar-shine{position: absolute;inset: 0;background: linear-gradient(100deg,transparent 25%,rgba(255,255,255,0.45) 50%,transparent 75%);transform: translateX(-120%);animation: stkx-progress-shine 2.6s ease-in-out infinite} .progress__bar-head{position: absolute;top: 50%;inset-inline-start: var(--stk-fill,0%);width: 12px;height: 12px;transform: translate(-50%,-50%);border-radius: 50%;background: #fff;opacity: 0;box-shadow: 0 0 0 3px rgba(255,255,255,0.16),0 0 12px 3px rgba(255,255,255,0.55),0 0 22px 8px rgba(34,197,94,0.45);transition: opacity var(--stkx-dur) var(--stkx-spring),left 560ms var(--stkx-spring)}.progress__bar-track.is-live .progress__bar-head{opacity: 1;animation: stkx-head-pulse 1.9s ease-in-out infinite}.progress-visualizer__goal-label{margin-top: 0.75rem}@keyframes stkx-progress-shine{0%{transform: translateX(-120%)}60%,100%{transform: translateX(340%)}}@keyframes stkx-head-pulse{0%,100%{box-shadow: 0 0 0 3px rgba(255,255,255,0.16),0 0 12px 3px rgba(255,255,255,0.5),0 0 20px 7px rgba(34,197,94,0.4)}50%{box-shadow: 0 0 0 5px rgba(255,255,255,0.10),0 0 16px 5px rgba(255,255,255,0.7),0 0 30px 12px rgba(34,197,94,0.55)}}@keyframes stkx-tick-pop{0%{transform: translateX(-50%) scale(1)}45%{transform: translateX(-50%) scale(1.32)}100%{transform: translateX(-50%) scale(1)}}@media (max-width: 640px){ .progress-visualizer__tick--minor{display: none}.progress__bar-tick:not(.progress__bar-tick--major){opacity: 0.5}}@media (prefers-reduced-motion: reduce){.progress__bar-shine,.progress__bar-track.is-live .progress__bar-head{animation: none}.progress__bar{transition: width 200ms linear}.progress__bar-head{transition: opacity 200ms linear,left 200ms linear}.progress-visualizer__tick.is-reached{animation: none}} .converter__stride-bar[data-stride-source="height"] .converter__stride-value,.converter__stride-bar[data-stride-source="height"] .converter__stride-unit{color: inherit;font-weight: inherit;font-size: inherit;letter-spacing: normal}.hero__converter .converter__stride-bar[data-stride-source="height"] .converter__stride-value,.hero__converter .converter__stride-bar[data-stride-source="height"] .converter__stride-unit{color: var(--stkx-ink-mute);font-weight: 600}html[data-theme="light"] .hero__converter .converter__stride-bar[data-stride-source="height"] .converter__stride-value,html[data-theme="light"] .hero__converter .converter__stride-bar[data-stride-source="height"] .converter__stride-unit{color: var(--color-text)} .converter__stride-help-wrap{position: relative;display: inline-flex;align-items: center;flex-shrink: 0}.converter__stride-help{display: inline-flex;align-items: center;justify-content: center; width: auto;height: auto;min-width: 0;min-height: 0;padding: 4px;color: var(--stkx-ink-mute);background: transparent;border: none;border-radius: 50%;cursor: pointer;opacity: 0.8;transition: opacity var(--stkx-dur-fast) ease,color var(--stkx-dur-fast) ease}.converter__stride-help:hover,.converter__stride-help[aria-expanded="true"]{opacity: 1;color: var(--color-primary,#e8651a)}.converter__stride-help:focus-visible{opacity: 1;color: var(--color-primary,#e8651a);outline: 2px solid var(--color-primary,#e8651a);outline-offset: 2px} .converter__stride-help svg{width: 15px;height: 15px;display: block} .converter__stride-tip{position: fixed;top: 0;left: 0;z-index: 60;width: max-content;max-width: min(20rem,calc(100vw - 1.25rem));padding: 0.6rem 0.75rem;font-size: 0.75rem;line-height: 1.5;font-weight: 500;letter-spacing: normal;white-space: normal;text-align: start;color: #f4f1ee;background: #241f1b;border: 1px solid var(--stkx-line);border-radius: 0.6rem;box-shadow: 0 14px 34px rgba(0,0,0,0.42);opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-4px);transition: opacity var(--stkx-dur-fast) ease,transform var(--stkx-dur-fast) ease,visibility var(--stkx-dur-fast)}.converter__stride-tip::after{content: "";position: absolute;bottom: 100%;left: var(--stk-tip-arrow,50%);transform: translateX(-50%);border: 6px solid transparent;border-bottom-color: #241f1b} .converter__stride-tip.is-flipped::after{bottom: auto;top: 100%;border-bottom-color: transparent;border-top-color: #241f1b}.converter__stride-help-wrap:hover .converter__stride-tip,.converter__stride-help-wrap:focus-within .converter__stride-tip,.converter__stride-tip.is-open{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0)}html[data-theme="light"] .converter__stride-tip{color: var(--color-text,#1a1a1a);background: #ffffff;border-color: var(--color-border,rgba(17,24,39,0.1));box-shadow: 0 14px 34px rgba(17,24,39,0.16)}html[data-theme="light"] .converter__stride-tip::after{border-bottom-color: #ffffff}html[data-theme="light"] .converter__stride-tip.is-flipped::after{border-top-color: #ffffff}@media (prefers-reduced-motion: reduce){.converter__stride-tip{transition: opacity var(--stkx-dur-fast) ease,visibility var(--stkx-dur-fast)}} @media (max-width: 640px){ .hero__converter .converter__stride-info{gap: 0.4rem}.hero__converter .converter__stride-text{gap: 0.22rem}.hero__converter .converter__adjust-btn{padding-inline: 0.62rem}} @media (max-width: 374px){.hero__converter .converter__stride-dot{display: none}}  @media (max-width: 1023px){.hero--sub{padding-top: 4.25rem}.hero__inner--sub{padding-top: 0.25rem} .stkx-funnel--sub{margin-top: 0}} @media (min-width: 1024px){.hero__inner--sub{flex-wrap: wrap;row-gap: 1.5rem}.hero__inner--sub > .stkx-funnel--sub{flex: 1 1 100%;margin-top: 0}} .results-card--calories-time:only-child .results-card__stacked{flex-direction: row;align-items: stretch}.results-card--calories-time:only-child .results-card__stack-item{flex: 1 1 0;min-width: 0;padding: 0}.results-card--calories-time:only-child .results-card__divider{width: 1px;height: auto;align-self: stretch;margin: 0 1rem} .results-dashboard > .results-card:only-child{grid-column: 1 / -1} @media (min-width: 768px){.results-card--calories-time:only-child .results-card__stack-item{justify-content: center}}