*{box-sizing:border-box;margin:0;padding:0}:root{--color-asphalt:#0b0b0d;--color-tarmac:#17171a;--color-tarmac-light:#202024;--color-line:#f2f2ed14;--color-text:#f2f2ed;--color-text-muted:#8b8b93;--color-yellow:#f5c518;--color-yellow-soft:#ffe07a;--color-red:#e10600;--font-display:"Rajdhani", "Arial Narrow", sans-serif;--font-body:"Titillium Web", sans-serif;--px-per-second:8px}html,body{background:var(--color-asphalt);height:100dvh;color:var(--color-text);font-family:var(--font-body);font-size:16px;overflow:hidden}body{background-image:radial-gradient(at 50% 0,#f5c5180f,#0000 60%),radial-gradient(at 50% 100%,#ffffff0a,#0000 55%),repeating-linear-gradient(135deg,#ffffff04 0 2px,#0000 2px 12px)}.app{flex-direction:column;height:100dvh;display:flex}.ad-slot{border:1px dashed var(--color-line);height:clamp(50px,10vh,90px);color:var(--color-text-muted);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:#ffffff05;border-radius:.5rem;flex:none;justify-content:center;align-items:center;margin:.75rem 1.5rem 0;font-size:.75rem;display:flex}.app-header{flex:none;padding:1.25rem 1.5rem 0}.header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.wordmark-group{flex-direction:column;gap:.15rem;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.2em;color:var(--color-yellow);text-shadow:0 0 18px #f5c51859;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700}.tagline{font-family:var(--font-body);letter-spacing:.03em;color:var(--color-text-muted);font-size:.7rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-actions{align-items:center;gap:.6rem;display:flex}.share-button{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-text-muted);border:1px solid var(--color-line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;transition:color .15s,border-color .15s;display:flex}.share-button:hover{color:var(--color-yellow);border-color:var(--color-yellow)}.share-button:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}.unit-switch{border:1px solid var(--color-line);border-radius:999px;gap:.2rem;padding:.2rem;display:flex}.unit-option{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;transition:background-color .15s,color .15s}.unit-option[aria-pressed=true]{background:var(--color-yellow);color:var(--color-asphalt)}.unit-option:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}.hero{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:1.5rem;min-height:0;padding:1rem 0;display:flex;position:relative}.pace-readout{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-text);text-shadow:0 0 30px #f5c51833;align-items:baseline;gap:.6rem;font-size:clamp(3.25rem,13vw,6.5rem);font-weight:700;line-height:1;display:flex}.pace-unit{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:.9rem;font-weight:600}.speed-readout{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-yellow-soft);align-items:baseline;gap:.4rem;font-size:1.1rem;font-weight:600;display:flex}.speed-unit{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.slider-stage{touch-action:none;width:100%;height:min(200px,30vh);position:relative}.slider-ticks{background-image:repeating-linear-gradient(90deg, var(--color-line) 0, var(--color-line) 1px, transparent 1px, transparent calc(var(--px-per-second) * 5));background-position-x:var(--tick-offset,0px);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.tick-label{transform:translate(calc(-50% + var(--offset,0px)), 0);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap;font-size:.85rem;font-weight:600;position:absolute;top:55%;left:50%}.slider-pointer{background:var(--color-red);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 12px #e1060099}.slider-pointer:before{content:"";border:6px solid #0000;border-top-color:var(--color-red);position:absolute;top:-6px;left:50%;transform:translate(-50%)}.pace-slider{cursor:grab;position:absolute;inset:0}.pace-slider:active{cursor:grabbing}.pace-slider:focus-visible{outline:2px solid var(--color-yellow);outline-offset:-2px;border-radius:4px}.race-panel{background:var(--color-tarmac);border-top:3px solid var(--color-yellow);min-height:0;max-height:34vh;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));flex:0 auto;overflow-y:auto}.race-panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.race-panel-header h2{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-size:.95rem;font-weight:600}#toggle-races{font-family:var(--font-body);color:var(--color-asphalt);background:var(--color-yellow);cursor:pointer;border:none;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:transform .15s}#toggle-races:hover{transform:translateY(-1px)}#toggle-races:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.race-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;margin-top:.85rem;list-style:none;display:grid}@media (width>=1024px){.race-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.race-row{background:var(--color-tarmac-light);border:1px solid var(--color-line);border-radius:.5rem;flex-direction:column;gap:.35rem;padding:.6rem .75rem;transition:border-color .15s;display:flex}@media (hover:hover){.race-row:hover{border-color:var(--color-yellow-soft)}}.race-row-top{align-items:center;gap:.4rem;display:flex}.race-row .race-label{font-family:var(--font-display);color:var(--color-text);flex:auto;font-weight:600}.race-row .race-time{width:100%;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-yellow-soft);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.4rem;padding:0;font-size:1.05rem;display:flex}.race-row .race-time:hover{color:var(--color-yellow)}.race-row .race-time:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px;border-radius:4px}.race-row-affordance{border:1px solid var(--color-line);width:1.2rem;height:1.2rem;color:var(--color-text-muted);opacity:1;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;line-height:1;transition:opacity .15s,transform .15s,color .15s,border-color .15s;display:inline-flex;transform:scale(1)}.race-row .race-time:hover .race-row-affordance,.race-row .race-time:focus-visible .race-row-affordance{color:var(--color-yellow);border-color:var(--color-yellow)}@media (hover:hover){.race-row-affordance{opacity:0;transform:scale(.7)}.race-row:hover .race-row-affordance,.race-row .race-time:focus-visible .race-row-affordance{opacity:1;transform:scale(1)}}.favorite-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:.1rem;font-size:1rem;line-height:1}.favorite-toggle[aria-pressed=true]{color:var(--color-yellow)}.favorite-toggle:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px;border-radius:4px}.race-group-heading{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-line);grid-column:1/-1;margin-top:.4rem;padding-bottom:.3rem;font-size:.75rem;font-weight:600}.race-group-heading:first-child{margin-top:0}.splits-modal{background:var(--color-tarmac);width:min(480px,92vw);max-height:85vh;color:var(--color-text);border:none;border-top:3px solid var(--color-yellow);padding:1.25rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom));border-radius:.75rem;flex-direction:column;gap:.9rem;margin:auto;box-shadow:0 20px 60px #00000080}.splits-modal[open]{display:flex}.splits-modal::backdrop{background:#0b0b0db3}.splits-modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.splits-modal-header h2{font-family:var(--font-display);color:var(--color-yellow);font-size:1.3rem;font-weight:700}.splits-modal-subtitle{font-family:var(--font-body);color:var(--color-text-muted);margin-top:.15rem;font-size:.85rem}.close-splits-modal{border:1px solid var(--color-line);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;font-size:1.4rem;line-height:1}.close-splits-modal:hover{color:var(--color-text)}.close-splits-modal:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}.split-percent-group{gap:.3rem;display:flex}.split-percent-option{text-align:center;min-width:0;font-family:var(--font-display);color:var(--color-text-muted);background:var(--color-tarmac-light);border:1px solid var(--color-line);cursor:pointer;border-radius:999px;flex:1 1 0;padding:.35rem .6rem;font-size:.75rem;font-weight:600;transition:background-color .15s,color .15s}.split-percent-option[aria-pressed=true]{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-asphalt)}.split-percent-option:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}.split-percent-option:disabled{opacity:.4;cursor:not-allowed}@media (width<=480px){.splits-modal{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.split-percent-option{padding:.3rem .35rem}}.splits-note{font-family:var(--font-body);color:var(--color-text-muted);font-size:.8rem}.split-percent-hint{font-family:var(--font-body);color:var(--color-text-muted);text-align:center;font-size:.75rem;line-height:1.4}.splits-table-wrap{border:1px solid var(--color-line);border-radius:.5rem;flex:auto;min-height:0;overflow-y:auto}.splits-table{border-collapse:collapse;width:100%;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.9rem}.splits-table th,.splits-table td{text-align:left;padding:.45rem .75rem}.splits-table thead th{background:var(--color-tarmac-light);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem;font-weight:600;position:sticky;top:0}.splits-table tbody tr:not(:last-child){border-bottom:1px solid var(--color-line)}.splits-table td:last-child{color:var(--color-yellow-soft)}@media (prefers-reduced-motion:no-preference){.app-header,.pace-readout,.speed-readout,.slider-stage,.race-panel{animation:.6s both rise-in}.pace-readout{animation-delay:80ms}.speed-readout{animation-delay:.12s}.slider-stage{animation-delay:.16s}.race-panel{animation-delay:.24s}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}