
.live-access{min-height:70svh;padding:140px max(24px,8vw);background:#090c09;color:#eaf2df;font-family:Arial,"Noto Sans KR",sans-serif}
.live-access>span{color:#d1ff46;font-size:14px;letter-spacing:.15em}
.live-access h1{font-size:clamp(26px,4vw,44px);letter-spacing:-.04em;margin:25px 0}
.live-access p{line-height:1.8;color:#acb5a5;max-width:560px;margin-bottom:32px}
.live-access .co-btn{margin:0 10px 14px 0;border:1px solid #4e5f28;border-radius:999px;padding:13px 23px;color:#d1ff46;background:transparent;text-decoration:none;display:inline-block}
.live-access .co-primary{background:#d1ff46;color:#0d1107;border-color:#d1ff46}
.adm-staff-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 0;border-bottom:1px solid #283021;overflow-wrap:anywhere}
.adm-staff-row span{color:#a5b394;font-size:14px}
.adm-notice .adm-button{padding:6px 12px;white-space:nowrap}
.adm-message header>span{font-size:12px;color:#a5b394;margin-inline:8px}
.chat-list-disclaimer a{color:#cfff45;white-space:nowrap}
.chat-message header span{overflow-wrap:anywhere}
.adm-notice>span{overflow-wrap:anywhere}
[hidden]{display:none!important}
@media(max-width:600px){.live-access{padding:110px 24px}.adm-notice{flex-wrap:wrap;gap:12px}.adm-staff-row{display:grid;gap:5px}}

body[data-page="account"],body[data-page="loading"]{background:#090c09}.live-access{min-height:100svh;box-sizing:border-box}
.customer-login-options{display:grid;gap:12px;margin:28px 0}.customer-login{display:block;padding:17px 20px;border-radius:12px;text-align:center;font:inherit;font-weight:700;text-decoration:none;border:1px solid #d5d8dc;color:#252932;background:#f3f4f5}.customer-login.kakao{background:#fee500;border-color:#fee500;color:#191919}.customer-login.naver{background:#03c75a;border-color:#03c75a;color:#fff}.customer-login:disabled{color:#626c78;cursor:default}.customer-auth .password-intro{font-size:16px;line-height:1.65}.customer-auth .password-home{display:block;margin-top:20px}
/* Customer account screens: one font family and three type sizes. */
.customer-auth{font-family:var(--sans);font-size:14px}
.customer-auth .password-card :is(p,a,label,input,summary,button,small,span){font-family:inherit;font-size:14px}
.customer-auth .password-card :is(.customer-login,.password-submit,h2,.email-mode-tabs button){font-size:16px}
.customer-auth .password-card h1{font-family:inherit;font-size:28px}
.customer-auth .email-staff-help .password-intro{margin:0;font-size:14px}
.customer-auth .password-card>.email-staff-bottom{margin-top:32px;margin-bottom:16px}
.customer-auth .password-brand+h1{margin-top:40px}
/* Place the login brand on the same top row as the global menu control. */
.customer-auth.account-login{position:relative;align-items:start}
.customer-auth.account-login .password-brand{position:absolute;top:calc(var(--site-control-top) + env(safe-area-inset-top,0px));left:max(26px,env(safe-area-inset-left,0px));height:var(--site-menu-size);width:min(260px,calc(100% - 110px));display:flex;align-items:center;margin:0}
.customer-auth.account-login .password-brand .glow-brand-logo{width:100%}
.customer-auth.account-login .password-card>.password-brand+h1{margin-top:0}
/* Three additional body-text lines between the top brand and login content. */
.customer-auth.account-login .password-card>.password-brand+h1{margin-top:72px}
/* Match the login heading to the quiet footer-link typography. */
.customer-auth.account-login .password-card h1{font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.65}
