/* MeshMelo v48 login only. Core form actions, validation and account data stay native. */
body.mm-auth-page,body:has(#mb_login){margin:0!important;background:radial-gradient(ellipse at 15% 10%,#ece7ff,transparent 48%),radial-gradient(ellipse at 90% 95%,#e9e9f6,transparent 42%),#f6f5fa!important;color:#242131!important;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;min-height:100vh;min-height:100dvh;box-sizing:border-box;padding:44px 24px!important;color-scheme:light}
.mm-auth-page *,#mb_login *{box-sizing:border-box}
.mm-auth-back{display:block;width:min(100%,1000px);margin:0 auto 22px;color:#595267!important;text-decoration:none!important;font-size:13px;line-height:24px}
.mm-auth-back:hover{text-decoration:underline!important;text-underline-offset:4px}
.mm-auth-shell{display:grid;grid-template-columns:.94fr 1fr;width:min(100%,1000px);min-height:610px;margin:0 auto;overflow:hidden;border:1px solid #e7e2f2;border-radius:28px;background:#fff;box-shadow:0 24px 80px rgba(47,26,91,.09);isolation:isolate}
.mm-auth-story{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:44px 42px;background:radial-gradient(ellipse at 0 100%,#865ce0 0,transparent 65%),linear-gradient(145deg,#2c194a,#4a277d 60%,#7248b2);color:#fff}
.mm-auth-brand{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;color:#fff!important;text-decoration:none!important;font-size:24px;font-weight:700;letter-spacing:-1px}
.mm-auth-mark{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border:1px solid #aa83e2;border-radius:12px;background:#7a50c6;color:#fff;font-size:23px;font-weight:800}
.mm-auth-intro{position:relative;z-index:1;margin-top:60px}
.mm-auth-eyebrow{margin:0 0 13px;font-size:12px;font-weight:500;color:#e2d5f8;letter-spacing:.08em}
.mm-auth-intro h2{margin:0;color:#fff;font-size:38px;line-height:1.4;letter-spacing:-1.9px;font-weight:750}
.mm-auth-description{margin:17px 0 0;max-width:290px;color:#e2d5f8;font-size:13px;line-height:1.8;word-break:keep-all}
.mm-auth-art{position:relative;height:215px;min-height:190px;margin-top:auto;pointer-events:none}
.mm-auth-sleeve{position:absolute;left:12px;top:38px;width:156px;height:156px;border-radius:18px;transform:rotate(-12deg);background:radial-gradient(circle at 20% 80%,#ffbca7,transparent 70%),linear-gradient(125deg,#b493f8,#9765d6);border:1px solid #d4baff;box-shadow:0 14px 26px #25153940}
.mm-auth-sleeve:after{content:'';position:absolute;inset:21px;border-radius:50%;border:1px solid #efd7ff70;box-shadow:0 0 0 12px #e9d4ff14,0 0 0 24px #e9d4ff14}
.mm-auth-record{position:absolute;left:120px;top:19px;display:grid;place-items:center;width:178px;height:178px;border-radius:50%;background:repeating-radial-gradient(circle,#291938 0 2px,#3b274b 3px 4px);box-shadow:8px 14px 24px #27183d50}
.mm-auth-record:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#ffffff1c,transparent 38%,#ffffff12,transparent 76%)}
.mm-auth-record i{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#d4b8f0;box-shadow:0 0 0 5px #251735}
.mm-auth-record i:after{content:'';width:9px;height:9px;border-radius:50%;background:#402251}
.mm-auth-art-caption{position:absolute;bottom:-12px;left:0;font-size:11px;color:#ecdefe;letter-spacing:.025em}
/* The ID rules also improve the native screen when scripts are disabled. */
#mb_login{float:none!important;position:relative!important;left:auto!important;top:auto!important;width:min(100%,470px)!important;max-width:100%!important;margin:70px auto!important;padding:40px!important;background:#fff!important;color:#242131!important;border:1px solid #e7e2f2!important;border-radius:24px!important;box-shadow:0 16px 60px #2f1a5b12;text-align:left!important;font-size:14px;line-height:1.6}
.mm-auth-shell #mb_login{width:100%!important;margin:0!important;padding:64px 44px 44px!important;border:0!important;border-radius:0!important;box-shadow:none;align-self:center}
#mb_login .mbskin_box{width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#mb_login h1,#mb_login .mm-auth-title{float:none!important;width:auto!important;height:auto!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important;font-size:29px!important;font-weight:750!important;line-height:1.4!important;letter-spacing:-1px;color:#242131!important;text-align:left!important}
#mb_login .mm-auth-subtitle{margin:0 0 32px!important;font-size:13px;line-height:1.8;color:#716a7f;word-break:keep-all}
#mb_login form,#mb_login #login_fs{width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
#mb_login #login_fs legend{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#mb_login .mm-auth-label{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;margin:0 0 8px!important;padding:0!important;font-size:12px!important;font-weight:700;line-height:1.5!important;color:#454050!important}
#mb_login input[name=mb_id],#mb_login input[name=mb_password]{display:block!important;position:static!important;float:none!important;width:100%!important;max-width:none!important;height:52px!important;min-height:52px!important;margin:0 0 20px!important;padding:0 15px!important;border:1px solid #bdb6cd!important;border-radius:12px!important;box-shadow:none!important;background:#fbfaff!important;color:#242131!important;-webkit-text-fill-color:#242131!important;font:inherit!important;font-size:16px!important;line-height:normal!important;letter-spacing:normal!important;outline-offset:3px}
#mb_login input::placeholder{color:#787184!important;-webkit-text-fill-color:#787184!important;opacity:1}
#mb_login input[name=mb_id]:focus,#mb_login input[name=mb_password]:focus{background:#fff!important;border-color:#6546d7!important;outline:2px solid #d6caf9!important;outline-offset:2px}
#mb_login input:-webkit-autofill{-webkit-text-fill-color:#242131!important;box-shadow:0 0 0 100px #f5f1ff inset!important}
#mb_login .mm-auth-password-field{position:relative;margin-bottom:20px}
#mb_login .mm-auth-password-field input[name=mb_password]{margin-bottom:0!important;padding-right:72px!important}
#mb_login .mm-auth-password-toggle{position:absolute;right:5px;top:4px;height:44px;min-width:58px;padding:0 9px;border:0!important;border-radius:8px;background:transparent!important;color:#615278!important;-webkit-text-fill-color:#615278!important;font-size:12px;font-weight:600;cursor:pointer}
#mb_login .mm-auth-password-toggle:hover{background:#ece5fa!important}
#mb_login form :is(input[type=submit],button[type=submit],.btn_submit){display:block!important;position:static!important;float:none!important;width:100%!important;height:52px!important;min-height:52px!important;margin:7px 0 20px!important;padding:0 20px!important;border:1px solid #6546d7!important;border-radius:12px!important;background:#6546d7!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:inherit;font-size:16px!important;font-weight:700!important;letter-spacing:.03em!important;box-shadow:0 5px 16px #6546d724!important;cursor:pointer;text-align:center!important;text-decoration:none!important}
#mb_login form :is(input[type=submit],button[type=submit],.btn_submit):hover{background:#5537bf!important;border-color:#5537bf!important}
#mb_login #login_info{display:flex!important;flex-wrap:wrap!important;align-items:center;justify-content:space-between;gap:8px 12px;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:12px!important}
#mb_login #login_info:after{display:none!important}
#mb_login #login_info>div{float:none!important;margin:0!important;max-width:100%}
#mb_login #login_info :is(a,label){color:#5f566f!important;-webkit-text-fill-color:#5f566f!important;font-size:12px!important;line-height:1.5!important}
#mb_login #login_info a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none!important}
#mb_login #login_info a:hover{text-decoration:underline!important;text-underline-offset:3px}
#mb_login #login_info .login_if_auto{display:flex!important;align-items:center;gap:7px;min-height:44px}
#mb_login #login_info input[type=checkbox]{position:static!important;display:inline-block!important;appearance:auto!important;-webkit-appearance:auto!important;width:17px!important;height:17px!important;min-width:17px!important;margin:0!important;padding:0!important;opacity:1!important;accent-color:#6546d7;clip:auto!important}
#mb_login #login_info label{position:static!important;display:inline-flex!important;align-items:center;min-height:44px;padding:0!important;cursor:pointer}
#mb_login #login_info .chk_box label:before,#mb_login #login_info .chk_box label:after,#mb_login #login_info label .chk_img{display:none!important}
#mb_login .mm-auth-signup{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 10px;margin:29px 0 0;padding:24px 0 0;border-top:1px solid #eae6f1;font-size:12px;color:#716a7f;text-align:center}
#mb_login .mm-auth-signup .mm-auth-join-link{display:inline-flex!important;align-items:center!important;position:static!important;float:none!important;width:auto!important;min-height:44px!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:#5a39c4!important;-webkit-text-fill-color:#5a39c4!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}
#mb_login :is(#login_sns,.login_sns){margin-top:24px}
#mb_login #mb_login_notmb{margin-top:24px;padding:16px;border:1px solid #eae6f1;border-radius:12px}
#mb_login #mb_login_notmb h2{font-size:15px}
#mb_login .btn_confirm{margin-top:16px;text-align:center}#mb_login .btn_confirm a{color:#716a7f;font-size:12px;line-height:44px;text-decoration:none}
.mm-auth-page :is(a,button,input):focus-visible{outline:2px solid #6546d7!important;outline-offset:3px}
@media(min-width:1100px) and (min-height:860px){body.mm-auth-page{padding-top:calc((100dvh - 680px)/2)!important}}
@media(max-width:899px){
 body.mm-auth-page,body:has(#mb_login){padding:24px 18px calc(24px + env(safe-area-inset-bottom))!important;background:linear-gradient(165deg,#eee9fa,#f8f7fb 70%)!important}
 .mm-auth-back{max-width:440px;margin-bottom:18px;font-size:12px}
 .mm-auth-shell{display:flex;flex-direction:column;width:min(100%,440px);min-height:0;border-radius:24px;box-shadow:0 15px 40px #2f1a5b0c}
 .mm-auth-story{padding:25px 25px 27px}
 .mm-auth-brand{font-size:23px}
 .mm-auth-mark{width:34px;height:34px;border-radius:10px;font-size:22px}
 .mm-auth-intro{margin-top:18px}
 .mm-auth-eyebrow,.mm-auth-description,.mm-auth-art{display:none}
 .mm-auth-intro h2{font-size:21px;line-height:1.5;letter-spacing:-.7px}
 .mm-auth-intro h2 br{display:none}
 .mm-auth-intro h2 br:after{content:' '}
 .mm-auth-shell #mb_login{padding:29px 25px 24px!important}
 #mb_login{margin:40px auto!important;padding:27px!important}
 #mb_login h1{font-size:25px!important;margin-bottom:7px!important}
 #mb_login .mm-auth-subtitle{font-size:12px;margin-bottom:27px!important}
 #mb_login .mm-auth-signup{margin-top:21px;padding-top:16px}
}
@media(max-width:359px){body.mm-auth-page,body:has(#mb_login){padding-inline:12px!important}.mm-auth-story{padding-inline:20px}.mm-auth-shell #mb_login{padding-inline:20px!important}#mb_login #login_info{gap:0 5px}#mb_login #login_info :is(a,label){font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.mm-auth-page *{scroll-behavior:auto!important;transition:none!important}}