.itimer{--itimer-field:var(--ink);border-radius:var(--radius-xl);flex-direction:column;align-items:stretch;gap:max(12px,min(2vw,22px));width:100%;padding:max(18px,min(3vw,40px));scroll-margin-top:80px;display:flex}.itimer.on-dark{background:var(--itimer-field)}:root[data-theme=dark] .itimer.on-dark:not(.is-work){--itimer-field:var(--ink-2)}.itimer.on-dark.is-work{--color-text-muted:#fff;--color-body:#fff;--itimer-field:var(--red);--line:#ffffff57}.itimer__top{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;font-size:.9375rem;font-weight:600;display:flex}.itimer__plan{font-variant-numeric:tabular-nums}.itimer__readout{text-align:center}.itimer__phase{color:var(--color-text-main);font-family:var(--font-heading);font-size:max(1.5rem,min(1.1rem + 2vw,2.75rem));font-stretch:var(--display-stretch);letter-spacing:.02em;text-transform:uppercase;font-weight:800;line-height:1;display:block}.itimer__clock{color:var(--color-text-main);font-family:var(--font-heading);font-size:max(6rem,min(min(38vw,40svh),18rem));font-stretch:var(--display-stretch);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:.04em;margin-bottom:.04em;font-weight:800;line-height:.96;display:block}.itimer__clock.is-long{font-size:max(4.75rem,min(min(28vw,34svh),15rem))}.itimer__round{color:var(--color-text-main);font-variant-numeric:tabular-nums;font-size:max(1rem,min(.9rem + .6vw,1.375rem));font-weight:700;display:block}.itimer__track{background:var(--line);border-radius:var(--radius-pill);height:10px;overflow:hidden}.itimer__fill{background:var(--color-text-main);border-radius:var(--radius-pill);height:100%;transition:width .12s linear}.itimer__total{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center;margin-top:8px;font-size:.875rem;font-weight:600}.itimer__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.btn.itimer__main{grid-column:1/-1;justify-content:center;min-height:76px;padding:8px 24px;font-size:max(1.05rem,min(1rem + .5vw,1.375rem))}.btn.itimer__minor{justify-content:center;min-height:60px;padding:8px 12px;font-size:.875rem}.itimer.is-work .btn--ghost{background:0 0;border-color:#fff9}.itimer.is-work .btn--ghost:hover{background:#ffffff24;border-color:#fff}.itimer :focus-visible{outline-offset:3px;outline:3px solid #fff}@media (min-width:1024px){.itimer{grid-template-columns:minmax(0,1fr) minmax(260px,340px);grid-template-areas:"top top""clock controls""bar controls";align-items:center;column-gap:max(32px,min(4vw,72px));display:grid}.itimer__top{grid-area:top}.itimer__readout{grid-area:clock}.itimer__bar{grid-area:bar}.itimer__controls{grid-area:controls}.itimer{row-gap:8px;padding-top:22px;padding-bottom:22px}.itimer__phase{font-size:max(1.25rem,min(.8rem + 1.2vw,2rem))}.itimer__clock{font-size:max(6rem,min(min(20vw,28svh),18rem))}.itimer__clock.is-long{font-size:max(5rem,min(min(15vw,21svh),15rem))}.btn.itimer__main{min-height:68px}.btn.itimer__minor{min-height:52px}}@media (prefers-reduced-motion:reduce){.itimer__fill{transition:none}}.timer-hero .page-hero__title,.timer-hero .page-hero__lede{max-width:none}@media (min-width:1024px){.timer-hero .page-hero--plain{padding-bottom:20px}}.timer-body{flex-direction:column;gap:max(12px,min(2vw,20px));padding-bottom:max(40px,min(6vw,88px));display:flex}.timer-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.timer-preset{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--color-text-main);text-align:left;min-height:68px;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.timer-preset:hover{border-color:var(--color-text-main)}.timer-preset[aria-pressed=true]{background:var(--color-text-main);border-color:var(--color-text-main);color:var(--color-bg)}.timer-preset:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.timer-preset__name{font-family:var(--font-heading);font-size:1.125rem;font-stretch:var(--display-stretch);font-weight:800;line-height:1.1}.timer-preset__meta{font-variant-numeric:tabular-nums;opacity:.82;font-size:.8125rem;font-weight:600}.timer-custom{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr);align-items:end;gap:10px;display:grid}.tool-input.timer-custom__input{font-family:var(--font-heading);font-size:1.5rem;font-stretch:var(--display-stretch);text-align:center;min-height:60px;font-weight:800}.timer-custom__total{padding-bottom:8px}.timer-custom__total strong{color:var(--color-text-main);font-variant-numeric:tabular-nums}.timer-tips{border-top:1px solid var(--line);margin-top:max(20px,min(3vw,40px));padding-top:max(24px,min(3vw,40px))}.timer-tips__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 max(24px,min(4vw,56px));margin-top:16px;display:grid}.timer-tips__list>div{border-top:1px solid var(--line);padding-top:14px;padding-bottom:14px}.timer-tips__list dt{color:var(--color-text-main);font-weight:700}.timer-tips__list dd{color:var(--color-text-muted)}.timer-tips__list a{color:var(--color-primary-ink);text-underline-offset:3px;font-weight:700;text-decoration:underline}@media (max-width:720px){.timer-custom{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-custom__total{grid-column:1/-1;padding-bottom:0}.timer-tips__list{grid-template-columns:minmax(0,1fr)}}