:where(.modal-overlay){-webkit-backdrop-filter:blur(8px);z-index:9999;background-color:#0f172a66;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out modal-fade-in;display:flex;position:fixed;inset:0}:where(.modal-container){background-color:#fff;border-radius:1rem;flex-direction:column;width:100%;max-width:42rem;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-scale-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 0 0 1px #ffffff1a}:where(.modal-header){border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;display:flex}:where(.modal-title-container){flex:1}:where(.modal-title){color:#0f172a;font-size:1.25rem;font-weight:700;line-height:1.2}:where(.modal-description){color:#64748b;margin-top:.25rem;font-size:.875rem}:where(.modal-close-btn){color:#64748b;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:1rem;transition:all .2s;display:flex;transform:scale(.95)}:where(.modal-close-btn:hover){color:#ef4444;background-color:#fee2e2;transform:scale(1)}:where(.modal-body){scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex:1;padding:1.5rem;overflow-y:auto}:where(){background:#e2e8f0;border-radius:20px;width:6px}:where(.modal-footer){background-color:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:640px){.modal-container{border-radius:1rem 1rem 0 0;max-height:100vh;animation:.3s ease-out modal-slide-up;position:fixed;bottom:0}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}