.focus-workout{--safe:env(safe-area-inset-bottom);--safe-top:env(safe-area-inset-top);max-width:520px;min-height:calc(100dvh - 112px);margin:0 auto;padding-bottom:calc(92px + var(--safe));position:relative}.focus-top{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px 4px}.focus-top>a{font-size:34px;text-decoration:none;color:var(--ink)}.focus-top div{display:grid}.focus-top span{font-size:12px;color:var(--muted)}.focus-top button{border:0;background:none;color:var(--muted);padding:10px}.focus-progress{height:4px;background:#dfe4dc;border-radius:9px;overflow:hidden;margin-bottom:12px}.focus-progress i{display:block;height:100%;width:0;background:var(--green);transition:width .25s}.set-screen{display:none;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;animation:stepin .22s ease}.set-screen.active{display:block}@keyframes stepin{from{opacity:.25;transform:translateX(12px)}to{opacity:1;transform:none}}.exercise-visual{height:260px;background:#f1f3ef;display:grid;place-items:center;position:relative;overflow:hidden;padding:18px 24px}.exercise-visual img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;border-radius:14px}.exercise-visual small{position:absolute;bottom:7px;right:9px;background:#ffffffd9;padding:4px 7px;border-radius:7px;font-size:9px;color:var(--muted)}.visual-fallback{text-align:center;color:var(--muted)}.visual-fallback span{display:grid;place-items:center;margin:auto;width:70px;height:70px;background:var(--green);color:var(--lime);border-radius:22px;font:700 44px Georgia}.set-content{padding:24px}.set-kind{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--green)}.set-content h1{font-size:38px;margin:8px 0}.set-position,.tech-note{color:var(--muted);line-height:1.5}.focus-form{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 14px}.focus-form label{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center}.focus-form label span{display:block;font-size:10px;text-transform:uppercase;color:var(--muted)}.focus-form input{width:100%;border:0;background:transparent;text-align:center;font:700 22px inherit;padding:8px 0;outline:none}.complete-set{grid-column:1/-1;border:0;border-radius:14px;background:var(--green);color:#fff;padding:16px;font:700 16px inherit}.is-complete .complete-set{background:#dfeadf;color:var(--green)}.step-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 2px}.step-nav button{border:0;background:none;padding:11px;color:var(--green);font-weight:700}.step-nav button:disabled{opacity:.3}.step-nav div{display:flex;gap:4px;max-width:250px;overflow:hidden}.step-nav i{width:6px;height:6px;border-radius:50%;background:#d2d6d0;flex:0 0 auto}.step-nav i.done{background:#8eb59a}.step-nav i.active{background:var(--green);transform:scale(1.5)}.auto-rest{position:fixed;left:50%;bottom:calc(10px + var(--safe));transform:translateX(-50%);width:min(500px,calc(100% - 20px));background:#17251d;color:#fff;border-radius:18px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 40px #0005;z-index:10}.auto-rest[hidden]{display:none}.auto-rest>div:first-child{display:grid}.auto-rest span{font-size:10px;color:#b8c6bd;text-transform:uppercase}.auto-rest b{font-size:27px}.auto-rest>div:last-child{display:flex;gap:5px}.auto-rest button{border:0;border-radius:9px;padding:10px;background:#ffffff18;color:#fff}.auto-rest #timerSkip{background:var(--lime);color:var(--ink);font-weight:700}.workout-finished{text-align:center;background:#fff;border-radius:24px;padding:55px 25px}.workout-finished>span{display:grid;place-items:center;width:70px;height:70px;margin:auto;background:var(--lime);color:var(--green);border-radius:50%;font-size:35px}@media(max-width:650px){.topbar{display:none}.shell{padding:0 10px 80px}.focus-workout{min-height:100dvh}.focus-top{position:sticky;top:0;background:var(--paper);z-index:20;padding-top:calc(10px + var(--safe-top));min-height:calc(64px + var(--safe-top))}.set-screen{border-radius:18px}.exercise-visual{height:clamp(210px,31dvh,270px);min-height:0;max-height:none;padding:14px 18px}.set-content{padding:20px}.set-content h1{font-size:32px}.focus-form input{font-size:20px}.tech-note{font-size:13px;margin-bottom:0}}