.timer-display{flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;display:flex}.timer-mode-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.timer-mode-btn{background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border:none;padding:6px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s,color .2s}.timer-mode-btn+.timer-mode-btn{border-left:1px solid var(--color-border)}.timer-mode-btn--active{background:var(--color-primary);color:#fff}.timer-mode-btn:disabled{opacity:.5;cursor:not-allowed}.timer-time{font-variant-numeric:tabular-nums;color:var(--color-text);letter-spacing:2px;-webkit-user-select:none;user-select:none;font-size:72px;font-weight:700;line-height:1}.timer-time--flash{animation:.5s ease-in-out 6 timer-flash}@keyframes timer-flash{0%,to{color:var(--color-text)}50%{color:var(--color-danger,#e53e3e)}}.timer-presets{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.timer-preset-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,color .2s}.timer-preset-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.timer-preset-btn--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.timer-preset-btn--active:hover{color:#fff}.timer-preset-btn:disabled{opacity:.5;cursor:not-allowed}.timer-custom-input{color:var(--color-text);align-items:center;gap:6px;font-size:14px;display:flex}.timer-custom-input input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:64px;color:var(--color-text);text-align:center;outline:none;padding:6px 8px;font-family:inherit;font-size:14px;transition:border-color .2s}.timer-custom-input input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f6ef71a}.timer-custom-input input:disabled{opacity:.5;cursor:not-allowed}.timer-controls{gap:.75rem;display:flex}.timer-ctrl-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:8px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .2s,color .2s,background .2s}.timer-ctrl-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.timer-ctrl-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.timer-ctrl-btn--primary:hover{background:var(--color-primary-hover,var(--color-primary));color:#fff}.timer-ctrl-btn:disabled{opacity:.5;cursor:not-allowed}