.modal{z-index:2000;justify-content:center;align-items:center;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-overlay{cursor:pointer;z-index:-1;background-color:#00000080;position:absolute;inset:0}.modal-content{z-index:2001;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);box-sizing:border-box;flex-direction:column;width:min(600px,100vw - 32px);max-width:100%;max-height:90vh;animation:.2s ease-out modal-slide-in;display:flex;position:relative;overflow:hidden auto}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-headline);color:var(--color-text-headline);line-height:var(--line-height-headline);margin:0}.modal-close{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-gray-500);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-text-headline)}.modal-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-close svg{stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.modal-body{padding:var(--spacing-xl);color:var(--color-text-body);font-size:var(--font-size-body);line-height:var(--line-height-body);flex:1;min-width:0;overflow:hidden auto}.modal-body>*{box-sizing:border-box;max-width:100%}.modal-body input,.modal-body select,.modal-body textarea{max-width:100%}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--color-gray-200);flex-shrink:0;display:flex}@media (prefers-reduced-motion:reduce){.modal{opacity:1;animation:none}.modal-content{opacity:1;animation:none;transform:none}.modal-close{transition:none}}@media (max-width:768px){.modal-content{width:calc(100vw - 32px);max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer{flex-direction:column-reverse}.modal-footer>*{width:100%}}@media (max-width:480px){.modal-content{width:calc(100vw - 16px);max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-title{font-size:var(--font-size-body)}.modal-close{width:36px;height:36px}}