:root{color-scheme:dark;--iron:#14110F;--scale:#1E1917;--edge:#3c3029;--bright:#F7F3EE;--ash:#A79A90;--heat:#F26419;--temper:#5B90B0;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--iron);color:var(--bright)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#F2641913,transparent 50%);min-height:100vh}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button,.primary{font:inherit;font-weight:650;border:1px solid var(--edge);border-radius:14px;padding:13px 20px;background:#ffffff08;color:var(--bright);cursor:pointer;min-height:48px;transition:transform .18s,background .18s,box-shadow .18s}button:hover,.primary:hover{background:#ffffff12}button:active,.primary:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--temper);outline-offset:4px}[hidden]{display:none!important}.primary{background:var(--heat);border-color:var(--heat);color:var(--iron);box-shadow:0 8px 35px #f2641925}.primary:hover{background:#fb823f}.workout-header{max-width:1320px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);gap:20px}.wordmark{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.1em}.workout-header>a:last-child{font-size:14px;color:var(--ash)}main{max-width:1280px;padding:48px 24px 24px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:24px}.eyebrow{font-size:13px;letter-spacing:.15em;font-weight:700;color:var(--heat);margin:0 0 14px}h1{font-size:clamp(34px,5vw,62px);line-height:1.06;letter-spacing:-.045em;margin:0;font-weight:760}h1 em{font-style:normal;color:var(--heat)}.intro{color:var(--ash);margin:0 0 4px}.workout-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px}.clock-panel,.metrics-panel,.plan-panel,.summary{border:1px solid var(--edge);border-radius:28px;background:linear-gradient(150deg,#29211c9e,#1a1614);padding:28px;box-shadow:0 20px 60px #0003,inset 0 1px #ffffff08;min-width:0}.clock-panel{display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 45%,#f2641915,transparent 62%),linear-gradient(160deg,#241c17,#151210)}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;font-size:14px;color:var(--ash)}h2{font-size:18px;letter-spacing:-.02em;margin:0;color:var(--bright)}.status-pill{font-size:12px;border:1px solid var(--edge);border-radius:20px;padding:5px 10px}#plan-name{font-size:20px;font-weight:700;color:var(--bright)}.dial{position:relative;width:min(100%,340px);aspect-ratio:1;margin:20px 0}.dial svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.track,.progress{fill:none;stroke-width:6}.track{stroke:#ffffff0c}.progress{stroke:var(--heat);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 9px #f2641970);transition:stroke-dashoffset .25s linear,stroke .3s}.dial.rest .progress{stroke:var(--temper);filter:drop-shadow(0 0 9px #5b90b060)}.dial-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial-content p{font-size:13px;letter-spacing:.13em;color:var(--ash);margin:12px 0}#countdown{font-size:clamp(66px,7vw,94px);font-weight:750;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.round-track{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.round-track i{width:14px;height:5px;background:#ffffff15;border-radius:3px;transition:background .3s,box-shadow .3s}.round-track i.done{background:var(--heat)}.round-track i.current{background:var(--heat);box-shadow:0 0 14px #f2641990}.instruction{text-align:center;color:var(--ash);min-height:24px}.controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;width:100%}.controls .primary{flex:1}.small{font-size:13px;color:var(--ash);line-height:1.55}.clock-panel>.small{text-align:center;max-width:42ch;margin-bottom:0}.side-stack{display:grid;gap:22px}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 8px}.metric-label{display:block;color:var(--ash);font-size:13px}.metric-row strong{display:inline-block;font-size:48px;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.unit{color:var(--ash);margin-left:8px;font-size:14px}#freshness{font-size:11px;letter-spacing:.04em}#heart-chart{width:100%;height:120px;overflow:hidden}.gridline{stroke:#ffffff0c;fill:none;stroke-dasharray:3 7}#heart-line{fill:none;stroke:var(--heat);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.input-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:block;font-size:13px;color:var(--ash);margin:16px 0}input{display:block;width:100%;margin-top:7px;padding:11px 12px;font:inherit;font-size:16px;border:1px solid var(--edge);border-radius:10px;background:#14110f;color:var(--bright)}.plan-panel form>button{width:100%}.watch-button{width:100%;margin-top:12px;border-color:#f2641955;color:var(--heat)}.cue-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;gap:18px}.cue-strip>div{border-top:1px solid var(--edge);padding:18px 4px}.cue-strip b{display:block;font-size:24px;letter-spacing:8px;color:var(--heat);height:40px}.cue-strip p{color:var(--ash);font-size:14px}.summary{margin:24px 0}.summary .primary{display:inline-block;margin:12px 0}.summary h2{font-size:32px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--ash);font-size:13px;border-top:1px solid var(--edge);padding:24px 0}footer a{color:var(--bright)}
.native-link{display:block;font-size:14px;color:var(--heat);padding:14px 0 0;text-align:center}select{display:block;width:100%;margin-top:7px;padding:11px 12px;font:inherit;font-size:16px;border:1px solid var(--edge);border-radius:10px;background:#14110f;color:var(--bright)}select:focus-visible{outline:3px solid var(--temper);outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.clock-panel,.side-stack>section{animation:arrive .65s cubic-bezier(.2,.8,.2,1) both}.side-stack>section:last-child{animation-delay:.12s}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}
@media(max-width:760px){main{padding:32px 16px}.workout-header{padding:18px 16px}.heading{display:block}.intro{margin-top:18px}.workout-grid{grid-template-columns:1fr}.clock-panel,.metrics-panel,.plan-panel{padding:22px;border-radius:22px}.dial{width:280px;max-width:100%}#countdown{font-size:80px}.cue-strip{gap:12px}.cue-strip h2{font-size:15px}.cue-strip p{font-size:13px}.input-row{gap:8px}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}