:root{ --color-primary: #e8651a;--color-primary-hover: #d45a15;--color-primary-light: rgba(232,101,26,0.15);--color-primary-dark: #c04e10;--color-secondary: #22c55e;--color-secondary-hover: #16a34a;--color-accent: #e8651a;--color-accent-light: rgba(232,101,26,0.1);--color-bg: #0a0a0a;--color-bg-alt: #111111;--color-bg-card: rgba(255,255,255,0.05);--color-bg-input: rgba(255,255,255,0.05);--color-bg-hero: #0a0a0a;--color-text: #ffffff;--color-text-secondary: rgba(255,255,255,0.6);--color-text-muted: rgba(255,255,255,0.4);--color-text-inverse: #0a0a0a;--color-border: rgba(255,255,255,0.1);--color-border-focus: #e8651a;--color-border-light: rgba(255,255,255,0.06);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #dc2626;--color-shadow: rgba(0,0,0,0.3);--color-shadow-lg: rgba(0,0,0,0.5);--color-overlay: rgba(0,0,0,0.6); --space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem; --font-family: system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -0.025em;--letter-spacing-normal: 0;--letter-spacing-wide: 0.025em;--letter-spacing-wider: 0.05em; --radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px; --shadow-sm: 0 1px 2px var(--color-shadow);--shadow-md: 0 4px 6px -1px var(--color-shadow),0 2px 4px -2px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow-lg),0 4px 6px -4px var(--color-shadow);--shadow-xl: 0 20px 25px -5px var(--color-shadow-lg),0 8px 10px -6px var(--color-shadow);--shadow-card: 0 4px 24px rgba(0,0,0,0.3);--shadow-converter: 0 8px 32px rgba(0,0,0,0.3); --transition-fast: 150ms ease;--transition-base: 200ms ease;--transition-slow: 300ms ease; --container-max: 1200px;--container-padding: var(--space-md); --z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}  html[data-theme="light"]{ --color-primary: #c2540e;--color-primary-hover: #a8460b;--color-primary-light: rgba(232,101,26,0.10);--color-primary-dark: #8f3c09;--color-secondary: #15803d;--color-secondary-hover: #166534;--color-accent: #c2540e;--color-accent-light: rgba(232,101,26,0.08); --color-bg: #f3f4f6; --color-bg-alt: #e9ebef; --color-bg-card: #ffffff; --color-bg-input: #ffffff;--color-bg-hero: #f7f6f3; --color-text: #1a1d23; --color-text-secondary: #464c56;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-border: #e4e7ec;--color-border-focus: #c2540e;--color-border-light: #eef0f3;--color-success: #15803d;--color-warning: #b45309;--color-error: #dc2626;--color-shadow: rgba(17,24,39,0.05);--color-shadow-lg: rgba(17,24,39,0.10);--color-overlay: rgba(17,24,39,0.45); --shadow-card: 0 1px 3px rgba(17,24,39,0.04),0 10px 24px rgba(17,24,39,0.05);--shadow-converter: 0 14px 44px rgba(17,24,39,0.10),0 2px 6px rgba(17,24,39,0.04)} html[data-theme="light"] .hero{background: radial-gradient(115% 80% at 88% 6%,rgba(232,101,26,0.13) 0%,transparent 55%),radial-gradient(90% 90% at 6% 100%,rgba(232,101,26,0.05) 0%,transparent 55%),linear-gradient(180deg,#faf9f7 0%,var(--color-bg) 100%);color: var(--color-text)} html[data-theme="light"] .hero__bg-image{display: none}html[data-theme="light"] .hero__title{color: var(--color-text)}html[data-theme="light"] .hero__subtitle{color: var(--color-text-secondary)}html[data-theme="light"] .hero__badge-text,html[data-theme="light"] .hero__check-badge{color: var(--color-text-secondary)}html[data-theme="light"] .hero__how-heading{color: var(--color-text-muted)}html[data-theme="light"] .hero__how-title{color: var(--color-text)}html[data-theme="light"] .hero__how-desc{color: var(--color-text-muted)}html[data-theme="light"] .hero__how-it-works{border-top-color: var(--color-border)} html[data-theme="light"] .hero .converter{background: var(--color-bg-card);border-color: var(--color-border);box-shadow: var(--shadow-converter)}html[data-theme="light"] .hero .converter__step-input{color: var(--color-text)}html[data-theme="light"] .hero .converter__result-value,html[data-theme="light"] .hero .result__primary-value{color: var(--color-primary)}html[data-theme="light"] .hero .converter__result-km,html[data-theme="light"] .hero .converter__section-label,html[data-theme="light"] .hero .converter__step-unit,html[data-theme="light"] .hero .converter__result-secondary,html[data-theme="light"] .hero .result__secondary-value,html[data-theme="light"] .hero .converter__hint,html[data-theme="light"] .hero .converter__label,html[data-theme="light"] .hero .converter__legend{color: var(--color-text-muted)}html[data-theme="light"] .hero .converter__stride-info{color: var(--color-text-secondary)}html[data-theme="light"] .hero .converter__stride-value{color: var(--color-text)}html[data-theme="light"] .hero .converter__divider{color: var(--color-text-muted)}html[data-theme="light"] .hero .converter__divider::before{background: var(--color-border)}html[data-theme="light"] .hero .converter__divider-btn{background: #ffffff;border-color: var(--color-border);color: var(--color-text-muted);box-shadow: 0 4px 14px rgba(17,24,39,0.08)}html[data-theme="light"] .hero .converter__stride-bar{background: var(--color-bg);border-color: var(--color-border)}html[data-theme="light"] .hero .converter__stride-unit{color: var(--color-text-muted)}html[data-theme="light"] .hero .converter__adjust-btn{color: var(--color-text-secondary)}html[data-theme="light"] .hero .converter__adjust-btn:hover{background: var(--color-bg-card);border-color: var(--color-border);color: var(--color-primary)}html[data-theme="light"] .hero .converter__adjust-icon{color: var(--color-text-muted)} html[data-theme="light"] .hero .converter__step-slider::-webkit-slider-runnable-track{background: linear-gradient(90deg,#d1560f 0%,#f3924c 100%) left center / calc(var(--stk-slider-progress,10) * 1%) 100% no-repeat,rgba(17,24,39,0.12)}html[data-theme="light"] .hero .converter__step-slider::-moz-range-track{background: rgba(17,24,39,0.12)}html[data-theme="light"] .hero .converter__step-slider::-webkit-slider-thumb{border-color: #ffffff}html[data-theme="light"] .hero .converter__step-slider::-moz-range-thumb{border-color: #ffffff}html[data-theme="light"] .hero .results-toggle{background: var(--color-bg);border-color: var(--color-border)}html[data-theme="light"] .hero .results-toggle__option{color: var(--color-text-muted)}html[data-theme="light"] .hero .results-toggle__option--active{background: var(--color-primary);color: #fff}html[data-theme="light"] .hero .converter__advanced{border-top-color: var(--color-border)}html[data-theme="light"] .hero .converter__gender-select,html[data-theme="light"] .hero .converter__activity-select,html[data-theme="light"] .hero .converter__unit-select,html[data-theme="light"] .hero .converter__height-cm,html[data-theme="light"] .hero .converter__height-ft,html[data-theme="light"] .hero .converter__height-in,html[data-theme="light"] .hero .converter__weight-kg,html[data-theme="light"] .hero .converter__weight-lbs,html[data-theme="light"] .hero .converter__custom-stride,html[data-theme="light"] .hero .converter__goal-distance{background-color: var(--color-bg-card);border-color: var(--color-border);color: var(--color-text)}html[data-theme="light"] .hero .converter__mode-toggle{background: var(--color-bg-card);border-color: var(--color-border);color: var(--color-text-secondary)}html[data-theme="light"] .hero .converter__validation-message{background-color: #f5f6f8;border-color: var(--color-border);color: var(--color-text-secondary)} html[data-theme="light"] .hero .converter__validation-message--error{background-color: rgba(220,38,38,0.07);border-color: rgba(220,38,38,0.22);color: #b42318}html[data-theme="light"] .hero .converter__notice{background-color: var(--color-primary-light);border-color: rgba(232,101,26,0.28);color: var(--color-primary)} html[data-theme="light"] .hero .converter__stride-source{color: var(--color-text)}html[data-theme="light"] .hero .converter__stride-activity{color: var(--color-text-muted)}html[data-theme="light"] .hero__embed-teaser{color: var(--color-primary);border-color: rgba(232,101,26,0.30)}html[data-theme="light"] .hero__embed-teaser:hover{background: var(--color-primary);color: #fff} html[data-theme="light"] .site-header{background-color: transparent}html[data-theme="light"] .site-header__menu a,html[data-theme="light"] .site-header__nav a{color: var(--color-text-secondary)}html[data-theme="light"] .site-header__menu a:hover,html[data-theme="light"] .site-header__nav a:hover{color: var(--color-primary)}html[data-theme="light"] .site-header__dark-toggle{color: var(--color-text-secondary);border-color: var(--color-border)}html[data-theme="light"] .site-header__dark-toggle:hover{background-color: rgba(17,24,39,0.05)}html[data-theme="light"] .site-header__cta{color: var(--color-text);border-color: var(--color-border)}html[data-theme="light"] .site-header__cta:hover{background-color: var(--color-primary);border-color: var(--color-primary);color: #fff}html[data-theme="light"] .language-selector__current{color: var(--color-text);border-color: var(--color-border)} html[data-theme="light"] .site-header--scrolled{background-color: #fff;box-shadow: 0 1px 0 var(--color-border),0 6px 20px rgba(17,24,39,0.06);backdrop-filter: none}html[data-theme="light"] .site-header--scrolled .site-header__menu a,html[data-theme="light"] .site-header--scrolled .site-header__nav a{color: var(--color-text-secondary)}html[data-theme="light"] .site-header--scrolled .site-header__menu a:hover,html[data-theme="light"] .site-header--scrolled .site-header__nav a:hover{color: var(--color-primary)}html[data-theme="light"] .site-header--scrolled .site-header__dark-toggle{color: var(--color-text-secondary);border-color: var(--color-border)}html[data-theme="light"] .site-header--scrolled .site-header__cta{color: var(--color-text);border-color: var(--color-border)}html[data-theme="light"] .site-header--scrolled .language-selector__current{color: var(--color-text);border-color: var(--color-border)} .site-header--scrolled{background-color: rgba(10,10,10,0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px)} html[data-theme="light"] .results-panel{background-color: var(--color-bg)}html[data-theme="light"] .results-panel__heading{color: var(--color-text)}html[data-theme="light"] .results-card{background: var(--color-bg-card);border-color: var(--color-border);box-shadow: var(--shadow-card)}html[data-theme="light"] .results-card:hover{border-color: rgba(232,101,26,0.35);box-shadow: 0 6px 18px rgba(232,101,26,0.10)}html[data-theme="light"] .results-card__value{color: var(--color-text)}html[data-theme="light"] .results-card__label,html[data-theme="light"] .results-card__sublabel,html[data-theme="light"] .results-card__meta,html[data-theme="light"] .results-card__unit{color: var(--color-text-muted)}html[data-theme="light"] .results-panel__compare-header{background-color: rgba(0,0,0,0.03);color: var(--color-text-muted)}html[data-theme="light"] .results-panel__compare-row{border-top-color: var(--color-border-light)}html[data-theme="light"] .results-panel__compare-row:hover{background-color: rgba(0,0,0,0.015)}html[data-theme="light"] .results-panel__compare-grid{border-color: var(--color-border);background: var(--color-bg-card)}html[data-theme="light"] .results-panel__compare-activity{color: var(--color-text)}html[data-theme="light"] .results-card--insight{background: rgba(22,163,74,0.06);border-color: rgba(22,163,74,0.15)}html[data-theme="light"] .result__health-insight{color: var(--color-text-secondary)}html[data-theme="light"] .results-card__divider{background: var(--color-border-light)}html[data-theme="light"] .results-card__icon--muted{background: rgba(0,0,0,0.05);color: rgba(0,0,0,0.5);box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08)} html[data-theme="light"] .share__circle{border-color: var(--color-border);background: var(--color-bg-card);color: var(--color-text-secondary)}html[data-theme="light"] .btn--ghost{color: var(--color-text-secondary);border-color: var(--color-border)}html[data-theme="light"] .btn--ghost:hover{background-color: rgba(0,0,0,0.03)}html[data-theme="light"] .history__content{border-color: var(--color-border);background: var(--color-bg-card);backdrop-filter: none}html[data-theme="light"] .history__item{border-bottom-color: var(--color-border-light)}html[data-theme="light"] .history__item:hover{background-color: rgba(0,0,0,0.02)}html[data-theme="light"] .history__item-steps{color: var(--color-text)}html[data-theme="light"] .history__item-distance{color: var(--color-primary)}html[data-theme="light"] .history__item-activity{color: var(--color-text-secondary)}html[data-theme="light"] .history__item-time{color: var(--color-text-muted)}html[data-theme="light"] .history__clear-btn{border-top-color: var(--color-border-light)}html[data-theme="light"] .history__toggle{background: rgba(0,0,0,0.02);border-color: var(--color-border);color: var(--color-text-secondary)}html[data-theme="light"] .history__empty{color: var(--color-text-muted)} html[data-theme="light"] .content-sections{background-color: var(--color-bg)}html[data-theme="light"] .content-sections__heading{color: var(--color-text)}html[data-theme="light"] .content-sections section{background: var(--color-bg-card);border-color: var(--color-border);backdrop-filter: none;box-shadow: var(--shadow-card)}html[data-theme="light"] .content-sections section h3{color: var(--color-text)}html[data-theme="light"] .content-sections p{color: var(--color-text-secondary)}html[data-theme="light"] .content-sections__formula-block{background: rgba(0,0,0,0.02);border-color: var(--color-border);color: var(--color-text)}html[data-theme="light"] .content-sections__table-wrap{border-color: var(--color-border);background: var(--color-bg-card)}html[data-theme="light"] .content-sections__table th{background-color: rgba(0,0,0,0.03);color: var(--color-text)}html[data-theme="light"] .content-sections__table td{color: var(--color-text-secondary);border-bottom-color: var(--color-border-light);border-right-color: var(--color-border-light)}html[data-theme="light"] .content-sections__table tbody tr:hover td{background-color: rgba(232,101,26,0.04)} html[data-theme="light"] .faq-section{background-color: var(--color-bg)}html[data-theme="light"] .faq-section__heading{color: var(--color-text)}html[data-theme="light"] .faq-section__item{background: var(--color-bg-card);border-color: var(--color-border);box-shadow: var(--shadow-sm)}html[data-theme="light"] .faq-section__item:hover{border-color: rgba(232,101,26,0.30)}html[data-theme="light"] .faq-section__toggle{color: var(--color-text)}html[data-theme="light"] .faq-section__toggle:hover{color: var(--color-primary)}html[data-theme="light"] .faq-section__answer p{color: var(--color-text-secondary)} html[data-theme="light"] .internal-links{background-color: var(--color-bg)}html[data-theme="light"] .internal-links__title{color: var(--color-text)}html[data-theme="light"] .internal-links__card-link{background: var(--color-bg-card);border-color: var(--color-border);box-shadow: var(--shadow-card)}html[data-theme="light"] .internal-links__card-link:hover{border-color: rgba(232,101,26,0.40);box-shadow: 0 8px 22px rgba(232,101,26,0.10)}html[data-theme="light"] .internal-links__card-title{color: var(--color-primary)}html[data-theme="light"] .internal-links__card-desc,html[data-theme="light"] .internal-links__intro,html[data-theme="light"] .internal-links__pillar{color: var(--color-text-secondary)} html[data-theme="light"] .progress-visualizer{background-color: var(--color-bg)}html[data-theme="light"] .progress__bar-track{background-color: var(--color-bg-alt);border-color: var(--color-border)}html[data-theme="light"] .progress-visualizer__landmark{background-color: var(--color-bg-card)}html[data-theme="light"] .progress-visualizer__landmark-name{color: var(--color-text)}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{font-size: 100%;-webkit-text-size-adjust: 100%;scroll-behavior: smooth}body{font-family: var(--font-family);font-size: var(--font-size-base);font-weight: var(--font-weight-normal);line-height: var(--line-height-normal);color: var(--color-text);background-color: var(--color-bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}html[data-theme="light"] body{background-color: var(--color-bg)}img,picture,video,svg{display: block;max-width: 100%;height: auto}a{color: var(--color-primary);text-decoration: none;transition: color var(--transition-fast)}a:hover,a:focus-visible{color: var(--color-primary-hover);text-decoration: underline}ul,ol{list-style: none}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer}table{border-collapse: collapse;width: 100%} .skip-link{position: absolute;top: -100%;left: var(--space-md);z-index: var(--z-toast);padding: var(--space-sm) var(--space-md);background: var(--color-primary);color: #ffffff;font-weight: var(--font-weight-semibold);border-radius: var(--radius-md)}.skip-link:focus{top: var(--space-sm)}:focus-visible{outline: 2px solid var(--color-border-focus);outline-offset: 2px}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0} h1,h2,h3,h4,h5,h6{font-weight: var(--font-weight-bold);line-height: var(--line-height-tight);letter-spacing: var(--letter-spacing-tight);color: var(--color-text)}h1{font-size: var(--font-size-3xl);font-weight: var(--font-weight-extrabold);margin-bottom: var(--space-lg)}h2{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);margin-bottom: var(--space-md)}h3{font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);margin-bottom: var(--space-sm)}h4{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin-bottom: var(--space-sm)}p{margin-bottom: var(--space-md)}small{font-size: var(--font-size-sm)} .container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding)}.site-header{position: fixed;top: 0;left: 0;right: 0;z-index: var(--z-sticky);background-color: transparent;border-bottom: none;padding-block: var(--space-md);transition: background-color 200ms ease,box-shadow 200ms ease}.site-header__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding)}.site-header__logo img{height: 44px;width: auto}.site-header__nav{display: none}.site-header__menu{display: flex;gap: 2rem;list-style: none;margin: 0;padding: 0}.site-header__menu a,.site-header__nav a{color: rgba(255,255,255,0.8);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);letter-spacing: var(--letter-spacing-wider);text-decoration: none;text-transform: uppercase;transition: color var(--transition-fast);padding: var(--space-xs) var(--space-sm)}.site-header__menu a:hover,.site-header__nav a:hover{color: #ffffff;text-decoration: none}.site-header__actions{display: flex;align-items: center;gap: var(--space-sm)}.site-header__dark-toggle{display: flex;align-items: center;justify-content: center;min-width: 40px;min-height: 40px;background: none;border: 1px solid rgba(255,255,255,0.15);border-radius: var(--radius-full);color: rgba(255,255,255,0.7);cursor: pointer;transition: background-color var(--transition-fast);font-size: 1.1rem}.site-header__dark-toggle:hover{background-color: rgba(255,255,255,0.1)}.site-header__dark-icon{display: block;width: 20px;height: 20px}.site-header__cta{display: none;align-items: center;gap: 0.25rem;padding: var(--space-sm) var(--space-lg);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: #ffffff;border: 1px solid rgba(255,255,255,0.25);border-radius: var(--radius-full);text-decoration: none;letter-spacing: var(--letter-spacing-wide);transition: all var(--transition-fast)}.site-header__cta:hover{background-color: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.4);text-decoration: none;color: #ffffff}.site-main{min-height: 60vh}.site-footer{background-color: rgba(5,5,5,0.95);border-top: 1px solid rgba(255,255,255,0.06);padding-block: var(--space-3xl) 0;font-size: var(--font-size-sm);color: var(--color-text-muted)}.site-footer__inner{display: grid;grid-template-columns: 1fr;gap: var(--space-2xl);max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding);padding-bottom: var(--space-2xl)}@media (min-width: 768px){.site-footer__inner{grid-template-columns: 2fr 1fr 1fr 1fr}}.site-footer__brand{max-width: 320px}.site-footer__logo img{height: 36px;width: auto;margin-bottom: var(--space-md);opacity: 0.9}.site-footer__desc{font-size: var(--font-size-sm);color: var(--color-text-muted);line-height: 1.7;margin: 0}.site-footer__col-title{font-size: 0.6875rem;font-weight: var(--font-weight-bold);color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-md)}.site-footer__links{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.625rem}.site-footer__links a,.site-footer__link-btn{color: var(--color-text-muted);font-size: var(--font-size-sm);text-decoration: none;transition: color 150ms ease;background: none;border: none; padding: 0.35rem 0;margin-block: -0.15rem;cursor: pointer;text-align: left}.site-footer__links a:hover,.site-footer__link-btn:hover{color: var(--color-primary);text-decoration: none} html[data-theme="light"] .site-footer__links a,html[data-theme="light"] .site-footer__link-btn,html[data-theme="light"] .site-footer__desc{color: var(--color-text-secondary)} .site-footer__bottom{border-top: 1px solid rgba(255,255,255,0.06);padding: var(--space-md) 0}.site-footer__bottom-inner{display: flex;align-items: center;justify-content: space-between;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding)}.site-footer__copy{font-size: var(--font-size-xs);color: rgba(255,255,255,0.25);margin: 0}.site-footer__copy a{color: rgba(255,255,255,0.35);text-decoration: none}.site-footer__copy a:hover{color: var(--color-primary)}.site-footer__lang-flags{display: flex;gap: 0.5rem;font-size: var(--font-size-xs)}.site-footer__lang-active{color: var(--color-primary);font-weight: var(--font-weight-bold)} html[data-theme="light"] .site-footer{background-color: rgba(234,234,234,0.95);border-top-color: var(--color-border)}html[data-theme="light"] .site-footer__bottom{border-top-color: var(--color-border)}html[data-theme="light"] .site-footer__copy{color: var(--color-text-muted)}html[data-theme="light"] .site-footer__copy a{color: var(--color-text-secondary)} .scroll-top{position: fixed;bottom: 2rem;right: 2rem;z-index: 100;width: 44px;height: 44px;border-radius: 50%;background: var(--color-primary);color: #fff;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 16px rgba(232,101,26,0.3);transition: transform 200ms ease,opacity 200ms ease}.scroll-top:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(232,101,26,0.4)}.scroll-top[hidden]{display: none}html[data-theme="light"] .scroll-top{background: var(--color-primary);box-shadow: 0 4px 16px rgba(232,101,26,0.3)}html[data-theme="light"] .scroll-top:hover{box-shadow: 0 6px 20px rgba(232,101,26,0.4)} .hero{position: relative;min-height: 100vh;background-color: var(--color-bg-hero);overflow: hidden;display: flex;align-items: center}.hero__bg-image{position: absolute;top: 0;right: 0;bottom: 0;width: 100%;z-index: 0;pointer-events: none}.hero__bg-img{width: 100%;height: 100%;object-fit: cover;object-position: right center;opacity: 0.45} .hero__bg{position: absolute;inset: 0;z-index: 0}.hero__inner{position: relative;z-index: 2;display: flex;flex-direction: column;gap: var(--space-xl);width: 100%;max-width: var(--container-max);margin-inline: auto;padding: 6rem var(--container-padding) var(--space-2xl)}.hero__content{flex: 1}.hero__badge{display: inline-flex;align-items: center;gap: var(--space-sm);margin-bottom: var(--space-lg)}.hero__badge-dot{width: 8px;height: 8px;border-radius: 50%;background-color: var(--color-primary)}.hero__badge-text{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);letter-spacing: 0.1em;color: var(--color-text-muted)}.hero__title{color: var(--color-text);font-size: var(--font-size-3xl);font-weight: var(--font-weight-extrabold);line-height: 1.1;letter-spacing: -0.02em;margin-bottom: var(--space-md)}.hero__title-arrow{color: var(--color-primary)}.hero__subtitle{color: var(--color-text-secondary);font-size: var(--font-size-base);font-weight: var(--font-weight-normal);line-height: 1.6;margin-bottom: var(--space-lg);max-width: 480px}.hero__badges{display: flex;gap: var(--space-md);flex-wrap: wrap}.hero__check-badge{display: inline-flex;align-items: center;gap: 0.375rem;font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);letter-spacing: var(--letter-spacing-wider);color: var(--color-text-muted)}.hero__check-icon{color: var(--color-success);font-size: var(--font-size-sm)}.hero__converter{flex: 1;max-width: 480px;width: 100%} .hero::after{display: none}.hero__overlay{display: none} .hero__how-it-works{margin-top: var(--space-2xl);padding-top: var(--space-lg);border-top: 1px solid rgba(255,255,255,0.06)}.hero__how-heading{font-size: 0.6875rem;font-weight: var(--font-weight-semibold);letter-spacing: 0.15em;color: var(--color-text-muted);text-transform: uppercase;margin-bottom: var(--space-md)}.hero__how-steps{display: flex;flex-direction: column;gap: var(--space-md)}.hero__how-step{display: flex;align-items: center;gap: 0.75rem}.hero__how-num{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;min-width: 32px;border-radius: 50%;background: var(--color-primary);color: #ffffff;font-size: var(--font-size-sm);font-weight: var(--font-weight-bold)}.hero__how-title{display: block;font-size: 0.8125rem;font-weight: var(--font-weight-bold);letter-spacing: 0.04em;color: var(--color-text);text-transform: uppercase}.hero__how-desc{display: block;font-size: var(--font-size-xs);color: var(--color-text-muted);line-height: 1.4} .converter{ background: radial-gradient(135% 130% at 88% 112%,rgba(232,101,26,0.18) 0%,rgba(232,101,26,0) 52%),linear-gradient(158deg,rgba(44,40,36,0.90) 0%,rgba(22,20,18,0.94) 48%,rgba(13,12,11,0.97) 100%);border: 1px solid rgba(255,255,255,0.09);border-radius: 1.75rem;padding: 1.75rem;position: relative;overflow: hidden;box-shadow: 0 30px 70px -24px rgba(0,0,0,0.78),0 8px 24px -12px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.07)}@supports (backdrop-filter: blur(22px)){.converter{backdrop-filter: blur(22px);-webkit-backdrop-filter: blur(22px)}}.converter__inner{display: flex;flex-direction: column;gap: var(--space-sm);position: relative;z-index: 1}.converter__section-label{display: block;font-size: 0.6875rem;font-weight: var(--font-weight-semibold);letter-spacing: 0.14em;color: rgba(255,255,255,0.5);margin-bottom: 0.5rem;text-transform: uppercase}.converter__field{margin-bottom: var(--space-sm)}.converter__group{margin-bottom: var(--space-md)}.converter__step-display{display: flex;align-items: baseline;gap: var(--space-sm)}.converter__step-input{background: transparent;border: none;color: var(--color-text);font-size: clamp(2.75rem,2rem + 3.4vw,3.25rem);font-weight: var(--font-weight-extrabold);letter-spacing: -0.02em;line-height: 1.05;width: auto; min-width: 1.5ch;max-width: 6ch; field-sizing: content; padding: 0;outline: none;-moz-appearance: textfield}.converter__step-input::-webkit-outer-spin-button,.converter__step-input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.converter__step-unit{font-size: var(--font-size-base);color: var(--color-text-muted);font-weight: var(--font-weight-normal);letter-spacing: 0}.converter__hint{display: none;font-size: var(--font-size-xs);color: var(--color-text-muted);margin-top: var(--space-xs)}.converter__label{display: block;font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-muted);margin-bottom: 0.375rem;letter-spacing: var(--letter-spacing-wide)}.converter__legend{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-text-muted);margin-bottom: var(--space-sm);letter-spacing: var(--letter-spacing-wide)}.converter__fieldset{border: none;padding: 0;margin-bottom: var(--space-sm)} .converter__slider-wrap{--stk-slider-progress: 10; position: relative;width: 100%;padding: 0.75rem 0; margin-top: 1.5rem} .converter__slider-hint{position: absolute;inset-inline-start: 0;bottom: calc(100% - 0.4rem);z-index: 4;display: none;max-width: min(20rem,100%);padding: 0.375rem 0.625rem;border-radius: 0.5rem;background: #f2f4f7;color: #1f2430;font-size: 0.75rem;font-weight: var(--font-weight-medium);line-height: 1.35;box-shadow: 0 6px 18px rgba(0,0,0,0.16);pointer-events: none;animation: stkHintIn 0.28s cubic-bezier(0.16,1,0.3,1)}.converter__slider-hint::after{content: "";position: absolute;top: 100%;inset-inline-start: 0.8rem;width: 0;height: 0;border: 6px solid transparent;border-top-color: #f2f4f7}.converter__slider-hint.is-visible{display: block} html[data-theme="light"] .hero .converter__slider-hint{background: #1f2937;color: #ffffff}html[data-theme="light"] .hero .converter__slider-hint::after{border-top-color: #1f2937}@media (prefers-reduced-motion: reduce){.converter__slider-hint{animation: none}}.converter__step-slider{-webkit-appearance: none;appearance: none;width: 100%;height: 20px; background: transparent;outline: none;cursor: pointer;margin: 0} .converter__step-slider::-webkit-slider-runnable-track{height: 6px;border-radius: 999px;background: linear-gradient(90deg,#d1560f 0%,#f3924c 100%) left center / calc(var(--stk-slider-progress,10) * 1%) 100% no-repeat,rgba(255,255,255,0.12);transition: background-size 0.12s ease-out}.converter__step-slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 18px;height: 18px;border-radius: 50%;background: var(--color-primary);border: 2.5px solid #ffffff;box-shadow: 0 2px 8px rgba(232,101,26,0.55),0 0 0 4px rgba(232,101,26,0.14);cursor: grab;margin-top: -6px; transition: box-shadow 0.15s ease,transform 0.1s ease}.converter__step-slider::-webkit-slider-thumb:hover{box-shadow: 0 4px 12px rgba(232,101,26,0.72),0 0 0 5px rgba(232,101,26,0.2)}.converter__step-slider:active::-webkit-slider-thumb{cursor: grabbing;transform: scale(1.06)} .converter__step-slider--maxed::-webkit-slider-thumb{background: var(--color-warning,#f59e0b);box-shadow: 0 2px 8px rgba(245,158,11,0.55),0 0 0 4px rgba(245,158,11,0.2)}.converter__step-slider--maxed::-moz-range-thumb{background: var(--color-warning,#f59e0b);box-shadow: 0 2px 8px rgba(245,158,11,0.55),0 0 0 4px rgba(245,158,11,0.2)} .converter__step-slider::-moz-range-track{height: 6px;border-radius: 999px;background: rgba(255,255,255,0.12)}.converter__step-slider::-moz-range-progress{height: 6px;border-radius: 999px;background: linear-gradient(90deg,#d1560f 0%,#f3924c 100%)}.converter__step-slider::-moz-range-thumb{width: 18px;height: 18px;border-radius: 50%;background: var(--color-primary);border: 2.5px solid #ffffff;box-shadow: 0 2px 8px rgba(232,101,26,0.55),0 0 0 4px rgba(232,101,26,0.14);cursor: grab;transition: box-shadow 0.15s ease,transform 0.1s ease}.converter__step-slider::-moz-range-thumb:hover{box-shadow: 0 4px 12px rgba(232,101,26,0.72),0 0 0 5px rgba(232,101,26,0.2)}.converter__step-slider:active::-moz-range-thumb{cursor: grabbing;transform: scale(1.06)} .converter__step-slider:focus-visible::-webkit-slider-thumb{box-shadow: 0 0 0 3px rgba(255,255,255,0.9),0 0 0 6px var(--color-primary)}.converter__step-slider:focus-visible::-moz-range-thumb{box-shadow: 0 0 0 3px rgba(255,255,255,0.9),0 0 0 6px var(--color-primary)}@media (prefers-reduced-motion: reduce){.converter__step-slider::-webkit-slider-runnable-track{transition: none}.converter__step-slider::-webkit-slider-thumb,.converter__step-slider::-moz-range-thumb{transition: none}} @media (max-width: 480px){.converter__step-slider::-webkit-slider-thumb,.converter__step-slider::-moz-range-thumb{width: 16px;height: 16px}} .converter__divider{position: relative;display: flex;justify-content: center;padding: 0.75rem 0}.converter__divider::before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 1px;transform: translateY(-0.5px);background: rgba(255,255,255,0.08)}.converter__divider-btn{position: relative;z-index: 1;display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;color: rgba(255,255,255,0.55);background: rgba(24,22,20,0.92);border: 1px solid rgba(255,255,255,0.12);box-shadow: 0 4px 14px rgba(0,0,0,0.45)} .converter__result-display{display: flex;align-items: baseline;gap: var(--space-sm)}.result__primary-value{font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);color: var(--color-text)} .converter__result-value{font-size: clamp(2.5rem,1.9rem + 3vw,3rem);font-weight: var(--font-weight-extrabold);font-style: italic;letter-spacing: -0.01em;line-height: 1.05;color: var(--color-text)}.converter__result-unit{font-size: var(--font-size-sm);color: var(--color-text-muted);display: none} .converter__result-km{font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);font-style: italic;color: rgba(255,255,255,0.88)} .converter__result-word{margin-left: 0.15rem;font-size: var(--font-size-base);font-weight: var(--font-weight-normal);color: var(--color-text-muted);text-transform: lowercase}.converter__result-secondary{font-size: var(--font-size-base);color: var(--color-text-muted);margin-top: 0.4rem}.converter__result-approx{color: var(--color-primary);font-weight: var(--font-weight-semibold);margin-right: 0.15rem}.result__secondary-value{color: rgba(255,255,255,0.7)} .converter-controls{margin-top: var(--space-sm)} .converter__stride-bar{display: flex;align-items: center;justify-content: space-between;gap: var(--space-sm);padding: 0.75rem 0.875rem 0.75rem 1.125rem;background: rgba(16,15,14,0.55);border-radius: var(--radius-xl);border: 1px solid rgba(255,255,255,0.07);transition: border-color 0.2s ease,background 0.2s ease}.converter__stride-bar:hover{border-color: rgba(255,255,255,0.12)} @keyframes stk-stride-pulse{0%{box-shadow: 0 0 0 0 rgba(232,101,26,0.35)}70%{box-shadow: 0 0 0 6px rgba(232,101,26,0)}100%{box-shadow: 0 0 0 0 rgba(232,101,26,0)}}.converter__stride-bar--pulse .converter__stride-value{animation: stk-stride-pulse 0.6s ease-out;border-radius: 999px}@media (prefers-reduced-motion: reduce){.converter__stride-bar--pulse .converter__stride-value{animation: none}} .converter__stride-info{display: flex;align-items: center;gap: 0.625rem;min-width: 0;flex: 1} .converter__stride-dot{flex-shrink: 0;width: 8px;height: 8px;border-radius: 50%;background: var(--color-success,#22c55e);box-shadow: 0 0 0 2px rgba(34,197,94,0.15)} .converter__stride-text{display: inline-flex;align-items: baseline;gap: 0.3rem;font-size: 0.8125rem;color: rgba(255,255,255,0.6);font-weight: var(--font-weight-medium);min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.converter__stride-source{color: rgba(255,255,255,0.6)}.converter__stride-value{font-size: 0.8125rem;font-weight: var(--font-weight-bold);color: rgba(255,255,255,0.92);letter-spacing: -0.01em}.converter__stride-unit{margin-left: 0.1rem;font-size: 0.75rem;font-weight: var(--font-weight-medium);color: rgba(255,255,255,0.55)} .converter__stride-bar[data-stride-source="custom"] .converter__stride-value{color: var(--color-primary)} .converter__stride-bar[data-stride-source="height"] .converter__stride-value{color: #7fb2ff} .converter__adjust-btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 0.75rem;font-size: 0.8125rem;font-weight: var(--font-weight-semibold);color: rgba(255,255,255,0.75);background: transparent;border: 1px solid transparent;border-radius: var(--radius-lg);cursor: pointer;transition: background 0.15s ease,border-color 0.15s ease,transform 0.15s ease,color 0.15s ease;flex-shrink: 0}.converter__adjust-btn:hover{background: rgba(255,255,255,0.06);border-color: rgba(255,255,255,0.12);color: #fff}.converter__adjust-btn:active{transform: scale(0.98)}.converter__adjust-btn:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.converter__adjust-btn > *{pointer-events: none}.converter__adjust-icon{color: rgba(255,255,255,0.55);transition: transform 0.15s ease,color 0.15s ease}.converter__adjust-btn:hover .converter__adjust-icon{color: var(--color-primary)} .converter__adjust-btn[aria-expanded="true"]{background: var(--color-primary);border-color: var(--color-primary);color: #fff}.converter__adjust-btn[aria-expanded="true"] .converter__adjust-icon{color: #fff} @media (max-width: 520px){.converter__stride-bar{flex-direction: column;align-items: stretch;gap: 0.625rem;padding: 0.75rem}.converter__stride-info{justify-content: flex-start}.converter__stride-text{flex: 1}.converter__adjust-btn{justify-content: center;width: 100%}} .converter__field--toggle{margin-top: 0.75rem}.converter__toggle{display: inline-flex;border: 1px solid rgba(255,255,255,0.15);border-radius: var(--radius-full);overflow: hidden;background: rgba(255,255,255,0.05)}.converter__toggle-km,.converter__toggle-miles{padding: 0.375rem 1.25rem;min-height: 36px;min-width: 60px;display: flex;align-items: center;justify-content: center;font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);letter-spacing: var(--letter-spacing-wider);background: transparent;border: none;color: var(--color-text-muted);cursor: pointer;transition: all var(--transition-fast)}.converter__toggle--active{background-color: var(--color-primary);color: #ffffff}.converter__toggle-km:hover:not(.converter__toggle--active),.converter__toggle-miles:hover:not(.converter__toggle--active){background-color: rgba(255,255,255,0.08)} .toggle{display: inline-flex;border: 1px solid rgba(255,255,255,0.15);border-radius: var(--radius-full);overflow: hidden}.toggle__option{padding: var(--space-sm) var(--space-lg);min-height: 44px;display: flex;align-items: center;justify-content: center;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);background: transparent;border: none;color: var(--color-text-muted);cursor: pointer;transition: all var(--transition-fast)}.toggle__option--active{background-color: var(--color-primary);color: #ffffff} .converter__advanced{margin-top: var(--space-md);padding-top: var(--space-md);border-top: 1px solid var(--color-border-light)}.converter__advanced[hidden]{display: none} .converter__input,.converter__height-cm,.converter__height-ft,.converter__height-in,.converter__weight-kg,.converter__weight-lbs,.converter__custom-stride,.converter__goal-distance{width: 100%;padding: var(--space-sm) var(--space-md);min-height: 44px;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);border: 1px solid var(--color-border);border-radius: var(--radius-lg);background-color: var(--color-bg-input);color: var(--color-text);transition: border-color var(--transition-fast),box-shadow var(--transition-fast)}.converter__input:focus,.converter__height-cm:focus,.converter__height-ft:focus,.converter__height-in:focus,.converter__weight-kg:focus,.converter__weight-lbs:focus,.converter__custom-stride:focus,.converter__goal-distance:focus{border-color: var(--color-border-focus);box-shadow: 0 0 0 3px rgba(232,101,26,0.2);outline: none}.converter__select,.converter__gender-select,.converter__activity-select,.converter__unit-select{width: 100%;padding: var(--space-sm) var(--space-md);min-height: 44px;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);border: 1px solid var(--color-border);border-radius: var(--radius-lg);background-color: var(--color-bg-input);color: var(--color-text);appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right var(--space-md) center;padding-right: var(--space-2xl);transition: border-color var(--transition-fast),box-shadow var(--transition-fast)}.converter__select:focus,.converter__gender-select:focus,.converter__activity-select:focus,.converter__unit-select:focus{border-color: var(--color-border-focus);box-shadow: 0 0 0 3px rgba(232,101,26,0.2);outline: none}.converter__row{display: flex;gap: var(--space-sm)}.converter__row > *{flex: 1}.converter__height-imperial{display: flex;gap: var(--space-sm)}.converter__height-ft-wrap,.converter__height-in-wrap{flex: 1}.converter__input--error{border-color: var(--color-error)} @keyframes stkHintIn{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: translateY(0)}}.converter__validation-message{display: flex;align-items: center;gap: 0.5rem;padding: 0.6875rem 0.875rem;background-color: var(--color-bg-card);border: 1px solid var(--color-border);border-radius: 0.75rem;color: var(--color-text-secondary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);line-height: 1.45;animation: stkHintIn 0.32s cubic-bezier(0.16,1,0.3,1)}.converter__validation-message::before{content: "";flex: 0 0 auto;width: 1.125rem;height: 1.125rem;background-color: currentColor;opacity: 0.85;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain}.converter__validation-message--error{background-color: rgba(245,158,11,0.12);border-color: rgba(245,158,11,0.3);color: #fcd34d}.converter__validation-message--error::before{opacity: 1;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E")}@media (prefers-reduced-motion: reduce){.converter__validation-message{animation: none}}.converter__notice{display: flex;align-items: center;gap: 0.5rem;padding: 0.6875rem 0.875rem;background-color: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-left: 3px solid var(--color-primary);border-radius: 0.75rem;color: var(--color-text-secondary);font-size: var(--font-size-sm);animation: stkHintIn 0.32s cubic-bezier(0.16,1,0.3,1)}.converter__error{font-size: var(--font-size-sm);color: var(--color-error);margin-top: var(--space-xs)} .converter__mode-toggle{display: inline-flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) var(--space-md);min-height: 44px;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);border: 1px solid var(--color-border);border-radius: var(--radius-full);background: var(--color-bg-input);color: var(--color-text-secondary);cursor: pointer;transition: all var(--transition-fast)}.converter__mode-toggle[aria-checked="true"]{background-color: var(--color-primary);border-color: var(--color-primary);color: #ffffff} .converter__goal-result{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-md);background-color: var(--color-primary-light);border-radius: var(--radius-lg);margin-top: var(--space-sm)}.converter__goal-label{font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-primary)} .how-it-works{background-color: var(--color-bg);padding-block: var(--space-2xl) var(--space-3xl);border-top: 1px solid rgba(255,255,255,0.06)}.how-it-works__inner{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding);text-align: left}.how-it-works__heading{font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);letter-spacing: 0.15em;color: var(--color-text-muted);margin-bottom: var(--space-2xl);text-transform: uppercase}.how-it-works__steps{display: grid;grid-template-columns: 1fr;gap: var(--space-xl)}.how-it-works__step{display: flex;flex-direction: row;align-items: flex-start;gap: var(--space-md);text-align: left}.how-it-works__number{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;min-width: 40px;border-radius: 50%;background: var(--color-primary);color: #ffffff;font-size: var(--font-size-base);font-weight: var(--font-weight-bold)}.how-it-works__step-content{display: flex;flex-direction: column;gap: 0.125rem}.how-it-works__step-title{font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);letter-spacing: var(--letter-spacing-wider);color: var(--color-text);text-transform: uppercase}.how-it-works__step-desc{font-size: var(--font-size-sm);color: var(--color-text-muted);max-width: 280px;line-height: var(--line-height-relaxed);margin: 0} .results-panel{padding-block: var(--space-2xl) var(--space-3xl);background-color: rgba(10,10,10,0.85)}.results-panel__inner{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding)}.results-panel__header{margin-bottom: var(--space-xl)}.results-panel__heading{font-size: var(--font-size-base);font-weight: var(--font-weight-bold);letter-spacing: 0.12em;color: var(--color-text);margin: 0;position: relative;padding-left: 1.5rem}.results-panel__heading::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 3px;background: var(--color-primary);border-radius: 2px} .results-toggle{display: inline-flex;align-items: center;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: 9999px;padding: 3px;gap: 2px}.results-toggle__option{display: inline-flex;align-items: center;gap: 6px;padding: 0.4rem 1.1rem;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);letter-spacing: var(--letter-spacing-wide);color: var(--color-text-muted);background: transparent;border: none;border-radius: 9999px;cursor: pointer;transition: all var(--transition-fast);min-height: 36px}.results-toggle__option--active{background: rgba(30,30,35,0.9);color: var(--color-text)}.results-toggle__dot{width: 6px;height: 6px;border-radius: 50%;background: #e8651a;display: inline-block} .results-dashboard{display: grid;grid-template-columns: 1fr;gap: var(--space-md);margin-bottom: var(--space-md)} .results-card{padding: 1.25rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.07);border-radius: 0.875rem;transition: border-color 220ms ease,transform 220ms ease,box-shadow 220ms ease,background-color 220ms ease}@media (hover: hover){.results-card:hover{border-color: rgba(255,255,255,0.14);background: rgba(255,255,255,0.045);transform: translateY(-2px);box-shadow: 0 12px 28px -12px rgba(0,0,0,0.55)}}@media (prefers-reduced-motion: reduce){.results-card{transition: border-color 220ms ease}.results-card:hover{transform: none;box-shadow: none}} @media (prefers-reduced-motion: no-preference){.results-dashboard .results-card{animation: stkCardReveal 460ms cubic-bezier(0.22,1,0.36,1) backwards}.results-dashboard--row-1 .results-card:nth-child(2){animation-delay: 55ms}.results-dashboard--row-1 .results-card:nth-child(3){animation-delay: 110ms}.results-dashboard--row-1 .results-card:nth-child(4){animation-delay: 165ms}.results-dashboard--row-2 .results-card:nth-child(2){animation-delay: 55ms}.results-dashboard--row-2 .results-card:nth-child(3){animation-delay: 110ms}}@keyframes stkCardReveal{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.results-card__label{font-size: 0.6875rem;font-weight: var(--font-weight-semibold);color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 0.75rem;display: block}.results-card__sublabel{font-size: 0.6875rem;color: var(--color-text-muted);display: block;margin-bottom: 1px}.results-card__value{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--color-text);display: block}.results-card__value--bold{font-size: var(--font-size-base);font-weight: var(--font-weight-bold)}.results-card__value--lg{font-size: var(--font-size-xl);font-weight: var(--font-weight-bold)}.results-card__meta{font-size: 0.6875rem;color: var(--color-text-muted);display: block;margin-top: 2px}.results-card__row{display: flex;align-items: flex-start;gap: 0.625rem;margin-bottom: 0.625rem}.results-card__row:last-child{margin-bottom: 0}.results-card__row--secondary{margin-top: 0.5rem}.results-card__row--center{align-items: center} .results-card__big-value{font-size: 2.75rem;font-weight: var(--font-weight-bold);color: var(--color-text);line-height: 1;display: block}.results-card__big-unit{font-size: var(--font-size-lg);font-weight: var(--font-weight-normal);color: var(--color-text-muted);margin-left: 4px} .results-card__icon{flex-shrink: 0;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem}.results-card__icon svg{width: 18px;height: 18px}.results-card__icon--round{border-radius: 50%}.results-card__icon--blue{background: rgba(59,130,246,0.14);color: #60a5fa;box-shadow: inset 0 0 0 1px rgba(59,130,246,0.18)}.results-card__icon--purple{background: rgba(139,92,246,0.14);color: #a78bfa;box-shadow: inset 0 0 0 1px rgba(139,92,246,0.18)}.results-card__icon--orange{background: rgba(232,101,26,0.14);color: #f0813d;box-shadow: inset 0 0 0 1px rgba(232,101,26,0.20)}.results-card__icon--red{background: rgba(239,68,68,0.14);color: #f87171;box-shadow: inset 0 0 0 1px rgba(239,68,68,0.18)}.results-card__icon--green{background: rgba(34,197,94,0.14);color: #4ade80;box-shadow: inset 0 0 0 1px rgba(34,197,94,0.18)}.results-card__icon--muted{background: rgba(255,255,255,0.06);color: rgba(255,255,255,0.55);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08)} @media (min-width: 768px){.results-card--landmark,.results-card--distance,.results-card--stats,.results-card--weekly,.results-card--daily-projection{display: flex;flex-direction: column}.results-card--landmark .results-card__row--center{flex: 1 1 auto;justify-content: center}.results-card--distance .results-card__row:first-of-type{flex: 1 1 auto;align-items: center}.results-card--stats .stats-mini-chart{margin-top: auto}.results-card--weekly,.results-card--daily-projection{gap: 0.75rem} .results-card--daily-projection .results-card__row:last-child{margin-top: auto}} .results-card__stacked{display: flex;flex-direction: column}.results-card__stack-item{display: flex;align-items: flex-start;gap: 0.625rem;padding: 0.5rem 0}.results-card__stack-item:first-child{padding-top: 0}.results-card__stack-item:last-child{padding-bottom: 0}.results-card__divider{height: 1px;background: rgba(255,255,255,0.06);margin: 0.25rem 0} .results-card__activity-dot{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 6px;vertical-align: middle}.results-card__activity-dot--walking{background: #ef4444}.results-card__activity-dot--jogging{background: #eab308}.results-card__activity-dot--running{background: #22c55e} .results-panel__compare-grid{border: 1px solid rgba(255,255,255,0.07);background: rgba(255,255,255,0.02);border-radius: 0.625rem;overflow: hidden;margin-top: 0.5rem}.results-panel__compare-header{display: grid;grid-template-columns: 1.2fr 1fr 0.8fr;gap: 0.5rem;padding: 0.5rem 0.75rem;background-color: rgba(255,255,255,0.06);font-size: 0.6875rem;font-weight: var(--font-weight-semibold);color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.08em}.results-panel__compare-row{display: grid;grid-template-columns: 1.2fr 1fr 0.8fr;gap: 0.5rem;padding: 0.5rem 0.75rem;border-top: 1px solid rgba(255,255,255,0.05);font-size: var(--font-size-sm)}.results-panel__compare-activity{font-weight: var(--font-weight-semibold);color: var(--color-text)} .share__action-buttons{display: flex;gap: 0.5rem;margin-bottom: 1rem}.share__action-buttons .btn{flex: 1;font-size: 0.8125rem;min-height: 38px;gap: 0.375rem}.share__buttons{display: flex;gap: 0.75rem}.share__circle{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.04);color: var(--color-text-secondary);transition: all 200ms ease;padding: 0;cursor: pointer}.share__circle:hover{border-color: rgba(255,255,255,0.2);background: rgba(255,255,255,0.08);color: var(--color-text)}.share__circle .share__icon{width: 18px;height: 18px}.share__tooltip{font-size: 0.75rem;color: var(--color-success);margin-left: 0.25rem} .results-card--insight{background: rgba(34,197,94,0.05);border-color: rgba(34,197,94,0.1)}.results-card--insight .result__health-insight{margin: 0;color: var(--color-text-secondary);font-size: var(--font-size-sm);line-height: 1.6} .scroll-hint{position: fixed;bottom: 2rem;left: 50%;transform: translateX(-50%);z-index: 100;display: none;align-items: center;gap: 0.5rem;cursor: pointer;background: rgba(20,20,20,0.8);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255,255,255,0.12);border-radius: 2rem;padding: 0.625rem 1.5rem;color: var(--color-text);font-size: 0.8125rem;font-weight: 600;letter-spacing: 0.04em;box-shadow: 0 8px 32px rgba(0,0,0,0.4);transition: opacity 300ms ease,transform 300ms ease;animation: scrollHintFloat 3s ease-in-out infinite}.scroll-hint--visible{display: flex}.scroll-hint__icon{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;border-radius: 50%;background: var(--color-primary);animation: scrollHintPulse 2s ease-in-out infinite}.scroll-hint__icon svg{width: 14px;height: 14px}html[data-theme="light"] .scroll-hint{background: rgba(255,255,255,0.85);border-color: rgba(0,0,0,0.1);color: #111;box-shadow: 0 8px 32px rgba(0,0,0,0.15)}html[data-theme="light"] .scroll-hint__icon{background: var(--color-primary)}@keyframes scrollHintFloat{0%,100%{transform: translateX(-50%) translateY(0)}50%{transform: translateX(-50%) translateY(-8px)}}@keyframes scrollHintPulse{0%,100%{box-shadow: 0 0 0 0 rgba(232,101,26,0.4)}50%{box-shadow: 0 0 0 8px rgba(232,101,26,0)}} .results-panel__header{display: flex;align-items: center;justify-content: space-between;gap: 1rem}.results-panel__save-btn{gap: 0.375rem;font-size: 0.8125rem;min-height: 36px;padding: 0.375rem 1rem;white-space: nowrap}.results-panel__save-btn svg{flex-shrink: 0} .results-panel__save-btn--saved{background-color: var(--color-success);border-color: var(--color-success);pointer-events: none} .results-panel__actions{display: flex;align-items: center;gap: 0.5rem;flex-shrink: 0}.results-share-menu{position: relative}.results-share-menu__toggle{gap: 0.375rem;font-size: 0.8125rem;min-height: 36px;padding: 0.375rem 0.85rem;white-space: nowrap}.results-share-menu__toggle svg{flex-shrink: 0}.results-share-menu__caret{transition: transform var(--transition-fast,160ms ease);opacity: 0.7}.results-share-menu.is-open .results-share-menu__caret{transform: rotate(180deg)}.results-share-menu__dropdown{position: absolute;top: calc(100% + 0.5rem);right: 0;z-index: 40;min-width: 190px;padding: 0.375rem;display: flex;flex-direction: column;gap: 1px; background: #1b1b20;border: 1px solid var(--color-border);border-radius: 0.75rem;box-shadow: 0 16px 40px -12px rgba(0,0,0,0.55),0 4px 12px -6px rgba(0,0,0,0.4);animation: stkShareMenuIn 160ms cubic-bezier(0.22,1,0.36,1);transform-origin: top right} .results-share-menu__dropdown[hidden]{display: none}@keyframes stkShareMenuIn{from{opacity: 0;transform: translateY(-6px) scale(0.97)}to{opacity: 1;transform: translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.results-share-menu__dropdown{animation: none}.results-share-menu__caret{transition: none}}.results-share-menu__item{display: flex;align-items: center;gap: 0.625rem;width: 100%;padding: 0.5rem 0.625rem;font-size: 0.85rem;font-weight: var(--font-weight-medium,500);color: var(--color-text);background: transparent;border: none;border-radius: 0.5rem;cursor: pointer;text-align: left;transition: background-color 120ms ease,color 120ms ease}.results-share-menu__item:hover,.results-share-menu__item:focus-visible{background: rgba(127,127,127,0.16);outline: none}.results-share-menu__item svg{flex-shrink: 0;opacity: 0.85}.results-share-menu__item.share__btn--twitter:hover{color: var(--color-text)}.results-share-menu__item.share__btn--facebook:hover{color: #1877f2}.results-share-menu__item.share__btn--whatsapp:hover{color: #25d366}.results-share-menu__item.share__btn--copy:hover{color: var(--color-primary,#e8651a)}.results-share-menu__divider{height: 1px;margin: 0.25rem 0.375rem;background: var(--color-border,rgba(0,0,0,0.08))}.results-share-menu__copy-wrapper{position: relative}.results-share-menu__copy-wrapper .share__tooltip{display: block;padding: 0 0.625rem 0.25rem 2.25rem;font-size: var(--font-size-xs,0.75rem);color: var(--color-success)} html[data-theme="light"] .results-share-menu__dropdown{background: var(--color-bg-card);box-shadow: 0 16px 40px -14px rgba(17,24,39,0.22),0 4px 12px -6px rgba(17,24,39,0.12)} .results-card__label-row{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.75rem}.results-card__label-row .results-card__label{margin-bottom: 0}.stats-summary{display: flex;gap: 0.75rem;margin-bottom: 0.75rem}.stats-summary__item{flex: 1;text-align: center;padding: 0.5rem;background: rgba(255,255,255,0.03);border-radius: 0.5rem;border: 1px solid rgba(255,255,255,0.05)}.stats-summary__num{display: block;font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-text);line-height: 1.2}.stats-summary__label{display: block;font-size: 0.625rem;color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.08em;margin-top: 2px} .stats-mini-chart{display: flex;align-items: flex-end;gap: 3px;height: 40px}.stats-mini-chart__bar{flex: 1;min-width: 0;background: linear-gradient(to top,rgba(232,101,26,0.6),rgba(232,101,26,0.2));border-radius: 2px 2px 0 0;transition: height 300ms ease} .stats-modal{position: fixed;inset: 0;z-index: 500;display: flex;align-items: center;justify-content: center;padding: 1rem}.stats-modal[hidden]{display: none}.stats-modal__backdrop{position: absolute;inset: 0;background: rgba(0,0,0,0.7);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}.stats-modal__content{position: relative;width: 100%;max-width: 640px;max-height: 85vh;overflow-y: auto;background: rgba(20,20,20,0.97);border: 1px solid rgba(255,255,255,0.1);border-radius: 1rem;box-shadow: 0 24px 48px rgba(0,0,0,0.5)}.stats-modal__header{display: flex;align-items: center;justify-content: space-between;padding: 1.25rem 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.06)}.stats-modal__title{display: flex;align-items: center;gap: 0.5rem;font-size: var(--font-size-base);font-weight: var(--font-weight-bold);color: var(--color-text);margin: 0}.stats-modal__close{background: none;border: none;color: var(--color-text-muted);font-size: 1.5rem;cursor: pointer;min-width: 36px;min-height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;transition: background 150ms ease}.stats-modal__close:hover{background: rgba(255,255,255,0.06);color: var(--color-text)}.stats-modal__body{padding: 1.25rem 1.5rem}.stats-modal__cards{display: grid;grid-template-columns: repeat(4,1fr);gap: 0.75rem;margin-bottom: 1.5rem}.stats-modal__card{text-align: center;padding: 0.75rem 0.5rem;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.06);border-radius: 0.625rem}.stats-modal__card-num{display: block;font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--color-primary);line-height: 1.2}.stats-modal__card-label{display: block;font-size: 0.6875rem;color: var(--color-text-muted);margin-top: 4px;text-transform: uppercase;letter-spacing: 0.06em}.stats-modal__chart-section{margin-bottom: 1.5rem}.stats-modal__chart-title{display: block;font-size: 0.6875rem;font-weight: var(--font-weight-semibold);color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 0.75rem}.stats-modal__chart{display: flex;align-items: flex-end;gap: 6px;height: 100px;padding: 0.5rem;background: rgba(255,255,255,0.02);border: 1px solid rgba(255,255,255,0.05);border-radius: 0.5rem}.stats-modal__chart-bar{flex: 1;min-width: 0;border-radius: 3px 3px 0 0;background: linear-gradient(to top,#e8651a,rgba(232,101,26,0.3));position: relative;transition: height 300ms ease}.stats-modal__chart-bar-label{position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);font-size: 0.5625rem;color: var(--color-text-muted);white-space: nowrap}.stats-modal__list{max-height: 200px;overflow-y: auto;list-style: none;margin: 0;padding: 0}.stats-modal__empty{text-align: center;color: var(--color-text-muted);font-size: var(--font-size-sm)}.stats-modal__footer{padding: 1rem 1.5rem;border-top: 1px solid rgba(255,255,255,0.06);text-align: center} .progress-visualizer{padding-block: var(--space-xl)}.progress-visualizer__inner{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding)}.progress-visualizer__heading{font-size: var(--font-size-base);font-weight: var(--font-weight-bold);letter-spacing: 0.12em;text-transform: uppercase;margin-bottom: var(--space-lg)}.progress-visualizer__bar-section{margin-bottom: var(--space-xl)}.progress-visualizer__goals{position: relative;height: 1.1rem;margin-bottom: var(--space-xs);font-size: var(--font-size-xs);color: var(--color-text-muted)} .progress-visualizer__goal-marker{position: absolute;transform: translateX(-50%);white-space: nowrap;text-align: center}.progress__bar-track{height: 12px;background-color: var(--color-bg-alt);border-radius: var(--radius-full);overflow: hidden;border: 1px solid var(--color-border)}.progress__bar{height: 100%;width: 0;background: linear-gradient(90deg,#ef4444,#eab308,#22c55e);border-radius: var(--radius-full);transition: width 300ms ease}.progress-visualizer__goal-label{margin-top: var(--space-xs);font-size: var(--font-size-sm);color: var(--color-text-muted)}.progress-visualizer__landmarks{margin-top: var(--space-lg)}.progress-visualizer__section-title{font-size: var(--font-size-xl);margin-bottom: var(--space-md)}.progress-visualizer__landmark-list{display: grid;grid-template-columns: 1fr;gap: var(--space-sm)}.progress-visualizer__landmark{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) var(--space-md);background-color: var(--color-bg-alt);border-radius: var(--radius-md);font-size: var(--font-size-sm);color: var(--color-text-secondary);transition: background-color var(--transition-fast)}.progress-visualizer__landmark-icon{flex-shrink: 0;width: 20px;height: 20px;color: var(--color-primary)}.progress-visualizer__landmark-name{flex: 1;font-weight: var(--font-weight-medium);color: var(--color-text)}.progress-visualizer__landmark-distance{white-space: nowrap;color: var(--color-text-muted)}.progress-visualizer__landmark-ratio{min-width: 3rem;text-align: right;font-weight: var(--font-weight-semibold);color: var(--color-secondary);font-variant-numeric: tabular-nums} .progress-visualizer__landmark--reached{border-color: var(--color-primary)}.progress-visualizer__landmark--reached .progress-visualizer__landmark-icon,.progress-visualizer__landmark--reached .progress-visualizer__landmark-ratio{color: var(--color-primary)} .results-card--history .history{margin-top: 0;padding-block: 0;background-color: transparent}.results-card--history .history__inner{max-width: none;padding-inline: 0}.history__header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-md)}.history__heading{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin: 0;color: var(--color-text);position: relative;padding-bottom: var(--space-sm)}.history__heading::after{content: '';position: absolute;bottom: 0;left: 0;width: 36px;height: 3px;background: var(--color-primary);border-radius: 2px}.history__toggle{display: inline-flex;align-items: center;gap: var(--space-xs);padding: var(--space-xs) var(--space-sm);min-height: 44px;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-text-secondary);cursor: pointer;transition: all var(--transition-fast)}.history__toggle:hover{border-color: rgba(232,101,26,0.3);background: rgba(255,255,255,0.05)}.history__toggle-icon{font-size: var(--font-size-xs);transition: transform var(--transition-fast)}.history__toggle[aria-expanded="false"] .history__toggle-icon{transform: rotate(-90deg)}.history__content{border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius-lg);background: rgba(255,255,255,0.03);overflow: hidden;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.history__empty{padding: var(--space-lg) var(--space-md);text-align: center;font-size: var(--font-size-sm);color: var(--color-text-muted);margin: 0}.history__list{list-style: none;margin: 0;padding: 0}.history__item{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) var(--space-md);border-bottom: 1px solid rgba(255,255,255,0.06);font-size: var(--font-size-sm);cursor: pointer;transition: background-color var(--transition-fast)}.history__item:last-child{border-bottom: none}.history__item:hover,.history__item:focus{background-color: rgba(255,255,255,0.04);outline: none}.history__item:focus-visible{box-shadow: inset 0 0 0 2px var(--color-primary)}.history__item-steps{font-weight: var(--font-weight-semibold);min-width: 7em}.history__item-distance{color: var(--color-primary);min-width: 5em;font-weight: var(--font-weight-semibold)}.history__item-activity{color: var(--color-text-secondary);flex: 1}.history__item-time{color: var(--color-text-muted);font-size: var(--font-size-xs);white-space: nowrap}.history__clear-btn{display: block;width: 100%;padding: var(--space-sm) var(--space-md);min-height: 44px;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-error);background: none;border: none;border-top: 1px solid rgba(255,255,255,0.06);cursor: pointer;transition: background-color var(--transition-fast)}.history__clear-btn:hover{background-color: rgba(239,68,68,0.08)} .results-card--share .share{margin-top: 0;padding-block: 0;background-color: transparent}.results-card--share .share__inner{max-width: none;padding-inline: 0}.share__action-buttons{display: flex;gap: var(--space-sm);margin-bottom: var(--space-md)}.share__action-buttons .btn{flex: 1;font-size: var(--font-size-xs);min-height: 38px;padding: var(--space-xs) var(--space-sm)} .share__circle{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.04);color: var(--color-text-secondary);transition: all var(--transition-base);padding: 0}.share__circle:hover{border-color: rgba(232,101,26,0.4);background: rgba(255,255,255,0.08);color: var(--color-text);box-shadow: 0 0 12px rgba(232,101,26,0.1)}.share__circle .share__icon{width: 18px;height: 18px}.share__circle.share__btn--twitter:hover{background: rgba(29,161,242,0.15);color: #1da1f2;border-color: rgba(29,161,242,0.3)}.share__circle.share__btn--facebook:hover{background: rgba(24,119,242,0.15);color: #1877f2;border-color: rgba(24,119,242,0.3)}.share__circle.share__btn--whatsapp:hover{background: rgba(37,211,102,0.15);color: #25d366;border-color: rgba(37,211,102,0.3)}.share__circle.share__btn--copy:hover{background: rgba(139,92,246,0.15);color: #8b5cf6;border-color: rgba(139,92,246,0.3)}.results-card--share .share__buttons{display: flex;gap: var(--space-sm);justify-content: flex-start}.share__tooltip{font-size: var(--font-size-xs);color: var(--color-success);margin-left: var(--space-xs)} .internal-links__card--reverse .internal-links__reverse-card{display: flex;flex-direction: column;gap: 0.75rem;padding: var(--space-lg);background: rgba(255,255,255,0.03);border: 1px solid rgba(232,101,26,0.2);border-radius: var(--radius-lg);height: 100%}.reverse-mini{display: flex;align-items: center;gap: 0.75rem;margin-top: auto}.reverse-mini__field{display: flex;align-items: baseline;gap: 0.25rem}.reverse-mini__input{width: 70px;padding: 0.375rem 0.5rem;font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 0.5rem;color: var(--color-text);-moz-appearance: textfield}.reverse-mini__input::-webkit-outer-spin-button,.reverse-mini__input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.reverse-mini__input:focus{border-color: var(--color-primary);outline: none;box-shadow: 0 0 0 2px rgba(232,101,26,0.2)}.reverse-mini__unit{font-size: var(--font-size-sm);color: var(--color-text-muted)}.reverse-mini__arrow{color: var(--color-primary);font-size: var(--font-size-lg);font-weight: var(--font-weight-bold)}.reverse-mini__result{display: flex;align-items: baseline;gap: 0.25rem}.reverse-mini__value{font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-primary)}.reverse-mini__label{font-size: var(--font-size-xs);color: var(--color-text-muted)}html[data-theme="light"] .internal-links__card--reverse .internal-links__reverse-card{background: var(--color-bg-card);border-color: rgba(232,101,26,0.22)}html[data-theme="light"] .reverse-mini__input{background: var(--color-bg-input);border-color: var(--color-border);color: var(--color-text)} .content-section{padding-block: var(--space-3xl)}.content-section:nth-child(even){background-color: var(--color-bg-alt)}.content-section__title{margin-bottom: var(--space-lg);font-weight: var(--font-weight-bold)}.content-section__text{color: var(--color-text-secondary);line-height: var(--line-height-relaxed)}.reference-table{overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: var(--radius-lg);border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.03)}.reference-table table{min-width: 500px}.reference-table th,.reference-table td{padding: var(--space-sm) var(--space-md);text-align: left;border-bottom: 1px solid rgba(255,255,255,0.06);font-size: var(--font-size-sm)}.reference-table th{font-weight: var(--font-weight-semibold);background-color: rgba(255,255,255,0.08);position: sticky;top: 0;color: var(--color-text-secondary);text-transform: uppercase;letter-spacing: var(--letter-spacing-wider);font-size: var(--font-size-xs)}.reference-table td{font-variant-numeric: tabular-nums}.reference-table tr:hover td{background-color: rgba(255,255,255,0.03)} .content-sections{padding-block: var(--space-3xl);background-color: rgba(10,10,10,0.85)}.content-sections__inner{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding)}.content-sections__heading{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);margin-bottom: var(--space-xl);color: var(--color-text);position: relative;padding-bottom: var(--space-sm)}.content-sections__heading::after{content: '';position: absolute;bottom: 0;left: 0;width: 48px;height: 3px;background: var(--color-primary);border-radius: 2px}.content-sections section{margin-bottom: var(--space-3xl);padding: var(--space-xl);background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius-xl);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.content-sections section:last-child{margin-bottom: 0}.content-sections section h3{position: relative;padding-bottom: var(--space-sm);margin-bottom: var(--space-md)}.content-sections section h3::after{content: '';position: absolute;bottom: 0;left: 0;width: 36px;height: 2px;background: var(--color-primary);border-radius: 2px}.content-sections p{color: rgba(255,255,255,0.6);line-height: var(--line-height-relaxed)}.content-sections__formula-block{padding: var(--space-md) var(--space-lg);background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--radius-md);font-size: var(--font-size-lg);text-align: center;color: var(--color-text)}.content-sections__table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: var(--radius-lg);border: 1px solid rgba(255,255,255,0.08);margin-bottom: var(--space-md);background: rgba(255,255,255,0.02)}.content-sections__table{min-width: 500px;border-collapse: collapse;width: 100%}.content-sections__table th,.content-sections__table td{padding: var(--space-sm) var(--space-md);text-align: left;border-bottom: 1px solid rgba(255,255,255,0.06);border-right: 1px solid rgba(255,255,255,0.04);font-size: var(--font-size-sm);color: rgba(255,255,255,0.6)}.content-sections__table th:last-child,.content-sections__table td:last-child{border-right: none}.content-sections__table th{font-weight: var(--font-weight-semibold);background-color: rgba(255,255,255,0.08);color: var(--color-text);text-transform: uppercase;letter-spacing: var(--letter-spacing-wider);font-size: var(--font-size-xs);position: sticky;top: 0}.content-sections__table td{font-variant-numeric: tabular-nums}.content-sections__table tbody tr:hover td{background-color: rgba(255,255,255,0.03)}.content-sections__table caption{padding: var(--space-sm) var(--space-md);font-size: var(--font-size-sm);color: var(--color-text-muted);text-align: left} .faq-section{padding-block: var(--space-3xl);background-color: rgba(10,10,10,0.85)}.faq-section__inner{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--container-padding)}.faq-section__heading{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);margin-bottom: var(--space-xl);color: var(--color-text);position: relative;padding-bottom: var(--space-sm)}.faq-section__heading::after{content: '';position: absolute;bottom: 0;left: 0;width: 48px;height: 3px;background: var(--color-primary);border-radius: 2px}.faq-section__list{margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--space-sm)}.faq-section__item{border-bottom: none;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius-lg);overflow: hidden;transition: border-color var(--transition-base)}.faq-section__item:hover{border-color: rgba(232,101,26,0.2)}.faq-section__question{margin: 0}.faq-section__toggle{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: var(--space-md) var(--space-lg);background: none;border: none;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);text-align: left;color: var(--color-text);cursor: pointer;transition: color var(--transition-fast);gap: var(--space-md)}.faq-section__toggle:hover{color: var(--color-primary)}.faq-section__question-text{flex: 1;color: inherit}.faq-section__icon{flex-shrink: 0;font-size: var(--font-size-xl);color: var(--color-primary);transition: transform var(--transition-base)}.faq-section__toggle[aria-expanded="true"] .faq-section__icon{transform: rotate(45deg)}.faq-section__answer{overflow: hidden;max-height: 0;transition: max-height 0.35s ease,padding 0.35s ease;padding: 0 var(--space-lg)}.faq-section__answer[aria-hidden="false"],.faq-section__toggle[aria-expanded="true"] + .faq-section__answer{max-height: 500px;padding: 0 var(--space-lg) var(--space-md)}.faq-section__answer[aria-hidden="true"]{max-height: 0;padding: 0 var(--space-lg)}.faq-section__answer p{font-size: var(--font-size-sm);color: rgba(255,255,255,0.6);line-height: var(--line-height-relaxed);margin: 0} .faq{padding-block: var(--space-2xl)}.faq__title{font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);margin-bottom: var(--space-lg)}.faq__item{border-bottom: 1px solid var(--color-border)}.faq__question{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: var(--space-md) 0;background: none;border: none;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);text-align: left;color: var(--color-text);cursor: pointer;transition: color var(--transition-fast)}.faq__question:hover{color: var(--color-primary)}.faq__answer{padding-bottom: var(--space-md);font-size: var(--font-size-sm);color: var(--color-text-secondary);line-height: var(--line-height-relaxed)} .breadcrumbs{padding-block: var(--space-sm);padding-inline: var(--space-md);font-size: var(--font-size-sm);color: var(--color-text-muted)}.breadcrumbs__list{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-xs);list-style: none;margin: 0;padding: 0}.breadcrumbs__item{display: flex;align-items: center;gap: var(--space-xs)}.breadcrumbs__link{color: var(--color-primary);text-decoration: none;transition: color 200ms ease}.breadcrumbs__link:hover,.breadcrumbs__link:focus-visible{color: var(--color-primary-hover);text-decoration: underline}.breadcrumbs__separator{color: var(--color-text-muted);user-select: none}.breadcrumbs__current{color: var(--color-text);font-weight: 600} .language-selector{position: relative}.language-selector__current{display: inline-flex;align-items: center;gap: var(--space-xs);padding: var(--space-xs) var(--space-sm);min-height: 44px;font-size: var(--font-size-sm);border: 1px solid var(--color-border);border-radius: var(--radius-md);background: transparent;color: rgba(255,255,255,0.8);cursor: pointer}.language-selector__dropdown{display: none;position: absolute;top: 100%;right: 0;z-index: var(--z-dropdown);min-width: 180px;max-height: 300px;overflow-y: auto;background: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);margin-top: var(--space-xs)}.language-selector__dropdown--open{display: block}.language-selector__option{display: block;width: 100%;padding: var(--space-sm) var(--space-md);font-size: var(--font-size-sm);text-align: left;background: none;border: none;color: var(--color-text);transition: background-color var(--transition-fast)}.language-selector__option:hover{background-color: rgba(255,255,255,0.05)}.language-selector__option--active{font-weight: var(--font-weight-semibold);color: var(--color-primary)} .btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-xs);padding: var(--space-sm) var(--space-lg);min-height: 48px;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);border: 2px solid transparent;border-radius: var(--radius-lg);transition: background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn--primary{background-color: var(--color-primary);color: #ffffff}.btn--primary:hover{background-color: var(--color-primary-hover);box-shadow: 0 4px 12px rgba(232,101,26,0.3)}.btn--secondary{background-color: transparent;color: var(--color-primary);border-color: var(--color-primary)}.btn--secondary:hover{background-color: var(--color-primary-light)}.btn--ghost{background-color: transparent;color: var(--color-text-secondary);border-color: var(--color-border)}.btn--ghost:hover{background-color: var(--color-bg-alt);border-color: var(--color-text-muted)}.btn--sm{padding: var(--space-xs) var(--space-md);min-height: 36px;font-size: var(--font-size-sm)} .dark-mode-toggle{display: flex;align-items: center;justify-content: center;min-width: 44px;min-height: 44px;background: none;border: 1px solid var(--color-border);border-radius: var(--radius-full);color: var(--color-text);transition: background-color var(--transition-fast)}.dark-mode-toggle:hover{background-color: var(--color-bg-alt)} .sidebar{margin-top: var(--space-2xl)}.widget{margin-bottom: var(--space-xl)}.widget__title{font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin-bottom: var(--space-md);padding-bottom: var(--space-sm);border-bottom: 2px solid var(--color-primary)} .search-form{display: flex;gap: var(--space-sm)}.search-form__input{flex: 1;padding: var(--space-sm) var(--space-md);min-height: 44px;border: 1px solid var(--color-border);border-radius: var(--radius-md);background-color: var(--color-bg-input);color: var(--color-text)}.search-form__input:focus{border-color: var(--color-border-focus);box-shadow: 0 0 0 3px rgba(232,101,26,0.2);outline: none}.search-form__submit{padding: var(--space-sm) var(--space-md);min-height: 44px;background-color: var(--color-primary);color: #ffffff;border: none;border-radius: var(--radius-md);font-weight: var(--font-weight-medium)} .error-404{text-align: center;padding-block: var(--space-4xl)}.error-404__code{font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);color: var(--color-text-muted)}.error-404__links{display: flex;flex-direction: column;gap: var(--space-sm);margin-top: var(--space-xl)} .text-center{text-align: center}.text-left{text-align: left}.text-right{text-align: right}.mt-0{margin-top: 0}.mt-sm{margin-top: var(--space-sm)}.mt-md{margin-top: var(--space-md)}.mt-lg{margin-top: var(--space-lg)}.mt-xl{margin-top: var(--space-xl)}.mb-0{margin-bottom: 0}.mb-sm{margin-bottom: var(--space-sm)}.mb-md{margin-bottom: var(--space-md)}.mb-lg{margin-bottom: var(--space-lg)}.hidden{display: none} .count-methods{display: grid;grid-template-columns: 1fr;gap: var(--space-md);margin-top: var(--space-lg)}@media (min-width: 768px){.count-methods{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.count-methods{grid-template-columns: repeat(4,1fr)}}.count-methods__card{padding: 1.25rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.07);border-radius: 0.875rem;text-align: center;transition: border-color 200ms ease}.count-methods__card:hover{border-color: rgba(232,101,26,0.25)}.count-methods__icon{display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;border-radius: 50%;background: rgba(232,101,26,0.1);color: var(--color-primary);margin-bottom: 0.75rem}.count-methods__title{font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);color: var(--color-text);margin-bottom: 0.375rem}.count-methods__desc{font-size: var(--font-size-sm);color: var(--color-text-muted);line-height: 1.6;margin: 0}html[data-theme="light"] .count-methods__card{background: var(--color-bg-card);border-color: var(--color-border)}html[data-theme="light"] .count-methods__icon{background: var(--color-primary-light);color: var(--color-primary)}  .hero--sub{min-height: auto;padding-top: 5rem;flex-direction: column;align-items: stretch}.hero__inner--sub{padding-top: 5rem;padding-bottom: var(--space-2xl)} .hero__content .stkx-funnel{padding: 0;margin-top: var(--space-lg)}.hero__content .stkx-funnel__inner{max-width: 600px;margin-inline: 0;flex-wrap: nowrap;justify-content: space-between;text-align: left;padding-inline: 1rem}.hero__content .stkx-funnel__text{flex: 1 1 auto}.hero__content .stkx-funnel__cta{flex: 0 0 auto;white-space: nowrap}.hero__title--sub{font-size: var(--font-size-2xl);margin-bottom: var(--space-sm)}@media (min-width: 1024px){ .hero--sub{min-height: 100vh;justify-content: center;padding-top: 4.75rem;padding-bottom: 1rem}.hero--sub .hero__inner{min-height: auto;padding-top: 0;padding-bottom: 0}.hero__title--sub{font-size: var(--font-size-3xl)}} .content-sections__inner h2{color: var(--color-text);font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);margin-top: var(--space-2xl);margin-bottom: var(--space-md);position: relative;padding-bottom: var(--space-sm)}.content-sections__inner h2::after{content: '';position: absolute;bottom: 0;left: 0;width: 36px;height: 2px;background: var(--color-primary);border-radius: 2px}.content-sections__inner h2:first-child{margin-top: 0}.content-sections__inner p{color: var(--color-text-secondary);line-height: 1.8;margin-bottom: var(--space-md)}.content-sections__inner ul,.content-sections__inner ol{color: var(--color-text-secondary);line-height: 1.8;margin-bottom: var(--space-md);padding-left: var(--space-lg);list-style: disc}.content-sections__inner li{margin-bottom: 0.375rem}.content-sections__inner table{width: 100%;border-collapse: collapse;margin-bottom: var(--space-md);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius-lg);overflow: hidden;background: rgba(255,255,255,0.02)}.content-sections__inner th,.content-sections__inner td{padding: var(--space-sm) var(--space-md);text-align: left;border-bottom: 1px solid rgba(255,255,255,0.06);font-size: var(--font-size-sm);color: var(--color-text-secondary)}.content-sections__inner th{font-weight: var(--font-weight-semibold);background-color: rgba(255,255,255,0.06);color: var(--color-text);text-transform: uppercase;letter-spacing: 0.06em;font-size: 0.6875rem}.content-sections__inner tbody tr:hover td{background-color: rgba(255,255,255,0.02)}html[data-theme="light"] .content-sections__inner h2{color: var(--color-text)}html[data-theme="light"] .content-sections__inner p,html[data-theme="light"] .content-sections__inner ul,html[data-theme="light"] .content-sections__inner li{color: var(--color-text-secondary)}html[data-theme="light"] .content-sections__inner th{background-color: rgba(0,0,0,0.03);color: var(--color-text)}html[data-theme="light"] .content-sections__inner td{color: var(--color-text-secondary)}html[data-theme="light"] .content-sections__inner table{border-color: var(--color-border);background: var(--color-bg-card)} @media (min-width: 768px){:root{--container-padding: var(--space-lg)}h1{font-size: var(--font-size-3xl)}.site-header__inner{padding-inline: var(--space-lg)}.site-header__nav{display: flex;gap: var(--space-md)}.site-header__cta{display: inline-flex}.hero__inner{padding-top: 8rem}.hero__title{font-size: var(--font-size-4xl)}.how-it-works__steps{grid-template-columns: repeat(3,1fr)}.hero__how-steps{flex-direction: row;gap: var(--space-lg)}.results-dashboard--row-1{grid-template-columns: repeat(2,1fr)}.results-dashboard--row-2{grid-template-columns: repeat(2,1fr)}.results-panel__grid{grid-template-columns: repeat(3,1fr)}.results__grid{grid-template-columns: repeat(2,1fr)}.progress-visualizer__landmark-list{grid-template-columns: repeat(2,1fr)}.cookie-banner__inner{flex-direction: row;align-items: center;justify-content: space-between}.site-footer__inner{flex-direction: row;justify-content: space-between;align-items: flex-start}.error-404__links{flex-direction: row;justify-content: center}.breadcrumbs{padding-inline: var(--space-lg)}} @media (min-width: 1024px){:root{--container-padding: var(--space-xl)}h1{font-size: var(--font-size-5xl);letter-spacing: -0.03em}h2{font-size: var(--font-size-3xl)}h3{font-size: var(--font-size-2xl)}.hero__inner{flex-direction: row;align-items: center;padding: 6rem var(--space-xl) var(--space-2xl);min-height: 100vh}.hero__content{flex: 1.2;padding-right: var(--space-2xl)}.hero__converter{flex: 1;max-width: 440px}.hero__title{font-size: 3.5rem;letter-spacing: -0.03em}.hero__subtitle{font-size: var(--font-size-lg)}.converter{padding: var(--space-xl)}.converter__step-input{font-size: var(--font-size-5xl)}.converter__result-value,.result__primary-value{font-size: var(--font-size-5xl)}.converter__result-unit{font-size: var(--font-size-sm)}.results-panel__primary{font-size: var(--font-size-5xl)}.results-dashboard--row-1{grid-template-columns: repeat(3,1fr)} .results-dashboard--row-2{grid-template-columns: repeat(auto-fit,minmax(240px,1fr))}.results-dashboard--row-3{grid-template-columns: 1fr}.results__grid{grid-template-columns: repeat(3,1fr)}.progress-visualizer__landmark-list{grid-template-columns: repeat(3,1fr)}.content-section{padding-block: var(--space-3xl)}.faq{padding-block: var(--space-3xl)}.site-header__inner{padding-inline: var(--space-xl)}.site-header__logo img{height: 52px}.site-footer{padding-block: var(--space-4xl)}.breadcrumbs{max-width: var(--container-max);margin-inline: auto;padding-inline: var(--space-xl)}} .internal-links{padding-block: var(--space-3xl);padding-inline: var(--space-md);background-color: rgba(10,10,10,0.85)}.internal-links__inner{max-width: var(--container-max);margin-inline: auto}.internal-links__title{font-size: var(--font-size-xl);font-weight: 700;margin-block-end: var(--space-sm);color: var(--color-text);position: relative;padding-bottom: var(--space-sm)}.internal-links__title::after{content: '';position: absolute;bottom: 0;left: 0;width: 48px;height: 3px;background: var(--color-primary);border-radius: 2px}.internal-links__intro{color: rgba(255,255,255,0.6);margin-block-end: var(--space-xl);max-width: 65ch}.internal-links__pillar{margin-block-end: var(--space-lg);font-size: var(--font-size-base);line-height: 1.6;color: rgba(255,255,255,0.6)}.internal-links__pillar-link{color: var(--color-primary);font-weight: 600;text-decoration: none;transition: color 200ms ease}.internal-links__pillar-link:hover,.internal-links__pillar-link:focus-visible{color: var(--color-primary-hover);text-decoration: underline}.internal-links__grid{display: grid;grid-template-columns: 1fr;gap: var(--space-md);list-style: none;margin: 0;padding: 0}.internal-links__card{border-radius: var(--radius-lg);overflow: hidden}.internal-links__card-link{display: flex;flex-direction: column;gap: var(--space-xs);padding: var(--space-lg);background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: var(--radius-lg);text-decoration: none;transition: all 0.25s ease}.internal-links__card-link:hover,.internal-links__card-link:focus-visible{border-color: rgba(232,101,26,0.4);box-shadow: 0 8px 24px rgba(232,101,26,0.08);transform: translateY(-2px);text-decoration: none}.internal-links__card-title{font-size: var(--font-size-base);font-weight: 600;color: var(--color-primary)}.internal-links__card-desc{font-size: var(--font-size-sm);color: rgba(255,255,255,0.5);line-height: 1.5}@media (min-width: 768px){.internal-links{padding-inline: var(--space-lg)}.internal-links__grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.internal-links{padding-block: var(--space-3xl);padding-inline: var(--space-xl)}.internal-links__grid{grid-template-columns: repeat(3,1fr)}.internal-links__title{font-size: var(--font-size-2xl)}} .converter__gender-select option,.converter__activity-select option,.converter__unit-select option,.converter__select option{color: #0f172a;background-color: #ffffff} .adjust-modal{display: none}.adjust-modal[hidden]{display: none}body.adjust-modal-open{overflow: auto}  .hero__settings{position: fixed;top: 0;right: 0;bottom: 0;width: min(460px,100vw);max-width: 100vw;z-index: 2100;padding: 0;transform: translateX(100%);transition: transform 0.32s cubic-bezier(0.22,0.61,0.36,1);will-change: transform;pointer-events: none}.hero__settings[hidden]{display: block;transform: translateX(100%);pointer-events: none}.hero__settings--open{transform: translateX(0);pointer-events: auto}@media (prefers-reduced-motion: reduce){.hero__settings{transition: none}} .settings-backdrop{position: fixed;inset: 0;z-index: 2050;background: rgba(4,4,4,0.6);opacity: 0;pointer-events: none;transition: opacity 0.24s ease}.settings-backdrop[hidden]{display: block;opacity: 0;pointer-events: none}.settings-backdrop--visible{opacity: 1;pointer-events: auto}@supports (backdrop-filter: blur(6px)){.settings-backdrop--visible{backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px)}} .settings-panel{position: relative;height: 100%;background: radial-gradient(120% 40% at 90% -5%,rgba(232,101,26,0.14) 0%,rgba(232,101,26,0) 60%),linear-gradient(180deg,rgba(30,27,24,0.98) 0%,rgba(17,16,15,0.99) 220px,#100f0e 100%);border: none;border-left: 1px solid rgba(255,255,255,0.08);border-radius: 0;padding: 0;display: flex;flex-direction: column;gap: 0;max-height: 100vh;overflow: hidden; box-shadow: none} .hero__settings--open .settings-panel{box-shadow: -28px 0 60px -20px rgba(0,0,0,0.7)} .settings-panel__handle{display: none} .settings-panel__header{display: flex;align-items: center;gap: 0.875rem;padding: 1.35rem var(--space-lg) 1.1rem;border-bottom: 1px solid rgba(255,255,255,0.07);flex-shrink: 0}.settings-panel__header-icon{flex-shrink: 0;width: 42px;height: 42px;display: inline-flex;align-items: center;justify-content: center;border-radius: 12px;background: linear-gradient(145deg,rgba(232,101,26,0.28),rgba(232,101,26,0.12));border: 1px solid rgba(232,101,26,0.35);color: #ffb37a;box-shadow: 0 6px 16px -6px rgba(232,101,26,0.5)}.settings-panel__header-text{flex: 1;min-width: 0}.settings-panel__title{margin: 0 0 0.25rem;font-size: 1.0625rem;font-weight: var(--font-weight-bold);color: #fff;letter-spacing: -0.01em}.settings-panel__subtitle{margin: 0;font-size: 0.8125rem;line-height: 1.45;color: rgba(255,255,255,0.55)}.settings-panel__close{flex-shrink: 0;width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;background: transparent;color: rgba(255,255,255,0.55);border: none;border-radius: 8px;cursor: pointer;transition: background 0.15s ease,color 0.15s ease}.settings-panel__close > *{pointer-events: none}.settings-panel__close:hover{background: rgba(255,255,255,0.06);color: #fff}.settings-panel__close:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px} .settings-panel__body{flex: 1;padding: 1.25rem var(--space-lg) 1.5rem;overflow-y: auto;overscroll-behavior: contain;display: grid;grid-template-columns: 1fr 1fr;gap: 1.1rem var(--space-md);align-content: start}.settings-field--full,.settings-field:has(.pill-group--activity),.settings-field:has(.activity-grid),.settings-field:has(.settings-switch),.settings-accuracy,.settings-goal-card,.settings-tip-card,.settings-goal-fields,.settings-divider,.stkx-advanced-toggle,.stkx-advanced{grid-column: 1 / -1} .stkx-advanced{display: grid;grid-template-columns: 1fr 1fr;gap: 1.1rem var(--space-md);align-content: start} .pill-group--activity,.activity-grid{grid-column: 1 / -1} .settings-divider{height: 1px;margin: 0.15rem 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.09) 20%,rgba(255,255,255,0.09) 80%,transparent)} body.stk-drawer-open{overflow: hidden !important} body.stk-drawer-open .site-header{pointer-events: none;z-index: 1 !important;opacity: 0;visibility: hidden;transition: opacity 0.2s ease,visibility 0.2s ease} body.stk-drawer-open .site-header__actions{opacity: 0 !important;visibility: hidden !important;pointer-events: none !important;transition: opacity 0.2s ease,visibility 0.2s ease} body.stk-drawer-open .scroll-hint,body.stk-drawer-open .stk-update-bar,body.stk-drawer-open .hero__embed-teaser,body.stk-drawer-open .stkx-tabbar{opacity: 0 !important;visibility: hidden !important;pointer-events: none !important;transition: opacity 0.2s ease,visibility 0.2s ease}.site-header__actions{transition: opacity 0.2s ease,visibility 0.2s ease}.site-header{transition: opacity 0.2s ease,visibility 0.2s ease,background-color 200ms ease,box-shadow 200ms ease} .settings-panel__footer{padding: var(--space-md) var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom,0px));border-top: 1px solid rgba(255,255,255,0.07);display: flex;flex-direction: row;align-items: stretch;gap: 0.625rem;flex-shrink: 0;background: linear-gradient(180deg,rgba(13,12,11,0) 0%,rgba(13,12,11,0.55) 100%)}.settings-panel__done{flex: 1;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 50px;padding: 0.8rem var(--space-md);font-size: 0.9375rem;font-weight: var(--font-weight-semibold);letter-spacing: 0.01em;background: linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color: #fff;border: none;border-radius: var(--radius-lg);cursor: pointer;box-shadow: 0 8px 20px -8px rgba(232,101,26,0.55);transition: filter var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.settings-panel__done:hover{filter: brightness(1.05);box-shadow: 0 12px 28px -8px rgba(232,101,26,0.7)}.settings-panel__done:active{transform: scale(0.99)}.settings-panel__done:focus-visible{outline: 2px solid #fff;outline-offset: 2px}.settings-panel__done-icon{flex-shrink: 0} .settings-reset-btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;flex: 0 1 auto;min-width: 0;min-height: 50px;padding: 0.8rem 1.15rem;background: rgba(255,255,255,0.05);color: rgba(255,255,255,0.82);border: 1px solid rgba(255,255,255,0.14);border-radius: var(--radius-lg);font-size: 0.9375rem;font-weight: var(--font-weight-semibold);cursor: pointer;white-space: nowrap;transition: color 0.15s ease,border-color 0.15s ease,background 0.15s ease}.settings-reset-btn__label{overflow: hidden;text-overflow: ellipsis}.settings-reset-btn:hover{color: #fff;border-color: rgba(255,255,255,0.24);background: rgba(255,255,255,0.08)}.settings-reset-btn:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.settings-reset-btn__icon{display: inline-flex;color: rgba(255,255,255,0.62);transition: color 0.15s ease,transform 0.4s ease}.settings-reset-btn:hover .settings-reset-btn__icon{color: var(--color-primary)}.settings-reset-btn--flash .settings-reset-btn__icon{color: var(--color-primary);transform: rotate(-360deg)} .settings-field{display: flex;flex-direction: column;gap: 0.375rem}.settings-field__label{font-size: 0.6875rem;font-weight: var(--font-weight-semibold);color: rgba(255,255,255,0.55);letter-spacing: 0.1em;text-transform: uppercase}.settings-field__label--sm{font-size: 0.625rem;text-transform: none;letter-spacing: 0.04em;color: rgba(255,255,255,0.6)}.settings-field__label-row{display: flex;align-items: center;justify-content: space-between;gap: var(--space-sm)} .settings-badge{display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.1875rem 0.5rem;font-size: 0.6875rem;font-weight: var(--font-weight-semibold);border-radius: 999px;white-space: nowrap;transition: opacity 0.15s ease}.settings-badge__icon{display: inline-flex;opacity: 0.9}.settings-badge--auto{background: rgba(34,197,94,0.14);border: 1px solid rgba(34,197,94,0.28);color: #4ade80}.settings-badge--hidden{opacity: 0;visibility: hidden} .settings-impact{display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.125rem 0.5rem 0.125rem 0.375rem;font-size: 0.625rem;font-weight: var(--font-weight-semibold);letter-spacing: 0.06em;text-transform: uppercase;border-radius: 999px;white-space: nowrap;line-height: 1.4}.settings-impact svg{flex: none;opacity: 0.9}.settings-impact--dist{background: rgba(96,165,250,0.14);border: 1px solid rgba(96,165,250,0.30);color: #93bbf7}.settings-impact--cal{background: rgba(232,101,26,0.14);border: 1px solid rgba(232,101,26,0.32);color: #f0a06a}.settings-impact--time{background: rgba(45,212,191,0.14);border: 1px solid rgba(45,212,191,0.30);color: #5fd6c6}.settings-impact-group{display: inline-flex;align-items: center;gap: 0.375rem;flex-wrap: wrap;justify-content: flex-end} .settings-field__label-group{display: inline-flex;align-items: center;gap: 0.5rem;flex-wrap: wrap} .settings-field--suppressed{display: none !important} .settings-accuracy{background: rgba(255,255,255,0.03);border: 1px solid var(--color-border);border-radius: 14px;padding: 0.8rem 0.9rem}.settings-accuracy__top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.55rem}.settings-accuracy__label{font-size: 0.6875rem;font-weight: var(--font-weight-semibold);letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,0.5)}.settings-accuracy__level{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.8125rem;font-weight: 700}.settings-accuracy__level::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: currentColor}.settings-accuracy__segments{display: grid;grid-template-columns: repeat(3,1fr);gap: 4px}.settings-accuracy__segments i{height: 6px;border-radius: 3px;background: rgba(255,255,255,0.1);transition: background 0.25s ease}.settings-accuracy__hint{margin: 0.55rem 0 0;font-size: 0.75rem;line-height: 1.4;color: rgba(255,255,255,0.55)}.settings-accuracy[data-level="1"] .settings-accuracy__level{color: #d8a24a}.settings-accuracy[data-level="2"] .settings-accuracy__level{color: #ef7f34}.settings-accuracy[data-level="3"] .settings-accuracy__level{color: #43c98c}.settings-accuracy[data-level="1"] .settings-accuracy__segments i:nth-child(-n+1){background: #d8a24a}.settings-accuracy[data-level="2"] .settings-accuracy__segments i:nth-child(-n+2){background: #ef7f34}.settings-accuracy[data-level="3"] .settings-accuracy__segments i:nth-child(-n+3){background: #43c98c}html[data-theme="light"] .settings-accuracy{background: var(--color-bg);border-color: var(--color-border)}html[data-theme="light"] .settings-accuracy__label{color: var(--color-text-secondary)}html[data-theme="light"] .settings-accuracy__hint{color: var(--color-text-secondary)}html[data-theme="light"] .settings-accuracy__segments i{background: rgba(0,0,0,0.08)}html[data-theme="light"] .settings-accuracy[data-level="1"] .settings-accuracy__level{color: #b7791f}html[data-theme="light"] .settings-accuracy[data-level="2"] .settings-accuracy__level{color: #c2540e}html[data-theme="light"] .settings-accuracy[data-level="3"] .settings-accuracy__level{color: #1c9c6a}html[data-theme="light"] .settings-accuracy[data-level="2"] .settings-accuracy__segments i:nth-child(-n+2){background: #c2540e}html[data-theme="light"] .settings-accuracy[data-level="3"] .settings-accuracy__segments i:nth-child(-n+3){background: #1c9c6a}html[data-theme="light"] .settings-impact--dist{background: rgba(37,99,235,0.10);border-color: rgba(37,99,235,0.22);color: #2563eb}html[data-theme="light"] .settings-impact--cal{background: rgba(194,84,14,0.10);border-color: rgba(194,84,14,0.24);color: #c2540e}html[data-theme="light"] .settings-impact--time{background: rgba(13,148,136,0.10);border-color: rgba(13,148,136,0.24);color: #0d9488} .converter__stride-perkm{font-variant-numeric: tabular-nums;color: var(--color-text-secondary);font-size: 0.8125rem;white-space: nowrap}.converter__stride-perkm::before{content: "\00B7";margin: 0 0.4rem;opacity: 0.45}@media (max-width: 460px){.converter__stride-perkm{display: none}} .converter__accuracy-chip{display: inline-flex;align-items: center;gap: 0.3rem;margin-left: 0.5rem;padding: 0.15rem 0.5rem;border-radius: 999px;font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.02em;white-space: nowrap;border: 1px solid transparent;vertical-align: middle}.converter__accuracy-chip-dot{width: 6px;height: 6px;border-radius: 50%;background: currentColor;flex: none}.converter__accuracy-chip[data-level="1"]{color: #d8a24a;background: rgba(216,162,74,0.12);border-color: rgba(216,162,74,0.28)}.converter__accuracy-chip[data-level="2"]{color: #ef7f34;background: rgba(239,127,52,0.12);border-color: rgba(239,127,52,0.28)}.converter__accuracy-chip[data-level="3"]{color: #43c98c;background: rgba(67,201,140,0.14);border-color: rgba(67,201,140,0.30)}html[data-theme="light"] .converter__accuracy-chip[data-level="1"]{color: #b7791f;background: rgba(183,121,31,0.10);border-color: rgba(183,121,31,0.24)}html[data-theme="light"] .converter__accuracy-chip[data-level="2"]{color: #c2540e;background: rgba(194,84,14,0.10);border-color: rgba(194,84,14,0.24)}html[data-theme="light"] .converter__accuracy-chip[data-level="3"]{color: #1c9c6a;background: rgba(28,156,106,0.10);border-color: rgba(28,156,106,0.26)}@media (max-width: 380px){.converter__accuracy-chip{font-size: 0.625rem;padding: 0.12rem 0.4rem;margin-left: 0.35rem}} .settings-input-row{display: flex;align-items: center;gap: 0.25rem;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 0.125rem 0.875rem 0.125rem 0.75rem;transition: border-color 0.15s ease,box-shadow 0.15s ease,background 0.15s ease}.settings-input-row:hover{border-color: rgba(255,255,255,0.14)}.settings-input-row:focus-within{border-color: var(--color-primary);background: rgba(232,101,26,0.06);box-shadow: 0 0 0 3px rgba(232,101,26,0.15)} .settings-input-icon{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;color: rgba(255,255,255,0.4);transition: color 0.15s ease}.settings-input-row:focus-within .settings-input-icon{color: var(--color-primary)}.settings-input{flex: 1;min-width: 0;width: 100%;max-width: none;padding: 0.625rem 0.5rem;min-height: 44px;font-size: 0.9375rem;font-weight: var(--font-weight-semibold);border: none;border-radius: 10px;background: transparent;color: #fff;-moz-appearance: textfield}.settings-input::-webkit-outer-spin-button,.settings-input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0}.settings-input::placeholder{color: rgba(255,255,255,0.35)}.settings-input:focus{outline: none;box-shadow: none;border: none}.settings-input--short{max-width: 80px}.settings-unit{font-size: 0.875rem;color: rgba(255,255,255,0.55);font-weight: var(--font-weight-medium);white-space: nowrap;flex-shrink: 0}.settings-hint{margin: 0.25rem 0 0;font-size: 0.75rem;color: rgba(255,255,255,0.45);line-height: 1.4}.settings-hint--with-icon{display: inline-flex;align-items: center;gap: 0.375rem}.settings-hint__icon{display: inline-flex;color: rgba(255,255,255,0.35)} .pill-group{display: flex;flex-wrap: wrap;gap: 0.5rem}.pill-group--gender.segmented{flex-wrap: nowrap;gap: 0.3rem;padding: 0.3rem;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px}.pill-group--gender .pill{flex: 1;min-width: 0;gap: 0.45rem;padding: 0.6rem 0.75rem;justify-content: center;font-size: 0.9375rem;font-weight: var(--font-weight-semibold);border-radius: 10px;background: transparent;border-color: transparent;color: rgba(255,255,255,0.68)}.pill-group--gender .pill:hover{background: rgba(255,255,255,0.06);color: #fff}.pill-group--gender .pill.pill--active{background: var(--color-primary);border-color: var(--color-primary);color: #fff;box-shadow: 0 4px 12px -4px rgba(232,101,26,0.6)} .pill-group--pace.segmented{flex-wrap: nowrap;gap: 0.3rem;padding: 0.3rem;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px}.pill-group--pace .pill{flex: 1;min-width: 0;justify-content: center;padding: 0.6rem 0.75rem;font-size: 0.9375rem}.pill-group--pace .pill:hover{background: rgba(255,255,255,0.06);color: #fff}.pill-group--pace .pill.pill--active{background: var(--color-primary);border-color: var(--color-primary);color: #fff;box-shadow: 0 4px 12px -4px rgba(232,101,26,0.6)}.pill{display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.375rem 0.75rem;font-size: 0.8125rem;font-weight: var(--font-weight-medium);color: rgba(255,255,255,0.75);background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 9999px;cursor: pointer;transition: all var(--transition-fast);white-space: nowrap}.pill__icon{display: inline-flex;align-items: center}.pill:hover{background: rgba(255,255,255,0.06);color: #fff}.pill--active{background: var(--color-primary);border-color: var(--color-primary);color: #fff}.pill--active:hover{background: var(--color-primary-hover)}.pill:disabled,.pill[aria-disabled="true"]{opacity: 0.38;cursor: not-allowed}.pill:disabled:hover,.pill[aria-disabled="true"]:hover{background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.68)}.pill:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px} .activity-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 0.5rem}.activity-card{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.4rem;padding: 0.9rem 0.5rem;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px;color: rgba(255,255,255,0.65);cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease,color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease;white-space: nowrap}.activity-card:hover{background: rgba(255,255,255,0.07);border-color: rgba(255,255,255,0.16);color: #fff;transform: translateY(-2px)}.activity-card__icon{display: inline-flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.7);transition: color 0.15s ease,transform 0.15s ease}.activity-card__icon svg{width: 28px;height: 28px}.activity-card__label{font-size: 0.8125rem;font-weight: var(--font-weight-semibold);letter-spacing: 0.01em}.activity-card.pill--active{background: linear-gradient(160deg,rgba(232,101,26,0.2),rgba(232,101,26,0.08));border-color: var(--color-primary);color: #fff;box-shadow: 0 6px 16px -8px rgba(232,101,26,0.6)}.activity-card.pill--active .activity-card__icon{color: #ff8a3d;transform: translateY(-1px)}.activity-card:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.activity-card:disabled,.activity-card[aria-disabled="true"]{opacity: 0.35;cursor: not-allowed;transform: none}.activity-card:disabled:hover,.activity-card[aria-disabled="true"]:hover{background: rgba(255,255,255,0.04);border-color: rgba(255,255,255,0.08);transform: none} .settings-switch{position: relative;display: inline-flex;align-items: center;width: 44px;height: 24px;padding: 0;background: rgba(255,255,255,0.15);border: none;border-radius: 999px;cursor: pointer;transition: background 0.2s;flex-shrink: 0}.settings-switch[aria-checked="true"]{background: var(--color-primary)}.settings-switch__track{position: relative;width: 100%;height: 100%}.settings-switch__thumb{position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;background: #fff;border-radius: 50%;box-shadow: 0 1px 3px rgba(0,0,0,0.2);transition: transform 0.2s}.settings-switch[aria-checked="true"] .settings-switch__thumb{transform: translateX(20px)} .settings-goal-card{padding: var(--space-md);background: rgba(232,101,26,0.06);border: 1px solid rgba(232,101,26,0.22);border-radius: 14px;gap: 0.625rem}.settings-goal-card__header{display: flex;align-items: center;gap: 0.625rem;flex-wrap: wrap}.settings-goal-card__icon{display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 8px;background: rgba(232,101,26,0.18);color: var(--color-primary);flex-shrink: 0}.settings-goal-card__title-group{flex: 1;min-width: 0}.settings-goal-card__title{display: block;font-size: 0.9375rem;font-weight: var(--font-weight-semibold);color: #fff}.settings-goal-card__hint{margin: 0;font-size: 0.75rem;line-height: 1.45;color: rgba(255,255,255,0.55)}.settings-input-row--goal{background: #141414;border-color: rgba(255,255,255,0.1)}.settings-goal-fields{padding: 0;display: flex;flex-direction: column;gap: 0.375rem} .settings-tip-card{display: flex;align-items: flex-start;gap: 0.75rem;padding: 0.875rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px}.settings-tip-card__icon{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 9px;background: rgba(240,180,41,0.15);color: #f0b429;flex-shrink: 0}.settings-tip-card__text{margin: 0;font-size: 0.8125rem;line-height: 1.5;color: rgba(255,255,255,0.72)} .settings-panel__body::-webkit-scrollbar{width: 6px}.settings-panel__body::-webkit-scrollbar-track{background: transparent}.settings-panel__body::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.08);border-radius: 3px}.settings-panel__body::-webkit-scrollbar-thumb:hover{background: rgba(255,255,255,0.15)} @media (max-width: 640px){.hero__settings{top: auto;bottom: 0;left: 0;right: 0;width: 100%;max-width: 100%;height: auto;max-height: 92dvh;transform: translateY(100%)}.hero__settings[hidden]{transform: translateY(100%)}.hero__settings--open{transform: translateY(0)}.settings-panel{height: auto;max-height: 92dvh;border-left: none;border-top: 1px solid rgba(255,255,255,0.1);border-radius: 22px 22px 0 0;box-shadow: 0 -22px 55px -14px rgba(0,0,0,0.65)}.settings-panel__handle{display: block;width: 40px;height: 4px;margin: 0.55rem auto 0;border-radius: 999px;background: rgba(255,255,255,0.22);flex-shrink: 0}.settings-panel__header{padding: 0.6rem var(--space-md) 0.85rem;gap: 0.75rem}.settings-panel__header-icon{width: 38px;height: 38px}.settings-panel__title{font-size: 1rem}.settings-panel__subtitle{font-size: 0.75rem}.settings-panel__body{padding: var(--space-md);gap: 0.9rem var(--space-sm)}.activity-grid{grid-template-columns: repeat(4,1fr);gap: 0.4rem}.activity-card{padding: 0.75rem 0.25rem}.activity-card__icon svg{width: 26px;height: 26px}.activity-card__label{font-size: 0.75rem}.settings-panel__footer{padding: var(--space-sm) var(--space-md) calc(var(--space-sm) + env(safe-area-inset-bottom,0px))}} @media (max-width: 380px){.activity-grid{grid-template-columns: repeat(2,1fr)}} html[data-theme="light"] .settings-panel{background: var(--color-bg-card);border-left-color: var(--color-border);color: var(--color-text)}html[data-theme="light"] .settings-panel__title{color: var(--color-text)}html[data-theme="light"] .settings-panel__subtitle,html[data-theme="light"] .settings-field__label,html[data-theme="light"] .settings-goal-card__hint{color: var(--color-text-secondary)}html[data-theme="light"] .settings-unit{color: var(--color-text-muted)}html[data-theme="light"] .settings-hint{color: var(--color-text-muted)}html[data-theme="light"] .settings-input-row{background: var(--color-bg-card);border-color: var(--color-border)}html[data-theme="light"] .settings-input-row:focus-within{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(232,101,26,0.12)}html[data-theme="light"] .settings-input{color: var(--color-text)}html[data-theme="light"] .settings-input::placeholder{color: var(--color-text-muted)}html[data-theme="light"] .pill{background: var(--color-bg);color: var(--color-text-secondary);border-color: var(--color-border)}html[data-theme="light"] .pill:hover{border-color: var(--color-primary);color: var(--color-text)}html[data-theme="light"] .pill--active{background: var(--color-primary);border-color: var(--color-primary);color: #fff}html[data-theme="light"] .activity-card{background: var(--color-bg);color: var(--color-text-secondary);border-color: var(--color-border)}html[data-theme="light"] .activity-card.pill--active{background: var(--color-primary-light);border-color: var(--color-primary);color: var(--color-primary)}html[data-theme="light"] .settings-switch{background: #cbd0d8}html[data-theme="light"] .settings-switch[aria-checked="true"]{background: var(--color-primary)}html[data-theme="light"] .settings-goal-card,html[data-theme="light"] .settings-tip-card{background: var(--color-bg);border-color: var(--color-border)}html[data-theme="light"] .settings-tip-card__text{color: var(--color-text-secondary)}html[data-theme="light"] .settings-reset-btn{color: var(--color-text-secondary);border-color: var(--color-border)}html[data-theme="light"] .settings-reset-btn:hover{color: var(--color-primary);border-color: var(--color-primary)}html[data-theme="light"] .settings-reset-btn__icon{color: var(--color-text-secondary)}html[data-theme="light"] .settings-reset-btn:hover .settings-reset-btn__icon{color: var(--color-primary)} html[data-theme="light"] .settings-goal-card__title{color: var(--color-text)}html[data-theme="light"] .settings-switch{background: rgba(0,0,0,0.18)}html[data-theme="light"] .settings-switch[aria-checked="true"]{background: var(--color-primary)}html[data-theme="light"] .settings-panel__done{background: linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color: #fff}html[data-theme="light"] .settings-panel__done:hover{filter: brightness(1.05)}html[data-theme="light"] .settings-panel__header,html[data-theme="light"] .settings-panel__footer{border-color: var(--color-border)}html[data-theme="light"] .settings-panel__close{color: var(--color-text-muted)}html[data-theme="light"] .settings-panel__close:hover{color: var(--color-text);background: var(--color-bg)}html[data-theme="light"] .settings-panel__header-icon{background: var(--color-primary-light);border-color: rgba(232,101,26,0.3);color: var(--color-primary);box-shadow: none} html[data-theme="light"] .settings-panel__handle{background: rgba(17,24,39,0.18)}html[data-theme="light"] .settings-divider{background: linear-gradient(90deg,transparent,var(--color-border) 20%,var(--color-border) 80%,transparent)}html[data-theme="light"] .settings-input-row:hover{border-color: var(--color-border)}html[data-theme="light"] .settings-input-icon{color: var(--color-text-muted)}html[data-theme="light"] .pill-group--gender.segmented{background: var(--color-bg);border-color: var(--color-border)}html[data-theme="light"] .pill-group--gender .pill{background: transparent;border-color: transparent;color: var(--color-text-secondary)}html[data-theme="light"] .pill-group--gender .pill:hover{background: var(--color-bg-alt);color: var(--color-text)}html[data-theme="light"] .pill-group--gender .pill.pill--active{background: var(--color-primary);color: #fff}html[data-theme="light"] .pill-group--pace.segmented{background: var(--color-bg);border-color: var(--color-border)}html[data-theme="light"] .pill-group--pace .pill{background: transparent;border-color: transparent;color: var(--color-text-secondary)}html[data-theme="light"] .pill-group--pace .pill:hover{background: var(--color-bg-alt);color: var(--color-text)}html[data-theme="light"] .pill-group--pace .pill.pill--active{background: var(--color-primary);color: #fff}html[data-theme="light"] .activity-card__icon{color: var(--color-text-secondary)}html[data-theme="light"] .activity-card.pill--active .activity-card__icon{color: var(--color-primary)}html[data-theme="light"] .settings-panel__footer{background: linear-gradient(180deg,rgba(17,24,39,0),rgba(17,24,39,0.03))}html[data-theme="light"] .settings-reset-btn{background: var(--color-bg-card)}html[data-theme="light"] .settings-tip-card__text{color: var(--color-text-secondary)} .mode-toggle-card{display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);padding: var(--space-md);border: 1px solid var(--color-border);border-radius: 0.75rem;background: var(--color-bg-alt,#f8fafc)}.mode-toggle-card__text{flex: 1;min-width: 0}.mode-toggle-card__title{display: block;font-weight: 600;font-size: 0.95rem;color: var(--color-text)}.mode-toggle-card__hint{display: block;margin-top: 4px;font-size: 0.8125rem;color: var(--color-text-muted,#64748b);line-height: 1.4}.mode-toggle-card__switch{display: flex;align-items: center;gap: 8px;background: transparent;border: 0;cursor: pointer;padding: 4px;border-radius: 999px}.mode-toggle-card__switch-track{position: relative;width: 44px;height: 24px;background: #cbd5e1;border-radius: 999px;transition: background 0.2s;flex-shrink: 0}.mode-toggle-card__switch-thumb{position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;background: #ffffff;border-radius: 50%;box-shadow: 0 1px 3px rgba(0,0,0,0.2);transition: transform 0.2s}.mode-toggle-card__switch[aria-checked="true"] .mode-toggle-card__switch-track{background: var(--color-primary)}.mode-toggle-card__switch[aria-checked="true"] .mode-toggle-card__switch-thumb{transform: translateX(20px)}.mode-toggle-card__switch-state{font-size: 0.8125rem;font-weight: 600;color: var(--color-text-muted,#64748b);min-width: 26px;text-align: left}.mode-toggle-card__switch[aria-checked="true"] .mode-toggle-card__switch-state{color: var(--color-primary)} .converter__goal-mode{margin-top: var(--space-md);padding: var(--space-md);border: 1px dashed var(--color-primary);border-radius: 0.75rem;background: rgba(232,101,26,0.04)} .static-page{padding: 6rem 0 4rem;min-height: 60vh}.static-page__inner{max-width: var(--container-max,800px);margin-inline: auto;padding-inline: var(--container-padding,1rem)}.static-page__header{margin-bottom: var(--space-xl,2rem);padding-bottom: var(--space-md,1rem);border-bottom: 1px solid var(--color-border,rgba(255,255,255,0.1))}.static-page__title{font-size: var(--font-size-3xl,2rem);font-weight: var(--font-weight-bold,700);color: var(--color-text,#fff);line-height: 1.2}.static-page__updated{font-size: var(--font-size-sm,0.875rem);color: var(--color-text-muted,rgba(255,255,255,0.4));margin-top: var(--space-sm,0.5rem)}.static-page__content,.static-page__section{margin-bottom: var(--space-xl,2rem)}.static-page__heading{font-size: var(--font-size-xl,1.25rem);font-weight: var(--font-weight-semibold,600);color: var(--color-text,#fff);margin-bottom: var(--space-sm,0.5rem)} .entry-content,.static-page__content{color: var(--color-text-secondary,rgba(255,255,255,0.7));font-size: var(--font-size-base,1rem);line-height: 1.7}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{color: var(--color-text,#fff);margin-top: 2rem;margin-bottom: 0.75rem;font-weight: var(--font-weight-semibold,600)}.entry-content h1{font-size: 1.75rem}.entry-content h2{font-size: 1.375rem}.entry-content h3{font-size: 1.125rem}.entry-content p{margin-bottom: 1rem}.entry-content ul,.entry-content ol{margin-bottom: 1rem;padding-left: 1.5rem}.entry-content li{margin-bottom: 0.375rem}.entry-content a{color: var(--color-primary,#e8651a);text-decoration: underline;text-underline-offset: 2px}.entry-content a:hover{color: var(--color-primary-hover,#d45a15)}.entry-content strong{color: var(--color-text,#fff);font-weight: var(--font-weight-semibold,600)}.entry-content table{width: 100%;border-collapse: collapse;margin-bottom: 1.5rem;font-size: var(--font-size-sm,0.875rem)}.entry-content th,.entry-content td{padding: 0.625rem 0.75rem;border: 1px solid var(--color-border,rgba(255,255,255,0.1));text-align: left}.entry-content th{background: rgba(255,255,255,0.04);color: var(--color-text,#fff);font-weight: var(--font-weight-semibold,600)}.entry-content blockquote{border-left: 3px solid var(--color-primary,#e8651a);padding-left: 1rem;margin: 1.5rem 0;color: var(--color-text-secondary,rgba(255,255,255,0.6));font-style: italic} html[data-theme="light"] .static-page__title{color: var(--color-text)}html[data-theme="light"] .entry-content{color: var(--color-text-secondary)}html[data-theme="light"] .entry-content h1,html[data-theme="light"] .entry-content h2,html[data-theme="light"] .entry-content h3,html[data-theme="light"] .entry-content h4{color: var(--color-text)}html[data-theme="light"] .entry-content strong{color: var(--color-text)} .wpautoterms-footer{display: none !important} .about-hero{padding: 8rem 0 4rem;text-align: center;background: linear-gradient(180deg,rgba(232,101,26,0.06) 0%,transparent 100%)}.about-hero__badge{display: inline-block;padding: 0.375rem 1rem;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-primary);background: var(--color-primary-light);border-radius: 9999px;margin-bottom: 1.5rem}.about-hero__title{font-size: clamp(1.75rem,4vw,2.75rem);font-weight: 800;line-height: 1.15;color: var(--color-text);margin-bottom: 1.25rem}.about-hero__accent{color: var(--color-primary)}.about-hero__subtitle{max-width: 640px;margin-inline: auto;font-size: 1.0625rem;line-height: 1.7;color: var(--color-text-secondary)} .about-stats{padding: 2rem 0;border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border)}.about-stats__grid{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--space-lg);text-align: center}.about-stats__number{display: block;font-size: 2rem;font-weight: 800;color: var(--color-primary)}.about-stats__label{font-size: 0.8125rem;color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.05em} .about-section{padding: 4rem 0}.about-section--dark{background: rgba(255,255,255,0.02);border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border)}.about-section__title{font-size: 1.5rem;font-weight: 700;color: var(--color-text);margin-bottom: 1rem;text-align: center}.about-section__text{max-width: 700px;margin-inline: auto;font-size: 1rem;line-height: 1.7;color: var(--color-text-secondary);text-align: center} .about-features{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 1.5rem;margin-top: 2.5rem}.about-feature{padding: 1.5rem;background: rgba(255,255,255,0.04);border: 1px solid var(--color-border);border-radius: var(--radius-xl);transition: border-color 0.2s,background 0.2s}.about-feature:hover{border-color: var(--color-primary);background: rgba(232,101,26,0.04)}.about-feature__icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: var(--color-primary-light);border-radius: var(--radius-lg);color: var(--color-primary);margin-bottom: 0.75rem}.about-feature__title{font-size: 1rem;font-weight: 600;color: var(--color-text);margin-bottom: 0.375rem}.about-feature__desc{font-size: 0.875rem;line-height: 1.6;color: var(--color-text-muted)} .about-cta{padding: 4rem 0;text-align: center}.about-cta__title{font-size: 1.75rem;font-weight: 700;color: var(--color-text);margin-bottom: 0.5rem}.about-cta__text{color: var(--color-text-secondary);margin-bottom: 1.5rem}.about-cta__btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 2rem;font-size: 1rem;font-weight: 600;color: #fff;background: var(--color-primary);border: none;border-radius: 9999px;text-decoration: none;transition: background 0.2s}.about-cta__btn:hover{background: var(--color-primary-hover);color: #fff;text-decoration: none}@media (max-width: 640px){.about-stats__grid{grid-template-columns: repeat(2,1fr)}.about-hero{padding: 6rem 0 3rem}} .contact-hero{padding: 8rem 0 3rem;text-align: center;background: linear-gradient(180deg,rgba(232,101,26,0.06) 0%,transparent 100%)}.contact-hero__badge{display: inline-block;padding: 0.375rem 1rem;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-primary);background: var(--color-primary-light);border-radius: 9999px;margin-bottom: 1.5rem}.contact-hero__title{font-size: clamp(1.75rem,4vw,2.75rem);font-weight: 800;line-height: 1.15;color: var(--color-text);margin-bottom: 1.25rem}.contact-hero__accent{color: var(--color-primary)}.contact-hero__subtitle{max-width: 560px;margin-inline: auto;font-size: 1.0625rem;line-height: 1.7;color: var(--color-text-secondary)}.contact-content{padding: 3rem 0 5rem}.contact-grid{display: grid;grid-template-columns: 1fr 1.5fr;gap: 3rem;align-items: start}.contact-info{display: flex;flex-direction: column;gap: 1.25rem}.contact-card{padding: 1.25rem;background: var(--color-bg-card);border: 1px solid var(--color-border);border-radius: var(--radius-xl)}.contact-card__icon{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: var(--color-primary-light);border-radius: var(--radius-lg);color: var(--color-primary);margin-bottom: 0.625rem}.contact-card__title{font-size: 0.9375rem;font-weight: 600;color: var(--color-text);margin-bottom: 0.25rem}.contact-card__text{font-size: 0.8125rem;line-height: 1.5;color: var(--color-text-muted)}.contact-form-card{padding: 2rem;background: var(--color-bg-card);border: 1px solid var(--color-border);border-radius: var(--radius-2xl)}.contact-form-card__title{font-size: 1.25rem;font-weight: 700;color: var(--color-text);margin-bottom: 1.5rem} .contact-form-card .wpforms-container .wpforms-form input[type="text"],.contact-form-card .wpforms-container .wpforms-form input[type="email"],.contact-form-card .wpforms-container .wpforms-form textarea,.contact-form-card .wpforms-container .wpforms-form select{background: var(--color-bg-input) !important;border: 1px solid var(--color-border) !important;color: var(--color-text) !important;border-radius: var(--radius-lg) !important;padding: 0.625rem 0.875rem !important;font-size: 0.9375rem !important}.contact-form-card .wpforms-container .wpforms-form input:focus,.contact-form-card .wpforms-container .wpforms-form textarea:focus{border-color: var(--color-primary) !important;box-shadow: 0 0 0 3px rgba(232,101,26,0.2) !important;outline: none !important}.contact-form-card .wpforms-container .wpforms-form .wpforms-field-label{color: var(--color-text-secondary) !important;font-size: 0.8125rem !important;font-weight: 600 !important;text-transform: uppercase !important;letter-spacing: 0.05em !important}.contact-form-card .wpforms-container .wpforms-form button[type="submit"],.contact-form-card .wpforms-container .wpforms-form .wpforms-submit{background: var(--color-primary) !important;color: #fff !important;border: none !important;border-radius: 9999px !important;padding: 0.75rem 2rem !important;font-weight: 600 !important;font-size: 0.9375rem !important;cursor: pointer !important;transition: background 0.2s !important}.contact-form-card .wpforms-container .wpforms-form button[type="submit"]:hover{background: var(--color-primary-hover) !important}@media (max-width: 768px){.contact-grid{grid-template-columns: 1fr}.contact-hero{padding: 6rem 0 2rem}}  body:not(.home):not(.stk-home) .site-header{background-color: rgba(10,10,10,0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px)}html[data-theme="light"] body:not(.home):not(.stk-home) .site-header{background-color: #fff;box-shadow: 0 1px 4px rgba(0,0,0,0.08)}html[data-theme="light"] body:not(.home):not(.stk-home) .site-header .site-header__menu a,html[data-theme="light"] body:not(.home):not(.stk-home) .site-header .site-header__nav a{color: #333}html[data-theme="light"] body:not(.home):not(.stk-home) .site-header .site-header__dark-toggle{color: #333;border-color: #d4d4d4}html[data-theme="light"] body:not(.home):not(.stk-home) .site-header .site-header__cta{color: #333;border-color: #d4d4d4}html[data-theme="light"] body:not(.home):not(.stk-home) .site-header .language-selector__current{color: #333;border-color: #d4d4d4} .coming-soon{position: relative;min-height: 100vh;display: flex;align-items: center;overflow: hidden;padding: 8rem 0 4rem}.coming-soon__inner{position: relative;z-index: 2;text-align: center;max-width: 900px;margin-inline: auto}.coming-soon__badge{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1.25rem;font-size: 0.8125rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-primary);background: var(--color-primary-light);border: 1px solid rgba(232,101,26,0.2);border-radius: 9999px;margin-bottom: 2rem}.coming-soon__badge-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--color-primary);animation: comingSoonPulse 2s ease-in-out infinite}@keyframes comingSoonPulse{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: 0.5;transform: scale(1.3)}}.coming-soon__title{font-size: clamp(2rem,5vw,3.25rem);font-weight: 800;line-height: 1.1;color: var(--color-text);margin-bottom: 1.5rem}.coming-soon__accent{display: block;color: var(--color-primary)}.coming-soon__desc{max-width: 600px;margin-inline: auto;font-size: 1.0625rem;line-height: 1.7;color: var(--color-text-secondary);margin-bottom: 3rem}.coming-soon__features{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 1.25rem;margin-bottom: 3rem;text-align: left}.coming-soon__card{padding: 1.25rem;background: rgba(255,255,255,0.04);border: 1px solid var(--color-border);border-radius: var(--radius-xl);transition: border-color 0.2s,transform 0.2s}.coming-soon__card:hover{border-color: var(--color-primary);transform: translateY(-2px)}.coming-soon__card-icon{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: var(--color-primary-light);border-radius: var(--radius-lg);color: var(--color-primary);margin-bottom: 0.75rem}.coming-soon__card-title{font-size: 0.9375rem;font-weight: 600;color: var(--color-text);margin-bottom: 0.25rem}.coming-soon__card-desc{font-size: 0.8125rem;line-height: 1.5;color: var(--color-text-muted)} .coming-soon__card--link{display: flex;flex-direction: column;text-decoration: none;color: inherit}.coming-soon__card-cta{margin-top: 0.75rem;font-size: 0.8125rem;font-weight: 600;color: var(--color-primary)}.coming-soon__title--sm{font-size: 1.5rem}.coming-soon--upcoming{padding-top: 0}.coming-soon--upcoming .coming-soon__desc{margin-bottom: 0}.coming-soon__cta{margin-top: 1rem}.coming-soon__cta-text{color: var(--color-text-muted);margin-bottom: 1rem;font-size: 0.9375rem}.coming-soon__btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.875rem 2.5rem;font-size: 1rem;font-weight: 600;color: #fff;background: var(--color-primary);border: none;border-radius: 9999px;text-decoration: none;transition: background 0.2s,transform 0.2s}.coming-soon__btn:hover{background: var(--color-primary-hover);color: #fff;text-decoration: none;transform: translateY(-1px)} .coming-soon__bg{position: absolute;inset: 0;z-index: 0;pointer-events: none;overflow: hidden}.coming-soon__glow{position: absolute;border-radius: 50%;filter: blur(120px);opacity: 0.15}.coming-soon__glow--1{width: 500px;height: 500px;background: var(--color-primary);top: -100px;right: -100px}.coming-soon__glow--2{width: 400px;height: 400px;background: #8b5cf6;bottom: -80px;left: -80px}@media (max-width: 640px){.coming-soon{padding: 6rem 0 3rem}.coming-soon__features{grid-template-columns: 1fr 1fr}}@media (max-width: 400px){.coming-soon__features{grid-template-columns: 1fr}} .hero__title-sub{display: block;font-size: inherit;font-weight: inherit;color: inherit} .converter__unit-toggle{position: absolute;top: 1.5rem;right: 1.5rem;z-index: 5}.converter{position: relative}.results-toggle--compact{transform: scale(0.85);transform-origin: top right}@media (min-width: 1024px){.converter__unit-toggle{top: 1.25rem;right: 1.25rem}.results-toggle--compact{transform: scale(0.9)}} .stk-update-bar{position: fixed;bottom: 1.25rem;left: 50%;transform: translateX(-50%);z-index: 10001;display: flex;align-items: center;gap: 0.85rem;background: #1a1712;color: #ffffff;padding: 0.6rem 0.7rem 0.6rem 1.15rem;border-radius: 999px;box-shadow: 0 8px 28px rgba(0,0,0,0.4);font-size: 0.875rem;font-weight: 500;max-width: calc(100vw - 2rem);border: 1px solid rgba(232,101,26,0.4);animation: stk-toast-in 260ms ease-out}.stk-update-bar__btn{flex: none;border: none;cursor: pointer;background: #e8651a;color: #fff;font-weight: 600;font-size: 0.82rem;padding: 0.4rem 0.9rem;border-radius: 999px;transition: background 160ms ease}.stk-update-bar__btn:hover{background: #f0873f}.stk-update-bar__btn:disabled{opacity: 0.6;cursor: default}@keyframes stk-toast-in{from{opacity: 0;transform: translate(-50%,12px)}to{opacity: 1;transform: translate(-50%,0)}}html[data-theme="light"] .stk-update-bar{background: #ffffff;color: #1a1a1a;border-color: rgba(232,101,26,0.35);box-shadow: 0 8px 28px rgba(17,24,39,0.16)} .stk-install{position: fixed;inset: auto 0 0 0;z-index: 10002;display: flex;justify-content: center;padding: 0 1rem 1rem;pointer-events: none}.stk-install__card{pointer-events: auto;position: relative;width: 100%;max-width: 400px;box-sizing: border-box;background: #17140f;color: #f4efe7;border: 1px solid rgba(255,255,255,0.09);border-radius: 20px;padding: 1.35rem 1.4rem 1.15rem;box-shadow: 0 20px 50px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.3);transform: translateY(140%);opacity: 0;transition: transform 360ms cubic-bezier(0.16,1,0.3,1),opacity 300ms ease}.stk-install.is-visible .stk-install__card{transform: translateY(0);opacity: 1}.stk-install__head{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.7rem;padding-right: 1.75rem}.stk-install__badge{flex: none;width: 44px;height: 44px;border-radius: 13px;display: grid;place-items: center;color: #fff;background: linear-gradient(135deg,#e8651a,#f0873f);box-shadow: 0 6px 16px rgba(232,101,26,0.4)} .stk-install__badge--img{background: none;overflow: hidden;box-shadow: 0 6px 16px rgba(0,0,0,0.35);border: 1px solid rgba(255,255,255,0.1)}.stk-install__badge--img img{width: 100%;height: 100%;object-fit: cover;display: block;border-radius: inherit}html[data-theme="light"] .stk-install__badge--img{border-color: rgba(0,0,0,0.1);box-shadow: 0 6px 16px rgba(17,24,39,0.18)}.stk-install__title{margin: 0;font-size: 1.08rem;line-height: 1.25;font-weight: 700;letter-spacing: -0.01em}.stk-install__body{margin: 0 0 0.9rem;font-size: 0.9rem;line-height: 1.5;color: #c3b9ab}.stk-install__benefits{list-style: none;margin: 0 0 1.1rem;padding: 0;display: grid;gap: 0.5rem}.stk-install__benefits li{position: relative;padding-left: 1.7rem;font-size: 0.875rem;line-height: 1.35;color: #e6ddd0}.stk-install__benefits li::before{content: "";position: absolute;left: 0;top: 0.05rem;width: 1.15rem;height: 1.15rem;border-radius: 50%;background-color: rgba(63,157,95,0.18);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%233fb56f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center}.stk-install__steps{margin: 0 0 1.1rem;padding: 0;list-style: none;counter-reset: stk-step;display: grid;gap: 0.6rem}.stk-install__steps li{counter-increment: stk-step;display: flex;align-items: center;gap: 0.6rem;font-size: 0.9rem;color: #e6ddd0}.stk-install__steps li::before{content: counter(stk-step);flex: none;width: 1.5rem;height: 1.5rem;border-radius: 50%;display: grid;place-items: center;font-size: 0.78rem;font-weight: 700;color: #e8651a;background: rgba(232,101,26,0.14)}.stk-install__inline-icon{flex: none;color: #e8651a;vertical-align: middle}.stk-install__actions{display: flex;gap: 0.6rem}.stk-install__btn{flex: 1;border: 1px solid transparent;cursor: pointer;font-size: 0.9rem;font-weight: 600;padding: 0.7rem 1rem;border-radius: 12px;transition: background 160ms ease,border-color 160ms ease,transform 120ms ease}.stk-install__btn--primary{background: #e8651a;color: #fff}.stk-install__btn--primary:hover{background: #f0873f}.stk-install__btn--primary:active{transform: translateY(1px)}.stk-install__btn--ghost{flex: 0 1 auto;background: transparent;color: #c3b9ab;border-color: rgba(255,255,255,0.14)}.stk-install__btn--ghost:hover{color: #f4efe7;border-color: rgba(255,255,255,0.28)}.stk-install__never{display: block;margin: 0.75rem auto 0;background: none;border: none;cursor: pointer;color: #9a8e81;font-size: 0.78rem;text-decoration: underline;text-underline-offset: 2px}.stk-install__never:hover{color: #c3b9ab}.stk-install__close{position: absolute;top: 0.7rem;right: 0.7rem;width: 2rem;height: 2rem;display: grid;place-items: center;border: none;background: transparent;color: #9a8e81;cursor: pointer;border-radius: 8px}.stk-install__close:hover{color: #f4efe7;background: rgba(255,255,255,0.06)}.stk-install__btn:focus-visible,.stk-install__close:focus-visible,.stk-install__never:focus-visible,.stk-update-bar__btn:focus-visible{outline: 2px solid #f0873f;outline-offset: 2px} @media (min-width: 640px){.stk-install{justify-content: flex-end;padding: 0 1.5rem 1.5rem}[dir="rtl"] .stk-install{justify-content: flex-start}} html[data-theme="light"] .stk-install__card{background: #ffffff;color: #1a1a1a;border-color: rgba(0,0,0,0.08);box-shadow: 0 20px 50px rgba(17,24,39,0.18),0 2px 6px rgba(17,24,39,0.08)}html[data-theme="light"] .stk-install__body{color: #5c5348}html[data-theme="light"] .stk-install__benefits li,html[data-theme="light"] .stk-install__steps li{color: #33302b}html[data-theme="light"] .stk-install__btn--ghost{color: #5c5348;border-color: rgba(0,0,0,0.14)}html[data-theme="light"] .stk-install__btn--ghost:hover{color: #1a1a1a;border-color: rgba(0,0,0,0.3)}html[data-theme="light"] .stk-install__close{color: #8a8075}html[data-theme="light"] .stk-install__close:hover{color: #1a1a1a;background: rgba(0,0,0,0.05)}html[data-theme="light"] .stk-install__never{color: #8a8075}@media (prefers-reduced-motion: reduce){.stk-update-bar{animation: none}.stk-install__card{transition: opacity 200ms ease;transform: none}.stk-install.is-visible .stk-install__card{transform: none}} .embed-promo{padding: clamp(3rem,6vw,5rem) 1.25rem;background: radial-gradient(circle at 80% 20%,rgba(232,101,26,0.08) 0%,transparent 50%),radial-gradient(circle at 15% 85%,rgba(96,165,250,0.06) 0%,transparent 55%)}.embed-promo__inner{max-width: 1080px;margin: 0 auto}.embed-promo__card{position: relative;display: grid;grid-template-columns: 1.15fr 1fr;gap: clamp(2rem,5vw,4rem);align-items: center;padding: clamp(2rem,4vw,3rem);background: linear-gradient(135deg,rgba(232,101,26,0.05) 0%,rgba(20,20,20,0.6) 60%);border: 1px solid rgba(255,255,255,0.08);border-radius: 24px;overflow: hidden;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.embed-promo__card::before{content: "</>";position: absolute;top: -40px;right: -20px;font-family: ui-monospace,SFMono-Regular,Menlo,monospace;font-size: clamp(6rem,12vw,10rem);font-weight: 700;color: rgba(232,101,26,0.06);pointer-events: none;letter-spacing: -0.05em;line-height: 1;user-select: none} .embed-promo__header{position: relative;z-index: 1}.embed-promo__eyebrow{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.375rem 0.75rem;background: rgba(232,101,26,0.12);border: 1px solid rgba(232,101,26,0.3);border-radius: 999px;font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--color-primary);margin-bottom: 1.25rem}.embed-promo__eyebrow-dot{width: 6px;height: 6px;border-radius: 50%;background: var(--color-primary);box-shadow: 0 0 8px var(--color-primary);animation: stk-embed-pulse 2s ease-in-out infinite}@keyframes stk-embed-pulse{0%,100%{opacity: 1}50%{opacity: 0.4}}.embed-promo__title{margin: 0 0 0.875rem;font-size: clamp(1.5rem,3.5vw,2.25rem);font-weight: 800;line-height: 1.15;letter-spacing: -0.02em;color: #ffffff}.embed-promo__subtitle{margin: 0 0 1.5rem;font-size: clamp(0.9375rem,1.2vw,1rem);line-height: 1.6;color: rgba(255,255,255,0.7);max-width: 52ch}.embed-promo__features{list-style: none;margin: 0 0 1.75rem;padding: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.625rem 1rem}.embed-promo__feature{display: flex;align-items: center;gap: 0.5rem;font-size: 0.8125rem;color: rgba(255,255,255,0.85);line-height: 1.35}.embed-promo__feature-icon{display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;flex-shrink: 0;border-radius: 50%;background: rgba(232,101,26,0.15);color: var(--color-primary)}.embed-promo__cta{display: inline-flex;align-items: center;gap: 0.625rem;padding: 0.875rem 1.5rem;font-size: 0.9375rem;font-weight: 700;border-radius: 12px;border: none;background: var(--color-primary);color: #fff;cursor: pointer;transition: transform 0.15s ease,background 0.15s ease,box-shadow 0.15s ease;box-shadow: 0 8px 20px rgba(232,101,26,0.25)}.embed-promo__cta:hover{background: var(--color-primary-hover,#cc5514);transform: translateY(-1px);box-shadow: 0 10px 24px rgba(232,101,26,0.35)}.embed-promo__cta:active{transform: translateY(0)}.embed-promo__cta-icon{flex-shrink: 0;color: rgba(255,255,255,0.9)} .embed-promo__preview{position: relative;z-index: 1;border-radius: 14px;overflow: hidden;background: #0d0d0d;border: 1px solid rgba(255,255,255,0.08);box-shadow: 0 20px 50px rgba(0,0,0,0.35)}.embed-promo__preview-browser{display: flex;align-items: center;gap: 6px;padding: 10px 12px;background: #1a1a1a;border-bottom: 1px solid rgba(255,255,255,0.06)}.embed-promo__preview-dot{width: 8px;height: 8px;border-radius: 50%;background: rgba(255,255,255,0.2)}.embed-promo__preview-dot:nth-child(1){background: #ff5f56}.embed-promo__preview-dot:nth-child(2){background: #ffbd2e}.embed-promo__preview-dot:nth-child(3){background: #27c93f}.embed-promo__preview-url{flex: 1;margin-left: 6px;font-family: ui-monospace,SFMono-Regular,monospace;font-size: 0.75rem;color: rgba(255,255,255,0.4);text-align: center}.embed-promo__preview-iframe{padding: 1.5rem 1.25rem;background: #111}.embed-promo__preview-label{font-size: 0.625rem;font-weight: 700;letter-spacing: 0.12em;color: rgba(255,255,255,0.4);margin-bottom: 0.375rem}.embed-promo__preview-value{font-size: 2rem;font-weight: 800;color: #fff;line-height: 1;margin-bottom: 0.75rem}.embed-promo__preview-track{height: 4px;background: rgba(255,255,255,0.08);border-radius: 999px;margin-bottom: 1.25rem;position: relative;overflow: hidden}.embed-promo__preview-fill{height: 100%;width: 45%;background: linear-gradient(90deg,rgba(232,101,26,0.7),var(--color-primary));border-radius: 999px;box-shadow: 0 0 8px rgba(232,101,26,0.5);animation: stk-embed-fill 3s ease-in-out infinite}@keyframes stk-embed-fill{0%,100%{width: 25%}50%{width: 70%}}.embed-promo__preview-divider{text-align: center;font-size: 1rem;color: rgba(255,255,255,0.25);margin-bottom: 0.75rem}.embed-promo__preview-result{font-size: 2.25rem;font-weight: 800;color: var(--color-primary);line-height: 1;margin-bottom: 1rem}.embed-promo__preview-result span{font-size: 0.875rem;font-weight: 500;color: rgba(255,255,255,0.45);margin-left: 0.25rem}.embed-promo__preview-footer{padding-top: 0.75rem;border-top: 1px solid rgba(255,255,255,0.06);font-size: 0.6875rem;color: rgba(255,255,255,0.4);text-align: center}.embed-promo__preview-footer strong{color: var(--color-primary);font-weight: 600} @media (max-width: 780px){.embed-promo__card{grid-template-columns: 1fr;gap: 2rem}.embed-promo__features{grid-template-columns: 1fr}.embed-promo__preview{order: -1}}@media (prefers-reduced-motion: reduce){.embed-promo__eyebrow-dot,.embed-promo__preview-fill{animation: none}.embed-promo__cta{transition: none}} html[data-theme="light"] .embed-promo__card{background: radial-gradient(120% 130% at 100% 0%,var(--color-primary-light) 0%,transparent 55%),var(--color-bg-card);border-color: var(--color-border);box-shadow: var(--shadow-card);color: var(--color-text)}html[data-theme="light"] .embed-promo__card::before{color: rgba(232,101,26,0.08)}html[data-theme="light"] .embed-promo__title{color: var(--color-text)}html[data-theme="light"] .embed-promo__subtitle{color: var(--color-text-secondary)}html[data-theme="light"] .embed-promo__feature{color: var(--color-text-secondary)} html[data-theme="light"] .embed-promo__preview{background: var(--color-bg);border-color: var(--color-border);box-shadow: var(--shadow-md)}html[data-theme="light"] .embed-promo__preview-browser{background: var(--color-bg-alt);border-bottom-color: var(--color-border)}html[data-theme="light"] .embed-promo__preview-url{color: var(--color-text-muted)}html[data-theme="light"] .embed-promo__preview-iframe{background: var(--color-bg-card)}html[data-theme="light"] .embed-promo__preview-label{color: var(--color-text-muted)}html[data-theme="light"] .embed-promo__preview-value{color: var(--color-text)}html[data-theme="light"] .embed-promo__preview-track{background: var(--color-border)}html[data-theme="light"] .embed-promo__preview-divider{color: var(--color-text-muted)}html[data-theme="light"] .embed-promo__preview-footer{border-top-color: var(--color-border);color: var(--color-text-muted)} body.stk-embed-open{overflow: hidden !important}.embed-modal{position: fixed;inset: 0;z-index: 2200;display: flex;align-items: center;justify-content: center;padding: 1rem}.embed-modal[hidden]{display: none}.embed-modal__backdrop{position: absolute;inset: 0;background: rgba(5,5,5,0.7);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);animation: stk-embed-fade-in 0.2s ease-out}@keyframes stk-embed-fade-in{from{opacity: 0}to{opacity: 1}}@keyframes stk-embed-slide-up{from{opacity: 0;transform: translateY(20px) scale(0.98)}to{opacity: 1;transform: translateY(0) scale(1)}}.embed-modal__dialog{position: relative;width: 100%;max-width: min(1160px,95vw);max-height: calc(100vh - 2rem);background: #141414;border: 1px solid rgba(255,255,255,0.08);border-radius: 18px;box-shadow: 0 30px 80px rgba(0,0,0,0.6);display: flex;flex-direction: column;overflow: hidden;animation: stk-embed-slide-up 0.25s cubic-bezier(0.16,1,0.3,1)}.embed-modal__header{display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;padding: 1.5rem 1.5rem 1rem;border-bottom: 1px solid rgba(255,255,255,0.06);flex-shrink: 0}.embed-modal__title{margin: 0 0 0.375rem;font-size: 1.125rem;font-weight: 700;color: #fff}.embed-modal__subtitle{margin: 0;font-size: 0.8125rem;color: rgba(255,255,255,0.6);line-height: 1.45}.embed-modal__close{flex-shrink: 0;width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;background: transparent;color: rgba(255,255,255,0.6);border: none;border-radius: 8px;cursor: pointer;transition: background 0.15s ease,color 0.15s ease}.embed-modal__close:hover{background: rgba(255,255,255,0.06);color: #fff}.embed-modal__close > *{pointer-events: none}.embed-modal__body{padding: 1.25rem 1.5rem 1.5rem;overflow-y: auto} .embed-modal__layout{display: grid;gap: 1.25rem}.embed-modal__customize,.embed-modal__copy{display: flex;flex-direction: column;gap: 1.25rem;min-width: 0}.embed-modal__previewcol{display: flex;flex-direction: column;gap: 0.5rem;min-width: 0}@media (min-width: 880px){.embed-modal__layout{grid-template-columns: minmax(0,1fr) minmax(0,1fr);grid-template-areas: "customize preview" "copy      preview";gap: 1.25rem 1.75rem;align-items: start}.embed-modal__customize{grid-area: customize}.embed-modal__copy{grid-area: copy}.embed-modal__previewcol{grid-area: preview;position: sticky;top: 0;align-self: start}} .embed-options{display: grid;grid-template-columns: auto 1fr;gap: 0.5rem 1rem;align-items: center}.embed-option{display: contents}.embed-option__label{font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,0.5)}.embed-option__pills{display: flex;flex-wrap: wrap;gap: 0.375rem}.embed-option__pill{padding: 0.4375rem 0.875rem;font-size: 0.8125rem;font-weight: 600;color: rgba(255,255,255,0.75);background: #1d1d1d;border: 1px solid rgba(255,255,255,0.08);border-radius: 999px;cursor: pointer;transition: all 0.15s ease;white-space: nowrap}.embed-option__pill:hover{background: rgba(255,255,255,0.06);color: #fff}.embed-option__pill--active{background: var(--color-primary);border-color: var(--color-primary);color: #fff} .embed-preview{display: flex;flex-direction: column;gap: 0.5rem}.embed-preview__label{font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,0.5)}.embed-preview__frame-wrap{background: #0a0a0a;border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 0.75rem;display: flex;justify-content: center;overflow: auto;max-height: 64vh}.embed-preview__frame-wrap iframe{border-radius: 8px;display: block;background: transparent} .embed-code{display: flex;flex-direction: column;border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;overflow: hidden;background: #0d0d0d}.embed-code__header{display: flex;align-items: center;justify-content: space-between;padding: 0.625rem 0.875rem;background: #161616;border-bottom: 1px solid rgba(255,255,255,0.06)}.embed-code__label{font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,0.5)}.embed-code__copy{display: inline-flex;align-items: center;gap: 0.375rem;padding: 0.375rem 0.75rem;font-size: 0.75rem;font-weight: 600;color: rgba(255,255,255,0.85);background: rgba(232,101,26,0.12);border: 1px solid rgba(232,101,26,0.3);border-radius: 6px;cursor: pointer;transition: all 0.15s ease}.embed-code__copy:hover{background: rgba(232,101,26,0.2);border-color: var(--color-primary);color: #fff}.embed-code__copy--success{background: rgba(34,197,94,0.2);border-color: rgba(34,197,94,0.5);color: #4ade80}.embed-code__block{margin: 0;padding: 1rem;font-family: ui-monospace,SFMono-Regular,Menlo,monospace;font-size: 0.75rem;line-height: 1.55;color: rgba(255,255,255,0.85);background: #0d0d0d;overflow-x: auto;white-space: pre}.embed-code__block code{display: block;font-family: inherit} .embed-modal__footnote{display: flex;align-items: flex-start;gap: 0.5rem;margin: 0;font-size: 0.75rem;color: rgba(255,255,255,0.45);line-height: 1.5}.embed-modal__footnote svg{color: var(--color-primary);opacity: 0.8;margin-top: 0.15rem} .embed-step{display: flex;align-items: center;gap: 0.5rem;margin-bottom: -0.5rem}.embed-step__badge{display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;flex-shrink: 0;border-radius: 50%;background: var(--color-primary);color: #fff;font-size: 0.75rem;font-weight: 800}.embed-step__label{font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: rgba(255,255,255,0.8)} .embed-compat{display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem 0.625rem}.embed-compat__label{font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,0.4)}.embed-compat__chips{display: flex;flex-wrap: wrap;gap: 0.375rem}.embed-compat__chip{padding: 0.25rem 0.625rem;font-size: 0.75rem;font-weight: 600;color: rgba(255,255,255,0.75);background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 999px} .embed-install{border: 1px solid rgba(255,255,255,0.08);border-radius: 10px;background: rgba(255,255,255,0.02)}.embed-install__summary{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 0.875rem;font-size: 0.8125rem;font-weight: 600;color: rgba(255,255,255,0.8);cursor: pointer;list-style: none}.embed-install__summary::-webkit-details-marker{display: none}.embed-install__summary svg{color: var(--color-primary);flex-shrink: 0}.embed-install[open] .embed-install__summary{border-bottom: 1px solid rgba(255,255,255,0.06)}.embed-install__list{margin: 0;padding: 0.75rem 0.875rem 0.875rem 1.75rem;display: grid;gap: 0.4375rem;font-size: 0.8125rem;line-height: 1.45;color: rgba(255,255,255,0.6)} html[data-theme="light"] .embed-modal__dialog{background: var(--color-bg-card);border-color: var(--color-border);box-shadow: 0 30px 80px rgba(17,24,39,0.25)}html[data-theme="light"] .embed-modal__header{border-bottom-color: var(--color-border)}html[data-theme="light"] .embed-modal__title{color: var(--color-text)}html[data-theme="light"] .embed-modal__subtitle{color: var(--color-text-secondary)}html[data-theme="light"] .embed-modal__close{color: var(--color-text-muted)}html[data-theme="light"] .embed-modal__close:hover{background: var(--color-bg);color: var(--color-text)}html[data-theme="light"] .embed-step__label{color: var(--color-text-secondary)}html[data-theme="light"] .embed-option__label,html[data-theme="light"] .embed-preview__label,html[data-theme="light"] .embed-compat__label{color: var(--color-text-muted)}html[data-theme="light"] .embed-option__pill{background: var(--color-bg);border-color: var(--color-border);color: var(--color-text-secondary)}html[data-theme="light"] .embed-option__pill:hover{background: var(--color-bg-alt);color: var(--color-text)}html[data-theme="light"] .embed-option__pill--active{background: var(--color-primary);border-color: var(--color-primary);color: #fff}html[data-theme="light"] .embed-preview__frame-wrap{background: var(--color-bg);border-color: var(--color-border)}html[data-theme="light"] .embed-compat__chip{background: var(--color-bg);border-color: var(--color-border);color: var(--color-text-secondary)}html[data-theme="light"] .embed-install{background: var(--color-bg);border-color: var(--color-border)}html[data-theme="light"] .embed-install__summary{color: var(--color-text-secondary)}html[data-theme="light"] .embed-install[open] .embed-install__summary{border-bottom-color: var(--color-border)}html[data-theme="light"] .embed-install__list{color: var(--color-text-secondary)}html[data-theme="light"] .embed-modal__footnote{color: var(--color-text-secondary)}html[data-theme="light"] .embed-code{border-color: var(--color-border)} @media (max-width: 560px){.embed-modal__dialog{max-height: calc(100vh - 1rem);border-radius: 14px}.embed-modal__header{padding: 1rem 1.125rem 0.75rem}.embed-modal__body{padding: 1rem 1.125rem 1.125rem}.embed-modal__layout{gap: 1rem}.embed-options{grid-template-columns: 1fr;gap: 0.25rem}.embed-option{display: flex;flex-direction: column;gap: 0.375rem}.embed-preview__frame-wrap{padding: 0.5rem;max-height: 56vh}.embed-code__block{font-size: 0.6875rem;padding: 0.75rem}} @media (max-width: 767px){.embed-promo,.hero__embed-teaser{display: none !important}}@media (prefers-reduced-motion: reduce){.embed-modal__backdrop,.embed-modal__dialog{animation: none}} .hero__embed-teaser{display: flex;align-items: center;gap: 0.375rem;width: fit-content;padding: 0.3125rem 0.75rem;margin: 0 auto 0.625rem;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.02em;color: rgba(255,255,255,0.8);background: rgba(232,101,26,0.1);border: 1px solid rgba(232,101,26,0.28);border-radius: 999px;text-decoration: none;transition: background 0.2s ease,border-color 0.2s ease,color 0.2s ease,transform 0.2s ease;cursor: pointer;white-space: nowrap}.hero__embed-teaser:hover{background: rgba(232,101,26,0.2);border-color: var(--color-primary);color: #fff;transform: translateY(-1px)}.hero__embed-teaser-icon{display: inline-flex;color: var(--color-primary);flex-shrink: 0}.hero__embed-teaser-arrow{display: inline-flex;color: var(--color-primary);opacity: 0.7;transition: transform 0.2s ease,opacity 0.2s ease;flex-shrink: 0}.hero__embed-teaser:hover .hero__embed-teaser-arrow{transform: translateY(2px);opacity: 1}@media (prefers-reduced-motion: reduce){.hero__embed-teaser,.hero__embed-teaser-arrow{transition: none}} html{scroll-behavior: smooth} @media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}} :target,[id]{scroll-margin-top: 80px} .settings-field--locked .settings-field__label{display: flex;align-items: center;justify-content: space-between;gap: 8px}.settings-locked-pill{display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;font-size: 0.68rem;letter-spacing: 0.04em;text-transform: uppercase;border-radius: 999px;background: rgba(232,101,26,0.14);color: rgba(255,171,122,0.95);border: 1px solid rgba(232,101,26,0.32)}.pill[disabled],.pill[aria-disabled="true"]{opacity: 0.35;cursor: not-allowed;pointer-events: none;position: relative}.pill--active[disabled],.pill--active[aria-disabled="true"]{opacity: 1;cursor: default;pointer-events: none}.converter__stride-bar--minimal{justify-content: flex-end;min-height: 44px}.converter__stride-bar--minimal .converter__stride-info{display: none} .converter__section--output[data-output-type="steps"] .converter__result-value,.converter__section--output[data-output-type="speed"] .converter__result-value,.converter__section--output[data-output-type="calories"] .converter__result-value,.converter__section--output[data-output-type="daily-summary"] .converter__result-value{color: #fff}.converter__section--output[data-output-type="calories"] .converter__result-km,.converter__section--output[data-output-type="speed"] .converter__result-km,.converter__section--output[data-output-type="steps"] .converter__result-km,.converter__section--output[data-output-type="daily-summary"] .converter__result-km{color: rgba(255,171,122,0.85)} .converter-controls:has(.converter__stride-bar--minimal) .converter__treadmill-hint{margin-top: 12px} .pill--gender{display: inline-flex;align-items: center;gap: 6px}.pill__icon{display: inline-flex;align-items: center;flex-shrink: 0;opacity: 0.7;transition: opacity 0.2s}.pill--active .pill__icon{opacity: 1}.pill__label{line-height: 1} .results-methodology{max-width: 60ch;margin: 1.5rem auto 0;border: 1px solid var(--color-border);border-radius: 0.75rem;background: var(--color-bg-card);overflow: hidden}.results-methodology__summary{display: flex;align-items: flex-start;gap: 0.625rem;padding: 0.7rem 0.9rem;list-style: none;cursor: pointer;color: var(--color-text-muted);transition: background-color 140ms ease}.results-methodology__summary::-webkit-details-marker{display: none}.results-methodology__summary:hover{background: rgba(127,127,127,0.06)}.results-methodology__icon{display: inline-flex;flex-shrink: 0;margin-top: 1px;color: var(--color-primary)}.results-methodology__text{flex: 1;font-size: 0.78rem;line-height: 1.5;text-align: left} .results-methodology:not([open]) .results-methodology__text{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.results-methodology__chevron{display: inline-flex;flex-shrink: 0;margin-top: 1px;opacity: 0.6;transition: transform 160ms ease}.results-methodology[open] .results-methodology__chevron{transform: rotate(180deg)}@media (prefers-reduced-motion: reduce){.results-methodology__chevron,.results-methodology__summary{transition: none}} .internal-links__subtitle{font-size: 0.95rem;margin: 2rem 0 0.9rem;text-align: center;text-transform: uppercase;letter-spacing: 0.06em;font-weight: 700;color: var(--color-text-muted,#666)}.internal-links__more{list-style: none;padding: 0;margin: 0 auto;max-width: 60rem;display: flex;flex-wrap: wrap;gap: 0.5rem 0.7rem;justify-content: center}.internal-links__more li a{display: inline-block;padding: 0.4rem 0.85rem;border: 1px solid rgba(128,128,128,0.3);border-radius: 999px;font-size: 0.85rem;text-decoration: none;transition: border-color 0.15s ease,background-color 0.15s ease}.internal-links__more li a:hover{border-color: var(--color-primary,#e8651a);background: rgba(232,101,26,0.08)} .internal-links__group{margin-top: 1.6rem}.internal-links__group-title{font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.08em;font-weight: 700;text-align: center;margin: 0 0 0.75rem;color: var(--color-text-muted,#666)}.internal-links__counts-block{margin: 1.25rem 0 0.5rem;text-align: center}.internal-links__counts{margin-top: 0.9rem}.internal-links__hublinks{display: flex;flex-wrap: wrap;gap: 0.4rem 0.75rem;justify-content: center;align-items: center;margin: 0.95rem 0 0;font-size: 0.9rem}.internal-links__hublinks a{font-weight: 600;color: var(--color-primary,#e8651a);text-decoration: none}.internal-links__hublinks a:hover,.internal-links__hublinks a:focus-visible{text-decoration: underline}.internal-links__hublinks span{color: var(--color-text-muted,#999)}