.px-exercise{--background:var(--ln-surface);--foreground:var(--ln-text);--accent:var(--ln-raised);--accent-foreground:var(--ln-text);--ring:var(--ln-accent);padding:12px 0}.px-exercise .px-controls{gap:22px;margin:26px 0;display:grid}.px-exercise label{color:var(--ln-muted);gap:10px;font-size:13px;display:grid}.px-exercise label>span{justify-content:space-between;gap:12px;display:flex}.px-exercise b{color:var(--ln-text);font-weight:500}.px-exercise input[type=range]{width:100%;accent-color:var(--ln-accent);cursor:pointer}.px-exercise .px-options{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.px-exercise .px-choice{white-space:normal;text-align:left;border:1px solid var(--ln-line-strong);height:auto;min-height:40px;color:var(--ln-muted);background:var(--ln-surface);border-radius:6px;justify-content:flex-start;padding:10px 14px;font-size:13px;line-height:1.5}.px-exercise .px-choice[aria-pressed=true]{color:var(--ln-text);border-color:var(--ln-muted);background:var(--ln-raised)}.px-exercise .px-stat{color:var(--ln-accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:44px;font-weight:500;line-height:1.2;display:block}.px-exercise .px-sub{color:var(--ln-muted);margin-top:10px;font-size:13px;display:block}.px-exercise .px-clients{grid-template-columns:repeat(10,1fr);gap:8px;margin:24px 0;display:grid}.px-exercise .px-clients i{aspect-ratio:1;border:1px solid var(--ln-line-strong);background:var(--ln-raised);border-radius:50%;transition:background .25s}.px-exercise .px-clients i.on{background:var(--ln-text)}.px-exercise .px-time{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.px-exercise .px-bar{background:var(--ln-raised);width:100%;height:12px;margin:16px 0;overflow:hidden}.px-exercise .px-bar i{background:var(--ln-text);transform-origin:0;height:100%;transition:transform .25s;display:block}.px-exercise .px-time>div:last-child .px-bar i{background:var(--ln-accent)}.px-exercise .px-fit{gap:12px;margin:24px 0;display:grid}.px-exercise .px-fit .px-choice{gap:14px;width:100%}.px-exercise .px-fit svg{flex-shrink:0}.px-exercise .px-note{color:var(--ln-muted);margin:18px 0 0;font-size:14px;line-height:1.7}.px-exercise .px-reset{margin-top:14px}@media (width<=600px){.px-exercise .px-stat{font-size:32px}.px-exercise .px-time{gap:16px}.px-exercise .px-clients{gap:5px}}@media (prefers-reduced-motion:reduce){.px-exercise *,.px-exercise :before{transition:none!important;animation:none!important}}
