.modal-root{position:fixed;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop,.modal-root{top:0;left:0;width:100%;height:100%}.modal-backdrop{position:absolute;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{position:relative;width:100%;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:90vh;z-index:1001}.modal-header{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.modal-title{margin:0;font-family:var(--font-souvenir);font-size:28px;color:#000}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:#666}.modal-close:hover{background-color:#f5f5f5;color:#000}.modal-body{padding:32px;overflow-y:auto;flex:1 1}@media(max-width:600px){.modal-header{padding:16px 20px}.modal-title{font-size:22px}.modal-body{padding:20px}}