:root{color:#f6f7f1;font-synthesis:none;text-rendering:optimizelegibility;background:#111512;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer}:root{--ink:#f6f7f1;--muted:#a4ada4;--line:#f6f7f129;--lime:#c9fb4b;--orange:#ff754d}.library{min-height:100svh;color:var(--ink);background:radial-gradient(at 12% 95%,#2d4727,#0000 42%),#111512;padding:24px clamp(20px,5vw,80px)}.library header,.ride-head,.ride-footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.library header b{letter-spacing:1px;font:700 25px Arial Narrow,sans-serif}.library header em{color:var(--lime);font-style:normal}.library header span,p{color:var(--muted);letter-spacing:.7px;font:11px ui-monospace,monospace}.intro{justify-content:space-between;align-items:end;padding:clamp(38px,10vh,88px) 0 32px;display:flex}.intro p,.ride p{margin:0 0 10px}.intro h1{letter-spacing:0;margin:0;font:700 clamp(52px,8vw,100px)/.8 Impact,Arial Narrow,sans-serif}.import{border:1px solid var(--line);cursor:pointer;align-items:center;gap:8px;padding:13px 16px;font-size:14px;display:flex}.import input{display:none}.workouts{border-top:1px solid var(--line)}.workouts button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:98px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:54px 1fr auto 25px;align-items:center;gap:18px;padding:17px 0;display:grid}.workouts button:hover{background:#c9fb4b14}.workouts i,.workouts time{color:var(--muted);font:12px ui-monospace,monospace}.workouts time{color:var(--lime)}.workouts span{gap:6px;display:grid}.workouts strong{text-transform:uppercase;font:600 clamp(22px,3vw,33px)/.95 Arial Narrow,sans-serif}.workouts small{color:var(--muted);font-size:13px}.ride{min-height:100svh;color:var(--ink);background:#151a15;flex-direction:column;padding:18px clamp(18px,3vw,48px) 14px;display:flex}.ride.sprint,.ride.attack{background:#2b1814}.ride.recovery,.ride.cooldown{background:#132227}.ride.flash{animation:.55s steps(2,start) infinite stage-alert}.ride-head{height:38px;padding-bottom:13px}.ride-head button{color:var(--muted);background:0 0;border:0;padding:0;font:11px ui-monospace,monospace}.ride-head>span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.ride-head small{color:var(--muted);font:11px ui-monospace,monospace}.ride-head>b{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font:11px ui-monospace,monospace;display:flex}.ride-head .online{color:var(--lime)}.metrics{flex:1;grid-template-columns:1.2fr 1fr 1fr;min-height:0;display:grid}.metrics>div{border-bottom:1px solid var(--line);flex-direction:column;min-width:0;padding:clamp(22px,5vh,46px) clamp(18px,3vw,48px);display:flex}.metrics>div+div{border-left:1px solid var(--line)}.effort h1{text-transform:uppercase;margin:0;font:700 clamp(62px,9vw,130px)/.75 Impact,Arial Narrow,sans-serif}.effort>strong{color:var(--lime);margin-top:19px;font-size:clamp(15px,2vw,23px)}.effort footer{gap:4px;margin-top:auto;display:grid}.effort footer span,.target>span{color:var(--muted);font:12px ui-monospace,monospace}.effort footer b{font:600 clamp(32px,5vw,62px)/1 ui-monospace,monospace}.target>b{color:var(--lime);margin:auto 0 5px;font:700 clamp(64px,9vw,125px)/.7 Impact,Arial Narrow,sans-serif}.target>b i{color:var(--muted);font-style:normal}.target footer{color:var(--muted);font-size:13px}.target footer strong{float:right;color:var(--ink);font:600 34px/1 Arial Narrow,sans-serif}.target footer small{color:var(--muted);font-size:17px}.actual{background:#00000021}.actual>b{color:var(--muted);margin:auto 0 9px;font:700 clamp(68px,10vw,145px)/.7 Impact,Arial Narrow,sans-serif}.actual>span{color:var(--muted);font-size:clamp(13px,1.8vw,18px);font-weight:600}.actual.good>b,.actual.good>span{color:var(--lime)}.ride nav{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:15px;height:76px;display:flex}.ride nav button{width:46px;height:46px;color:var(--ink);border:1px solid var(--line);background:0 0;place-items:center;display:grid}.ride nav .go{background:var(--lime);border-color:var(--lime);color:#172017;gap:10px;width:auto;min-width:164px;padding:0 18px;font-weight:700;display:flex}.ride-footer{border:0;min-height:56px;padding-top:12px}.ride-footer p{margin:0 0 4px}.ride-footer>div:first-child b{text-transform:uppercase;font:600 18px Arial Narrow,sans-serif}.socket{color:var(--muted);align-items:center;gap:8px;display:flex}.socket input{width:180px;color:var(--muted);border:0;border-bottom:1px solid var(--line);background:0 0;outline:0;padding:5px 0;font:11px ui-monospace,monospace}.socket button{width:30px;height:30px;color:var(--ink);border:1px solid var(--line);background:0 0;place-items:center;padding:0;display:grid}@media (width<=700px) and (orientation:portrait){.intro{flex-direction:column;align-items:start;gap:24px}.metrics{grid-template-columns:1fr}.metrics>div+div{border-left:0;border-top:1px solid var(--line)}.metrics>div{min-height:190px}.ride{overflow:auto}.ride-footer{flex-direction:column;align-items:flex-start}.socket{width:100%}.socket input{flex:1}.ride-head>b{display:none}}@keyframes stage-alert{50%{background-color:#9d311e}}.workout-card{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;display:grid}.workouts .workout-start{border-bottom:0}.workouts .workout-info{width:42px;height:42px;min-height:42px;color:var(--lime);border:1px solid var(--line);background:0 0;grid-template-columns:1fr;place-items:center;gap:0;margin-right:8px;padding:0;display:grid}.workouts .workout-info:hover{background:#c9fb4b24}.details-backdrop{z-index:10;background:#040705cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.details-panel{border:1px solid var(--line);width:min(720px,100%);max-height:calc(100svh - 40px);color:var(--ink);background:#182019;padding:26px;overflow:auto}.details-panel header{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:17px;display:flex}.details-panel h2{text-transform:uppercase;margin:0;font:600 clamp(28px,4vw,44px)/1 Arial Narrow,sans-serif}.details-panel h3{color:var(--lime);text-transform:uppercase;margin:22px 0 7px;font-size:14px}.details-panel p,.details-panel li{color:#d5ddd3;letter-spacing:0;font:14px/1.5 system-ui,sans-serif}.details-panel header p{color:var(--muted);margin:0 0 7px;font:11px ui-monospace,monospace}.details-panel header button{width:34px;height:34px;color:var(--ink);border:1px solid var(--line);background:0 0;place-items:center;display:grid}.detail-goal{margin:20px 0;font-weight:600;font-size:17px!important}.details-panel ul{margin:0;padding-left:20px}.details-panel li+li{margin-top:7px}.workout-purpose{margin-top:26px}.workout-purpose article{border-left:3px solid var(--lime);background:#c9fb4b12;padding:20px}.workout-purpose p{margin:0 0 8px}.workout-purpose strong{font-size:18px;display:block}.workout-purpose small{color:#d5ddd3;max-width:900px;margin-top:10px;font-size:13px;line-height:1.45;display:block}.workout-purpose ul{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;margin:15px 0 0;padding-left:18px;font-size:13px;display:grid}
