:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#111b2d;background:#edf2f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.site-header{background:linear-gradient(110deg,#080f1b,#111e30);border-bottom:6px solid #0873f9;color:white}.header-inner{max-width:1120px;margin:auto;min-height:116px;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;gap:20px}.brand-big{font-size:43px;font-weight:950;letter-spacing:-3px;line-height:1}.brand-big span,.header-title span{color:#2584ff}.brand-small{font-size:11px;letter-spacing:4px;margin-top:4px}.header-title{font-size:24px;font-weight:850;text-align:right;line-height:1.2}.wrap{max-width:1120px;margin:28px auto;padding:0 24px}.card{background:#fff;border-radius:32px;box-shadow:0 12px 32px #18263c0b}.settings{padding:24px 28px;margin-bottom:26px}.settings h2{font-size:22px;margin:0 0 4px}.check{display:flex;align-items:center;gap:12px;font-size:18px;cursor:pointer}.check input{accent-color:#086cf3;width:23px;height:23px}.time-options{display:flex;gap:10px;margin:23px 0 26px;flex-wrap:wrap}.time-options button{border:1px solid #d7e0eb;background:#f8fafc;color:#1069df;padding:13px 19px;border-radius:12px;font-size:19px;font-weight:800;cursor:pointer}.time-options button.selected{background:#0969ee;color:white;border-color:#0969ee}.time-options button:disabled{opacity:.38;cursor:not-allowed}.settings-bottom{display:flex;gap:26px;align-items:end;flex-wrap:wrap}.settings-bottom>div{min-width:145px}.settings-bottom small{display:block;color:#6b778c;font-size:14px}.settings-bottom strong{font-size:29px;letter-spacing:-1px}.sound-check{margin-left:auto;font-weight:700;font-size:16px}.workout{padding:24px 26px 28px;text-align:center}.workout-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{background:#0b70f6;color:white;border-radius:13px 13px 13px 0;padding:13px 18px;font-weight:850;font-size:15px}.dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:end}.dot{width:9px;height:9px;border-radius:50%;background:#d7deea}.dot.current{background:#137bfb;box-shadow:0 0 0 4px #d2e6ff}.dot.done{background:#69a9ff}.workout h1{font-size:clamp(23px,4vw,38px);line-height:1.12;margin:29px 0 8px;font-weight:950;letter-spacing:-1.2px}.subtitle{color:#65768d;letter-spacing:3px;font-size:13px;font-weight:800}.image-holder{height:clamp(270px,47vw,510px);margin:17px auto 4px;display:flex;justify-content:center;align-items:center;background:white;overflow:hidden}.image-holder img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.instructions{font-size:15px;color:#51627a;line-height:1.5;margin:6px auto 16px;max-width:750px;min-height:1.5em}.timer{--arc:0deg;width:245px;height:245px;border-radius:50%;margin:10px auto 25px;background:conic-gradient(#1479fa var(--arc),#dfe7f0 var(--arc));padding:12px;display:grid;place-items:center}.timer-inside{width:100%;height:100%;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-number{font-size:clamp(43px,7vw,60px);font-weight:900;letter-spacing:-2px;font-variant-numeric:tabular-nums}.timer-phase{color:#596e89;font-size:18px;font-weight:850;letter-spacing:3px}.next{background:#f0f5fb;padding:16px;border-radius:18px;margin:0 auto 22px;font-size:19px}.next strong{color:#116ff0}.controls{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr;gap:10px}.control{border-radius:17px;padding:15px 10px;min-height:70px;font-weight:850;font-size:17px;cursor:pointer}.control:disabled{opacity:.4;cursor:not-allowed}.primary{border:2px solid #096af4;background:#096af4;color:white}.secondary{background:#f9fbfd;border:2px solid #cdd8e6;color:#101e32}.status{font-size:14px;color:#667790;margin-top:12px;min-height:18px}.progress-box{background:#0a1423;color:white;margin-top:28px;border-radius:32px;padding:30px}.progress-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-heading h2,.progress-heading strong{font-size:20px;margin:0}.progress-track{height:13px;background:#283a4c;border-radius:99px;margin:25px 0;overflow:hidden}.progress-track>div{height:100%;width:0;background:#157afa;transition:width .25s}.gallery{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 0 12px}.gallery-item{scroll-snap-align:start;flex:0 0 165px;background:#f3f6fa;color:#132039;border:4px solid transparent;border-radius:19px;padding:10px 8px 16px;cursor:pointer;text-align:center}.gallery-item.current{border-color:#2780ff}.gallery-item.done{border-color:#90bfff}.gallery-item img{background:white;width:100%;height:110px;object-fit:contain;border-radius:12px}.gallery-item b{display:block;font-size:20px;margin:7px 0 2px}.gallery-item span{font-size:14px;line-height:1.2;display:block}footer{color:#6c7e95;text-align:center;line-height:1.6;padding:26px 0 36px;font-size:15px}button:focus-visible,input:focus-visible{outline:3px solid #62a7ff;outline-offset:3px}@media(max-width:640px){.header-inner{min-height:99px;padding:20px}.brand-big{font-size:34px}.brand-small{font-size:8px;letter-spacing:3px}.header-title{font-size:16px}.wrap{padding:0 15px;margin-top:20px}.settings,.workout{padding:20px 16px}.card,.progress-box{border-radius:26px}.settings-bottom{gap:15px}.settings-bottom>div{min-width:105px}.settings-bottom strong{font-size:24px}.sound-check{margin-left:0}.workout h1{margin-top:24px}.image-holder{height:320px}.timer{width:210px;height:210px}.controls{grid-template-columns:1fr 1fr;gap:9px}.control{min-height:62px;font-size:15px}.progress-box{padding:22px 18px}.progress-heading h2,.progress-heading strong{font-size:15px}.gallery-item{flex-basis:150px}.subtitle{letter-spacing:1.5px}}
