.modal{z-index:9997;border:1px solid var(--line);border-radius:var(--radius-lg);background-color:var(--surface);pointer-events:auto;flex-direction:column;width:700px;max-width:calc(100% - 50px);height:600px;max-height:calc(100% - 50px);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0b1f3333}.App-M .modal{max-width:calc(100% - 50px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100% - 50px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-animated{animation:.2s ease-in-out modalOpen}.modal-warn{animation:.4s step-end modalWarn}@keyframes modalWarn{0%{outline:3px dashed var(--danger)}to{outline:none}}@keyframes modalOpen{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-body{overflow-wrap:anywhere;color:var(--ink-soft);flex:1;padding:22px 24px;font-size:15px;overflow-y:auto}.modal-header{border-bottom:1px solid var(--line-soft);background:var(--surface-tint);padding:18px 24px}.modal-header h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:650}.modal-footer{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.modal-footer>button{margin:0}.modal-open{pointer-events:none;overflow:hidden}