:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#202020;color:#f5f5f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.36}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{color:inherit;border:0}button:hover:not(:disabled){filter:brightness(1.12)}.app{max-width:1100px;margin:auto;padding:32px 40px 24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{background:linear-gradient(130deg,#ff6657,#f31a53);color:#232323;border-radius:12px;font-size:32px;font-weight:600;width:44px;height:44px;display:grid;place-items:center}h1{font-size:23px;letter-spacing:-.7px;margin:0;font-weight:650}.icon-button{width:44px;height:44px;background:#303030;border-radius:50%;display:grid;place-items:center}.icon-button[aria-pressed=false] .waves{opacity:.18}.layout{display:grid;grid-template-columns:1.13fr 1fr;gap:56px}.timer-panel{min-width:0}.timer-face{position:relative;border-radius:28px;background:linear-gradient(135deg,#ff7059 0%,#ff405a 49%,#f21151 100%);color:#21181a;text-align:center;padding:44px 24px 88px;min-height:430px;box-shadow:0 14px 45px #0002;transition:background .3s}.timer-face[data-phase=work]{background:linear-gradient(135deg,#6cf4b8,#32cc97)}.timer-face[data-phase=rest]{background:linear-gradient(135deg,#ff758c,#f42f63)}.timer-face[data-phase=roundRest]{background:linear-gradient(135deg,#ffe292,#f2c354)}.timer-face[data-phase=done]{background:linear-gradient(135deg,#a1a9ff,#7c86ed)}.status-line{display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:650;min-height:24px}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.clock{font-size:clamp(68px,7.7vw,110px);line-height:1.2;font-weight:650;letter-spacing:-6px;font-variant-numeric:tabular-nums;margin:34px -12px 21px}.counters{display:flex;justify-content:center;align-items:center;gap:15px;font-size:14px;font-weight:600}.divider{height:12px;width:1px;background:#21181a55}.phase-progress{height:4px;border-radius:8px;background:#21181a24;margin:29px auto 15px;max-width:230px;overflow:hidden}.phase-progress>div{height:100%;background:#21181a;width:0;transition:width .1s linear}.next{font-size:13px;opacity:.8;line-height:1.5}.play-dock{position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);background:#202020;padding:11px;border-radius:50%}.play{height:94px;width:94px;border-radius:50%;background:#101010;color:#ff4f61;display:grid;place-items:center;box-shadow:0 6px 15px #0005}.play svg{height:39px;width:39px;fill:currentColor;stroke:currentColor;stroke-width:0}.play:active{transform:scale(.97)}.timer-face[data-phase=work] .play{color:#5ce0aa}.timer-face[data-phase=roundRest] .play{color:#ffdd83}.timer-face[data-phase=done] .play{color:#969ff7}.timer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:57px;gap:10px}.text-button{background:none;display:flex;align-items:center;gap:6px;font-size:12px;padding:10px 0;color:#bbb;min-height:40px}.text-button svg{width:17px;height:17px}.timer-footer>span{font-size:12px;color:#a6a6a6}.workout-progress{margin-top:29px}.total-line{display:flex;justify-content:space-between;font-size:14px;color:#9d9d9d;margin-bottom:12px}.total-line strong{color:#ddd;font-size:15px;font-variant-numeric:tabular-nums}.total-track{background:#343434;height:5px;border-radius:5px;overflow:hidden}.total-track>div{width:0;height:100%;background:#f9546b}.screen-note{font-size:12px;color:#929292;text-align:center;margin:22px 0 0;line-height:1.5}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-heading h2{margin:0;font-size:17px;letter-spacing:-.3px;font-weight:600}.section-heading>span{font-size:12px;color:#939393}.load-button{background:#343434;width:100%;border-radius:12px;display:flex;align-items:center;gap:13px;text-align:left;padding:17px 18px;font-size:14px;color:#ddd;margin-bottom:16px}.load-button>svg{color:#bdbdbd;width:21px;height:21px}.load-chevron{margin-left:auto}.setting{display:flex;align-items:center;gap:15px;min-height:86px;padding:16px 18px;border-radius:16px;margin-bottom:11px;background:var(--surface);color:var(--accent)}.work{--surface:#283d33;--accent:#69e4ac}.rest{--surface:#42292f;--accent:#ff6689}.exercises{--surface:#343434;--accent:#d0d0d0}.rounds{--surface:#2e3043;--accent:#97a0ff}.roundRest{--surface:#423d2c;--accent:#f8d77e}.setting-icon{display:flex}.setting-icon svg{width:29px;height:29px;stroke-width:1.8}.setting-label{color:#eee;flex:1;min-width:0;font-size:19px;font-weight:550;letter-spacing:-.2px;line-height:1.3}.setting-label small{display:block;font-size:12px;color:#d8d8d8a6;font-weight:400;letter-spacing:0;margin-top:3px}.setting input{width:104px;min-width:0;border:0;background:transparent;color:var(--accent);font-size:29px;font-weight:600;text-align:right;border-bottom:1px solid transparent;border-radius:0;padding:6px 0;outline-offset:3px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.setting input:hover:not(:disabled){border-bottom-color:currentColor}.setting input:disabled{opacity:.6}.setting input[type=number]{appearance:textfield;-moz-appearance:textfield;width:69px}.setting input::-webkit-inner-spin-button,.setting input::-webkit-outer-spin-button{appearance:none}.number-unit{display:flex;align-items:center;gap:2px;font-size:27px;font-weight:550}.setting input[aria-invalid=true]{border-bottom-color:#ff7575}.error{color:#ff939f;font-size:13px;line-height:1.5}.sound-settings{border-top:1px solid #3a3a3a;margin-top:26px;padding-top:24px}.small-button{background:#363636;color:#d8d8d8;border-radius:8px;font-size:12px;padding:8px 12px;min-height:36px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;font-size:14px}.toggle-row small{display:block;color:#909090;font-size:12px;margin-top:5px}.toggle-row input{appearance:none;flex-shrink:0;width:38px;height:22px;background:#4b4b4b;border-radius:20px;margin:0;position:relative;cursor:pointer;transition:background .2s}.toggle-row input:checked{background:#ed4763}.toggle-row input:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .2s}.toggle-row input:checked:before{transform:translateX(16px)}.volume-row{display:flex;align-items:center;gap:16px;font-size:12px;color:#9c9c9c;margin-top:24px}.volume-row input{flex:1;min-width:40px;accent-color:#f54a65;cursor:pointer}.volume-row span:last-child{min-width:38px;text-align:right}.app-footer{display:flex;justify-content:space-between;margin-top:42px;padding-top:20px;border-top:1px solid #353535;color:#6e6e6e;font-size:10px;letter-spacing:1.5px;gap:12px}.app-footer span:last-child{letter-spacing:.3px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#f2f2f2;color:#222;padding:13px 20px;border-radius:12px;font-size:14px;max-width:calc(100% - 32px);width:max-content;box-shadow:0 8px 30px #0007;z-index:5}.timer-face.urgent .clock{color:#790d24}.timer-face.paused .phase-progress>div{opacity:.45}@media(min-width:1200px){.app{padding-top:48px}.header{margin-bottom:48px}}@media(max-width:760px){.app{max-width:480px;padding:20px 20px 24px}.header{margin-bottom:22px}h1{font-size:20px}.brand-mark{width:37px;height:37px;border-radius:10px;font-size:28px}.layout{grid-template-columns:1fr;gap:30px}.timer-face{padding:27px 18px 70px;min-height:325px;border-radius:23px}.clock{font-size:88px;letter-spacing:-4px;margin:17px -10px 13px}.phase-progress{margin:21px auto 10px}.play{width:80px;height:80px}.play svg{width:34px;height:34px}.play-dock{bottom:-35px;padding:10px}.timer-footer{margin-top:43px}.workout-progress{margin-top:12px}.screen-note{margin-top:13px}.settings>.section-heading{margin-bottom:14px}.setting{min-height:78px;padding:14px 17px}.sound-settings{margin-top:22px}.app-footer{margin-top:28px;font-size:9px;letter-spacing:1px}}@media(max-width:360px){.app{padding:16px 14px}.setting{gap:12px;padding:14px}.setting-label{font-size:17px}.setting input{font-size:26px;width:92px}.section-heading>span{font-size:11px}.clock{font-size:76px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.clock.long{font-size:clamp(38px,5vw,62px);letter-spacing:-2px}@media(max-width:760px){.clock.long{font-size:48px;letter-spacing:-2px}}