*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}:root{--shadow-normal:2px 2px 0px rgba(0, 0, 0, 0.1);--shadow-large:3px 3px 0px rgba(0, 0, 0, 0.03);--color-primary-light:#FBFFE0;--color-primary:#D9FF00;--color-primary-dark:#BBDB00;--color-white:#ffffff;--color-black:#292421;--text-color-primary:var(--color-black);--text-color-secondary:#60554C;--border-color-primary-light:var(--color-primary);--border-color-primary-dark:var(--color-primary-dark);--border-color-neutral:#F4F1E8;--border-color-neutral-dark:#C1BCB0;--border-color-black:var(--color-black);--background-gradient-light:linear-gradient(129.29deg, var(--color-white) 52.89%, var(--color-primary) 384.03%);--background-gradient-dark:linear-gradient(180deg, var(--color-primary) 0%, var(--color-white) 35%);--background-gradient-alternative:linear-gradient(270deg, #D9FF00 50%, #FF3D00 100%);--background-neutral:#F9F7F3;--radius-small:5px;--radius-medium:12px;--radius-large:24px;--radius-max:999px;--font-heading:var(--font-family--font-family-primary);--font-text:inherit;--text-heading-1-font-family:var(--font-heading);--text-heading-1-font-weight:750;--text-heading-1-font-size:62px;--text-heading-1-letter-spacing:0em;--text-heading-1-line-height:100%;--text-heading-1-text-transform:uppercase;--text-heading-2-font-family:var(--font-heading);--text-heading-2-font-weight:750;--text-heading-2-font-size:46px;--text-heading-2-letter-spacing:0em;--text-heading-2-line-height:100%;--text-heading-2-text-transform:uppercase;--text-heading-3-font-family:var(--font-heading);--text-heading-3-font-weight:750;--text-heading-3-font-size:30px;--text-heading-3-letter-spacing:0em;--text-heading-3-line-height:100%;--text-heading-3-text-transform:uppercase;--text-heading-4-font-family:var(--font-heading);--text-heading-4-font-weight:750;--text-heading-4-font-size:22px;--text-heading-4-letter-spacing:0em;--text-heading-4-line-height:100%;--text-heading-4-text-transform:uppercase;--text-heading-5-font-family:var(--font-heading);--text-heading-5-font-weight:750;--text-heading-5-font-size:18px;--text-heading-5-letter-spacing:0em;--text-heading-5-line-height:100%;--text-heading-5-text-transform:uppercase;--text-heading-6-font-family:var(--font-heading);--text-heading-6-font-weight:750;--text-heading-6-font-size:14px;--text-heading-6-letter-spacing:0em;--text-heading-6-line-height:110%;--text-heading-6-text-transform:uppercase;--text-body-font-family:var(--font-text);--text-body-font-weight:400;--text-body-font-size:16px;--text-body-letter-spacing:-0.01em;--text-body-line-height:1.3;--text-body-text-transform:none;--text-body-bold-font-family:var(--font-text);--text-body-bold-font-weight:700;--text-body-bold-font-size:16px;--text-body-bold-letter-spacing:-0.02em;--text-body-bold-line-height:1.3;--text-body-bold-text-transform:none;--text-small-font-family:var(--font-text);--text-small-font-weight:400;--text-small-font-size:14px;--text-small-letter-spacing:-0.01em;--text-small-line-height:1.3;--text-small-text-transform:none;--text-small-bold-font-family:var(--font-text);--text-small-bold-font-weight:700;--text-small-bold-font-size:14px;--text-small-bold-letter-spacing:-0.02em;--text-small-bold-line-height:1.3;--text-small-bold-text-transform:none;--text-smaller-font-family:var(--font-text);--text-smaller-font-weight:400;--text-smaller-font-size:10px;--text-smaller-letter-spacing:-0.01em;--text-smaller-line-height:1.3;--text-smaller-text-transform:none;--text-smaller-bold-font-family:var(--font-text);--text-smaller-bold-font-weight:700;--text-smaller-bold-font-size:10px;--text-smaller-bold-letter-spacing:0em;--text-smaller-bold-line-height:1.3;--text-smaller-bold-text-transform:none;--text-large-font-family:var(--font-text);--text-large-font-weight:400;--text-large-font-size:20px;--text-large-letter-spacing:-0.01em;--text-large-line-height:1.3;--text-large-text-transform:none}button{border:none;background:0 0;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;outline:0;box-shadow:none;cursor:pointer}.text-heading-1{font-family:var(--text-heading-1-font-family);font-weight:var(--text-heading-1-font-weight);font-size:var(--text-heading-1-font-size);letter-spacing:var(--text-heading-1-letter-spacing);text-transform:var(--text-heading-1-text-transform)}.text-heading-2{font-family:var(--text-heading-2-font-family);font-weight:var(--text-heading-2-font-weight);font-size:var(--text-heading-2-font-size);letter-spacing:var(--text-heading-2-letter-spacing);text-transform:var(--text-heading-2-text-transform)}.text-heading-3{font-family:var(--text-heading-3-font-family);font-weight:var(--text-heading-3-font-weight);font-size:var(--text-heading-3-font-size);letter-spacing:var(--text-heading-3-letter-spacing);text-transform:var(--text-heading-3-text-transform)}.text-heading-4{font-family:var(--text-heading-4-font-family);font-weight:var(--text-heading-4-font-weight);font-size:var(--text-heading-4-font-size);letter-spacing:var(--text-heading-4-letter-spacing);text-transform:var(--text-heading-4-text-transform)}.text-heading-5{font-family:var(--text-heading-5-font-family);font-weight:var(--text-heading-5-font-weight);font-size:var(--text-heading-5-font-size);letter-spacing:var(--text-heading-5-letter-spacing);text-transform:var(--text-heading-5-text-transform)}.text-heading-6{font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);letter-spacing:var(--text-heading-6-letter-spacing);text-transform:var(--text-heading-6-text-transform)}.text-body{font-family:var(--text-body-font-family);font-weight:var(--text-body-font-weight);font-size:var(--text-body-font-size);letter-spacing:var(--text-body-letter-spacing);text-transform:var(--text-body-text-transform)}.text-body-bold{font-family:var(--text-body-bold-font-family);font-weight:var(--text-body-bold-font-weight);font-size:var(--text-body-bold-font-size);letter-spacing:var(--text-body-bold-letter-spacing);text-transform:var(--text-body-bold-text-transform)}.text-small{font-family:var(--text-small-font-family);font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);letter-spacing:var(--text-small-letter-spacing);text-transform:var(--text-small-text-transform)}.text-small-bold{font-family:var(--text-small-bold-font-family);font-weight:var(--text-small-bold-font-weight);font-size:var(--text-small-bold-font-size);letter-spacing:var(--text-small-bold-letter-spacing);text-transform:var(--text-small-bold-text-transform)}.text-smaller{font-family:var(--text-smaller-font-family);font-weight:var(--text-smaller-font-weight);font-size:var(--text-smaller-font-size);letter-spacing:var(--text-smaller-letter-spacing);text-transform:var(--text-smaller-text-transform)}.text-smaller-bold{font-family:var(--text-smaller-bold-font-family);font-weight:var(--text-smaller-bold-font-weight);font-size:var(--text-smaller-bold-font-size);letter-spacing:var(--text-smaller-bold-letter-spacing);text-transform:var(--text-smaller-bold-text-transform)}.text-large{font-family:var(--text-large-font-family);font-weight:var(--text-large-font-weight);font-size:var(--text-large-font-size);letter-spacing:var(--text-large-letter-spacing);text-transform:var(--text-large-text-transform)}.calculator{max-width:706px}.calculator__title{text-align:center;color:#333}.calculator__segmented-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:.5rem;align-items:stretch;gap:1rem;background-color:var(--color-white);border:1px solid var(--border-color-neutral-dark);border-radius:var(--radius-max);box-shadow:var(--shadow-large);margin-bottom:1rem}[data-calculator-split-panel].calculator--split-controls-only .calculator__content{display:none}@media (max-width:768px){.calculator__segmented-options{display:flex;flex-direction:row;gap:.5rem}}.calculator__segmented-button{width:100%;min-width:max-content;position:relative;overflow:hidden;display:inline-flex;column-gap:.5rem;align-items:center;justify-content:center;padding:.5rem 1rem;height:2.5rem;background-color:var(--color-white);border:1px solid transparent;border-radius:var(--radius-max);cursor:pointer;font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);line-height:var(--text-heading-6-line-height);color:var(--text-color-primary);letter-spacing:var(--text-heading-6-letter-spacing);text-transform:var(--text-heading-6-text-transform);white-space:nowrap;transform:translateY(0) scale(1);box-shadow:0 0 0 transparent;transition:transform 260ms cubic-bezier(.22, 1, .36, 1),background-color 240ms,border-color 240ms,box-shadow 260ms,color .2s}@media (max-width:515px){.calculator__segmented-options{gap:.25rem}.calculator__segmented-button{padding:.5rem .25rem;column-gap:.25rem}}.calculator__segmented-button svg{flex:0 0 auto;flex-shrink:0;width:24px;height:24px;min-width:24px;min-height:24px;max-width:none}.calculator__segmented-button--active{background-color:var(--color-primary);border-color:var(--border-color-primary-dark);transform:translateY(-1px) scale(1);box-shadow:var(--shadow-normal);animation:.3s cubic-bezier(.22,1,.36,1) segmented-active-in}.calculator__segmented-button--active::before{opacity:1;transform:scale(1)}.calculator__segmented-button:hover{background-color:var(--color-primary-light);border-color:var(--border-color-primary-light);transform:translateY(-1px)}.calculator__segmented-button--active:hover{background-color:var(--color-primary);border-color:var(--border-color-primary-dark)}@keyframes segmented-active-in{0%{transform:translateY(2px) scale(.98);box-shadow:0 0 0 transparent}100%{transform:translateY(-1px) scale(1);box-shadow:var(--shadow-normal)}}@media (prefers-reduced-motion:reduce){.calculator__segmented-button,.calculator__segmented-button::before{transition:none;animation:none}}.calculator__content{background-color:var(--color-white);border:1px solid var(--border-color-neutral-dark);border-radius:var(--radius-large);box-shadow:var(--shadow-large)}.calculator__input-wrapper{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.calculator__section-header{font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);line-height:var(--text-heading-6-line-height);letter-spacing:var(--text-heading-6-letter-spacing);text-transform:var(--text-heading-6-text-transform);color:var(--text-color-primary);display:flex;align-items:center;gap:.5rem}.calculator__section-header svg{flex:0 0 auto;flex-shrink:0;width:16px;height:16px;min-width:16px;min-height:16px;max-width:none}.calculator__distance{display:flex;flex-direction:column;gap:1rem;background:var(--background-gradient-light);border:1px solid var(--border-color-neutral);border-radius:var(--radius-medium);padding:1rem .75rem}.calculator__chips{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.calculator__chip{display:inline-flex;height:2rem;box-sizing:border-box;align-items:center;gap:.5rem;background:var(--background-gradient-light);border:1px solid var(--border-color-neutral);border-radius:var(--radius-max);cursor:pointer;transform:translateY(0) scale(1);transition:transform 260ms cubic-bezier(.22, 1, .36, 1),background-color 240ms,border-color 240ms,color .2s,box-shadow 260ms;box-shadow:var(--shadow-normal);font-family:var(--text-small-font-family);font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing);text-transform:var(--text-small-text-transform);color:var(--text-color-primary)}.calculator__chip:hover{background:var(--color-primary-light);border-color:var(--border-color-primary-light);transform:translateY(-1px)}.calculator__chip-value{font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);line-height:var(--text-heading-6-line-height);letter-spacing:var(--text-heading-6-letter-spacing);text-transform:var(--text-heading-6-text-transform);display:inline-flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;background-color:var(--color-primary);border-radius:var(--radius-max);border:1px solid var(--border-color-neutral);box-sizing:border-box;transition:background-color 220ms,border-color 220ms,color 180ms}.calculator__chip-label{padding-right:.75rem}@media (max-width:515px){.calculator__chip-label{display:none}}.calculator__chip--active{background:var(--color-black);color:var(--color-primary);border:1px solid var(--border-color-black);transform:translateY(-1px) scale(1);animation:280ms cubic-bezier(.22,1,.36,1) chip-active-in}.calculator__chip--active:hover{background:var(--color-black);border-color:var(--border-color-black)}.calculator__chip--active .calculator__chip-value{background:var(--color-primary);color:var(--text-color-primary);border:1px solid var(--color-black)}@keyframes chip-active-in{0%{transform:translateY(2px) scale(.98);box-shadow:0 0 0 transparent}100%{transform:translateY(-1px) scale(1);box-shadow:var(--shadow-normal)}}@media (prefers-reduced-motion:reduce){.calculator__chip,.calculator__chip-value{transition:none;animation:none}}.calculator__checkbox-cards{margin-top:.5rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}@media (max-width:768px){.calculator__chips{gap:.5rem}.calculator__checkbox-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:515px){.calculator__checkbox-cards{grid-template-columns:1fr}}.calculator__checkbox-card{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:.75rem 3rem .75rem 1rem;gap:.25rem;border:1px solid var(--border-color-neutral);border-radius:var(--radius-medium);background:var(--background-gradient-light);cursor:pointer;transform:translateY(0) scale(1);box-shadow:0 0 0 transparent;transition:transform 260ms cubic-bezier(.22, 1, .36, 1),background-color 240ms,border-color 240ms,box-shadow 260ms}.calculator__checkbox-card::after{content:'';position:absolute;right:1rem;top:50%;transform:translateY(-50%) scale(.84);width:16px;height:16px;background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA1QzAgMi4yMzg1OCAyLjIzODU4IDAgNSAwSDExQzEzLjc2MTQgMCAxNiAyLjIzODU4IDE2IDVWMTFDMTYgMTMuNzYxNCAxMy43NjE0IDE2IDExIDE2SDVDMi4yMzg1OCAxNiAwIDEzLjc2MTQgMCAxMVY1WiIgZmlsbD0iI0Q5RkYwMCIvPjxwYXRoIGQ9Ik0xMS4xNzcgNi40MjcwMUw3LjE3NzAxIDEwLjQyN0M3LjE1MzggMTAuNDUwMyA3LjEyNjIyIDEwLjQ2ODcgNy4wOTU4NyAxMC40ODEzQzcuMDY1NTIgMTAuNDkzOSA3LjAzMjk5IDEwLjUwMDMgNy4wMDAxNCAxMC41MDAzQzYuOTY3MjkgMTAuNTAwMyA2LjkzNDc1IDEwLjQ5MzkgNi45MDQ0IDEwLjQ4MTNDNi44NzQwNSAxMC40Njg3IDYuODQ2NDggMTAuNDUwMyA2LjgyMzI2IDEwLjQyN0w1LjA3MzI2IDguNjc3MDFDNS4wMjYzNSA4LjYzMDEgNSA4LjU2NjQ4IDUgOC41MDAxNEM1IDguNDMzOCA1LjAyNjM1IDguMzcwMTcgNS4wNzMyNiA4LjMyMzI2QzUuMTIwMTcgOC4yNzYzNSA1LjE4MzggOC4yNSA1LjI1MDE0IDguMjVDNS4zMTY0OCA4LjI1IDUuMzgwMSA4LjI3NjM1IDUuNDI3MDEgOC4zMjMyNkw3LjAwMDE0IDkuODk2N0wxMC44MjMzIDYuMDczMjZDMTAuODcwMiA2LjAyNjM1IDEwLjkzMzggNiAxMS4wMDAxIDZDMTEuMDY2NSA2IDExLjEzMDEgNi4wMjYzNSAxMS4xNzcgNi4wNzMyNkMxMS4yMjM5IDYuMTIwMTcgMTEuMjUwMyA2LjE4MzggMTEuMjUwMyA2LjI1MDE0QzExLjI1MDMgNi4zMTY0OCAxMS4yMjM5IDYuMzgwMSAxMS4xNzcgNi40MjcwMVoiIGZpbGw9IiMyOTI0MjEiLz48L3N2Zz4=');background-size:contain;background-repeat:no-repeat;box-shadow:var(--shadow-normal);border-radius:var(--radius-small);opacity:0;transition:opacity 180ms,transform 220ms cubic-bezier(.22, 1, .36, 1);pointer-events:none}.calculator__checkbox-card:hover{background:var(--color-primary-light);border-color:var(--border-color-primary-light);transform:translateY(-1px)}.calculator__checkbox-card-value{font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);line-height:var(--text-heading-6-line-height);text-transform:var(--text-heading-6-text-transform);letter-spacing:var(--text-heading-6-letter-spacing);color:var(--text-color-primary)}.calculator__checkbox-card-label{font-family:var(--text-smaller-font-family);font-weight:var(--text-smaller-font-weight);font-size:var(--text-smaller-font-size);line-height:var(--text-smaller-line-height);text-transform:var(--text-smaller-text-transform);letter-spacing:var(--text-smaller-letter-spacing)}.calculator__checkbox-card--active{border:1px solid var(--border-color-primary-dark);background:var(--color-primary-light);box-shadow:var(--shadow-large);transform:translateY(-1px) scale(1);animation:.3s cubic-bezier(.22,1,.36,1) strategy-active-in}.calculator__checkbox-card--active::after{opacity:1;transform:translateY(-50%) scale(1)}@keyframes strategy-active-in{0%{transform:translateY(2px) scale(.98);box-shadow:0 0 0 transparent}100%{transform:translateY(-1px) scale(1);box-shadow:var(--shadow-normal)}}@media (prefers-reduced-motion:reduce){.calculator__checkbox-card,.calculator__checkbox-card::after{transition:none;animation:none}}.calculator__input-section-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:stretch;gap:.5rem}.calculator__input-section{display:flex;flex-direction:column;align-self:stretch;flex:1 1 0;min-width:0;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color-neutral);border-radius:var(--radius-medium);background:var(--background-gradient-light);transform:translateY(0);transition:border-color 220ms,box-shadow 260ms,transform 220ms,background-color 220ms}@media (max-width:515px){.calculator__input-section{padding:.75rem}}.calculator__strategy-section{display:flex;flex-direction:column;align-self:stretch;flex-grow:1;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color-neutral);border-radius:var(--radius-medium);background:var(--background-white);transform:translateY(0);transition:border-color 220ms,box-shadow 260ms,transform 220ms,background-color 220ms}@media (max-width:515px){.calculator__strategy-section{padding:.75rem}}.calculator__input-section--active{border-color:var(--border-color-primary-light);box-shadow:var(--shadow-normal);transform:translateY(-1px);background:var(--color-primary-light)}.calculator__input-section--active .calculator__section-header{color:var(--text-color-primary)}.calculator__input-section-cols .calculator__input-section:not(.calculator__input-section--active) .calculator__section-header::after{content:'Auto';display:inline-flex;justify-content:center;align-items:center;padding:.25rem;height:1rem;border-radius:var(--radius-max);border:1px solid var(--border-color-neutral);background:var(--color-white);font-family:var(--text-smaller-font-family);font-size:var(--text-smaller-font-size);font-weight:var(--text-smaller-font-weight);text-transform:var(--text-small-text-transform);letter-spacing:var(--text-smaller-letter-spacing);line-height:var(--text-smaller-line-height);box-shadow:var(--shadow-normal)}.calculator__input-group{display:flex;flex-direction:row;align-items:center;width:100%;min-width:0;gap:.5rem}.calculator__input-box{display:inline-flex;flex-direction:row;align-items:center;align-self:stretch;flex:1 1 auto;width:100%;min-width:0;padding:.5rem 1rem;height:2.5rem;gap:.25rem;background:var(--color-white);border:1px solid var(--border-color-neutral);box-shadow:inset 0 3px 1px rgba(0,0,0,.02);border-radius:var(--radius-small);transition:border-color 220ms,box-shadow 220ms}.calculator__input-box--active{border-color:var(--border-color-primary-dark);box-shadow:0 0 0 3px rgba(217,255,0,.15),inset 0 3px 1px rgba(0,0,0,.02)}#custom-distance-group,#perf-custom-distance-group,#splits-custom-distance-group{margin-top:.5rem;display:flex;flex-direction:row;gap:1rem;background:var(--color-white);border:1px solid var(--border-color-neutral)}@media (max-width:515px){.calculator__input-box{padding:.5rem}#custom-distance-group,#perf-custom-distance-group,#splits-custom-distance-group{flex-direction:column;gap:.5rem}}.custom-distance-input{display:inline-flex;align-items:center;gap:4px;width:8rem}.pace-input,.time-input{min-width:0}.custom-distance-input #custom-distance,.custom-distance-input #splits-custom-distance{appearance:textfield;-moz-appearance:textfield}.custom-distance-input #custom-distance::-webkit-inner-spin-button,.custom-distance-input #custom-distance::-webkit-outer-spin-button,.custom-distance-input #perf-custom-distance::-webkit-inner-spin-button,.custom-distance-input #perf-custom-distance::-webkit-outer-spin-button,.custom-distance-input #splits-custom-distance::-webkit-inner-spin-button,.custom-distance-input #splits-custom-distance::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calculator__input{width:auto;max-width:100%;flex:0 0 auto;field-sizing:content;appearance:textfield;-webkit-appearance:none;-moz-appearance:textfield;padding:0 .125rem;border:1px solid transparent;border-radius:var(--radius-small);background:linear-gradient(360deg,#fbffe0 0,#d9ff00 100%);box-shadow:inset 0 3px 1px rgba(0,0,0,.02);outline:0;box-shadow:none;caret-color:var(--text-color-primary);transition:border-color 180ms,box-shadow 180ms,background-color 180ms;font-size:var(--text-large-font-size);letter-spacing:var(--text-large-letter-spacing);line-height:var(--text-large-line-height);text-transform:var(--text-large-text-transform)}@media (max-width:515px){.calculator__input{font-size:var(--text-mmedium-font-size);letter-spacing:var(--text-medium-letter-spacing);line-height:var(--text-medium-line-height);text-transform:var(--text-medium-text-transform)}}.calculator__input-unit{font-size:var(--text-smaller-font-size);letter-spacing:var(--text-smaller-letter-spacing);line-height:var(--text-smaller-line-height);text-transform:var(--text-smaller-text-transform);color:var(--text-color-secondary);margin:0 .25rem}.calculator__input:focus,.calculator__input:focus-visible{border-color:var(--border-color-primary-dark);box-shadow:0 0 0 2px rgba(217,255,0,.15)}.calculator__input-box:focus-within{border-color:var(--border-color-primary-dark);box-shadow:0 0 0 2px rgba(217,255,0,.15),inset 0 3px 1px rgba(0,0,0,.02)}.calculator__info{font-size:var(--text-smaller-font-size);line-height:var(--text-smaller-line-height);letter-spacing:var(--text-smaller-letter-spacing);text-transform:var(--text-smaller-text-transform);color:var(--text-color-secondary);text-align:right}.calculator__input-buttons{display:flex;flex:0 0 auto;gap:.25rem}.calculator__input-button{box-sizing:border-box;display:inline-block;flex-direction:row;justify-content:center;align-items:center;width:2.5rem;height:2rem;background:var(--color-white)!important;border:1px solid var(--border-color-neutral)!important;box-shadow:var(--shadow-normal);border-radius:var(--radius-small);transition:background-color 220ms,border-color 220ms;font-size:var(--text-small-font-size);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing);text-transform:var(--text-small-text-transform);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.calculator__input-button:hover{background:var(--color-primary)!important;border-color:var(--border-color-primary-dark)!important}.calculator__input-button--active{background:var(--color-primary)!important;border-color:var(--border-color-primary-dark)!important;box-shadow:4px 4px 0 rgba(217,255,0,.3),2px 2px 0 rgba(0,0,0,.1)}.calculator__input-button--active:hover{color:var(--color-primary)!important;background:var(--color-black)!important}.pace-input input{text-align:center;appearance:textfield;-moz-appearance:textfield}.pace-input input::-webkit-inner-spin-button,.pace-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input input{appearance:textfield;-moz-appearance:textfield}.time-input input::-webkit-inner-spin-button,.time-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-display{display:inline-flex;align-items:center;gap:2px}.time-display input{text-align:center;appearance:textfield;-moz-appearance:textfield}.time-display input::-webkit-inner-spin-button,.time-display input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-display input.time-h{width:2rem}.time-display input.time-m,.time-display input.time-s{width:2.5rem}.calculator__results{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:var(--background-gradient-dark);border-radius:var(--radius-large)}.calculator__results-title{color:#333}.calculator__result{color:#555}.calculator__section{display:none}.calculator__section--active{display:block}.results-summary{display:flex}@media (max-width:515px){.results-summary{flex-direction:column;align-items:stretch}}.results-col{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1rem 2rem;border-right:1px solid var(--border-color-primary-dark)}.results-col:last-child{border-right:none}.results-col-value{font-family:var(--text-heading-2-font-family);font-weight:var(--text-heading-2-font-weight);font-size:var(--text-heading-2-font-size);letter-spacing:var(--text-heading-2-letter-spacing);line-height:var(--text-heading-2-line-height);text-transform:var(--text-heading-2-text-transform);color:var(--text-color-primary)}@media (max-width:768px){.results-col{padding:1rem}.results-col-value{font-family:var(--text-heading-3-font-family);font-weight:var(--text-heading-3-font-weight);font-size:var(--text-heading-3-font-size);letter-spacing:var(--text-heading-3-letter-spacing);line-height:var(--text-heading-3-line-height);text-transform:var(--text-heading-3-text-transform)}}.results-col-value--small{font-family:var(--text-heading-3-font-family);font-weight:var(--text-heading-3-font-weight);font-size:var(--text-heading-3-font-size);letter-spacing:var(--text-heading-3-letter-spacing);line-height:var(--text-heading-3-line-height);text-transform:var(--text-heading-3-text-transform);color:var(--text-color-primary)}.results-comparison{position:relative;overflow:hidden;border-radius:var(--radius-large);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.results-comparison__header{display:flex;align-items:center;gap:1rem;flex:1 1 auto;min-width:0}@media (max-width:515px){.results-col{border-right:none;border-bottom:1px solid var(--border-color-primary-dark)}.results-col:last-child{border-bottom:none}.results-comparison__header{flex-direction:column;align-items:stretch}}.results-comparison__bars{display:flex;align-items:flex-end;gap:.125rem;flex:0 0 auto}.results-comparison__bar{width:.5rem;border-radius:var(--radius-small);background:linear-gradient(360deg,#d9ff00 0,#fbffe0 100%);transition:background-color 180ms,opacity 180ms,transform 180ms,box-shadow 180ms}.results-comparison__bar:first-child{height:.5rem}.results-comparison__bar:nth-child(2){height:.75rem}.results-comparison__bar:nth-child(3){height:1rem}.results-comparison__bar:nth-child(4){height:1.25rem}.results-comparison__bar:nth-child(5){height:1.5rem}.results-comparison__bar:nth-child(6){height:1.75rem}.results-comparison__bar--active{background:var(--color-black)}.results-comparison__bar--last{background:var(--color-primary);border:1px solid var(--border-color-primary-dark)}.results-comparison__content{display:flex;flex-direction:column;gap:.125rem;min-width:0}.results-comparison__body{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;gap:0;flex:0 0 auto}.results-comparison__headline{font-family:var(--text-small-font-family);font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);letter-spacing:var(--text-small-letter-spacing);line-height:var(--text-small-line-height);color:var(--text-color-primary)}.results-comparison__average,.results-comparison__difference,.results-comparison__insight{font-family:var(--text-smaller-font-family);font-weight:var(--text-smaller-font-weight);font-size:var(--text-smaller-font-size);letter-spacing:var(--text-smaller-letter-spacing);text-transform:var(--text-smaller-text-transform);color:var(--text-color-secondary)}.results-checkpoints{position:relative;overflow:hidden;text-align:left;border:1px solid var(--border-color-neutral);border-radius:var(--radius-large);background-color:var(--color-white);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-large)}.results-checkpoints::after{content:'';position:absolute;width:16rem;height:16rem;right:-8rem;bottom:-8rem;background:var(--color-primary);filter:blur(3rem);pointer-events:none}.results-checkpoints>*{position:relative;z-index:1}.checkpoint-list{display:flex;flex-wrap:wrap;gap:.5rem}.checkpoint{display:flex;flex-direction:column;gap:.25rem;background:var(--color-white);padding:.5rem;border-radius:var(--radius-medium);border:1px solid var(--border-color-neutral);flex-grow:1}.checkpoint--finish{border-color:var(--border-color-primary-dark)}.checkpoint-distance{font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);letter-spacing:var(--text-heading-6-letter-spacing);text-transform:var(--text-heading-6-text-transform);color:var(--text-color-primary)}.checkpoint-time{font-family:var(--text-small-font-family);font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);letter-spacing:var(--text-small-letter-spacing);text-transform:var(--text-small-text-transform)}.results-splits{border:1px solid var(--border-color-neutral);border-radius:var(--radius-large);background-color:var(--color-white);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-large)}@media (max-width:515px){.results-splits{padding:1rem}}.splits-km-list{display:flex;flex-direction:column}.split-row{display:grid;grid-template-columns:4rem 4rem minmax(0,1fr) 6rem;align-items:center}.split-row--header{background:var(--background-neutral)}.split-row:nth-child(2n){background:rgba(0,0,0,.01)}.split-row--finish{background:var(--color-primary-light)!important}.split-row--checkpoint .split-row-cumulative,.split-row--checkpoint .split-row-km,.split-row--checkpoint .split-row-pace{font-weight:var(--text-body-bold-font-weight);font-size:var(--text-body-bold-font-size);letter-spacing:var(--text-body-bold-letter-spacing);line-height:var(--text-body-bold-line-height)}.split-table-cell{padding:.25rem .5rem}.split-table-cell--text-right{text-align:right}.split-table-header{font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);letter-spacing:var(--text-heading-6-letter-spacing);text-transform:var(--text-heading-6-text-transform)}.split-row-km,.split-row-pace{width:4rem}.split-row-cumulative{width:6rem}.split-row-cumulative,.split-row-km,.split-row-pace{font-family:var(--text-small-font-family);font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);letter-spacing:var(--text-small-letter-spacing);text-transform:var(--text-small-text-transform);color:var(--text-color-primary)}.split-row-bar-wrapper{width:100%;min-width:0}.split-row-bar{display:block;height:.85rem;min-width:2.25rem;border-radius:var(--radius-small);transform-origin:left center;will-change:width,transform,opacity;transition:none;animation:none}.split-row-bar--animate{transition:width 320ms cubic-bezier(.22, 1, .36, 1);animation:320ms cubic-bezier(.22,1,.36,1) split-bar-enter}.split-row-bar--increasing{background:linear-gradient(270deg,#d9ff00 50%,#ff3d00 100%)}.split-row-bar--decreasing{background:linear-gradient(270deg,#ff3d00 0,#d9ff00 75%)}.split-row-bar--even{background:linear-gradient(270deg,#d9ff00 65%,#ff8a00 100%)}@keyframes split-bar-enter{0%{transform:scaleX(.72);opacity:.66}70%{transform:scaleX(1.02);opacity:1}100%{transform:scaleX(1);opacity:1}}@media (prefers-reduced-motion:reduce){.split-row-bar,.split-row-bar--animate{transition:none;animation:none}}.perf-results-section{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2rem;border:1px solid var(--border-color-neutral);border-radius:var(--radius-large);background-color:var(--color-white);padding:1.5rem;box-shadow:var(--shadow-large)}.perf-results-section>*{position:relative;z-index:1}.perf-results-section::after{content:'';position:absolute;width:16rem;height:16rem;right:-8rem;bottom:-8rem;background:var(--color-primary);filter:blur(3rem);pointer-events:none}.perf-results-section-group{display:flex;flex-direction:column;gap:1rem}.perf-cards-grids{display:flex;flex-direction:column;gap:.5rem}.perf-cards-grid{display:grid;gap:.5rem}.perf-cards-grid--2{grid-template-columns:repeat(2,1fr)}.perf-cards-grid--3{grid-template-columns:repeat(3,1fr)}.perf-cards-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.perf-cards-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:515px){.perf-results-section{padding:1rem}.perf-cards-grid--2,.perf-cards-grid--4{grid-template-columns:repeat(1,1fr)}}.perf-card{background:var(--background-gradient-light);border:1px solid var(--border-color-neutral);border-radius:var(--radius-medium);padding:.5rem;display:flex;flex-direction:row;align-items:stretch;gap:1rem}.perf-card--primary{background:var(--color-primary-light);border-color:var(--border-color-primary-light)}.perf-card__visual{width:2rem;min-width:2rem;max-width:2rem;flex:0 0 2rem;height:auto;align-self:stretch;border-radius:var(--radius-small);background:var(--background-gradient-light);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-large);border:1px solid var(--border-color-neutral)}.perf-card__visual--primary-light{background:var(--color-primary-light)}.perf-card__visual--primary{background:var(--color-primary);border:1px solid var(--border-color-primary-dark)}.perf-card--input{background:var(--background-gradient-light);border-color:var(--border-color-neutral)}.perf-card.perf-card--input .perf-card__visual{background:var(--background-gradient-light);border:1px solid var(--border-color-neutral)}.perf-card__label{font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);letter-spacing:var(--text-heading-6-letter-spacing);line-height:var(--text-heading-6-line-height);color:var(--text-color-primary)}.perf-card__content{display:flex;flex-direction:column;gap:.25rem}.perf-card__heading{font-family:var(--text-heading-6-font-family);font-weight:var(--text-heading-6-font-weight);font-size:var(--text-heading-6-font-size);letter-spacing:var(--text-heading-6-letter-spacing);line-height:var(--text-heading-6-line-height);text-transform:var(--text-heading-6-text-transform);color:var(--text-color-primary)}.perf-card__time{font-family:var(--text-heading-4-font-family);font-weight:var(--text-heading-4-font-weight);font-size:var(--text-heading-4-font-size);letter-spacing:var(--text-heading-4-letter-spacing);line-height:var(--text-heading-4-line-height);text-transform:var(--text-heading-4-text-transform);color:var(--text-color-primary)}.perf-card--training .perf-card__time{font-size:var(--text-heading-4-font-size);letter-spacing:var(--text-heading-4-letter-spacing);line-height:var(--text-heading-4-line-height)}.perf-card__pace{font-family:var(--text-small-font-family);font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);letter-spacing:var(--text-small-letter-spacing);line-height:var(--text-small-line-height);color:var(--text-color-primary)}.perf-interval-list{display:flex;flex-direction:row;gap:2rem}@media (max-width:768px){.perf-interval-list{flex-direction:column;gap:1rem}}.perf-interval-row{display:flex;flex-direction:column;gap:.25rem}.perf-card__distance{font-family:var(--text-small-font-family);font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);letter-spacing:var(--text-small-letter-spacing);line-height:var(--text-small-line-height);color:var(--text-color-primary)}.perf-interval__pace{justify-self:end;font-family:var(--text-heading-4-font-family);font-weight:var(--text-heading-4-font-weight);font-size:var(--text-heading-4-font-size);letter-spacing:var(--text-heading-4-letter-spacing);line-height:var(--text-heading-4-line-height);color:var(--text-color-primary)}.perf-warning{text-align:left}#show-splits{flex-grow:0;display:inline-flex;align-self:flex-start;width:auto;align-items:center;gap:.5rem;font-family:var(--text-small-font-family);font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);letter-spacing:var(--text-small-letter-spacing);text-transform:var(--text-small-text-transform);cursor:pointer}#show-splits:hover{text-decoration:underline}@media (max-width:515px){.hide-on-mobile{display:none}}