.timer-bar{justify-content:space-between;align-items:center;gap:var(--sl-spacing-medium);background:var(--sl-color-primary-600);color:var(--sl-color-neutral-0);font-size:var(--sl-font-size-small);border:1px solid color-mix(in srgb, var(--sl-color-neutral-0) 10%, transparent);border-radius:9999px;padding:8px 12px 8px 16px;display:flex;box-shadow:0 4px 24px #00000040}.timer-bar-drag-handle{cursor:grab;opacity:.6;justify-content:center;align-items:center;margin-left:-8px;margin-right:-4px;padding:4px;display:flex}.timer-bar-drag-handle:active{cursor:grabbing}.timer-bar-drag-handle:hover{opacity:1}.timer-bar--warning{background:var(--sl-color-warning-600)}.timer-bar-left{align-items:center;gap:var(--sl-spacing-small);min-width:0;display:flex}.timer-bar-pulse{background:var(--sl-color-success-400);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite timer-pulse}.timer-bar-pulse--paused{background:var(--sl-color-warning-400);animation:none}.timer-bar-action-pause::part(base){color:var(--sl-color-neutral-0);border-color:var(--sl-color-neutral-0)}.timer-bar-action-pause::part(base):hover{color:var(--sl-color-neutral-0);border-color:var(--sl-color-neutral-0);background-color:#ffffff26}.timer-bar-minimize-btn::part(base){color:var(--sl-color-neutral-0)}.timer-bar-minimize-btn::part(base):hover{color:var(--sl-color-neutral-0);background-color:#ffffff26}.timer-bar-minimized-circle{background:var(--sl-color-primary-600);width:48px;height:48px;color:var(--sl-color-neutral-0);border:1px solid color-mix(in srgb, var(--sl-color-neutral-0) 10%, transparent);cursor:grab;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 24px #00000040}.timer-bar-minimized-circle:hover{transform:scale(1.05)}.timer-bar-minimized-circle:active{cursor:grabbing}.timer-bar-minimized-circle--warning{background:var(--sl-color-warning-600)}.timer-bar-pulse--minimized{border:2px solid var(--sl-color-primary-600);width:10px;height:10px;position:absolute;top:4px;right:4px}.timer-bar-minimized-circle--warning .timer-bar-pulse--minimized{border-color:var(--sl-color-warning-600)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.timer-bar-elapsed{font-family:var(--sl-font-mono);font-size:var(--sl-font-size-large);min-width:80px;font-weight:600}.timer-bar-separator{opacity:.6}.timer-bar-project{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.timer-bar-actions{align-items:center;gap:var(--sl-spacing-x-small);flex-shrink:0;display:flex}.timer-bar--minimized{gap:var(--sl-spacing-small)}@media (width<=767px){.timer-bar{gap:var(--sl-spacing-x-small);padding:var(--sl-spacing-x-small) var(--sl-spacing-small)}.timer-bar-project,.timer-bar-separator{display:none}}.timer-inline-display{flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;display:flex}.timer-inline-elapsed{font-family:var(--sl-font-mono);font-size:var(--sl-font-size-2x-large);color:var(--sl-color-primary-600);font-weight:700;animation:1.5s ease-in-out infinite timer-pulse-text}@keyframes timer-pulse-text{0%,to{opacity:1}50%{opacity:.7}}.timer-inline-project{font-size:var(--sl-font-size-small);color:var(--sl-color-neutral-600);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:200px;overflow:hidden}.timer-inline-actions{gap:var(--sl-spacing-x-small);display:flex}.timer-save-buttons{gap:var(--sl-spacing-small);flex-direction:column;align-items:stretch;width:100%;display:flex}