:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#23271e;background:#f4f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.timer-shell{max-width:540px;margin:auto;padding:28px 20px 40px}.timer-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:28px}.timer-mark{display:grid;place-items:center;background:#242b20;color:#ede6b6;border-radius:50%;width:42px;height:42px;font-family:Georgia,serif;font-size:30px}.timer-brand small{display:block;font-size:9px;color:#636b5c;margin-top:4px}.timer-clock{margin-left:auto;letter-spacing:0;font-weight:500}.timer-current{background:#242b20;color:#f8f7ee;padding:30px;border-radius:24px}.timer-eyebrow{font-size:11px;letter-spacing:2px;color:#d2d5bb;margin:0}.timer-current h1{font-size:80px;line-height:1;margin:18px 0;font-weight:600;letter-spacing:-4px}.timer-current h1 span{font-size:20px;letter-spacing:0;margin-left:12px;font-weight:400;color:#d2d5bb}.timer-current p:not(.timer-eyebrow){font-size:15px;line-height:1.5}.timer-current small{color:#bec4b5;font-size:11px}.timer-form{background:#fff;border:1px solid #e0e2d7;border-radius:24px;padding:28px;margin-top:18px}.timer-form h2{font-size:24px;letter-spacing:-.5px;margin:0 0 8px}.timer-form>p{font-size:14px;color:#62685b;line-height:1.5;margin:0 0 24px}.timer-form fieldset{border:0;margin:0;padding:0;min-width:0}.timer-form label{display:block;font-size:14px;font-weight:650;margin:20px 0 8px}.timer-form label span{color:#767c70;font-weight:400}.timer-form input{width:100%;border:1px solid #cdd2c4;border-radius:12px;background:#fafbf7;padding:14px;font:inherit;min-height:50px}.timer-form input:focus-visible,.timer-form button:focus-visible{outline:3px solid #839763;outline-offset:3px}#minutes{font-size:28px;font-weight:650}.timer-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.timer-form button{cursor:pointer;font:inherit}.timer-presets button{flex:1;min-width:70px;padding:12px 4px;border:1px solid #d6dacd;border-radius:10px;background:#fff;font-size:13px}.timer-presets button[aria-pressed=true]{background:#e6eccc;border-color:#849960;color:#28371d}.timer-preview{font-size:13px;color:#58664a}.timer-save{width:100%;border:0;border-radius:12px;margin-top:26px;padding:16px;background:#dce7a7;color:#26351a;font-weight:750!important;min-height:54px}fieldset:disabled{opacity:.6}.timer-error{color:#9a2d22;background:#fff2ed;padding:14px;border-radius:10px;font-size:14px;margin-top:16px}.timer-error button{display:block;margin-top:10px;background:none;border:0;text-decoration:underline;color:inherit;padding:0}.timer-success{color:#315b25!important;margin-top:18px!important}.timer-shell footer{text-align:center;font-size:11px;color:#717969;padding:24px 0 0}@media (max-width:360px){.timer-shell{padding:16px 12px}.timer-current,.timer-form{padding:22px}.timer-current h1{font-size:68px}}