/* Keep the already-served v1 bytes immutable for cached pages. */
@import url("./mcnpo-account-v1.css");
.mcnpo-account-load { position:absolute; top:100%; right:0; width:240px; padding:12px; border:1px solid #334357; border-radius:9px; background:#172130; white-space:normal; font-size:14px; }
.mcnpo-account-modal { box-sizing:border-box; width:min(440px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100svh - 32px); padding:0; margin:auto; overflow-y:auto; overscroll-behavior:contain; border:1px solid #334357; border-radius:16px; background:#172130; color:#f4f7fb; font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; font-size:16px; line-height:1.6; color-scheme:dark; box-shadow:0 20px 70px #0008; }
.mcnpo-account-modal::backdrop { background:#050911aa; }
.mcnpo-account-modal * { box-sizing:border-box; font-family:inherit; }
.mcnpo-account-modal-brand { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px 0 24px; }
.mcnpo-account-modal-brand>span { display:flex; align-items:center; gap:8px; color:#f4f7fb; font-size:17px; font-weight:700; }
.mcnpo-account-modal-brand img { width:30px; height:30px; }
.mcnpo-account-modal-close { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:0; border-radius:8px; background:transparent; color:#dce5f0; font-size:28px; line-height:1; cursor:pointer; }
.mcnpo-account-modal-close:hover { background:#293b50; }
.mcnpo-account-modal-close:focus-visible { outline:2px solid #77dfd5; outline-offset:1px; }
.mcnpo-account-modal .mcnpo-account-page { padding:0; }
.mcnpo-account-modal .mcnpo-account-page [data-account-form]>div { max-width:none; border:0; border-radius:0; padding:12px 24px 0; box-shadow:none; }
.mcnpo-account-modal .mcnpo-account-page [data-account-part="heading"] { padding-bottom:20px; }
.mcnpo-account-modal .mcnpo-account-page [data-account-part="heading"]>div:first-child { font-size:26px; }
.mcnpo-account-modal .mcnpo-account-modal-note { margin:0; padding:12px 24px 22px; color:#acbacb; font-size:13px; text-align:center; }
@media(max-width:600px) { .mcnpo-account-modal { width:calc(100vw - 24px); max-width:calc(100vw - 24px); max-height:calc(100svh - 24px); } }