.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(28,33,45,.58);backdrop-filter:blur(5px);animation:fadeIn .18s ease}.modal-card{position:relative;width:min(430px,100%);background:var(--paper);border:1px solid #f1dfb4;border-radius:26px;padding:30px;text-align:center;box-shadow:0 24px 70px rgba(25,29,40,.3);animation:modalIn .22s ease}.modal-close{position:absolute;right:15px;top:12px;width:35px;height:35px;border:0;border-radius:50%;background:#f2eee5;color:#6f7788;font-size:25px;line-height:30px;cursor:pointer}.modal-icon{width:74px;height:74px;margin:0 auto 12px;display:grid;place-items:center;border-radius:22px;background:#fff0bc;font-size:40px;transform:rotate(-3deg)}.modal-card h2{margin:8px 0;font-size:26px}.modal-card p{margin:0 auto 18px;max-width:340px;color:var(--muted);line-height:1.5}.modal-progress{height:9px;background:#e9e3d7;border-radius:99px;overflow:hidden}.modal-progress div{height:100%;background:linear-gradient(90deg,var(--green),#70d99f);border-radius:99px}.modal-card small{display:block;margin-top:7px;color:var(--muted)}.modal-actions{display:grid;gap:9px;margin-top:22px}.modal-actions button{height:49px;border-radius:13px;font-size:15px;font-weight:800;cursor:pointer}.keep-going{border:0;color:#fff;background:var(--blue);box-shadow:0 6px 16px #4a83e844}.leave{border:1px solid #e5ddd0;background:transparent;color:#7c6470}.keep-going:hover{background:#3973d9}.leave:hover{color:var(--red);border-color:#edb8bd;background:#fff5f5}@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width:440px){.modal{align-items:end;padding:10px}.modal-card{border-radius:24px 24px 18px 18px;padding:26px 20px 20px}}