:root{font-family:Arial,Helvetica,sans-serif;color:#f6f6f7;background:#0c0d10;--red:#f01428;--muted:#b4b5bc;--border:#34373e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;isolation:isolate;background:radial-gradient(ellipse at 0 0,#f0142820,transparent 55%),#0c0d10}body:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:750px;pointer-events:none;background:linear-gradient(90deg,#0c0d10d9,transparent),linear-gradient(0deg,#0c0d10,transparent 80%),url('assets/background.webp') center top/cover no-repeat;opacity:.65}header{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;border-bottom:1px solid #ffffff15}.brand{position:relative;display:block;width:240px;height:86px;overflow:hidden}.brand img{position:absolute;width:240px;height:auto;top:-22px;left:0;mix-blend-mode:screen}header>span{font-size:10px;letter-spacing:3px;color:#d2d3d8}main{max-width:1120px;padding:38px 32px 50px;margin:auto}.intro{text-align:center}h1{font-size:clamp(32px,5vw,54px);letter-spacing:-1.5px;margin:20px 0 12px;line-height:1.08}h1 span{color:var(--red)}.intro p{font-size:15px;color:#c4c6cc;letter-spacing:2px;margin:0 0 28px}.mode-tabs{display:flex;max-width:580px;background:#14161be8;border:1px solid #42454c;border-radius:10px;overflow:hidden;margin:auto}.mode-tabs button{flex:1;border:0;padding:17px 10px;font-size:17px;font-weight:700;background:transparent;color:#c4c6cc}.mode-tabs [aria-selected=true]{background:var(--red);color:#fff}.mode-help{margin:14px 0 28px;text-align:center}.mode-help p{font-size:12px;color:#bcbec6;line-height:1.5;margin:5px 0}.mode-help strong{color:#e4e5e9}.workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:start}.card{background:linear-gradient(145deg,#1c1f24fa,#121419fa);border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:0 18px 40px #00000020}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff9aa5;outline-offset:4px}input,select{background:#11141a;border:1px solid #454954;border-radius:8px;color:white;padding:12px;width:100%;min-width:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input[type=checkbox]{width:19px;height:19px;accent-color:var(--red);flex-shrink:0}label{display:block;font-size:13px;font-weight:700;margin:0 0 9px}label small{font-weight:400;color:var(--muted);font-size:10px}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 20px}h3{font-size:16px;margin:0}.primary{border:1px solid var(--red);border-radius:9px;background:var(--red);color:white;font-weight:700;padding:14px 18px}.primary:hover:not(:disabled){background:#cf0d20}.secondary{background:#24272e;border:1px solid #4c515d;border-radius:8px;padding:10px 13px;font-size:12px}.secondary:hover:not(:disabled){background:#343840}.timer-card{text-align:center;position:sticky;top:20px}.timer-ring{--progress:0%;--phase-color:var(--red);position:relative;border-radius:50%;width:min(100%,280px);aspect-ratio:1;margin:0 auto 22px;padding:9px;background:conic-gradient(var(--phase-color) var(--progress),#363a43 0)}.timer-content{border-radius:50%;background:#13151a;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px}.phase{font-size:12px;font-weight:700;letter-spacing:3px;color:#c6c9d0;margin-bottom:14px}.time{font-size:clamp(43px,5.8vw,69px);line-height:1;letter-spacing:-2px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.time.long{font-size:38px;letter-spacing:-1px}.timer-content p{font-size:13px;color:var(--muted);margin:14px 0 0}.exercise-name{font-size:15px;font-weight:700;line-height:1.3;margin-top:12px;max-width:185px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.next{color:#c5c7cf;font-size:13px;min-height:36px;margin:0 0 15px;overflow-wrap:anywhere;line-height:1.5}.start{width:100%;font-size:17px;padding:17px}.timer-actions{display:flex;gap:10px;margin-top:12px}.timer-actions button{flex:1}.remaining{font-size:12px;color:#d3d5dc;margin:18px 0 0}.note{font-size:11px;line-height:1.6;color:var(--muted)}.timer-card>.note{max-width:290px;margin:12px auto 0}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stepper{display:flex;border:1px solid #454954;border-radius:9px;overflow:hidden;background:#13161c;align-items:center}.stepper button{border:0;background:#252933;padding:10px 8px;min-width:27px;font-size:17px}.stepper input{text-align:center;padding:12px 0;border:0;border-radius:0;background:transparent;font-size:20px;font-weight:700}.options{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid #363a43;padding-top:16px;margin:16px 0}.check{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:400;margin:0}.check select{width:auto;padding:7px;font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-head h2{margin:0}#circuit-editor{margin-top:22px;border-top:1px solid #363a43;padding-top:20px}.exercise{border:1px solid #3d424d;border-radius:10px;padding:13px;margin-bottom:12px;background:#15181e}.exercise-top{display:flex;align-items:center;gap:9px}.exercise-number{background:#f0142820;color:#ffa6af;border-radius:7px;font-size:11px;padding:6px;min-width:25px;text-align:center}.exercise-top input{flex:1;padding:10px;font-size:14px}.exercise-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;margin-top:11px}.exercise-tools .check{margin-right:auto}.icon{background:#242831;border:1px solid #454b58;border-radius:6px;padding:7px 10px;font-size:13px;min-width:34px}.icon.danger{color:#ffb0b8}.exercise-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.exercise-times label{font-size:11px;margin:0}.exercise-times input{margin-top:6px;padding:9px;font-size:14px}.add{width:100%;padding:13px}.duration{display:flex;justify-content:space-between;border-top:1px solid #363a43;padding-top:16px;margin-top:20px;font-size:13px}.duration strong{font-size:17px;font-variant-numeric:tabular-nums}.error{background:#58212b;color:#ffe1e5;border-radius:8px;font-size:12px;padding:10px;line-height:1.5}.routines{margin-top:22px}.routine{display:flex;gap:15px;align-items:center;border:1px solid #3d424d;border-radius:10px;padding:15px;margin-top:12px}.routine-load{background:none;border:0;text-align:left;padding:0;flex:1;min-width:0}.routine-title{font-size:14px;font-weight:700;display:block;overflow-wrap:anywhere}.routine-detail{font-size:11px;color:#c0c3cc;display:block;margin-top:6px}.empty{padding:15px 0;color:var(--muted);font-size:13px;line-height:1.5}.undo{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:12px}.text-btn{border:0;background:none;padding:5px;color:#ffb0b8;text-decoration:underline}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#fafafa;color:#181818;padding:13px 18px;border-radius:10px;font-size:13px;max-width:90%;box-shadow:0 8px 30px #0005}dialog{width:min(92%,460px);max-height:90vh;border:1px solid #494f5c;border-radius:14px;background:#181b22;color:#fff;padding:25px}dialog::backdrop{background:#000a}dialog p{color:#b9bdc8;font-size:13px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#new-copy-label{margin-top:16px}footer{padding:20px;text-align:center;color:#b9bdc8;font-size:9px;letter-spacing:2px;border-top:1px solid #ffffff12}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}.timer-card:fullscreen{width:100%;height:100%;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;background:#101217}.timer-card:fullscreen .timer-ring{width:min(65vh,65vw,520px)}.timer-card:fullscreen .time{font-size:clamp(55px,12vw,130px)}.timer-card:fullscreen .start,.timer-card:fullscreen .timer-actions{width:min(100%,500px)}.timer-card:fullscreen .exercise-name{max-width:350px;font-size:22px}.timer-card:fullscreen .timer-content p{font-size:20px}
@media(max-width:760px){header{padding:8px 20px}.brand{width:215px;height:75px}.brand img{width:215px;top:-20px}header>span{font-size:8px;letter-spacing:2px}main{padding:24px 18px 32px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr;gap:16px}.timer-card{position:static}.card{padding:22px 18px}.timer-ring{width:250px}.time{font-size:63px}.routines{margin-top:16px}.section-head h2{font-size:20px}.settings-grid{gap:8px}.stepper button{padding:10px 7px;min-width:26px}.stepper input{font-size:18px}.mode-help p{font-size:11px}.routine{padding:13px}.exercise-tools{gap:5px}.icon{padding:7px 8px}.exercise-name{font-size:14px}}@media(max-width:360px){.stepper button{min-width:20px;padding:10px 4px}.stepper input{font-size:16px}.settings-grid{gap:5px}.brand{width:185px;height:65px}.brand img{width:185px;top:-17px}.exercise-tools .check{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}