.segmented-control{background:var(--color-surface-secondary,#f3f4f6);border-radius:.75rem;display:flex;gap:0;isolation:isolate;padding:3px;position:relative}.segmented-control--disabled{opacity:.5;pointer-events:none}.segmented-control__indicator{background:var(--color-surface,#fff);border-radius:.625rem;bottom:3px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);left:0;position:absolute;top:3px;transition:transform .35s var(--ease-spring-gentle);width:0;will-change:transform;z-index:0}.segmented-control__segment{align-items:center;background:transparent;border:none;border-radius:.625rem;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;flex:1;font-family:inherit;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;position:relative;transition:color .2s ease;white-space:nowrap;z-index:1}.segmented-control__segment:focus-visible{box-shadow:var(--focus-ring);outline:none}.segmented-control__segment--selected{color:var(--color-text-primary,#1f2937)}.segmented-control__segment i{font-size:.875em}.segmented-control__segment .material-symbols-outlined{font-size:1.25em;line-height:1}.segmented-control__segment span{font-size:inherit}.segmented-control--ink .segmented-control__indicator{background:var(--interactive-neutral)}.segmented-control--ink .segmented-control__segment--selected{color:var(--text-inverse)}.segmented-control--small{padding:2px}.segmented-control--small .segmented-control__indicator{bottom:2px;top:2px}.segmented-control--small .segmented-control__segment{font-size:.75rem;padding:5px 10px}.segmented-control--medium .segmented-control__segment{font-size:.875rem}.segmented-control--large{padding:4px}.segmented-control--large .segmented-control__indicator{bottom:4px;top:4px}.segmented-control--large .segmented-control__segment{font-size:1rem;padding:12px 16px}@media (prefers-color-scheme:dark) and (min-width:999999px){.segmented-control{background:var(--color-surface-secondary,#374151)}.segmented-control__indicator{background:var(--color-surface,#1f2937);box-shadow:0 1px 3px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.1)}.segmented-control__segment{color:var(--color-text-secondary,#9ca3af)}.segmented-control__segment--selected{color:var(--color-text-primary,#f9fafb)}}@media (prefers-reduced-motion:reduce){.segmented-control__indicator{transition:none}.segmented-control__segment{transition:none}}.context-menu-backdrop{inset:0;position:fixed;z-index:calc(var(--z-modal) + 4)}.context-menu-container{pointer-events:none;position:fixed;z-index:calc(var(--z-modal) + 5)}.context-menu{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:block;filter:blur(12px);min-width:180px;opacity:0;padding:var(--space-2) var(--space-2);pointer-events:none;transform:translateY(-8px) scale(.92);transition:opacity var(--duration-fast) var(--ease-default),filter var(--duration-fast) var(--ease-default),transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-default);will-change:opacity,filter,transform}.context-menu-container.dropdown-open{pointer-events:auto}.context-menu-container.dropdown-open .context-menu{box-shadow:var(--shadow-lg);filter:blur(0);opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.context-menu-container.context-menu-right{left:auto;right:0}.context-menu-container.context-menu-right .context-menu{transform-origin:top right}.context-menu-container.context-menu-left{left:0;right:auto}.context-menu-container.context-menu-left .context-menu{transform-origin:top left}.context-menu-container.context-menu-center .context-menu{transform-origin:top center}.context-menu-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-body);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-base);gap:var(--space-3);padding:var(--space-2) var(--space-3);position:relative;text-align:left;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),filter var(--duration-fast) var(--ease-default);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.context-menu-item:focus{outline:none}.context-menu-item:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover) and (pointer:fine){.context-menu-item:hover{background-color:var(--bg-tertiary)}}.context-menu-item:active{background-color:var(--bg-tertiary);filter:brightness(.94)}.context-menu-item i{color:var(--text-muted);flex-shrink:0;text-align:center;width:16px}.context-menu-item span{flex:1}.context-menu-item.context-menu-item--destructive,.context-menu-item[data-action=delete],.context-menu-item[data-action=remove]{color:var(--danger-color)}.context-menu-item.context-menu-item--destructive i,.context-menu-item[data-action=delete] i,.context-menu-item[data-action=remove] i{color:var(--danger-color)}@media (prefers-reduced-motion:reduce){.context-menu{filter:none!important;transition:none}.context-menu-item{transition:none}}@media (prefers-contrast:high){.context-menu{border-width:2px}.context-menu-item:focus-visible{box-shadow:0 0 0 3px var(--interactive-focus)}}.pace-conversion-chart .segmented-control__indicator{background:var(--interactive-neutral);box-shadow:none}.pace-conversion-chart .segmented-control__segment--selected{color:var(--text-inverse)}.pace-conversion-chart .segmented-control__segment{padding:var(--space-2) var(--space-4)}.pace-conversion-chart .segmented-control__segment .material-symbols-outlined{font-size:1.25rem;line-height:1}.pace-conversion-chart{display:flex;flex-direction:column;gap:var(--space-3)}.pace-conversion-chart__toggle{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.pace-conversion-chart__title{color:var(--text-muted);font-size:var(--font-base);font-weight:var(--weight-semibold);margin:0}.pace-conversion-chart__table-wrapper{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.pace-conversion-chart__scroll{max-height:65vh;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.pace-conversion-chart__table{border-collapse:collapse;border-spacing:0;font-variant-numeric:tabular-nums;min-width:100%}.pace-conversion-chart__table td,.pace-conversion-chart__table th{border:1px solid var(--border-default)}.pace-conversion-chart__table td{white-space:nowrap}.pace-conversion-chart__table tbody tr:last-child td,.pace-conversion-chart__table tbody tr:last-child th{border-bottom:none}.pace-conversion-chart__table thead{position:sticky;top:0;z-index:3}.pace-conversion-chart__table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-default);border-top:none;color:var(--text-muted);cursor:pointer;font-size:.625rem;font-weight:var(--weight-semibold);letter-spacing:-.05em;padding:var(--space-1) var(--space-1);text-align:center;-webkit-user-select:none;user-select:none}.pace-conversion-chart__table thead th:first-child{cursor:default}.pace-conversion-chart__table tbody td{color:var(--text-body);font-size:.6875rem;padding:.25rem var(--space-1);text-align:center}.pace-conversion-chart__table tbody tr:nth-child(2n) td{background-color:var(--bg-secondary)}.pace-conversion-chart__table tbody tr.pace-conversion-chart__row--landmark td{font-weight:var(--weight-semibold)}.pace-conversion-chart__cell--empty{color:var(--text-faint)!important}.pace-conversion-chart__table--road tbody td{font-size:var(--font-sm);padding:var(--space-2) var(--space-2)}.pace-conversion-chart__table--road thead th{font-size:var(--font-base);padding:var(--space-2) var(--space-2)}.pace-conversion-chart__table--track{font-size:.625rem}.pace-conversion-chart__table--track td,.pace-conversion-chart__table--track th{font-size:.625rem;padding:.25rem}.pace-conversion-chart__table--track thead th{font-size:.675rem;padding:var(--space-1) .25rem}.pace-conversion-chart__table tbody td:first-child,.pace-conversion-chart__table thead th:first-child{background:var(--bg-primary);box-shadow:var(--shadow-sm);left:0;position:sticky;text-align:center;z-index:2}.pace-conversion-chart__table thead th:first-child{background:var(--bg-secondary);z-index:4}.pace-conversion-chart__table tbody tr:nth-child(2n) td:first-child{background-color:var(--bg-primary)}.pace-conversion-chart__table tbody tr td.--hover-col,.pace-conversion-chart__table tbody tr.--hover-row td{background-color:color-mix(in srgb,var(--interactive-neutral) 4%,transparent)}.pace-conversion-chart__table tbody tr td.--active-col,.pace-conversion-chart__table tbody tr.--active-row td{background-color:color-mix(in srgb,var(--interactive-neutral) 10%,transparent)}.pace-conversion-chart__table tbody tr td.--active-cell{background-color:color-mix(in srgb,var(--interactive-neutral) 22%,transparent);color:var(--text-body);font-weight:var(--weight-semibold)}.pace-conversion-chart__table tbody tr td:first-child.--hover-col,.pace-conversion-chart__table tbody tr.--hover-row td:first-child{background-color:var(--bg-secondary)}.pace-conversion-chart__table tbody tr td:first-child.--active-col,.pace-conversion-chart__table tbody tr.--active-row td:first-child{background-color:var(--bg-tertiary)}.pace-conversion-chart__table thead tr th.--hover-col{background-color:var(--bg-tertiary)}.pace-conversion-chart__table thead tr th.--active-col{background-color:var(--bg-tertiary)}.pace-conversion-chart__table tbody td{cursor:pointer}.pace-conversion-chart__col-menu.context-menu-center .context-menu{transform-origin:bottom left}.pace-conversion-chart__col-menu .context-menu{transform:translateX(50%) translateY(10px) scale(.8)}.pace-conversion-chart__col-menu.dropdown-open .context-menu{transform:translateX(50%) translateY(0) scale(1)}.context-menu-item .pace-conversion-chart__hide-icon{align-items:center;background:var(--bg-tertiary);border-radius:50%;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:.6875rem;font-style:normal;font-weight:var(--weight-semibold);height:1.125rem;justify-content:center;line-height:1;width:1.125rem}.pace-conversion-chart__hide-icon:after{content:"×"}.pace-conversion-chart__hidden-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);padding:0 var(--space-1)}.pace-conversion-chart__hidden-label{color:var(--text-faint);font-size:.6875rem;font-weight:var(--weight-medium)}.pace-conversion-chart__hidden-pill{align-items:center;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.6875rem;gap:var(--space-1);padding:.1875rem var(--space-2);transition:background var(--duration-fast) var(--ease-default)}.pace-conversion-chart__hidden-pill:active{background:var(--bg-secondary)}.modal-base-overlay.pace-calculator-chart-modal{padding:var(--space-4) var(--space-2)}.pace-calculator-chart-modal .modal-base-header{border-bottom:none;padding:var(--space-4) var(--space-3)}.pace-calculator-chart-modal .modal-base-container{height:85dvh}@media (min-width:768px){.pace-conversion-chart__table--road tbody td{font-size:var(--font-sm);padding:var(--space-2) var(--space-2)}.pace-conversion-chart__table--road thead th{font-size:.75rem;padding:var(--space-2) var(--space-2)}.pace-conversion-chart__table--track td,.pace-conversion-chart__table--track th{font-size:.6875rem;padding:.25rem var(--space-1)}.pace-conversion-chart__table--track thead th{font-size:.85rem;padding:var(--space-1) var(--space-1)}.pace-conversion-chart__scroll{max-height:70vh}}@media (prefers-reduced-motion:reduce){.pace-conversion-chart__scroll{scroll-behavior:auto}}.pace-chart-page-wrapper .segmented-control__indicator{background:var(--interactive-neutral);box-shadow:none}.pace-chart-page-wrapper .segmented-control__segment--selected{color:var(--text-inverse)}.pace-chart-page-wrapper{height:100%;width:100%}.pace-chart-page-content{padding:var(--space-4)}.pace-chart-container{margin:0 auto;max-width:480px;width:100%}.pace-chart__title{color:var(--text-body);font-size:var(--font-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-1)}.pace-chart__subtitle{color:var(--text-muted);font-size:var(--font-sm);line-height:1.4;margin:0 0 var(--space-3)}.pace-chart__faq{margin-top:var(--space-6)}.pace-chart__faq-title{color:var(--text-body);font-size:var(--font-lg);font-weight:var(--weight-bold);margin:0 0 var(--space-3)}.pace-chart__faq-item{margin-bottom:var(--space-3)}.pace-chart__faq-q{color:var(--text-body);font-size:var(--font-base);font-weight:var(--weight-medium);margin:0 0 var(--space-1)}.pace-chart__faq-a{color:var(--text-muted);font-size:var(--font-sm);line-height:1.5;margin:0}@media (min-width:768px){.pace-chart-page-content{padding:var(--space-8)}.pace-chart-container{max-width:540px}.pace-chart__title{font-size:var(--font-2xl)}}