.op-gate{min-height:100dvh;padding:0 0 calc(24px + env(safe-area-inset-bottom));background:#fff;flex-direction:column;display:flex}.op-badge{color:#1c2b25;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin:0;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.op-tick{color:#fff;background:#22c55e;border-radius:6px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;line-height:1;display:grid}.op-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 30px;display:flex}.op-rings{place-items:center;width:152px;height:152px;margin-bottom:38px;display:grid;position:relative}.op-ring{fill:none;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0}.op-ring-a{animation:1.5s linear infinite op-spin}.op-track{stroke:#eaf3ec;stroke-width:5px;fill:none}.op-track-b{stroke:#eef3fa}.op-arc{stroke:#22c55e;stroke-width:5px;fill:none;stroke-dasharray:131 197}.op-ring-b{animation:2.4s linear infinite op-spin}.op-arc-b{stroke:#a6c9ea;stroke-dasharray:103 155}.op-core{color:#0d9d54;background:#eefaf1;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.op-core svg{transform:rotate(-15deg)}@keyframes op-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.op-ring-a,.op-ring-b{animation:none}}.op-stage h1{color:#16221b;letter-spacing:.3px;margin:0 0 12px;font-size:23px;font-weight:700;line-height:1.5}.op-sub{color:#9aa3a0;margin:0 0 46px;font-size:13px;animation:.3s op-fade}@keyframes op-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.op-progress{color:#b3bbb8;align-items:center;gap:10px;width:100%;max-width:330px;font-size:11px;display:flex}.op-tag{white-space:nowrap}.op-pct{white-space:nowrap;color:#8e9895;font-variant-numeric:tabular-nums;text-align:right;min-width:34px}.op-bar{background:#eef1ef;border-radius:99px;flex:1;height:6px;overflow:hidden}.op-bar i{background:#22c55e;border-radius:99px;width:1%;height:100%;display:block}.op-bar i.is-run{width:100%;transition:width 2.8s linear}.op-foot{color:#c2c8c5;margin:26px 0 0;font-size:11px}@media (max-height:720px){.op-rings{width:118px;height:118px;margin-bottom:26px}.op-core{width:40px;height:40px}.op-core svg{width:15px;height:15px}.op-stage h1{margin-bottom:9px;font-size:20px}.op-sub{margin-bottom:30px;font-size:12px}.op-progress{max-width:280px}.op-foot{margin-top:18px;font-size:10px}}@media (max-width:340px){.op-stage{padding:0 20px}.op-stage h1{font-size:18px}.op-progress{gap:7px;font-size:10px}}