.progress{--progress-color:var(--color-action);--progress-track:var(--surface-3);--progress-h:calc(var(--sp-1) + var(--sp-1) / 2);--progress-radius:var(--radius-pill);width:100%;height:var(--progress-h);background:var(--progress-track);overflow:hidden}.progress,.progress-bar{border-radius:var(--progress-radius)}.progress-bar{height:100%;background:var(--progress-color);transition:width var(--duration-slow) var(--ease-out)}.progress-sm{--progress-h:var(--sp-1)}.progress-lg{--progress-h:calc(var(--sp-2) + var(--sp-1) / 2)}.progress-success{--progress-color:var(--state-success)}.progress-warning{--progress-color:var(--state-warning)}.progress-error{--progress-color:var(--state-error)}.progress-ring{--ring-size:var(--sp-16);--ring-color:var(--color-action);--ring-track:var(--surface-3);--ring-label:var(--text-primary);--ring-fs:var(--fs-xs);position:relative;display:inline-grid;place-items:center;width:var(--ring-size);height:var(--ring-size);color:var(--ring-color);font-family:var(--font-sans);font-size:var(--ring-fs);font-weight:var(--fw-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-track,.progress-ring-value{fill:none}.progress-ring-track{stroke:var(--ring-track)}.progress-ring-value{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.progress-ring-label{position:absolute;inset:0;display:grid;place-items:center;color:var(--ring-label)}.action-screen-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--sp-4);background:color-mix(in srgb,var(--surface-overlay) 82%,transparent);animation:action-screen-overlay-enter var(--duration-base) var(--ease-out)}.action-screen{--action-screen-accent:var(--state-info);--action-screen-accent-bg:var(--state-info-bg);--action-screen-accent-text:var(--state-info-text);display:grid;justify-items:center;gap:var(--sp-4);width:min(100%,380px);padding:var(--sp-8) var(--sp-6) var(--sp-6);border:var(--border-w-sm) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--text-primary);text-align:center;box-shadow:var(--shadow-xl);animation:action-screen-enter var(--duration-base) var(--ease-out)}.action-screen[data-tone=success]{--action-screen-accent:var(--state-success);--action-screen-accent-bg:var(--state-success-bg);--action-screen-accent-text:var(--state-success-text)}.action-screen[data-tone=warning]{--action-screen-accent:var(--state-warning);--action-screen-accent-bg:var(--state-warning-bg);--action-screen-accent-text:var(--state-warning-text)}.action-screen[data-tone=danger]{--action-screen-accent:var(--state-error);--action-screen-accent-bg:var(--state-error-bg);--action-screen-accent-text:var(--state-error-text)}.action-screen[data-state=pending]{position:relative;overflow:hidden}.action-screen[data-state=pending] .progress{position:absolute;top:0;right:0;left:0;height:var(--border-w-xl);border-radius:0}.action-screen__icon{display:inline-grid;place-items:center;width:var(--sp-20);height:var(--sp-20);border-radius:var(--radius-pill);background:var(--action-screen-accent-bg);color:var(--action-screen-accent-text);box-shadow:0 0 0 var(--sp-2) color-mix(in srgb,var(--action-screen-accent) 10%,transparent)}.action-screen[data-state=pending] .action-screen__icon{animation:action-screen-pending var(--duration-slower) var(--ease-linear) infinite}.action-screen__copy{display:grid;gap:var(--sp-2);min-width:0}.action-screen__copy h3{margin:0;color:var(--text-primary);font-size:var(--fs-h3);line-height:var(--lh-tight)}.action-screen__description{max-width:30ch;color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-relaxed);overflow-wrap:anywhere}.action-screen__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-2);width:100%}.action-screen__action{display:inline-flex}@keyframes action-screen-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes action-screen-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes action-screen-pending{to{transform:rotate(1turn)}}@media (max-width:640px){.action-screen-overlay{padding:var(--sp-3)}.action-screen{width:min(100%,340px);padding:var(--sp-7) var(--sp-4) var(--sp-4)}.action-screen__actions{flex-direction:column-reverse;align-items:stretch}.action-screen__actions .btn{width:100%}.action-screen__action{display:contents}}