:root{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,sans-serif;color:#173844;background:#eef6f8;font-synthesis:none;--accent:#12637a}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.file-button{min-height:48px;min-width:48px;border:1px solid #9ab6c0;border-radius:12px;background:#fff;color:#173844;padding:10px 16px;cursor:pointer;font-weight:600}button:hover,.file-button:hover{background:#dcecf0}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #a65e12;outline-offset:3px}button.primary{background:#12637a;border-color:#12637a;color:#fff}button.primary:hover{background:#0d4d60}button.danger{color:#9a3434}button[hidden],[hidden]{display:none!important}#app{max-width:900px;margin:auto;padding:20px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdd2d9;padding:8px 0 22px;margin-bottom:32px}header a{text-decoration:none;letter-spacing:.12em;font-size:15px;font-weight:850;color:#12637a;display:flex;gap:6px;min-height:44px;align-items:center}header a span{font-weight:400}small,.muted,footer{font-size:13px;color:#4c6974;line-height:1.7}h1{font-size:32px;letter-spacing:-.03em;margin:10px 0 16px}h2{font-size:20px;margin:0}p{line-height:1.7}.title-row,.card-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;color:#12637a;margin:0}.intro{color:#4c6974;margin:0 0 26px}.workout-list{display:grid;gap:16px}article,.tools,.empty{background:#fff;border:1px solid #d3e2e7;border-radius:20px;padding:24px}.card-title h2{overflow-wrap:anywhere}.card-title strong{font-family:ui-monospace,monospace;color:#12637a;font-size:24px;white-space:nowrap}article p{color:#4c6974}.actions{display:flex;gap:8px;flex-wrap:wrap}.tools{margin-top:28px;background:transparent}.tools h2{margin-bottom:16px}.sound{display:inline-flex;gap:10px;align-items:center;min-height:48px;margin-right:12px}.sound input{width:24px;height:24px}.tools .actions{margin-top:16px}.file-button{position:relative;display:inline-flex;align-items:center;overflow:hidden}.file-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.file-button:focus-within{outline:3px solid #a65e12;outline-offset:3px}.empty{text-align:center;padding:42px 20px}.empty-symbol{display:block;font-size:64px;color:#12637a}.empty p{color:#4c6974}footer{text-align:center;margin-top:28px}#notice,.warning{background:#fff1cb;color:#684400;border-radius:12px;padding:14px;overflow-wrap:anywhere}.reload{margin-bottom:20px}form{margin-top:24px}input:not([type=checkbox]):not([type=file]){border:1px solid #9ab6c0;background:#fff;color:#173844;border-radius:10px;padding:12px;min-height:48px;width:100%}.name-label{display:grid;gap:8px;font-weight:650}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}fieldset{border:1px solid #bdd2d9;border-radius:14px;margin:0;padding:14px;min-width:0}legend{font-weight:650;padding:0 6px}.time-input{display:flex;gap:12px}.time-input label{display:flex;align-items:center;gap:6px;min-width:0}.time-input input{min-width:0}fieldset small{display:block;margin-top:8px}.total{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #bdd2d9;border-bottom:1px solid #bdd2d9;margin:20px 0}.total output,.total strong{font-size:28px;font-family:ui-monospace,monospace}#form-error{color:#9a3434}.timer-screen{max-width:600px;margin:auto;text-align:center}.timer-screen h1{overflow-wrap:anywhere}.dial{--phase:#12637a;--progress:100%;background:conic-gradient(var(--phase) var(--progress),#d8e6eb 0);border-radius:50%;width:min(76vw,350px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;margin:26px auto}.dial:before{content:"";position:absolute;inset:10px;background:#eef6f8;border-radius:50%;z-index:-1}.dial[data-kind=rest],.dial[data-kind=break]{--phase:#a65e12}.dial[data-kind=complete]{--phase:#21745a}.dial strong{font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(44px,12vw,76px);line-height:1.4;letter-spacing:-.06em;color:var(--phase)}#phase-name{font-size:21px;font-weight:700;color:var(--phase)}#position{font-size:14px}#timer-state{min-height:28px}.timer-controls{display:flex;gap:10px;justify-content:center}.timer-controls .primary{flex:1}.timer-screen .muted{margin-top:24px}@media(min-width:760px){.workout-list{grid-template-columns:1fr 1fr}.empty{grid-column:1/-1}.settings-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:390px){#app{padding-left:14px;padding-right:14px}header{gap:8px}header small{font-size:11px}.settings-grid{grid-template-columns:1fr}article{padding:18px}.actions button{flex:1}h1{font-size:28px}}@media(orientation:landscape)and (max-height:550px){header{margin-bottom:12px;padding-bottom:8px}.timer-screen{max-width:760px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}.timer-screen .dial{grid-column:1;grid-row:1/8;width:230px;margin:0 auto}.timer-screen>*:not(.dial){grid-column:2}.timer-screen h1{font-size:22px;margin:4px}.timer-screen .total{margin:8px 0;padding:8px}.timer-screen p{margin:4px}.timer-screen .eyebrow{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}