:root{--page: #f2f2f0;--card: #ffffff;--ink: #0f0f0f;--muted: #6d6d6d;--faint: #a0a0a0;--rule: #e2e2e0;--rule-strong: #0f0f0f;--track: #e8e8e6;--serif: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", Times, serif;--clock: "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", Times, Georgia, serif;--card-width: 720px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--page);color:var(--ink)}body{font-family:var(--serif);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-weight:700;line-height:1.2;margin:0}p{margin:0 0 .85em}p:last-child{margin-bottom:0}a{color:var(--ink);text-underline-offset:2px}button,input,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 20px}.card{width:100%;max-width:var(--card-width);background:var(--card);border:1px solid var(--ink);box-shadow:6px 6px #0f0f0f0f;display:flex;flex-direction:column;min-height:600px}.bar-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid var(--ink)}.wordmark{font-size:20px;letter-spacing:-.01em}.wordmark small{display:block;font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-top:1px}.tabs{display:flex;gap:2px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;padding:5px 13px;font-size:15px;cursor:pointer;color:var(--muted)}.tabs button:hover{color:var(--ink);border-color:var(--rule)}.tabs button[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}.stage{flex:1;display:flex;flex-direction:column;padding:34px 40px 32px}.timer{display:flex;flex-direction:column;flex:1}.timer__head{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.dots{display:flex;gap:6px;align-items:center}.dots i{width:8px;height:8px;border:1px solid var(--ink);border-radius:50%;display:block}.dots i.is-done{background:var(--ink)}.dots i.is-live{box-shadow:inset 0 0 0 2px #fff;background:var(--ink)}.readout{display:flex;align-items:stretch;gap:22px;margin:18px 0 22px}.gauge{width:10px;flex:none;background:var(--track);border:1px solid var(--ink);position:relative;overflow:hidden}.gauge span{position:absolute;inset:auto 0 0 0;background:var(--ink);transition:height .25s linear}.gauge--break span{background:var(--muted)}.readout__clock{flex:1;min-width:0;display:flex;align-items:center}.clock{font-family:var(--clock);font-feature-settings:"lnum" 1,"tnum" 1;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(76px,15vw,148px);line-height:.95;letter-spacing:-.03em;display:block}.clock--paused{color:var(--faint)}.readout__meta{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:8px;color:var(--muted);font-size:14px}.readout__meta span{display:block}.progress{position:relative;height:14px;background:var(--track);border:1px solid var(--ink);overflow:hidden}.progress__fill{position:absolute;inset:0 auto 0 0;background:var(--ink);transition:width .25s linear}.progress--break .progress__fill{background:var(--muted)}.progress__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,#ffffff47 0,#ffffff47 6px,#fff0 6px,#fff0 12px);background-size:17px 100%;opacity:0}.progress.is-running .progress__fill:after{opacity:1;animation:crawl .9s linear infinite}@keyframes crawl{to{background-position:-17px 0}}.progress__head{position:absolute;top:0;bottom:0;width:2px;background:var(--ink);transition:left .25s linear}.progress__scale{display:flex;justify-content:space-between;margin-top:7px;color:var(--faint);font-size:13px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:10px 20px;cursor:pointer;border-radius:0}.btn:hover{background:#f0f0ee}.btn--primary{background:var(--ink);color:#fff;min-width:132px}.btn--primary:hover{background:#313131}.btn--quiet{border-color:var(--rule);color:var(--muted)}.btn--quiet:hover{color:var(--ink);border-color:var(--ink)}.presets{margin-top:50px}.presets__label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:9px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:transparent;padding:6px 12px;cursor:pointer;font-size:15px;border-radius:0;color:var(--muted)}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip small{font-size:13px;opacity:.7;margin-left:5px}.panel h2{font-size:21px;margin-bottom:4px}.panel section+section{border-top:1px solid var(--rule);margin-top:24px;padding-top:24px}.panel .hint{color:var(--muted);font-size:15px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px 20px;margin-top:16px}.field label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;min-height:20px}.field input[type=number]{width:100%;border:1px solid var(--rule);background:#fff;padding:9px 10px;border-radius:0}.field input[type=number]:focus{border-color:var(--ink)}.toggles{margin-top:16px;display:grid;gap:12px}.toggle{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.toggle input{margin:5px 0 0;accent-color:#0f0f0f}.toggle span small{display:block;color:var(--muted);font-size:14px}.tally{display:flex;gap:34px;margin:4px 0 22px}.tally div span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.tally div strong{font-family:var(--clock);font-variant-numeric:lining-nums tabular-nums;font-size:34px;font-weight:400;line-height:1.1}.log{list-style:none;margin:0;padding:0}.log__day{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:18px 0 6px}.log li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid var(--rule);font-size:15px}.log li span{color:var(--faint);font-variant-numeric:tabular-nums}.empty{border:1px dashed var(--rule);padding:26px;text-align:center;color:var(--muted);font-size:15px}.keys{margin-top:14px;color:var(--faint);font-size:13px}kbd{font-family:var(--serif);border:1px solid var(--rule);padding:0 5px;font-size:12px}@media(max-width:640px){.app{padding:0}.card{border:0;box-shadow:none;min-height:100dvh}.bar-top{padding:12px 16px;flex-wrap:wrap}.stage{padding:24px 16px 22px}.readout{gap:14px}.readout__meta{display:none}.btn--primary{min-width:110px}}@media(prefers-reduced-motion:reduce){.progress.is-running .progress__fill:after{animation:none}*{transition:none!important}}