.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:99995;background:#00000059;justify-content:center;align-items:center;padding:20px;animation:.18s modalOverlayIn;display:flex;position:fixed;inset:0}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface-1,#fff);border:1px solid var(--border-subtle,#0000000f);border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:85vh;animation:.2s cubic-bezier(.22,1,.36,1) modalIn;display:flex;overflow:hidden;box-shadow:0 24px 80px #0000002e}.modal-box.modal-wide{max-width:640px}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid var(--border-subtle,#f0f0f0);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 14px;display:flex}.modal-title{color:var(--tx,#1d1d1f);letter-spacing:-.2px;font-size:15px;font-weight:700}.modal-close{border:1px solid var(--border-subtle,#e5e5e5);background:var(--surface-1,#fff);cursor:pointer;width:28px;height:28px;color:var(--t3,#777);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .12s;display:flex}.modal-close:hover{background:var(--s2,#f3f4f5);color:var(--tx,#1d1d1f)}.modal-body{flex:1;padding:22px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle,#f0f0f0);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 24px;display:flex}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh;animation:.22s cubic-bezier(.22,1,.36,1) modalInMobile}.modal-box.modal-wide{max-width:100%}.modal-footer{flex-wrap:wrap}}@keyframes modalInMobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}