:root{color-scheme:light;--bg: #f2f5f7;--card: #ffffff;--card2: #ebf0f3;--text: #0b1719;--text-muted: #51646b;--primary: #006b42;--primary-fg: #effcf5;--secondary: #00679a;--accent: #00788e;--accent-fg: #effbfd;--border: #d8e0e5;--ring: #006b42;--good: #0b6b2e;--bad: #c0182a;--primary-soft: color-mix(in oklab, var(--primary) 16%, var(--card));--accent-soft: color-mix(in oklab, var(--accent) 16%, var(--card));--shadow: 0 12px 38px color-mix(in srgb, #0b1f2a 7%, transparent)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #030b09;--card: #031512;--card2: #021c18;--text: #dae9e3;--text-muted: #6a9486;--primary: #00a567;--primary-fg: #00230e;--secondary: #00a7e8;--accent: #00bfdd;--accent-fg: #002028;--border: #002d25;--ring: #009f60;--good: #00b03a;--bad: #ff6675;--shadow: 0 12px 38px color-mix(in srgb, #000 20%, transparent)}}*{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,sans-serif;touch-action:manipulation}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button,.chip{transition:border-color .15s,background-color .15s,color .15s}:focus-visible{outline:3px solid var(--ring);outline-offset:3px}input{outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s}input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}input[type=number]{border:1px solid var(--border);background:var(--card);color:var(--text);font-variant-numeric:tabular-nums;appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;appearance:none}.page{max-width:1220px;margin:0 auto;padding:0 28px 32px}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:92px;padding:14px 0;border-bottom:1px solid var(--border)}.brand{display:inline-flex;margin:0;align-items:center;gap:16.5px;font-size:clamp(.9rem,(100vw - 116px) / 12.7,2rem);font-weight:750;white-space:nowrap}.brand-mark{display:block;width:72px;height:72px;border-radius:8px;outline:2px solid var(--ring);outline-offset:0}main{padding-top:28px}.card{min-width:0;padding:27px;border:1px solid var(--border);border-radius:15px;background:var(--card);box-shadow:var(--shadow)}.card h2{margin:0 0 6px;font-size:1.3rem}.card-description{margin:0 0 22px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.icon{display:inline-block;flex:none;width:1.1em;height:1.1em;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.icon-trash{--icon: url(./trash.svg)}.icon-xmark{--icon: url(./xmark.svg)}.icon-nav-arrow-down{--icon: url(./nav-arrow-down.svg)}.icon-plus{--icon: url(./plus.svg)}.icon-check{--icon: url(./check.svg)}.icon-coffee-cup{--icon: url(./coffee-cup.svg)}.segmented{display:flex;gap:3px;padding:4px;background:var(--card);border:1px solid var(--border);border-radius:9px}.segmented button{min-width:40px;min-height:36px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:700;transition:none}.segmented button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary)}.chip{min-height:36px;padding:0 11px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text);font-size:.9rem;font-weight:700}.chip[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}@media(hover:hover){.chip:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}}.icon-button{display:inline-grid;place-items:center;width:36px;min-height:36px;padding:0}.remove-custom-distance,.close-form{position:absolute;display:inline-grid;place-items:center;width:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--text-muted)}.remove-custom-distance .icon,.close-form .icon{width:18px;height:18px}@media(hover:hover){.remove-custom-distance:hover,.close-form:hover{color:var(--bad)}}.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-bottom:18px;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--card)}.mode-tabs button{min-height:44px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:1.1rem;font-weight:750}.mode-tabs button[aria-selected=true]{background:var(--primary-soft);color:var(--primary)}@media(hover:hover){.mode-tabs button[aria-selected=false]:hover{color:var(--text)}}.mode-panels{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.mode-panels>[role=tabpanel]{grid-area:1 / 1}.input-panel{padding:22px;border-radius:11px;background:var(--card2)}.input-row{display:grid;grid-auto-flow:column;grid-template-columns:minmax(0,1fr);gap:18px 24px}.input-row>.field-block{min-width:0;text-align:center}.input-row>.field-block+.field-block{padding-left:24px;border-left:1px solid var(--border)}.unit-field .segmented{width:fit-content;margin:0 auto}.field-label{display:block;margin-bottom:10px;font-size:1rem;font-weight:750}.field-label span{color:var(--text-muted);font-weight:650}.time-inputs{display:inline-flex;align-items:center;gap:4px}.time-inputs label{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:.8rem;font-weight:700}.time-inputs input{width:70px;height:50px;padding:0 5px;border-radius:8px;text-align:center;font-size:1.3rem;font-weight:750}.time-colon{align-self:flex-start;padding-top:9px;color:var(--text-muted);font-size:1.3rem;font-weight:700}.pace-input-row{display:flex;justify-content:center;align-items:flex-start;gap:12px;margin-bottom:8px}.pace-input-unit{display:flex;align-items:center;min-height:50px;font-weight:750}.equivalent-pace{color:var(--text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.equivalent-pace>span{font-weight:750}.equivalent-pace small{font-size:.8rem;font-weight:650}.field-error{min-height:1.25em;margin:5px 0 0;color:var(--bad);font-size:.8rem}.field-error:empty{display:none}.input-row .field-error{contain:inline-size}.panel-actions{display:grid;grid-template-columns:auto 1fr;justify-items:start;gap:12px 10px;margin-top:14px}.panel-actions>*{grid-column:1 / -1}.panel-actions [hidden]{display:none}.panel-action{display:grid;grid-template-columns:subgrid;align-items:center}.panel-action>.chip{justify-self:stretch;justify-content:center}.panel-action:has(>[hidden]){display:none}.action-hint{margin:0;color:var(--text-muted);font-size:.9rem}.add-custom-distance,.add-fuel{display:inline-flex;align-items:center;gap:5px}.add-custom-distance,.add-fuel,.save-button{border-color:color-mix(in oklab,var(--primary) 55%,var(--border));color:var(--primary)}.inline-form{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 44px 14px 14px;border-radius:8px;background:var(--card2)}.inline-form{scroll-margin-bottom:24px}.inline-form-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.inline-form .field-label,.inline-form .field-error{margin:0}.inline-form .field-error{align-self:stretch;contain:inline-size}.inline-form .field-label{color:var(--text-muted);font-size:.9rem;font-weight:700}.field-label .icon{vertical-align:-.2em}.close-form{top:6px;right:6px}.distance-input{display:inline-flex;align-items:center;gap:6px}.distance-input input{width:95px;height:37px;padding:0 8px;border-radius:5px;text-align:right}.distance-input .custom-distance-input{width:calc(4ch + 16px)}.distance-units button{min-height:27px}.fuel-option{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.8rem;font-weight:650;cursor:pointer}.fuel-option input{width:16px;height:16px;margin:0;accent-color:var(--primary);cursor:pointer}.race-results{--time-col: 100px;max-width:560px;margin:28px auto 0}.finish-help{margin:0 0 6px;color:var(--text-muted);font-size:.9rem}.finish-list-head,.finish-disclosure{display:grid;grid-template-columns:16px minmax(0,1fr) var(--time-col);align-items:center;column-gap:12px}.finish-list-head{padding:10px 48px 10px 8px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-weight:750;text-transform:uppercase}.finish-list-head span:first-child{grid-column:2}.finish-list-head span:last-child{grid-column:3;text-align:right}.finish-disclosure{width:100%;min-height:54px;padding:11px 8px;border:0;background:transparent;color:var(--text);text-align:left;font-size:.9rem}.fueling .finish-list-head,.fueling .finish-disclosure{grid-template-columns:16px minmax(0,1fr) auto var(--time-col)}.fueling .finish-list-head span:last-child{grid-column:4}.finish-list{margin:0;padding:0;list-style:none;font-variant-numeric:tabular-nums}.finish-item+.finish-item{border-top:1px solid var(--border)}.finish-entry{position:relative;padding-right:40px}.finish-entry:has(.finish-disclosure[aria-expanded=true]){background:var(--primary-soft)}@media(hover:hover){.finish-entry:hover{background:var(--primary-soft)}}.finish-chevron{width:16px;height:16px;color:var(--primary);transform:rotate(-90deg);transition:transform .15s}.finish-disclosure[aria-expanded=true] .finish-chevron{transform:none}.race-name{min-width:0;font-weight:750}.race-detail{color:var(--text-muted);font-size:.8rem;font-weight:600}.fuel-count,.split-fuel{display:inline-flex;align-items:center;gap:2px;color:var(--good);font-size:.8rem;font-weight:750;font-variant-numeric:tabular-nums}.finish-time{color:var(--secondary);font-size:1rem;font-weight:800;text-align:right;white-space:nowrap}.remove-custom-distance{top:50%;right:4px;transform:translateY(-50%)}.splits-panel{background:var(--card2)}.splits-empty{margin:0;padding:16px 12px;color:var(--text-muted);font-size:.8rem;text-align:center}.split-list{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content minmax(0,1fr);column-gap:24px;margin:0;padding:0;list-style:none}.split-list li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;padding:9px 12px;color:var(--text-muted);font-size:.8rem}.split-distance{grid-column:2;justify-self:start}.split-list strong{grid-column:3;justify-self:end;color:var(--text);font-variant-numeric:tabular-nums}.split-fuel{grid-column:4;justify-self:start}.split-list li+li{border-top:1px solid var(--border)}.split-list li:nth-child(odd){background:var(--card)}@media(hover:hover){.split-list li:hover{background:var(--primary-soft)}}.split-list li.split-finish{background:var(--accent-soft);color:var(--text)}@media(hover:hover){.split-list li.split-finish:hover{background:color-mix(in srgb,var(--accent) 30%,var(--accent-soft))}}.split-finish .split-distance{font-weight:700}.target-fields{display:grid;gap:24px}.target-race-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.target-race-choice{min-height:40px}.custom-race-choice{display:inline-flex}.custom-race-choice .target-race-choice{border-top-right-radius:0;border-bottom-right-radius:0}.remove-target-race{display:inline-grid;place-items:center;width:32px;min-height:40px;padding:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;color:var(--text-muted)}.remove-target-race .icon{width:16px;height:16px}@media(hover:hover){.remove-target-race:hover{border-color:var(--border);background:var(--card);color:var(--bad)}}.target-race-detail{margin:8px 0 0;text-align:center;font-variant-numeric:tabular-nums}.target-distance-actions{justify-items:center;margin-top:10px}.target-distance-actions .inline-form{background:var(--card);text-align:left}.target-time input{width:59px}.target-answer{display:flex;flex-direction:column;align-items:center;gap:5px;justify-self:center;padding:18px 24px;border-radius:10px;background:var(--accent);color:var(--accent-fg);text-align:center}.target-answer>span{font-size:.8rem;font-weight:750;text-transform:uppercase}.target-answer strong{font-size:2.3rem;line-height:1.2;font-variant-numeric:tabular-nums}.target-pace-values{display:flex;flex-direction:column;align-items:center;gap:3px}.target-equivalent{font-size:.9rem;font-weight:750;font-variant-numeric:tabular-nums}.target-equivalent small{font-size:.8rem}.target-answer strong small{font-size:1.3rem}.not-found{max-width:520px;margin:0 auto;text-align:center}.not-found-code{margin:0 0 8px;color:var(--secondary);font-size:3.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.not-found-link{display:inline-flex;align-items:center;text-decoration:none}@media(max-width:580px){.page{padding:0 16px 22px}main{padding-top:20px}.brand{gap:12px}.card{padding:19px;border-radius:13px}.card h2{font-size:1.2rem}.mode-tabs button{font-size:1rem}.input-panel{padding:17px}.input-row{grid-auto-flow:row}.pace-input-row{flex-direction:column;align-items:center;gap:6px}.pace-input-unit{min-height:0}.input-row>.field-block+.field-block{padding:18px 0 0;border-left:0;border-top:1px solid var(--border)}.race-results{--time-col: 84px;margin-top:23px}.race-detail{display:block}.finish-list-head,.finish-disclosure{column-gap:8px}.split-list{column-gap:18px}.split-list li{padding:7px 10px}.target-fields{gap:17px}}