:root{--paper: #F4EFE4;--paper-2: #ECE6D6;--paper-3: #E2DAC5;--ink: #14110D;--ink-2: #2A2620;--muted: #6E675B;--muted-2: #948C7C;--line: #D8CFB9;--line-2: #C7BCA2;--accent: oklch(.66 .18 38);--accent-ink: #2A0E03;--accent-soft: oklch(.92 .05 42);--accent-line: oklch(.78 .13 38);--good: oklch(.55 .11 150);--warn: oklch(.7 .14 75);--display: "Instrument Serif", "Times New Roman", serif;--sans: "Geist", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 14px;--radius-sm: 8px;--gut: 24px;--shadow-1: 0 1px 0 rgba(20,17,13,.04), 0 2px 8px rgba(20,17,13,.04);--shadow-2: 0 1px 0 rgba(20,17,13,.06), 0 12px 32px rgba(20,17,13,.08)}[data-theme=dark]{--paper: #14110D;--paper-2: #1B1813;--paper-3: #24201A;--ink: #F4EFE4;--ink-2: #D6CFB8;--muted: #968C7A;--muted-2: #6E675B;--line: #2A2620;--line-2: #3A352D;--accent-soft: oklch(.3 .1 38);--accent-line: oklch(.45 .15 38)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}.shell{max-width:1240px;margin:0 auto;padding:0 28px}@media(max-width:720px){.shell{padding:0 18px}}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in oklab,var(--paper) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:30}.brand{font-family:var(--display);font-size:28px;letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px}.brand .dot{color:var(--accent)}.brand small{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-left:8px}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{font-size:13px;font-weight:500;color:var(--muted);padding:8px 12px;border-radius:8px;transition:color .15s,background .15s;letter-spacing:-.005em}.nav-link:hover,.nav-link.active{color:var(--ink);background:var(--paper-2)}.nav-tools{display:flex;align-items:center;gap:6px}.unit-pill{display:inline-flex;background:var(--paper-2);border-radius:999px;padding:3px;border:1px solid var(--line)}.unit-pill button{background:transparent;border:0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:5px 12px;border-radius:999px;font-family:var(--mono)}.unit-pill button.on{background:var(--ink);color:var(--paper)}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;color:var(--ink);transition:background .15s}.icon-btn:hover{background:var(--paper-3)}.nav-mobile-toggle{display:none}@media(max-width:880px){.nav-links{display:none}.nav-mobile-toggle{display:inline-flex}}.hero{padding:64px 0 28px;border-bottom:1px solid var(--line)}.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.kicker:before{content:"";display:inline-block;width:18px;height:1px;background:var(--accent)}.hero h1{font-family:var(--display);font-size:clamp(48px,7vw,96px);line-height:.96;letter-spacing:-.02em;font-weight:400;max-width:14ch;margin-bottom:18px}.hero h1 em{font-style:italic;color:var(--accent)}.hero .lede{color:var(--muted);font-size:17px;line-height:1.55;max-width:52ch}.workspace{padding:36px 0 48px;border-bottom:1px solid var(--line)}.input-row{display:grid;grid-template-columns:1.4fr 2fr auto;gap:14px;align-items:end}@media(max-width:880px){.input-row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:8px}.field label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field .control{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:4px;display:flex;align-items:center;transition:border-color .15s,background .15s}.field .control:focus-within{border-color:var(--accent);background:var(--paper);box-shadow:0 0 0 4px var(--accent-soft)}.field select,.field input{background:transparent;border:0;outline:0;padding:12px 14px;font-size:18px;font-family:var(--mono);width:100%;color:var(--ink);font-weight:500;letter-spacing:-.01em}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%236E675B' stroke-width='1.5' d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.time-segs{display:flex;align-items:center}.time-segs input{text-align:center;font-variant-numeric:tabular-nums}.time-segs .colon{color:var(--muted-2);font-family:var(--mono);font-size:18px}.btn-primary{background:var(--ink);color:var(--paper);border:0;border-radius:12px;padding:16px 26px;font-size:14px;font-weight:600;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:10px;transition:transform .12s,background .15s;height:60px;white-space:nowrap}.btn-primary:hover{background:var(--accent);color:var(--accent-ink)}.btn-primary:active{transform:scale(.98)}.btn-primary .arrow{font-family:var(--mono);font-size:16px}.btn-ghost{background:transparent;border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--ink);transition:background .15s,border-color .15s}.btn-ghost:hover{background:var(--paper-2);border-color:var(--line-2)}.dashboard{padding:48px 0;border-bottom:1px solid var(--line)}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:24px;flex-wrap:wrap}.dash-head .meta{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.dash-head h2{font-family:var(--display);font-size:clamp(36px,4vw,56px);line-height:1;letter-spacing:-.02em;font-weight:400}.dash-actions{display:flex;gap:8px}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}@media(max-width:880px){.grid-12{grid-template-columns:repeat(6,1fr)}}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative}.card.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.card.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.card-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:8px}.card.solid .card-label{color:var(--muted-2)}.card.accent .card-label{color:var(--accent-ink);opacity:.7}.big-number{font-family:var(--display);font-size:88px;line-height:.9;letter-spacing:-.03em;font-weight:400;font-variant-numeric:tabular-nums}.big-number .unit{font-family:var(--mono);font-size:14px;letter-spacing:.06em;color:var(--muted);margin-left:6px;font-weight:500;text-transform:uppercase;vertical-align:14px}.card.solid .big-number .unit{color:var(--muted-2)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:span 12}@media(max-width:880px){.col-3,.col-4,.col-5{grid-column:span 3}.col-6,.col-7,.col-8,.col-9{grid-column:span 6}}@media(max-width:520px){.col-3,.col-4,.col-5{grid-column:span 6}}.pace-rows{display:flex;flex-direction:column}.pace-row{display:grid;grid-template-columns:16px 1fr auto auto;align-items:center;padding:16px 4px;gap:14px;border-bottom:1px solid var(--line);transition:padding .15s}.pace-row:last-child{border-bottom:0}.pace-row:hover{background:var(--paper-3);padding-left:12px;padding-right:12px;border-radius:8px}.pace-row .swatch{width:10px;height:10px;border-radius:50%;background:var(--accent)}.pace-row .name{font-weight:600;font-size:15px;letter-spacing:-.005em}.pace-row .desc{font-size:12px;color:var(--muted);margin-top:2px}.pace-row .pace-val{font-family:var(--mono);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.pace-row .pace-unit{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.zone-1 .swatch{background:#5ecbcb}.zone-2 .swatch{background:#62bb78}.zone-3 .swatch{background:#e3ae28}.zone-4 .swatch{background:#eb7c33}.zone-5 .swatch{background:#de4e4b}.chart-card{min-height:280px}.chart-svg{width:100%;height:220px;display:block}.chart-svg .grid-line{stroke:var(--line);stroke-width:1}.chart-svg .bar{fill:var(--accent)}.chart-svg .bar-bg{fill:var(--paper-3)}.chart-svg text{font-family:var(--mono);font-size:10px;fill:var(--muted);letter-spacing:.06em;text-transform:uppercase}.chart-svg .val-label{fill:var(--ink);font-size:11px;font-weight:600}.splits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.split-cell{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.split-cell .km{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.split-cell .t{font-family:var(--mono);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:4px}.split-cell.milestone{background:var(--ink);color:var(--paper);border-color:var(--ink)}.split-cell.milestone .km{color:var(--muted-2)}.predict-table{display:flex;flex-direction:column}.predict-row{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);gap:18px}.predict-row:last-child{border-bottom:0}.predict-row .race{font-family:var(--display);font-size:28px;letter-spacing:-.02em}.predict-row .time{font-family:var(--mono);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.predict-row .pace{font-family:var(--mono);font-size:11px;color:var(--muted)}.tools{padding:64px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}.section-head h2{font-family:var(--display);font-size:clamp(34px,4.5vw,56px);letter-spacing:-.02em;line-height:1;font-weight:400;max-width:16ch}.section-head .sub{color:var(--muted);font-size:15px;max-width:42ch}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:980px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.tools-grid{grid-template-columns:1fr}}.tool-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;min-height:180px;cursor:pointer;transition:background .15s,border-color .15s,transform .12s;position:relative}.tool-card:hover{background:var(--paper-3);border-color:var(--line-2)}.tool-card .num{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.tool-card h3{font-family:var(--display);font-size:30px;line-height:1.05;letter-spacing:-.015em;font-weight:400;margin-top:12px}.tool-card p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:8px}.tool-card .open{margin-top:auto;padding-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.tool-card .open .arrow{display:inline-block;transition:transform .15s}.tool-card:hover .open .arrow{transform:translate(4px)}.trust{padding:56px 0;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:720px){.trust-grid{grid-template-columns:repeat(2,1fr)}}.trust-cell .v{font-family:var(--display);font-size:56px;line-height:1;letter-spacing:-.02em}.trust-cell .l{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-top:8px}.sponsor{margin:32px 0;padding:18px 22px;background:var(--paper-2);border:1px dashed var(--line-2);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:16px}.sponsor .label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}.sponsor .slot{flex:1;text-align:center;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.racecard{background:var(--paper);border:1px solid var(--ink);border-radius:0;padding:32px;max-width:480px;position:relative}.racecard:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px solid var(--ink);pointer-events:none}.racecard h4{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}.racecard .race-name{font-family:var(--display);font-size:44px;line-height:1;letter-spacing:-.02em;margin-bottom:4px}.racecard .target{font-family:var(--mono);font-size:30px;font-variant-numeric:tabular-nums;font-weight:600;margin:14px 0 18px}.racecard hr{border:0;border-top:1px solid var(--ink);margin:18px 0}.prose{max-width:64ch;font-size:17px;line-height:1.7;color:var(--ink-2)}.prose h2{font-family:var(--display);font-size:38px;letter-spacing:-.02em;font-weight:400;margin:48px 0 16px;line-height:1.1}.prose h3{font-family:var(--display);font-size:26px;letter-spacing:-.015em;font-weight:400;margin:32px 0 10px}.prose p{margin-bottom:16px}.prose ul{margin:0 0 18px 22px}.prose li{margin-bottom:6px}.prose strong{color:var(--ink)}.guide-toc{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:sticky;top:92px}.guide-toc h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.guide-toc a{display:block;padding:8px 0;font-size:14px;border-bottom:1px solid var(--line);color:var(--ink-2)}.guide-toc a:hover{color:var(--accent)}.foot{padding:64px 0 56px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}@media(max-width:720px){.foot{grid-template-columns:1fr 1fr}}.foot h5{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.foot a{display:block;font-size:14px;padding:4px 0;color:var(--ink-2)}.foot a:hover{color:var(--accent)}.foot-brand .brand{margin-bottom:12px}.foot-brand p{font-size:13px;color:var(--muted);max-width:30ch}.bottom-bar{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.divider{height:1px;background:var(--line);margin:24px 0}.tag{display:inline-flex;align-items:center;background:var(--paper-3);padding:4px 10px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .35s ease-out both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}@media print{body{background:#fff}.nav,.foot,.bottom-bar,.sponsor,.nav-tools,.dash-actions,.tools,.trust{display:none!important}.racecard{max-width:100%;border:2px solid black}}.history-strip{padding:24px 0 0}.history-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.history-label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.history-clear{background:transparent;border:0;color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:4px 6px;border-radius:6px;transition:color .15s,background .15s}.history-clear:hover{color:var(--ink);background:var(--paper-2)}.history-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.history-chip{flex:none;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:8px 14px;display:inline-flex;align-items:baseline;gap:8px;font-size:13px;color:var(--ink-2);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.history-chip:hover{background:var(--paper-3);border-color:var(--line-2)}.history-chip .hc-race{font-family:var(--display);font-size:16px;letter-spacing:-.01em}.history-chip .hc-sep{color:var(--muted-2)}.history-chip .hc-time,.history-chip .hc-vdot{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px}.history-chip .hc-vdot{color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in{animation:none;opacity:1;transform:none}.pace-row:hover{padding-left:4px;padding-right:4px}.tool-card:hover .open .arrow{transform:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.prose h2[id],.prose h3[id]{scroll-margin-top:96px}