.operation-progress[hidden]{display:none}
.operation-progress{position:fixed;right:22px;bottom:22px;z-index:1000;width:min(390px,calc(100vw - 32px));padding:17px 18px 15px;border:1px solid #66846a;border-radius:10px;background:#1d3023;color:#f2f3e9;box-shadow:0 18px 50px #0009;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;text-align:left}
.operation-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.operation-progress-title{font-size:13px;font-weight:800;line-height:1.4}
.operation-progress-elapsed{flex:none;color:#b5c4ae;font-size:10px;font-variant-numeric:tabular-nums}
.operation-progress-detail{display:block;margin-top:5px;color:#b9cbb5;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.operation-progress-track{height:5px;margin-top:15px;overflow:hidden;border-radius:9px;background:#3f5844}
.operation-progress-fill{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#86ac84,#dfc888,#9fc19a);animation:operation-progress-move 1.45s ease-in-out infinite}
.operation-progress.complete .operation-progress-fill{width:100%;background:#9bc893;animation:none;transform:none}
.operation-progress.failed{border-color:#a16d61}.operation-progress.failed .operation-progress-fill{width:100%;background:#c78376;animation:none;transform:none}
@keyframes operation-progress-move{from{transform:translateX(-110%)}to{transform:translateX(285%)}}
@media(max-width:580px){.operation-progress{left:16px;right:16px;bottom:16px;width:auto}}
@media(prefers-reduced-motion:reduce){.operation-progress-fill{animation-duration:3s}}