.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.modal-overlay.hidden{display:none}.modal-content{background:var(--bg-card);padding:24px;border-radius:16px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;text-align:center;max-width:400px;width:100%;border:1px solid var(--border-color);animation:modal-pop .2s ease-out}@keyframes modal-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.modal-message{font-size:.95rem;margin-bottom:24px;color:var(--text-secondary);line-height:1.5}.modal-buttons{display:flex;gap:12px;justify-content:center}.modal-button{padding:12px 24px;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;max-width:150px}.modal-button.stay{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.modal-button.stay:hover{transform:scale(1.02);box-shadow:0 6px 16px #22c55e66}.modal-button.stay:active{transform:scale(.98)}.modal-button.leave{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.modal-button.leave:hover{transform:scale(1.02);box-shadow:0 6px 16px #ef444466}.modal-button.leave:active{transform:scale(.98)}