/* Invited test release: profile controls and the server-rendered entry gate. */
.mf-test-entry{margin:0;background:#fafbf9;color:#20382f;font:16px/1.55 Inter,Segoe UI,sans-serif;min-height:100svh;display:grid;place-items:center;padding:28px;box-sizing:border-box}
.mf-test-entry main{width:min(100%,430px)}
.mf-test-entry h1{font-size:clamp(22px,4vw,28px);line-height:1.3;letter-spacing:-.6px;margin:18px 0 30px}
.mf-test-wordmark{font-weight:750;font-size:27px;letter-spacing:-1px;margin:0 0 34px}
.mf-test-entry form{display:grid;gap:12px}.mf-test-entry label{font-size:14px}
.mf-test-entry input,.mf-test-entry button{box-sizing:border-box;width:100%;font:inherit;border-radius:10px;padding:12px 14px;border:1px solid #b9c9c1}
.mf-test-entry input{background:#fff;color:inherit}.mf-test-entry button{background:#23745b;color:white;border-color:transparent;cursor:pointer;margin-top:4px}
.mf-test-entry :focus-visible{outline:3px solid #abc83c;outline-offset:3px}
.mf-test-label{color:#34694d;font-size:13px;font-weight:650}
.mf-test-entry [role=alert]{color:#a72c36}
html[data-mf-design="photographic"] .mf-app .mf-test-notice{display:block!important;margin:14px 0 24px!important;padding:9px 13px!important;border-left:3px solid var(--green)!important;font-size:14px!important;font-weight:650;color:var(--ink)!important;background:color-mix(in srgb,var(--green) 9%,transparent)!important;width:fit-content}
html[data-mf-design="photographic"] .mf-app .mf-user-menu{position:relative;display:flex;align-items:center;flex:none;z-index:45}
html[data-mf-design="photographic"] .mf-app .mf-profile-avatar{width:30px;height:30px;min-width:30px;border:0;padding:0;overflow:hidden;border-radius:50%;cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--green) 15%,transparent);display:grid;place-items:center}
html[data-mf-design="photographic"] .mf-app .mf-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
html[data-mf-design="photographic"] .mf-app .mf-user-menu-items{position:absolute;top:100%;right:0;min-width:174px;max-width:min(260px,85vw);padding:12px 16px;display:none;background:var(--card,#fff);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #0002;font-size:14px;line-height:1.45}
html[data-mf-design="photographic"] .mf-app .mf-user-menu:is(:hover,:focus-within) .mf-user-menu-items{display:grid;gap:10px}
html[data-mf-design="photographic"] .mf-app .mf-user-name{font-weight:650;overflow-wrap:anywhere;max-width:100%}
html[data-mf-design="photographic"] .mf-app .mf-user-menu-items :is(a,button){font:inherit;display:block;text-align:left;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-decoration:none;width:100%;min-height:24px}
html[data-mf-design="photographic"] .mf-app .mf-user-menu-items :is(a,button):is(:hover,:focus-visible){color:var(--green);text-decoration:underline}
html[data-mf-design="photographic"] .mf-app .co-account-session{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
html[data-mf-design="photographic"][data-mf-theme="dark"] .mf-app .mf-user-menu-items{background:#20272a}
@media(min-width:761px){html[data-mf-design="photographic"] .mf-app .mf-profile-avatar{width:45px;height:45px;min-width:45px;font-size:20px}}
@media(max-width:360px){html[data-mf-design="photographic"] .mf-app .mf-profile-avatar{width:26px;height:26px;min-width:26px}}
@media(prefers-color-scheme:dark){.mf-test-entry{background:#171c1f;color:#edf2ec}.mf-test-entry input{background:#222a2b;border-color:#485b53}.mf-test-label{color:#9cd9b6}.mf-test-entry [role=alert]{color:#ffb7bf}}

.mf-test-password{display:block;position:relative}.mf-test-password input{padding-right:52px!important}.mf-test-entry .mf-test-password button{position:absolute;right:4px;top:4px;width:42px;height:42px;padding:8px;margin:0;background:transparent;color:inherit;display:grid;place-items:center}
html[data-mf-design] dialog.mf-app.mf-paid-dialog{min-height:0!important;height:auto!important;width:min(420px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;margin:auto!important;padding:28px!important;overflow:auto;background:#172823!important;color:#f8fff9!important;border:1px solid #72928a!important;border-radius:24px!important}html[data-mf-design] dialog.mf-app.mf-paid-dialog h2{font-size:2rem!important;margin:0 0 12px!important;color:#fff!important}html[data-mf-design] dialog.mf-app.mf-paid-dialog p{color:#e5efe9!important}html[data-mf-design] dialog.mf-app.mf-paid-dialog .mf-btn{background:#29433a!important;color:#fff!important;border:1px solid #91ac9e!important;min-height:44px!important;margin:8px 8px 0 0!important}html[data-mf-design] dialog.mf-app.mf-paid-dialog .mf-btn:first-of-type{background:#b82d67!important;color:#fff!important}html[data-mf-design] dialog.mf-app.mf-paid-dialog .mf-btn:hover,html[data-mf-design] dialog.mf-app.mf-paid-dialog .mf-btn:focus-visible{background:#436555!important;color:#fff!important;outline:2px solid #ccf294!important;outline-offset:2px}
html[data-mf-design] dialog.mf-app.mf-paid-dialog{height:fit-content!important;box-sizing:border-box!important}

html[data-mf-design] dialog.mf-app.mf-paid-dialog{resize:none!important}
