body.modal-open { overflow: hidden; }
.modal-overlay {
position: fixed;
top:0; left:0; right:0; bottom:0;
display:none; justify-content:center; align-items:center;
background:rgba(0,0,0,0.5);
transition:0.2s;
}
.modal-overlay:not(.top) { pointer-events:none; background:rgba(0,0,0,0.2); }
.modal {
background:#fff; padding:20px; border-radius:8px; min-width:300px;
opacity:0; transform:translateY(-20px); transition:all 0.25s;
position:relative;
}
.modal-overlay.show .modal { opacity:1; transform:translateY(0); }
.modal-close { position:absolute; top:10px; right:10px; cursor:pointer; }
.modal-buttons { margin-top:20px; text-align:right; }
.modal-buttons button { margin-left:6px; }