:root{--color-teal:#1a5653;--color-teal-hover:#154744;--color-teal-pressed:#103a37;--color-teal-tint:#e8f0ef;--color-cream:#f7f4ef;--color-sand:#e8dcc8;--color-sand-soft:#f0e9dc;--color-brown:#6b5b4e;--color-brown-light:#71645a;--color-ink:#2d2d2d;--color-border:#d4c9b8;--font-heading:Georgia, "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;--radius-pill:999px;--radius-card:16px;--radius-field:12px;--control-height:48px;--focus-ring:0 0 0 3px var(--color-teal-tint), inset 0 0 0 1px var(--color-teal);--night:#111;--night-text:#6b6b6b;--night-line:#2a2a2a}*{box-sizing:border-box}html,body{background:var(--color-cream);min-height:100%;color:var(--color-brown);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}.page{max-width:40rem;margin:0 auto;padding:48px 16px}@media (width>=640px){.page{padding:64px 24px}}#settings-screen{max-width:26rem;min-height:100dvh;padding-top:max(48px, calc(16px + env(safe-area-inset-top)));padding-bottom:calc(24px + env(safe-area-inset-bottom));grid-template-rows:1fr auto;gap:48px;display:grid}#settings-screen .content{align-self:center;gap:24px;display:grid}.intro h1{margin:0 0 8px}.lede{color:var(--color-brown-light);margin:0}.action{justify-items:center;gap:12px;display:grid}.action .button.wide{margin-top:0}.hint{text-align:center}.made-by{border-top:1px solid var(--color-border);color:var(--color-brown-light);justify-items:center;gap:6px;padding-top:20px;font-size:13px;display:grid}h1{font-family:var(--font-heading);color:var(--color-teal);margin:0 0 32px;font-size:28px;font-weight:700;line-height:1.25}h2{font-family:var(--font-heading);color:var(--color-ink);margin:32px 0 12px;font-size:18px;font-weight:700;line-height:1.4}.card{background:var(--color-sand-soft);border:1px solid var(--color-border);border-radius:var(--radius-card);gap:20px;padding:20px;display:grid}.field{gap:6px;display:grid}.label{color:var(--color-brown);font-size:14px;font-weight:500;line-height:1.4}.caption{color:var(--color-brown-light);margin:0;font-size:13px;line-height:1.4}.with-unit{align-items:center;gap:12px;display:flex}input[type=number],select{height:var(--control-height);font:inherit;font-variant-numeric:tabular-nums;color:var(--color-ink);background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-field);appearance:none;padding:0 14px;font-weight:600}input[type=number]{width:6.5rem}select{background-image:linear-gradient(45deg, transparent 50%, var(--color-brown) 50%), linear-gradient(135deg, var(--color-brown) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;justify-self:start;min-width:11rem;padding-right:36px}input:focus-visible,select:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);outline:none}.check{min-height:var(--control-height);cursor:pointer;align-items:center;gap:12px;display:flex}.check input{width:22px;height:22px;accent-color:var(--color-teal);margin:0}button{font:inherit;cursor:pointer}.button{height:var(--control-height);border-radius:var(--radius-pill);background:var(--color-teal);color:var(--color-cream);border:0;padding:0 28px;font-weight:600}.button:hover{background:var(--color-teal-hover)}.button:active{background:var(--color-teal-pressed)}.button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{color:var(--color-teal);border:1px solid var(--color-teal);background:0 0}.button.secondary:hover{background:var(--color-teal-tint)}.button.wide{width:100%;margin-top:24px}.notice{color:#a24e4e;text-align:center;margin:0;font-size:14px}.footer{color:var(--color-brown-light);margin-top:40px;font-size:13px}.footer a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:.5px}.footer a:hover{color:var(--color-teal)}.wordmark{text-decoration:none;display:inline-flex}.wordmark svg{width:auto;height:22px;display:block}.wordmark:hover svg{opacity:.8}body.running{background:var(--night);color:var(--night-text)}.running-screen{min-height:100dvh;padding:calc(32px + env(safe-area-inset-top)) 16px calc(48px + env(safe-area-inset-bottom));grid-template-rows:1fr auto;place-items:center;display:grid}.countdown{font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--night-text);font-size:clamp(64px,22vw,140px);font-weight:300}.clock{justify-items:center;gap:8px;display:grid}.lead-in{font-variant-numeric:tabular-nums;min-height:1.5em;color:var(--night-text);margin:0;font-size:16px;line-height:1.5}.check .caption{display:block}.stop{height:var(--control-height);border-radius:var(--radius-pill);border:1px solid var(--night-line);color:var(--night-text);background:0 0;padding:0 32px}.stop:focus-visible{box-shadow:0 0 0 2px var(--night-text);outline:none}[hidden]{display:none!important}.clock>.lead-in[hidden]{visibility:hidden;display:block!important}.slider{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.slider input{width:100%;accent-color:var(--color-teal);grid-column:1/-1}.slider output{font-variant-numeric:tabular-nums;color:var(--color-teal);font-size:14px;font-weight:600}.partial{border-top:1px solid var(--color-border);gap:12px;padding-top:16px;display:grid}.buttons{flex-wrap:wrap;gap:12px;display:flex}pre{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-field);color:var(--color-ink);margin:0;padding:16px;font-size:13px;overflow-x:auto}#ting-presets{margin-top:12px}