.modal-scrim{z-index:13500;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;justify-content:center;align-items:center;animation:.14s ease-out modal-scrim-in;display:flex;position:fixed;inset:0}.modal-dialog{z-index:13501;box-sizing:border-box;background:var(--app-surface);border:1.5px solid var(--app-accent-border);border-radius:18px;outline:none;flex-direction:column;gap:10px;width:min(420px,100%);max-height:100%;padding:14px;animation:.16s cubic-bezier(.2,.8,.3,1) modal-dialog-in;display:flex;position:relative;box-shadow:0 18px 50px #00000073}.modal-dialog--sm{width:min(360px,100%)}.modal-head{flex:none;align-items:center;gap:8px;display:flex}.modal-title{color:var(--app-text);text-align:center;flex:1;padding-inline-start:30px;font-size:15px;font-weight:900}.modal-close{border:1px solid var(--app-border);background:var(--app-surface-2);width:30px;height:30px;color:var(--app-muted);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:inherit;font-size:14px;line-height:1;display:inline-flex}.modal-close:hover{color:var(--app-text);border-color:var(--app-accent)}.modal-close:focus-visible,.modal-dialog button:focus-visible,.modal-dialog input:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.modal-body{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}@keyframes modal-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes modal-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-scrim,.modal-dialog{animation:none}}
