.sat-timer{text-align:center;border:1px solid var(--ft-line);border-radius:var(--ft-radius-s);background:var(--ft-surface);justify-items:center;gap:10px;min-width:0;padding:18px 12px;display:grid}.sat-timer[data-running]{border-color:var(--ft-blue-mid)}.sat-timer-part{color:var(--ft-ink-2);font-size:15px;font-weight:700}.sat-timer-clock{letter-spacing:-.02em;color:var(--ft-ink);font-size:clamp(48px,14vw,76px);font-weight:800;line-height:1}.sat-timer-pace{color:var(--ft-ink-2);font-size:15px}.sat-timer-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.sat-timer-steps{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;width:100%;margin:6px 0 0;padding:0;list-style:none;display:grid}.sat-timer-steps li{background:var(--ft-sunk);color:var(--ft-ink-3);border-radius:8px;gap:2px;min-width:0;padding:6px 4px;font-size:12.5px;display:grid}.sat-timer-steps li span:first-child{color:var(--ft-ink-2);overflow-wrap:break-word;font-weight:700}.sat-timer-steps li[data-state=now]{background:var(--ft-blue-soft);color:var(--ft-blue-ink)}.sat-timer-steps li[data-state=now] span:first-child{color:var(--ft-blue-ink)}.sat-timer-steps li[data-state=done]{opacity:.55}