.tt-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.tt-locked{overflow:hidden}.tt-idle{min-height:calc(100svh - 4.5rem);padding:var(--space-5) var(--space-5) var(--space-6);flex-direction:column;max-width:72rem;margin:0 auto;display:flex}.tt-idle-head{justify-content:space-between;gap:var(--space-4);display:flex}.tt-eyebrow{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-tertiary)}.tt-preview{justify-content:center;align-items:stretch;gap:clamp(var(--space-4), 4vw, var(--space-8));padding:var(--space-6) 0 var(--space-4);margin:auto 0;display:flex}.tt-preview-block{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.tt-preview-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary)}.tt-preview-num{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(5rem,26vw,15rem);font-weight:700;line-height:.85}.tt-preview-num-work{color:var(--phase-work-bg)}.tt-preview-num-rest{color:var(--phase-rest-bg)}.tt-preview-divider{background:var(--color-border-strong);width:2px;margin-top:var(--space-6);transform:skew(-14deg)}.tt-summary{text-align:center;font-family:var(--font-display);font-weight:500;font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.tt-summary-sep{margin:0 var(--space-2);color:var(--color-text-tertiary)}.tt-actions{gap:var(--space-3);width:100%;max-width:32rem;margin:0 auto var(--space-6);align-items:stretch;display:flex}.tt-start{background:var(--phase-work-bg);min-height:4.25rem;color:var(--phase-work-fg);font-family:var(--font-display);font-weight:700;font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);transition:filter var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex:1}.tt-start:hover{filter:brightness(1.12)}.tt-start:active{transform:scale(.98)}.tt-settings-btn{min-height:4.25rem;padding:0 var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard)}.tt-settings-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.tt-presets{justify-content:center;gap:var(--space-2);flex-wrap:wrap;max-width:48rem;margin:0 auto;display:flex}.tt-chip{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);min-height:2.75rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard)}.tt-chip:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.tt-chip[aria-pressed=true]{color:var(--color-text-primary);border-color:var(--color-text-primary);background:var(--color-surface-2)}.tt-keys{display:none}@media (width>=56rem){.tt-keys{justify-content:center;gap:var(--space-6);margin-top:var(--space-7);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.tt-keys div{gap:var(--space-2);align-items:baseline;display:flex}.tt-keys kbd{font-family:var(--font-text);font-size:var(--font-size-xs);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:1px var(--space-2);color:var(--color-text-secondary)}}.tt-overlay{z-index:50;color:var(--flood-fg);position:fixed;inset:0}.tt-overlay[data-phase=prep]{--flood-bg:var(--phase-prep-bg);--flood-fg:var(--phase-prep-fg)}.tt-overlay[data-phase=work]{--flood-bg:var(--phase-work-bg);--flood-fg:var(--phase-work-fg)}.tt-overlay[data-phase=rest]{--flood-bg:var(--phase-rest-bg);--flood-fg:var(--phase-rest-fg)}.tt-overlay[data-phase=done]{--flood-bg:var(--phase-done-bg);--flood-fg:var(--phase-done-fg)}.tt-bg,.tt-flood{position:absolute;inset:0}.tt-flood{transform-origin:bottom;transform:scaleY(0)}.tt-flood.is-flooding{animation:tt-flood var(--duration-slow) var(--ease-emphasized) forwards}@keyframes tt-flood{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.tt-overlay[data-status=paused] .tt-bg{filter:saturate(.35)}.tt-overlay[data-status=paused] .tt-bg:after{content:"";background:var(--color-surface-0);opacity:.35;position:absolute;inset:0}.tt-progress{background:color-mix(in srgb, var(--flood-fg) 22%, transparent);z-index:2;height:5px;position:absolute;top:0;left:0;right:0}.tt-progress-fill{background:var(--flood-fg);width:0;height:100%}.tt-run[hidden],.tt-done[hidden]{display:none}.tt-run,.tt-done{z-index:1;height:100dvh;padding:var(--space-6) var(--space-5) var(--space-5);flex-direction:column;display:flex;position:relative}.tt-run-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.tt-phase{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-2xl);text-transform:uppercase;letter-spacing:.04em;line-height:.95}.tt-run-meta{text-align:right;font-family:var(--font-display);font-weight:500;font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.08em;line-height:1.4}.tt-elapsed{font-size:var(--font-size-sm);opacity:.75}.tt-time-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.tt-paused-badge{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:.3em;margin-bottom:var(--space-3);display:none}.tt-overlay[data-status=paused] .tt-paused-badge{display:block}.tt-overlay[data-status=paused] .tt-time{opacity:.65}.tt-time{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-colossal);justify-content:center;line-height:.9;display:flex}.tt-digit{text-align:center;width:1ch;display:block}.tt-sep{text-align:center;width:.55ch;display:block}.tt-punch{animation:tt-punch var(--duration-base) var(--ease-emphasized)}@keyframes tt-punch{0%{transform:scale(1.05)}to{transform:scale(1)}}.tt-next{margin-top:var(--space-4);font-family:var(--font-display);font-weight:500;font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.16em;opacity:.8;min-height:1.5em}.tt-controls{gap:var(--space-3);display:flex}.tt-ctl{min-height:4rem;padding:0 var(--space-4);border:2px solid color-mix(in srgb, var(--flood-fg) 45%, transparent);border-radius:var(--radius-md);color:var(--flood-fg);font-family:var(--font-display);font-weight:600;font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.08em;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard)}.tt-ctl:hover{border-color:var(--flood-fg)}.tt-ctl-primary{background:var(--flood-fg);color:var(--flood-bg);border-color:var(--flood-fg);flex:1}.tt-ctl-primary:hover{filter:brightness(.94)}.tt-overlay .tt-ctl:focus-visible,.tt-settings :focus-visible{outline-offset:2px;outline:2px solid}.tt-done{text-align:center;justify-content:center;align-items:center;gap:var(--space-5)}.tt-done-heading{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-display);text-transform:uppercase;letter-spacing:.02em;line-height:.9}.tt-done-stats{gap:var(--space-8);justify-content:center;display:flex}.tt-done-stats dt{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.16em;opacity:.8;margin-bottom:var(--space-1)}.tt-done-stats dd{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-2xl);line-height:1}.tt-done-actions{gap:var(--space-3);flex-direction:column;width:min(20rem,100%);display:flex}.tt-settings-backdrop{z-index:60;opacity:0;transition:opacity var(--duration-base) var(--ease-standard);background:#0000008c;position:fixed;inset:0}.tt-settings-backdrop.is-open{opacity:1}.tt-settings{z-index:61;background:var(--color-surface-1);border-left:1px solid var(--color-border-subtle);width:min(24rem,100vw);transition:transform var(--duration-base) var(--ease-emphasized);color:var(--color-text-primary);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.tt-settings.is-open{transform:translate(0)}.tt-settings-head{padding:var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.tt-settings-head h2{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.06em}.tt-settings-close{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full)}.tt-settings-close:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.tt-settings-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.tt-stepper{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tt-stepper-label{font-size:var(--font-size-base);color:var(--color-text-primary)}.tt-stepper-ctl{align-items:center;gap:var(--space-2);display:flex}.tt-stepper-ctl button{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:3rem;height:3rem;font-size:var(--font-size-lg);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-standard);line-height:1}.tt-stepper-ctl button:hover:not(:disabled){border-color:var(--color-accent)}.tt-stepper-ctl button:disabled{opacity:.35;cursor:default}.tt-stepper-ctl output{text-align:center;min-width:3.5rem;font-family:var(--font-display);font-weight:600;font-size:var(--font-size-lg);font-variant-numeric:tabular-nums}.tt-settings-subhead{margin-top:var(--space-4);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-tertiary);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-5)}.tt-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tt-toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);min-width:4.5rem;min-height:2.75rem;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard)}.tt-toggle[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-foreground);border-color:var(--color-accent)}@media (width>=56rem){.tt-idle{padding-top:var(--space-6)}.tt-preview{gap:var(--space-9)}.tt-preview-num{font-size:clamp(10rem,22vw,20rem)}.tt-controls{width:100%;max-width:40rem;margin:0 auto}.tt-run,.tt-done{padding:var(--space-7) var(--space-8) var(--space-7)}.tt-done-actions{flex-direction:row;width:auto}.tt-done-actions .tt-ctl{min-width:14rem}}