.quick-timer{height:31px;display:flex;align-items:center;gap:4px;padding:0 7px;border-left:1px solid #e9e9e1;color:#839187;font-size:15px}.quick-timer input{flex:0 0 34px;width:34px;min-width:0;padding:3px 0;border:0;outline:0;color:#66756b;background:transparent;font-size:10px;text-align:center}.quick-timer input::placeholder{color:#a4aca4}
.timer-input-wrap{position:relative;display:flex;align-items:center;gap:9px}.timer-input-wrap>span{position:absolute;left:11px;top:10px;color:#7c9483;font-size:15px}.timer-input-wrap .text-field{padding-left:34px;margin-bottom:5px}.timer-help{margin:-1px 0 14px;color:#a1a9a1;font-size:9px}.timer-hint{display:flex;align-items:center;gap:6px;margin:-1px 0 17px;color:#929b92;font-size:9px}.timer-hint span{font-size:12px}
.timer-group{display:inline-flex;align-items:center;gap:1px}.task-timer{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid #e6e8e0;border-radius:5px;color:#79867d;background:#f8f8f3;font-variant-numeric:tabular-nums;font-size:9px;white-space:nowrap}.task-timer.is-paused{color:#9a8b70;background:#fbf7ed;border-color:#eee5d3}.task-timer.is-expired{color:#c62828;background:#fff0f0;border-color:#efb7b7;font-weight:700}.task-timer.is-warning{color:#bd5847;background:#fff0ea;border-color:#f1c9bb;animation:warning-pulse 1.1s ease-in-out infinite alternate}.timer-siren{display:none;width:14px;height:14px;overflow:visible}.task-timer.is-warning .timer-siren,.task-timer.is-expired .timer-siren{display:block}.timer-siren .beacon{fill:#d76752}.timer-siren .base{fill:#a9493d}.timer-siren .ray{stroke:#d76752;stroke-width:1.5;stroke-linecap:round}.task-timer.is-warning .timer-siren .ray{animation:ray-flash .8s ease-in-out infinite alternate}.timer-control{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:1px;border:0;border-radius:4px;color:#86948a;background:transparent;font-size:10px}.timer-control:hover{background:#e9ece5;color:#3f6654}.timer-control.reset{font-size:12px}.timer-control[hidden]{display:none}.timer-control:disabled{opacity:.35;cursor:default}.timer-control:disabled:hover{background:transparent;color:#86948a}.task-card.is-done .task-timer{opacity:.65}.task-card.is-done .timer-siren{display:none!important}
@keyframes warning-pulse{from{box-shadow:0 0 0 0 rgba(215,103,82,0)}to{box-shadow:0 0 0 3px rgba(215,103,82,.12)}}@keyframes ray-flash{from{opacity:.3}to{opacity:1}}
@media(max-width:680px){.quick-timer{gap:1px;padding:0 4px}.quick-timer input{flex-basis:27px;width:27px}}