.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;min-width:300px;max-width:90%;max-height:90vh;padding:2rem;position:relative;overflow:auto;box-shadow:0 8px 32px #0000004d}.modal-header{margin-bottom:1.5rem;padding-right:2rem}.modal-title{color:#fff;text-shadow:0 2px 4px #0000004d;margin:0;font-size:1.8rem;font-weight:600}.modal-close-button{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-button:hover{background:#ff6b6b4d;border-color:#ff6b6b80;transform:scale(1.1)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}