@import url("/fonts/han-mincho.css");
.muze-login-open{overflow:hidden}
.muze-login-modal{box-sizing:border-box;width:354px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #d5dbd4;border-radius:18px;background:#fffef9;color:#202c2b;box-shadow:0 24px 90px #172b2940;overflow:auto}
.muze-login-modal::backdrop{background:#172b2966;backdrop-filter:blur(5px)}
.muze-login-close{position:absolute;z-index:1;right:12px;top:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f0f1e9;color:#43594f;font:24px/1 "Muze Han Mincho", "Muze CJK Fallback",system-ui;cursor:pointer}
.muze-login-close svg{display:block;flex:none}
.muze-login-modal:focus,.muze-login-modal :focus{outline:none;box-shadow:none}
.muze-login-frame{display:block;width:100%;height:420px;border:0;background:transparent}
/* Scoped standalone content also works without the AI Museum styles. */
body.muze-login-content{box-sizing:border-box;margin:0;padding:34px 26px 24px;background:#fffef9;color:#202c2b;font:14px/1.55 "Muze Han Mincho", "Muze CJK Fallback",system-ui,-apple-system,sans-serif}
.muze-login-content *{box-sizing:border-box}
.muze-login-content .login-brand{display:block;width:128px;height:auto;margin:6px 0 26px;opacity:.65}
.muze-login-content label{display:block;font-weight:600;font-size:12px;margin:14px 0 7px}
.muze-login-content input:not([type=hidden]){width:100%;border:1px solid #ccd5cb;border-radius:8px;padding:11px 12px;background:#fff;color:inherit;font:14px "Muze Han Mincho", "Muze CJK Fallback",system-ui}
/* Password masking glyphs must use a native UI font, not the CJK web fonts. */
.muze-login-content input[type="password"]{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:normal}
.muze-login-content :focus{outline:none;box-shadow:none}
.muze-login-content .login-submit{width:100%;margin-top:42px;padding:13px;border:0;border-radius:8px;background:#285b49;color:white;font:600 14px "Muze Han Mincho", "Muze CJK Fallback",system-ui;cursor:pointer}
.muze-login-content .login-links{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:10px;font-size:12px}
.muze-login-content .login-register{display:block;width:100%;padding:12px;border:1px solid #285b49;border-radius:8px;background:transparent;text-align:center;text-decoration:none;font:600 14px/1.4 "Muze Han Mincho", "Muze CJK Fallback",system-ui}
.muze-login-content .login-register:hover{background:#285b4909}
.muze-login-content a{color:#315f50;text-underline-offset:3px}
.muze-login-content .login-error{border-left:2px solid #a54635;padding:0 0 0 10px;color:#943a2a;font-size:12px;margin:14px 0}

/* The full-page login uses the same form styles as the floating module. */
body.muze-login-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0;padding:0;background:#f4f2ed;color:#202c2b}
.muze-login-page .login-page-nav{width:100%;flex:none}
.muze-login-page .login-page-nav .navbar{margin-bottom:0!important}
.muze-login-page .login-page-main{display:flex;align-items:center;justify-content:center;flex:1;width:100%;padding:24px 16px}
.muze-login-page .muze-login-card{font:14px/1.55 "Muze Han Mincho", "Muze CJK Fallback",system-ui,-apple-system,sans-serif}
.muze-login-page .muze-login-card{width:354px;max-width:100%;padding:34px 26px 24px;border:1px solid #d5dbd4;border-radius:18px;background:rgba(255,255,255,0.95);box-shadow:0 20px 60px #172b2914}