.workoutRail{display:flex;align-items:stretch;gap:4px;min-height:76px;margin:18px 0 12px;overflow-x:auto;scrollbar-width:none}.workoutRail::-webkit-scrollbar{display:none}.railSegment{position:relative;flex-basis:0;min-width:40px;min-height:76px;padding:10px 5px;border-radius:10px;border:1px solid transparent;color:#dce8e2;font-size:.68rem;font-weight:850;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.railSegment[data-effort="easy"]{background:#213a31}.railSegment[data-effort="moderate"]{background:#316449}.railSegment[data-effort="hard"]{background:#9b6b25;color:#fff4d8}.railSegment.selected{border-color:#b9f7c8;box-shadow:0 0 0 2px rgba(123,241,175,.28);transform:translateY(-2px)}.segmentEditor{padding:14px;border:1px solid #2c4139;border-radius:15px;background:#111c18}.segmentEditorHeading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px}.segmentEditorHeading small{display:block;color:#7bf1af;font-size:.67rem;font-weight:900;letter-spacing:.12em}.segmentEditorHeading h3{margin:3px 0 0;font-size:1.1rem}.segmentEditorHeading>span{color:#9cafaa;font-size:.78rem;white-space:nowrap}.segmentMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.segmentMetrics>div{min-width:0}.segmentMetrics>div>span{display:block;margin-bottom:5px;color:#9cafaa;font-size:.66rem;font-weight:800}.segmentMetrics>div>small{display:block;margin-top:3px;text-align:center;color:#70827c;font-size:.58rem}.stepper{display:grid;grid-template-columns:28px minmax(36px,1fr) 28px;align-items:center;min-height:38px;border:1px solid #30463e;border-radius:10px;overflow:hidden;background:#0b1210}.stepper button{min-height:38px;padding:0;border:0;border-radius:0;background:#182720;color:#dfffe8;font-size:1.2rem}.stepper output{text-align:center;color:#fff;font-size:.78rem;font-weight:900}.saveWorkoutRow{display:flex;align-items:center;gap:10px;margin:12px 0 18px}.saveWorkoutRow button{min-height:44px;padding:9px 15px}.saveWorkoutRow span{color:#9cafaa;font-size:.76rem}.savedWorkoutsPanel{margin-top:22px;padding-top:18px;border-top:1px solid #263a33}.savedHeading{display:flex;align-items:center;justify-content:space-between}.savedHeading h2{margin:0 0 10px;font-size:1rem}.savedWorkouts{display:grid;gap:8px}.savedWorkout{display:grid;gap:10px;padding:12px;border:1px solid #293d36;border-radius:13px;background:#101915}.savedWorkoutCopy{display:grid;gap:3px}.savedWorkoutCopy b{font-size:.9rem}.savedWorkoutCopy span{color:#9cafaa;font-size:.72rem}.savedWorkoutActions{display:flex;gap:6px;overflow-x:auto}.savedWorkoutActions button{min-height:36px;padding:7px 10px;border-radius:9px;font-size:.7rem}.savedWorkoutActions button:first-child{background:#7bf1af;color:#07110c;border-color:#7bf1af}.liveSegmentRail{display:flex;gap:3px;height:13px;width:100%;overflow:hidden}.liveSegmentRail i{position:relative;flex-basis:0;min-width:4px;border-radius:3px;background:#22312c;overflow:hidden}.liveSegmentRail i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill,0);background:#7bf1af}.liveSegmentRail i[data-effort="moderate"]::after{background:#69dca0}.liveSegmentRail i[data-effort="hard"]::after{background:#e3b45f}.liveSegmentRail i.current{outline:1px solid rgba(255,255,255,.78);outline-offset:-1px}.upNext{min-height:16px;margin-top:5px;color:#9cafaa;font-size:clamp(.66rem,2.7vw,.8rem);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:370px){.railSegment{min-width:36px;font-size:.62rem}.segmentEditor{padding:11px}.segmentMetrics{gap:5px}.stepper{grid-template-columns:25px minmax(32px,1fr) 25px}.stepper output{font-size:.7rem}}
