.modal__overlay{position:fixed;inset:0;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-modal) - 1);animation:modal-overlay-in var(--duration-normal) var(--ease-out)}.modal__overlay--closing{animation:modal-overlay-out var(--duration-fast) var(--ease-out) forwards}.modal__wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);display:flex;align-items:flex-start;gap:0;animation:modal-content-in var(--duration-normal) var(--ease-out)}.modal__wrapper--closing{animation:modal-content-out var(--duration-fast) var(--ease-out) forwards}.modal__wrapper:focus-visible{outline:none}@media(max-width:767px){.modal__wrapper{top:0;left:0;transform:none;width:100%;height:100%;animation:modal-slide-up var(--duration-normal) var(--ease-out)}}.modal__content{background-color:var(--color-white);border-radius:var(--radius-6xl);padding:var(--spacing-xl);max-width:var(--content-max-dialog);width:calc(100vw - 120px);max-height:85vh;overflow:hidden;box-shadow:var(--shadow-modal);display:flex;flex-direction:column}.modal__content--no-padding{padding:0}@media(max-width:767px){.modal__content{position:fixed;inset:0;width:100%;max-width:100%;max-height:100%;border-radius:0;padding:calc(var(--spacing-lg) + var(--safe-top)) var(--spacing-lg) calc(var(--spacing-lg) + var(--safe-bottom))}}.modal__body{flex:1;min-height:0;overflow-y:auto;padding:0 var(--spacing-xs);scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .6s var(--ease-out)}.modal__body:hover{scrollbar-color:var(--color-gray-300) transparent;transition:scrollbar-color .2s var(--ease-out)}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{background:transparent}.modal__body::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .6s var(--ease-out)}.modal__body:hover::-webkit-scrollbar-thumb{background:var(--color-gray-300);transition:background .2s var(--ease-out)}.modal__body::-webkit-scrollbar-thumb:hover,.modal__body::-webkit-scrollbar-thumb:active{background:var(--color-gray-400)}.modal__close{flex-shrink:0;margin-left:8px;margin-top:24px;color:var(--color-red);transition:transform var(--duration-normal) var(--ease-out)}.modal__close:hover{transform:rotate(90deg);box-shadow:var(--shadow-icon-btn)}@media(max-width:767px){.modal__close{position:absolute;top:12px;right:12px;margin:0;z-index:2}}.modal__title{font-family:var(--font-primary);font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--color-gray-800);margin-bottom:var(--spacing-lg)}@media(max-width:767px){.modal__title{text-align:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-content-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.97)}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}