*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}img:not([alt]){filter:blur(10px)}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{padding:2rem;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.25rem;max-width:60rem;margin:0 auto;color:#293241;background:#effdfd;display:grid;place-items:center}p{--flow-space: 1rem;max-width:60ch}dd{font-weight:bold}dt::after{content:":"}h1{font-size:4rem;line-height:1.2;font-weight:500}h2{line-height:1.2}.flow>*+*{margin-top:var(--flow-space, 3em)}a{color:currentColor}button{display:inline-block;border:none;border-radius:1rem;padding:.5rem 2rem;text-decoration:none;background:#3d5a80;color:#fff;font:inherit;font-size:2.5rem;cursor:pointer;text-align:center;-webkit-appearance:none}button[data-type=ghost]{font-size:1rem;border:2px solid #293241;color:#293241;background:transparent !important}button:hover,button:focus{background:#293241}button:active{transform:scale(0.99)}dl{display:flex;justify-content:center}dd{padding-left:.3rem}:focus{outline:1px dashed #252525;outline-offset:.25rem}.timer{text-align:center;border-radius:1rem;background:#fff;box-shadow:0 0 10px 2px rgba(0,0,0,.05);padding:2rem;max-width:25rem;margin-left:auto;margin-right:auto}.timer[data-state=engaged]{display:grid;place-items:center;width:100%;height:100%;max-width:100%;background:#ffcdb2;position:fixed;top:0;left:0;margin:0;border-radius:0}.timer[data-state=engaged] button{background:#293241}.timer[data-state=engaged] h2{font-size:3.5rem;font-weight:500;--minFontSize: 2.5rem;--maxFontSize: 4rem;--scaler: 30vw;font-size:clamp(var(--minFontSize), var(--scaler), var(--maxFontSize))}.timer[data-type=break]{background:#a9c9f9}.timer__inner{--flow-space: 1rem}.timer[data-state=engaged] .timer__inner{--flow-space: 3rem}.timer__time{font-size:3rem;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer[data-state=engaged] .timer__time{--flow-space: 0rem;font-weight:700;font-size:5rem;--minFontSize: 5rem;--maxFontSize: 20rem;--scaler: 30vw;font-size:clamp(var(--minFontSize), var(--scaler), var(--maxFontSize))}