.timer-pip{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-12);block-size:100%;overflow:hidden;font-family:var(--font-sans);color:var(--text-primary)}.timer-pip__display{font-size:var(--text-display);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em;color:var(--text-primary)}.timer-pip__phase{font-size:var(--text-caption);color:var(--text-muted);text-align:center}.timer-pip__phase--work{color:var(--accent-primary)}.timer-pip__phase--break{color:var(--text-success)}.timer-pip__controls{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.timer-pip__status-region{font-size:var(--text-caption);color:var(--text-muted);text-align:center;min-block-size:1em}.timer-pip__advance{font-size:var(--text-caption);color:var(--accent-primary);background:transparent;border:none;cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);text-decoration:underline}.timer-pip__advance:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.timer-pip__history-link{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-caption);color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline}.timer-pip__history-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.timer-launcher{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16);inline-size:min(28rem,90vw);font-family:var(--font-sans)}.timer-launcher__mode-tabs{display:flex;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);padding-block-end:var(--space-8)}.timer-launcher__mode-tab{padding:var(--space-4) var(--space-12);border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;font-size:var(--text-body);color:var(--text-muted);font-family:var(--font-sans)}.timer-launcher__mode-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.timer-launcher__mode-tab[aria-selected=true]{background:var(--surface-sunken);color:var(--text-primary);font-weight:var(--font-weight-medium)}.timer-launcher__field{display:flex;flex-direction:column;gap:var(--space-4)}.timer-launcher__label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.timer-launcher__row{display:flex;align-items:center;gap:var(--space-8)}.timer-launcher__row--3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-8)}.timer-launcher__row--2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.timer-launcher__mini-label{font-size:var(--text-caption);color:var(--text-muted);margin-block-end:var(--space-2)}.timer-launcher__mini-field{display:flex;flex-direction:column}.timer-launcher__focus-mode-notice{display:flex;align-items:flex-start;gap:var(--space-8);padding:var(--space-40) var(--space-12);background:var(--surface-sunken);border-radius:var(--radius-control);border:1px solid var(--border-subtle);font-size:var(--text-caption);color:var(--text-muted)}.timer-launcher__focus-mode-icon{flex-shrink:0;color:var(--text-muted);margin-block-start:var(--space-2)}.timer-completion{display:flex;flex-direction:column;gap:var(--space-20)}.timer-completion__summary{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}.timer-completion__duration{font-size:var(--text-title-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.timer-completion__meta{font-size:var(--text-body);color:var(--text-muted)}.timer-completion__rating-group{display:flex;flex-direction:column;gap:var(--space-8)}.timer-completion__rating-label{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--text-primary)}.timer-completion__stars{display:flex;gap:var(--space-4)}.timer-completion__star{background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);font-size:1.5rem;line-height:1;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.timer-completion__star{transition:none}}.timer-completion__star:hover,.timer-completion__star[aria-pressed=true]{transform:scale(1.15)}.timer-completion__star:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.timer-completion__quota-notice{display:flex;align-items:flex-start;gap:var(--space-8);padding:var(--space-40) var(--space-12);background:var(--surface-warning,var(--surface-sunken));border-radius:var(--radius-control);border:1px solid var(--border-warning,var(--border-subtle));font-size:var(--text-caption);color:var(--text-primary)}.timer-completion__quota-upgrade{margin-block-start:var(--space-8)}.timer-history{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16);font-family:var(--font-sans);inline-size:min(32rem,90vw);max-block-size:min(80vh,36rem);overflow:hidden}.timer-history__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-12);background:var(--surface-sunken);border-radius:var(--radius-control)}.timer-history__filters{display:flex;gap:var(--space-8);align-items:center}.timer-history__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-8);padding-block-end:var(--space-4)}.timer-history__list:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.timer-history__session{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-40) var(--space-12);background:var(--surface-elevated);border-radius:var(--radius-control);border:1px solid var(--border-subtle)}.timer-history__session-icon{flex-shrink:0;color:var(--text-muted)}.timer-history__session-info{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--space-2)}.timer-history__session-title{font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-history__session-meta,.timer-history__session-rating{font-size:var(--text-caption);color:var(--text-muted)}.timer-history__session-rating{white-space:nowrap}.timer-history__load-more{text-align:center}