.mx-ng-ov{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.mx-ng-ov[hidden]{display:none}
.mx-ng-box{background:var(--panel,#efe6d0);color:var(--text,#2a2320);border:1px solid var(--border,#c9b892);border-radius:12px;max-width:520px;width:100%;box-shadow:0 14px 46px rgba(0,0,0,.5);overflow:hidden}
.mx-ng-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border,#c9b892)}
.mx-ng-head h3{margin:0;font-family:var(--font-display,serif);color:var(--accent,#7a3b2e);font-weight:normal;font-size:1.2rem}
.mx-ng-x{background:none;border:none;font-size:1.3rem;cursor:pointer;color:inherit;opacity:.6;line-height:1}
.mx-ng-ctrls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 16px}
.mx-ng-ctrls select,.mx-ng-ctrls .mx-ng-gender{font:inherit;color:inherit;background:transparent;border:1px solid var(--border,#c9b892);border-radius:8px;padding:6px 10px}
.mx-ng-go{margin-left:auto;background:var(--accent,#7a3b2e);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:600}
.mx-ng-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px 16px 16px}
.mx-ng-name{border:1px solid var(--border,#c9b892);border-radius:8px;padding:8px 10px;cursor:pointer;font-family:var(--font-display,serif);font-size:1.02rem;background:rgba(0,0,0,.03);transition:background .12s}
.mx-ng-name:hover{background:rgba(124,59,46,.12)}
.mx-ng-name.mx-ng-copied{background:rgba(31,157,85,.18)}
.mx-ng-hint{padding:0 16px 14px;font-size:.8rem;opacity:.65}
@media(max-width:480px){.mx-ng-list{grid-template-columns:1fr}}