/* A quiet training cockpit: warm paper, pine, and a single lime signal. */
.lw-start,.lw-resume{font-family:'DM Sans',sans-serif;cursor:pointer}
.lw-start{display:flex;align-items:center;gap:12px;width:100%;padding:19px 22px;margin:0 0 24px;background:#192b25;color:#e2f49b;border:0;border-radius:16px;font-size:15px;font-weight:700;transition:transform .2s,background .2s}
.lw-start span{flex:1;text-align:left}.lw-start:hover{background:#2b4438}.lw-start:active{transform:scale(.985)}.lw-start:disabled{opacity:.45;cursor:default}
.lw-resume{display:flex;align-items:center;gap:14px;width:100%;margin:18px 0;padding:18px;border:1px solid #bac7b7;background:#e9efdf;border-radius:16px;color:#243c2d;text-align:left}.lw-resume[hidden]{display:none}.lw-resume>span:nth-child(2){flex:1}.lw-resume strong,.lw-resume small{display:block}.lw-resume small{margin-top:5px;font-size:12px}.lw-resume-icon{width:40px;height:40px;display:grid;place-items:center;background:#d5e2c4;border-radius:12px}
#live-workout{--lw-ink:#1c3027;--lw-lime:#e0efa5;--lw-paper:#f5f5ed;position:fixed;inset:0;width:min(100%,680px);max-width:100vw;height:100dvh;max-height:100dvh;margin:auto;padding:0;border:0;background:var(--lw-paper);color:var(--lw-ink);border-radius:24px;font-family:'DM Sans',sans-serif;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 100px #0005}
#live-workout::backdrop{background:#10251dde;backdrop-filter:blur(8px)}
#live-workout[open]{animation:lwReveal .4s cubic-bezier(.22,1,.36,1)}
#live-workout *{box-sizing:border-box}#live-workout button,#live-workout input,#live-workout select{font:inherit}#live-workout button{cursor:pointer}#live-workout button:disabled{cursor:default}#live-workout .ui-icon,.lw-start .ui-icon,.lw-resume .ui-icon{width:21px;height:21px;flex-shrink:0}
#live-workout button:focus-visible,#live-workout select:focus-visible{outline:3px solid #698533;outline-offset:3px}
.lw-shell{padding:24px 28px max(24px,env(safe-area-inset-bottom))}
.lw-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.lw-brand{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#718072}.lw-brand span{color:#203a2c}.lw-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d3dccb;background:transparent;color:#243c2d;border-radius:50%;transition:transform .2s}.lw-icon:hover{transform:rotate(-8deg);background:#e4ebda}
.lw-session-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.lw-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:1.8px;color:#71826b}.lw-session-head h1{font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(30px,7vw,44px);font-weight:400;line-height:1.04;margin:9px 0 0;overflow-wrap:anywhere}.lw-time{display:flex;gap:7px;align-items:center;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.lw-time .ui-icon{color:#819274}
.lw-progress{height:5px;background:#dde4d5;border-radius:10px;overflow:hidden}.lw-progress>span{display:block;height:100%;background:#557537;border-radius:10px;transition:width .6s cubic-bezier(.22,1,.36,1)}.lw-progress-label{display:flex;justify-content:space-between;margin-top:9px;font-size:9px;font-weight:700;letter-spacing:1px;color:#738167}
.lw-route{display:flex;gap:8px;overflow-x:auto;padding:22px 0 18px;scrollbar-width:thin;scrollbar-color:#bccbb4 transparent}.lw-route button{flex:0 0 80px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#819076}.lw-route button>span{width:34px;height:34px;border:1px solid #c9d5bd;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;transition:background .25s,transform .25s}.lw-route small{font-size:10px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lw-route .active>span{background:var(--lw-ink);border-color:var(--lw-ink);color:var(--lw-lime);transform:scale(1.12)}.lw-route .active{color:var(--lw-ink)}.lw-route .complete:not(.active)>span{background:#e0edc4;color:#426229}
.lw-exercise{background:#fff;border:1px solid #e1e6d9;border-radius:22px;padding:23px 22px 16px;box-shadow:0 7px 20px #30452a04;animation:lwExercise .35s cubic-bezier(.22,1,.36,1)}.lw-exercise-label{display:flex;justify-content:space-between;align-items:center}.lw-exercise-label>.ui-icon{color:#a2b18e}.lw-exercise h2{margin:14px 0 12px;font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:34px;line-height:1.06;overflow-wrap:anywhere}.lw-previous{display:flex;gap:8px;align-items:center;font-size:11px;color:#7c8876;margin:0 0 26px}.lw-previous strong{font-weight:600;color:#42583a;margin-left:5px}.lw-previous .ui-icon{width:14px!important;height:14px!important}
.lw-set-labels,.lw-set{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) 44px;gap:12px;align-items:center}.lw-set-labels{font-size:8px;font-weight:800;letter-spacing:1px;color:#8a9780;padding:0 0 10px;text-align:center}.lw-set-labels>span:first-child{text-align:left}.lw-set{padding:9px 0;border-top:1px solid #edf0e7;position:relative}.lw-set-index{font-size:11px;color:#86947c;font-weight:600}.lw-set input{min-width:0;width:100%;height:47px;background:#f2f4ed;border:1px solid transparent;border-radius:11px;text-align:center;color:#263d2d;font-weight:700!important;font-size:19px!important;font-variant-numeric:tabular-nums;appearance:textfield}.lw-set input::-webkit-inner-spin-button{appearance:none}.lw-set input:focus{outline:0;border-color:#9fb47f;box-shadow:0 0 0 3px #dbe8bf66}.lw-set.done input{background:#edf3df;color:#587332;opacity:1;-webkit-text-fill-color:#587332}.lw-set.done .lw-set-index{color:#557238}.lw-check{width:44px;height:44px;display:grid;place-items:center;background:var(--lw-ink);color:var(--lw-lime);border:0;border-radius:50%;transition:transform .2s,background .2s}.lw-check:active{transform:scale(.88)}.lw-set.done .lw-check{background:#e1edc5;color:#587b2c}.lw-set.just-completed .lw-check{animation:lwCheck .55s cubic-bezier(.2,1.5,.4,1)}.lw-set.just-completed .lw-check use{animation:lwCheckInk .35s}
.lw-set-tools{display:flex;justify-content:space-between;gap:8px;padding-top:13px}.lw-set-tools button{background:transparent;border:0;color:#6b7f59;padding:8px 0;font-size:10px!important;display:flex;align-items:center;gap:5px}.lw-set-tools .ui-icon{width:14px!important;height:14px!important}.lw-set-tools button:disabled{opacity:.35}
.lw-rest{display:flex;align-items:center;gap:14px;margin-top:16px;padding:18px 20px;background:var(--lw-ink);border-radius:19px;color:var(--lw-lime)}.lw-rest .lw-kicker{color:#a2b698;font-size:8px;letter-spacing:1.3px}.lw-rest strong{display:block;font-size:26px;font-weight:600;line-height:1;margin-top:7px;font-variant-numeric:tabular-nums}.lw-rest-orbit{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid #72885a;border-radius:50%;flex-shrink:0}.lw-rest.resting .lw-rest-orbit{background:conic-gradient(var(--lw-lime) calc(var(--rest-progress)*360deg),#516445 0);border:0}.lw-rest-orbit:before{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--lw-ink)}.lw-rest-orbit>.ui-icon{position:relative}.lw-rest-tools{margin-left:auto;text-align:right}.lw-rest-tools label{font-size:10px;color:#b8c5af;display:flex;gap:7px;align-items:center;justify-content:flex-end}.lw-rest-tools select{background:#2d4435;border:1px solid #557047;color:#e4eccf;border-radius:7px;padding:5px;font-size:11px!important}.lw-rest-tools button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#d6e4bd;padding:10px 0 0;margin-left:auto;font-size:10px!important}.lw-rest-tools button .ui-icon{width:13px!important;height:13px!important}
.lw-status{font-size:10px;line-height:1.6;text-align:center;color:#75846a;margin:15px 0;min-height:30px}.lw-footer{display:flex;gap:10px}.lw-primary,.lw-secondary{display:flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:14px 19px;border-radius:13px;font-size:12px!important;font-weight:700!important;border:0;transition:transform .2s,background .2s}.lw-primary{background:var(--lw-ink);color:var(--lw-lime);flex:1}.lw-primary:hover{background:#35543b}.lw-primary:active,.lw-secondary:active{transform:scale(.97)}.lw-secondary{background:#e6ebde;color:#435d35}.lw-confirm{margin-top:20px;padding:20px;background:#e8efdb;border:1px solid #ccd9b7;border-radius:18px;animation:lwExercise .25s}.lw-confirm h2{font-size:20px;margin:12px 0}.lw-confirm p{font-size:12px;line-height:1.6}.lw-confirm>div{display:flex;gap:10px;margin-top:18px}
.lw-summary{text-align:center}.lw-summary .lw-top{text-align:left}.lw-finish-mark{position:relative;margin:46px auto 28px;width:92px;height:92px;border-radius:50%;background:var(--lw-ink);color:var(--lw-lime);display:grid;place-items:center;animation:lwCheck .6s both}.lw-finish-mark>.ui-icon{width:43px!important;height:43px!important}.lw-finish-mark i{position:absolute;inset:-10px;border:1px solid #bdcda4;border-radius:50%;animation:lwOrbit 1s both}.lw-finish-mark i:nth-of-type(2){inset:-21px;animation-delay:.08s;opacity:.6}.lw-finish-mark i:nth-of-type(3){inset:-32px;animation-delay:.16s;opacity:.3}.lw-summary h1{font-family:'Bebas Neue',Impact,sans-serif;font-size:70px;line-height:.97;font-weight:400;margin:16px 0}.lw-summary>p{font-size:13px;color:#738367;overflow-wrap:anywhere}.lw-summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:23px 0;margin:28px 0 20px;border-top:1px solid #d8e1cb;border-bottom:1px solid #d8e1cb}.lw-summary-stats>div{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:0}.lw-summary-stats>div+div{border-left:1px solid #d8e1cb}.lw-summary-stats .ui-icon{color:#809664}.lw-summary-stats strong{font-size:24px;overflow-wrap:anywhere;max-width:100%;font-variant-numeric:tabular-nums}.lw-summary-stats span{font-size:9px;color:#7e8e72}.lw-summary-list{text-align:left}.lw-summary-list>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e0e7d6;padding:15px 0;animation:lwExercise .35s both;animation-delay:calc(var(--i)*50ms)}.lw-summary-list>div>span{font-size:10px;color:#8f9f80}.lw-summary-list strong{font-size:12px;flex:1;overflow-wrap:anywhere}.lw-summary-list small{font-size:10px;color:#7e8e70;white-space:nowrap}.lw-summary-list .ui-icon{color:#688941}.lw-summary-done{width:100%;margin-top:20px}
@keyframes lwReveal{from{opacity:0;transform:translateY(36px) scale(.985)}to{opacity:1;transform:none}}@keyframes lwExercise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes lwCheck{0%{transform:scale(.75)}60%{transform:scale(1.13)}100%{transform:scale(1)}}@keyframes lwCheckInk{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes lwOrbit{from{transform:scale(.7);opacity:0}to{transform:scale(1)}}
@media(min-width:700px){#live-workout{height:calc(100dvh - 48px);max-height:1000px}.lw-shell{padding:28px 38px}.lw-exercise{padding:28px}.lw-exercise h2{font-size:42px}}
@media(max-width:480px){#live-workout{border-radius:0}.lw-shell{padding:16px 18px max(20px,env(safe-area-inset-bottom))}.lw-top{margin-bottom:17px}.lw-exercise{padding:20px 16px 12px}.lw-set-labels,.lw-set{gap:9px}.lw-rest{padding:17px 15px;gap:10px}.lw-rest .lw-kicker{font-size:7px}.lw-footer{gap:8px}.lw-primary,.lw-secondary{padding:14px 13px}.lw-summary h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){#live-workout,#live-workout *, .lw-start{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.lw-session-open{overflow:hidden}
.lw-footer{position:sticky;bottom:-1px;padding:12px 0;background:var(--lw-paper);box-shadow:0 -12px 16px var(--lw-paper);z-index:2}
