.modal-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.8);
    z-index: 500; display: none; align-items: center; justify-content: center;
}
.modal-overlay.active { display: flex; }
.modal {
    background: var(--bg); padding: 2rem; max-width: 500px; width: 90%;
    position: relative;
}
.modal-close {
    position: absolute; top: 1rem; right: 1rem;
    background: none; border: none; color: var(--text); font-size: 1.5rem; cursor: pointer;
}