.mm-work{
  --mm-work-accent:var(--phase,var(--accent,var(--lime,#c8f169)));
  --mm-work-ink:var(--ink,#f4f6f2);
  --mm-work-dim:var(--dim,#9ba69e);
  --mm-work-line:var(--line2,rgba(255,255,255,.12));
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
  color:var(--mm-work-ink);
  text-align:left;
}
.mm-work-orbit{
  position:relative;
  width:64px;
  height:64px;
  flex:0 0 auto;
  border:1px solid color-mix(in srgb,var(--mm-work-accent) 42%,transparent);
  border-radius:50%;
  box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--mm-work-accent) 4%,transparent);
}
.mm-work-orbit::before,.mm-work-orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.mm-work-orbit::before{
  inset:8px;
  border:1px solid color-mix(in srgb,var(--mm-work-accent) 20%,transparent);
}
.mm-work-orbit::after{
  inset:22px;
  background:var(--mm-work-accent);
  box-shadow:0 0 18px color-mix(in srgb,var(--mm-work-accent) 55%,transparent);
  animation:mm-work-core 1.5s ease-in-out infinite;
}
.mm-work-orbit i{
  position:absolute;
  inset:-1px;
  border-radius:50%;
  animation:mm-work-orbit 1.8s linear infinite;
}
.mm-work-orbit i::after{
  content:"";
  position:absolute;
  top:-3px;
  left:50%;
  width:7px;
  height:7px;
  margin-left:-3.5px;
  border-radius:50%;
  background:var(--mm-work-accent);
  box-shadow:0 0 10px color-mix(in srgb,var(--mm-work-accent) 70%,transparent);
}
.mm-work-orbit i:nth-child(2){inset:7px;animation-duration:2.6s;animation-direction:reverse;opacity:.62}
.mm-work-orbit i:nth-child(2)::after{width:5px;height:5px;margin-left:-2.5px;top:-2px}
.mm-work-copy{min-width:0}
.mm-work-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
.mm-work-head strong{overflow:hidden;color:var(--mm-work-ink);font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.mm-work-head time{flex:0 0 auto;color:var(--mm-work-dim);font:750 9px/1 var(--ui,system-ui);font-variant-numeric:tabular-nums}
.mm-work-copy p{margin:4px 0 0;color:var(--mm-work-dim);font-size:10px;line-height:1.4;text-wrap:pretty}
.mm-work-stages{display:grid;grid-template-columns:repeat(var(--mm-work-stage-count,4),minmax(0,1fr));gap:5px;margin:10px 0 0;padding:0;list-style:none}
.mm-work-stage{position:relative;min-width:0;border-top:2px solid var(--mm-work-line);padding-top:6px;color:var(--mm-work-dim);font:800 8px/1.15 var(--ui,system-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .2s,color .2s}
.mm-work-stage.active{border-color:var(--mm-work-accent);color:var(--mm-work-ink)}
.mm-work-stage.done{border-color:color-mix(in srgb,var(--mm-work-accent) 55%,transparent);color:var(--mm-work-dim)}
.mm-work-stage.active::before{
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  width:34%;
  height:2px;
  background:var(--mm-work-ink);
  animation:mm-work-scan 1.2s ease-in-out infinite;
}
.mm-work.mm-work-compact{grid-template-columns:48px minmax(0,1fr);gap:10px}
.mm-work.mm-work-compact .mm-work-orbit{width:46px;height:46px}
.mm-work.mm-work-compact .mm-work-orbit::after{inset:16px}
.mm-work.mm-work-compact .mm-work-stages{margin-top:7px}
.mm-work.mm-work-centered{width:min(560px,100%);margin:auto}
@keyframes mm-work-orbit{to{transform:rotate(360deg)}}
@keyframes mm-work-core{50%{transform:scale(.58);opacity:.55}}
@keyframes mm-work-scan{0%{transform:translateX(-105%)}100%{transform:translateX(300%)}}
@media(max-width:520px){
  .mm-work{grid-template-columns:48px minmax(0,1fr);gap:10px}
  .mm-work-orbit{width:46px;height:46px}
  .mm-work-orbit::after{inset:16px}
  .mm-work-copy p{display:none}
  .mm-work-stage{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .mm-work-orbit i,.mm-work-orbit::after,.mm-work-stage.active::before{animation:none}
  .mm-work-orbit i{transform:rotate(32deg)}
}