.mg-back{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}
.mg-back.is-open{display:flex}
.mg-box{background:#fff;color:#111;border-radius:16px;max-width:380px;width:100%;padding:22px 20px;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.mg-box h3{margin:0 0 6px;font-size:1.1rem}
.mg-box p{margin:0 0 14px;font-size:.85rem;opacity:.7;line-height:1.4}
.mg-in{width:100%;padding:12px 14px;font-size:1.5rem;text-align:center;font-variant-numeric:tabular-nums;border:1px solid rgba(0,0,0,.2);border-radius:10px;margin-bottom:12px}
.mg-in:focus{outline:2px solid #111;outline-offset:1px}
.mg-actions{display:flex;flex-direction:column;gap:8px}
.mg-btn{display:block;width:100%;padding:12px 14px;border-radius:999px;border:1px solid #111;background:#111;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}
.mg-btn--ghost{background:transparent;color:#111;font-weight:500}
.mg-err{color:#b00020;font-size:.8rem;margin:-6px 0 10px;display:none}
.mg-err.is-on{display:block}