.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{position:relative;background:var(--background-color-light);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem;width:100%;max-width:560px;box-shadow:0 0 30px #33ff331a,0 20px 60px #00000080}@media (max-width: 480px){.modal-container{padding:2rem 1.5rem;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:none;max-height:90vh;overflow-y:auto}}