:root{font-family:Arial,Helvetica,sans-serif;color:#f5f5f6;background:#0b0c0e;--accent:#df302d;--muted:#b8bbc2;--border:#34373d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;isolation:isolate;min-height:100vh;background:radial-gradient(ellipse at 100% 0,rgba(223,48,45,.15),transparent 48%),radial-gradient(ellipse at 0 80%,rgba(223,48,45,.08),transparent 35%),#0b0c0e}body:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:960px;background:linear-gradient(90deg,#0b0c0e 0%,rgba(11,12,14,.62) 48%,rgba(11,12,14,.38)),linear-gradient(0deg,#0b0c0e,transparent 55%),url('assets/running-background.png') right top / cover no-repeat;opacity:.85}header,main,footer{max-width:1120px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid rgba(255,255,255,.12);gap:20px}.brand-image{display:block;position:relative;width:280px;height:92px;overflow:hidden;flex-shrink:0}.brand-image img{display:block;width:280px;height:auto;position:absolute;top:-29px;left:0;mix-blend-mode:screen}.tagline{font-size:10px;letter-spacing:2.2px;color:#d4d5d8}main{padding:58px 32px 40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--muted)}.intro{padding-bottom:18px;max-width:650px}h1{font-size:clamp(46px,6.5vw,84px);line-height:1.02;letter-spacing:-3.5px;margin:20px 0}h1 span{color:var(--accent)}p{line-height:1.5}.intro p{font-size:17px;color:#d4d5d9;margin:22px 0 32px}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:stretch}.calculator,.result,#splits{border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#1b1e22,#111316);box-shadow:0 20px 50px rgba(0,0,0,.22)}.calculator{padding:30px}.tabs{display:flex;gap:4px;background:#101216;padding:4px;border:1px solid #34373d;border-radius:9px;margin-bottom:28px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.tabs button{flex:1;border:0;background:transparent;padding:12px 6px;border-radius:6px;font-size:14px;color:#c4c7cd}.tabs button[aria-selected=true]{background:var(--accent);color:white}label,legend{font-size:13px;font-weight:700;margin-bottom:10px;display:block}label small{float:right;color:var(--muted);font-weight:400}input{width:100%;background:#121519;border:1px solid #484c54;border-radius:8px;padding:15px;font-size:24px;font-weight:600;color:#fff}input:focus,select:focus,button:focus-visible{outline:2px solid #ff7774;outline-offset:3px}.presets{display:flex;gap:7px;margin:10px 0 25px}.presets button{flex:1;padding:9px 6px;background:#202329;border:1px solid #484c54;border-radius:6px;font-size:12px}.presets .selected{border-color:var(--accent);background:var(--accent);color:white}fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}.time-inputs{display:flex;align-items:flex-start;gap:10px}.time-inputs label{flex:1;min-width:0;text-align:center;color:var(--muted);font-size:11px;font-weight:400}.time-inputs input{text-align:center;margin-bottom:8px;padding:13px 5px}.time-inputs b{padding-top:16px}.calculate{width:100%;padding:17px;border:0;background:var(--accent);color:white;font-weight:700;border-radius:8px;text-align:left;transition:background .15s}.calculate:hover{background:#c62422}.calculate span{float:right;font-size:20px}.micro-note{font-size:11px;color:var(--muted)}.calculator .micro-note{margin-bottom:0}.result{padding:38px;position:relative;overflow:hidden;min-width:0;min-height:385px}.result .eyebrow{color:#c4c7cd}.result-number{margin-top:38px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;position:relative;z-index:1}.result-number #value{font-size:clamp(46px,7vw,90px);font-weight:700;letter-spacing:-3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-number #unit{font-size:16px;color:var(--muted)}.result #summary{color:#d4d6db;font-size:14px}.result-detail{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:13px;margin-top:30px;padding-top:20px;border-top:1px solid #3b3e44;color:var(--muted);position:relative;z-index:1}.result-detail strong{color:white}.result-logo{position:absolute;bottom:20px;right:25px;width:76px;height:76px;object-fit:contain;border-radius:8px;opacity:.55;mix-blend-mode:screen}.result{padding-bottom:120px}#splits{margin-top:28px;padding:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font-size:28px;letter-spacing:-.8px;margin:10px 0 25px}.secondary{background:#17191d;border:1px solid #555b65;border-radius:7px;padding:11px 14px;font-size:12px}.secondary:hover{background:#262a30}select{border:1px solid #484c54;border-radius:8px;background:#171a1f;color:#f5f5f6;padding:13px;width:100%;max-width:460px;font-size:13px}.strategy-note{font-size:12px;color:#c0c3ca}.table-wrap{max-height:410px;overflow:auto;border:1px solid #3c4047;border-radius:9px;margin-top:20px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;font-variant-numeric:tabular-nums}th{background:#252930;color:#d7d9df;font-size:11px;font-weight:600;position:sticky;top:0}td,th{padding:15px 20px;border-bottom:1px solid #34383f}tr:last-child td{border-bottom:0;background:#202329;font-weight:700}footer{padding:25px 32px;border-top:1px solid #34373d;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}#error{color:#ffaaa8;font-size:13px}[hidden]{display:none!important}.plan-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.plan-controls select{max-width:none}.plan-controls label{font-size:12px}
@media(max-width:650px){body:before{height:650px;background-position:70% top;background-size:auto 650px;opacity:.5}header{padding:14px 20px;gap:8px;flex-wrap:wrap}.brand-image{width:220px;height:72px}.brand-image img{width:220px;top:-23px}.tagline{font-size:9px;letter-spacing:1.8px;padding-bottom:8px}main{padding:34px 18px}h1{letter-spacing:-2px}.intro p{font-size:15px;max-width:270px}.intro{padding-bottom:0}.workspace{grid-template-columns:1fr;gap:16px}.calculator{padding:22px}.result{min-height:300px;padding:27px 27px 95px}.result-number{margin-top:22px}.result-number #value{font-size:62px}.result-detail{margin-top:20px}.result-logo{width:55px;height:55px;bottom:15px;right:22px}#splits{padding:22px 16px;margin-top:22px}.section-heading{align-items:flex-start}h2{font-size:23px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.secondary{white-space:nowrap;padding:10px;font-size:11px}td,th{padding:13px 10px;font-size:11px}footer{padding:20px}.plan-controls{grid-template-columns:1fr;gap:14px}#step-control{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}