/* Reference membership visuals; all original registration fields and handlers remain. */
#auth-reference.auth-register{padding:24px 14px}
#auth-reference .register-panel{position:relative;width:min(650px,100%);height:auto;min-height:0;margin:0;padding:32px;border:1px solid rgba(255,255,255,.6);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,10,31,.13);overflow:visible}
#auth-reference .register-profile{width:min(790px,100%);padding:46px 50px}
#auth-reference .header-box{position:static;height:0;margin:0;padding:0;border:0;background:none}
#auth-reference .header-box h1,#auth-reference .header-box .menu-open{display:none}
#auth-reference .header-box .back-box{position:absolute;right:18px;top:15px;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:#f1f4f8;cursor:pointer}
#auth-reference .back-box img{width:18px;height:18px;object-fit:contain}
#auth-reference .header-box .back-box{font-size:25px;line-height:1}
#auth-reference .register-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;margin:0 48px 38px 0}
#auth-reference .register-progress>span{position:relative;width:29px;height:29px;border:1px solid #d9e0e9;border-radius:50%;display:grid;place-items:center;color:#9ba7b7;font-size:10px;font-weight:700}
#auth-reference .register-progress>span.active{border-color:#1c5fc9;background:#1c5fc9;color:#fff}
#auth-reference .register-progress>span i{position:absolute;top:35px;left:50%;transform:translateX(-50%);color:#8190a3;font-size:8px;font-style:normal;white-space:nowrap}
#auth-reference .register-progress>b{height:1px;background:#dfe5ec}
#auth-reference .register-badge{width:44px;height:44px;margin-bottom:16px;border-radius:12px;display:grid;place-items:center;background:#fff5db;font-size:22px}
#auth-reference .register-kicker{margin:0 0 10px;color:#55708f;font-size:9px;font-weight:600;letter-spacing:.18em}
#auth-reference .member-box-detail{margin:0;padding:0;height:auto;min-height:0;background:none}
#auth-reference .step-2,#auth-reference .step-3,#auth-reference .step-4{display:none}
#auth-reference .member-box-detail>h1,#auth-reference .register-title{margin:0 0 18px;color:#12223a;font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.035em}
#auth-reference .step-1>h1:first-child{color:#ed3152;font-size:27px;margin-bottom:8px}
#auth-reference .step-1>h1:nth-child(2){margin-bottom:20px;font-size:16px;color:#66758a;font-weight:400}
#auth-reference .step-1>h1:nth-child(2) br{display:none}
#auth-reference .register-reward-heading{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:20px;align-items:center;margin-bottom:20px}
#auth-reference .register-reward-title{margin:0 0 8px;color:#12223a;font-size:30px;font-weight:700;line-height:1.18;letter-spacing:-.035em}
#auth-reference .register-reward-title strong{color:#ed3152;font-weight:700}
#auth-reference .register-plan-description{margin:0;color:#66758a;font-size:12px;font-weight:400;line-height:1.7}
#auth-reference .register-plan-description br{display:none}
#auth-reference .register-reward-heading>span{height:104px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#071a39,#12366d);color:#fff;box-shadow:0 13px 28px rgba(7,26,57,.2)}
#auth-reference .register-reward-heading>span{font-size:20px}
#auth-reference .register-reward-heading>span b{margin-top:5px;font-size:22px;font-weight:700}
#auth-reference .register-reward-heading>span small{margin-top:2px;color:#91a8c7;font-size:7px;font-weight:600;letter-spacing:.12em}
#auth-reference .register-panel[data-register-step]:not([data-register-step="1"]) .register-badge{display:none}
#auth-reference .register-panel[data-register-step]:not([data-register-step="1"])>.register-kicker{display:none}
#auth-reference .select-layout{margin:0;padding:0}
#auth-reference .select-layout ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;list-style:none;margin:0;padding:0;border:0;background:none}
#auth-reference .select-layout li{display:flex;align-items:center;justify-content:space-between;min-height:64px;margin:0;padding:0 15px;border:1px solid #dce3ec;border-radius:10px;background:#fff;color:#25364e;font-size:12px;font-weight:600;cursor:pointer}
#auth-reference .select-layout li:after{content:'';width:21px;height:21px;border:1px solid #d6dee9;border-radius:50%}
#auth-reference .select-layout li.active{border-color:#132c59;background:#f3f7fd;box-shadow:inset 0 0 0 1px #132c59}
#auth-reference .select-layout li.active:after{content:'✓';display:grid;place-items:center;border-color:#132c59;background:#132c59;color:#fff;font-size:10px}
#auth-reference .select-layout li>span{display:flex;flex-direction:column;gap:4px}
#auth-reference .select-layout li b{font-size:12px;font-weight:600}
#auth-reference .select-layout li small{color:#8997a9;font-size:7px;letter-spacing:.08em}
#auth-reference .register-subscriber-reward{position:relative;margin-top:15px;min-height:84px;padding:16px 17px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;overflow:hidden;border:1px solid #e7eaf2;border-radius:14px;background:linear-gradient(135deg,#f7f9fd,#fff5f7)}
#auth-reference .register-subscriber-reward:after{content:'';position:absolute;right:-32px;bottom:-42px;width:105px;height:105px;border:1px solid rgba(237,49,82,.08);border-radius:50%}
#auth-reference .register-subscriber-reward>span{width:48px;height:48px;border:1px solid #ffe1e7;border-radius:13px;display:grid;place-items:center;background:#fff;color:#ed3152;box-shadow:0 7px 18px rgba(31,48,76,.07)}
#auth-reference .register-subscriber-reward>span{font-size:22px}
#auth-reference .register-subscriber-reward>div{position:relative;z-index:1;min-width:0}
#auth-reference .register-subscriber-reward>div>b{display:block;margin-bottom:5px;color:#162944;font-size:12px;font-weight:600}
#auth-reference .register-subscriber-reward p{margin:0;color:#687a90;font-size:10px;line-height:1.55}
#auth-reference .register-subscriber-reward>strong{position:relative;z-index:1;min-width:118px;padding:11px 13px;border-radius:10px;display:flex;align-items:flex-end;flex-direction:column;background:#071a39;color:#ffca08;box-shadow:0 8px 18px rgba(7,26,57,.14)}
#auth-reference .register-subscriber-reward strong small{margin-bottom:2px;color:#aebdd2;font-size:8px;font-weight:600;letter-spacing:.06em}
#auth-reference .register-subscriber-reward strong b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
#auth-reference .register-benefits-empty{display:none}
#auth-reference [data-register-select]{padding:48px}
#auth-reference .register-email-form{margin:18px 0 0}
#auth-reference .register-email-form>label,#auth-reference .auth-box label{display:block;margin:0 0 7px;color:#4b5e75;font-size:10px;font-weight:600}
#auth-reference .register-email-form>input{width:100%;height:52px;padding:0 15px;border:1px solid #dce2ea;border-radius:8px;background:#fbfcfe;color:#12223a;font-size:14px}
#auth-reference .register-email-form .member-btn-box{margin-top:10px}
#auth-reference .register-signup-divider{margin:14px 0;display:flex;align-items:center;gap:12px;color:#9aa7b8;font-size:9px;font-weight:600;letter-spacing:.1em}
#auth-reference .register-signup-divider:before,#auth-reference .register-signup-divider:after{content:'';height:1px;flex:1;background:#e4e9f0}
#auth-reference .register-google-button{width:100%;min-height:49px;padding:0 15px;border:1px solid #d8dfe9;border-radius:9px;display:grid;grid-template-columns:22px 1fr 18px;gap:10px;align-items:center;background:#fff;color:#223148;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 5px 15px rgba(24,42,68,.05)}
#auth-reference .register-google-button:hover{border-color:#aebbd0;background:#f9fbff}
#auth-reference .register-google-button>svg{width:20px;height:20px}
#auth-reference .register-google-button>span{text-align:center}
#auth-reference .register-google-button>i{color:#8493a8;font-size:16px;font-style:normal}
#auth-reference .register-google-option>p{margin:8px 0 0;color:#77879a;font-size:9px;text-align:center}
#auth-reference .register-phone-summary{margin:0 0 16px;color:#66758a;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#auth-reference .detail-content{margin:15px 0 0;padding:16px 17px;border:1px solid #e7eaf2;border-radius:14px;background:linear-gradient(135deg,#f7f9fd,#fff5f7)}
#auth-reference .detail-content ul{display:none;list-style:none;margin:0;padding:0}
#auth-reference .detail-content ul.active{display:block}
#auth-reference .detail-content li{margin:0;padding:3px 0;color:#687a90;font-size:11px;line-height:1.65;list-style:none;overflow-wrap:anywhere}
#auth-reference .detail-content .font-color-red{color:#ed3152}
#auth-reference .member-btn-box{display:flex;gap:8px;margin:24px 0 0;padding:0;position:static;width:100%;background:none}
#auth-reference .member-btn-box input{flex:1;min-width:0;width:auto;height:52px;margin:0;padding:0 12px;border:0;border-radius:8px;background:#071a39;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
#auth-reference .member-btn-box .prev-btn{flex:0 0 95px;border:1px solid #d8e0e9;background:#fff;color:#40536b}
#auth-reference .member-btn-box .register-back-button{flex:0 0 110px;height:52px;margin:0;padding:0 12px;border:1px solid #d8e0e9;border-radius:8px;background:#fff;color:#40536b;font-size:12px;font-weight:600;cursor:pointer}
#auth-reference .member-btn-box input:disabled{background:#b9c3d2;color:#fff;cursor:default}
#auth-reference .agree-box{margin:0;padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#fff}
#auth-reference .agree-box ul{list-style:none;margin:0;padding:0}
#auth-reference .agree-box li{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:13px 3px;border-bottom:1px solid #edf0f4}
#auth-reference .agree-box li:last-child{border-bottom:0}
#auth-reference .agree-box .all-checked{justify-content:flex-start;padding:13px 14px;border-radius:10px;border-bottom:0;background:#f3f6fa}
#auth-reference .agree-box input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:#1c5fc9}
#auth-reference input[type=checkbox]::before,#auth-reference input[type=checkbox]::after,#auth-reference input[type=radio]::before,#auth-reference input[type=radio]::after{content:none;display:none}
#auth-reference .agree-box span:first-child{display:flex;align-items:center;gap:9px}
#auth-reference .agree-box label{font-size:11px;color:#536478;cursor:pointer}
#auth-reference .agree-view{font-size:10px;color:#7a8ba0;text-decoration:underline;cursor:pointer;white-space:nowrap}
#auth-reference .register-agreement-section{margin-top:13px;background:#fff}
#auth-reference .register-agreement-section .agree-box{padding:0;border:0}
#auth-reference .register-agreement-section .agree-box label{font-size:9px}
#auth-reference .register-agreement-section .agree-box label b{color:#1c5fc9;font-weight:600}
#auth-reference .register-agreement-section .all-checked{margin-bottom:4px}
#auth-reference .auth-box{margin:22px 0 0;padding:0}
#auth-reference .auth-box ul{list-style:none;margin:0;padding:0}
#auth-reference .auth-box li{list-style:none;margin:0 0 12px;padding:0;border:0;background:none}
#auth-reference .auth-input{width:100%;height:52px;padding:0 15px;border:1px solid #dce2ea;border-radius:8px;background:#fbfcfe;color:#12223a;font-size:14px}
#auth-reference .auth-input[readonly]{background:#f1f4f8;color:#7c8b9e}
#auth-reference .register-stage-intro>span{width:44px;height:44px;margin-bottom:17px;border-radius:12px;display:grid;place-items:center;background:#eef5ff;color:#165bc8;font-size:22px}
#auth-reference .register-stage-intro p{margin:0 0 10px;color:#55708f;font-size:9px;font-weight:600;letter-spacing:.18em}
#auth-reference .register-stage-description{margin:-6px 0 24px;color:#66758a;font-size:12px;line-height:1.7}
#auth-reference .register-description{margin:-6px 0 24px;color:#7c899a;font-size:12px;line-height:1.7}
#auth-reference .member-input-box{margin:0;padding:0;display:grid;gap:13px}
#auth-reference .register-profile-section{padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#fbfcfe;min-width:0}
#auth-reference .register-profile-section>header{display:flex;align-items:center;gap:10px;margin:0 0 15px}
#auth-reference .register-profile-section>header>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:#1b61c9;font-size:9px;font-weight:700}
#auth-reference .register-profile-section h3{margin:0;color:#1a2a42;font-size:12px;font-weight:600}
#auth-reference .register-profile-section>header>div{display:flex;flex-direction:column;gap:3px}
#auth-reference .register-profile-section>header small{color:#8b98a9;font-size:8px}
#auth-reference .register-field-hint{display:block;margin-top:6px;color:#8b98a9;font-size:8px;line-height:1.5}
#auth-reference .member-input:focus,#auth-reference .member-input-box select:focus{border-color:#2b6acb;box-shadow:0 0 0 3px rgba(43,106,203,.09)}
#auth-reference .register-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}
#auth-reference .member-input-box ul{list-style:none;margin:0;padding:0;min-width:0;border:0;background:none}
#auth-reference .member-input-box ul>li{list-style:none;margin:0;padding:0;min-width:0;border:0;background:none}
#auth-reference .member-input-box ul>li:first-child{margin-bottom:7px;color:#4b5e75;font-size:10px;font-weight:600}
#auth-reference .member-input,#auth-reference .member-input-box select{width:100%;height:47px;padding:0 14px;border:1px solid #dce2ea;border-radius:8px;background:#fff;color:#1a2b43;font-size:12px;box-shadow:none}
#auth-reference .member-input[readonly]{background:#f1f4f8;color:#7c8b9e}
#auth-reference .member-input::placeholder,#auth-reference .auth-input::placeholder{color:#9aa4b2;opacity:1}
#auth-reference .select-item{position:relative;margin:0;padding:0;min-width:0}
#auth-reference .select-item>label{display:none}
#auth-reference .register-wide{grid-column:1/-1}
#auth-reference .member-input-box .dl-box{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
#auth-reference .member-input-box dl{margin:0;padding:0}
#auth-reference .member-input-box dt{font-size:12px}
#auth-reference .member-input-box dd{margin:0;padding:8px 0;color:#536478;font-size:12px}
#auth-reference .member-input-box input[type=radio]{width:17px;height:17px;margin:0 6px 0 0;accent-color:#1c5fc9}
#auth-reference .member-input-box input[type=radio]+label{font-size:11px;cursor:pointer}
#auth-reference .member-input-box .check-type-box{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#auth-reference .member-input-box .check-type-box.etc.none{display:none}
#auth-reference .member-input-box input[type=radio]{vertical-align:middle}
#auth-reference .none,#auth-reference .member-input-box .pay-method-detail,#auth-reference .nft-detail-box{display:none}
#auth-reference .pay-type-box:nth-child(2) .pay-method-detail{display:block}
#auth-reference .member-input-box .pay-method-detail{padding:12px;border-radius:10px;background:#f3f6fa;color:#687a90;font-size:11px;line-height:1.65}
#auth-reference .nft-detail-box.active{display:block;margin-top:10px;color:#687a90;font-size:11px;line-height:1.65}
#auth-reference .recommend-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 66px}
#auth-reference .recommend-box .member-input{padding-right:14px;border-radius:8px 0 0 8px}
#auth-reference .recommend-box>span{height:47px;display:grid;place-items:center;border:1px solid #dce2ea;border-left:0;border-radius:0 8px 8px 0;background:#fff;color:#1c5fc9;font-size:10px;cursor:pointer}
#auth-reference .recommend-box>.select-item{grid-column:1/-1}
#auth-reference .member-input-box .search-item{position:relative;display:flex;align-items:center}
#auth-reference .member-input-box .search-item .member-input{padding-right:60px}
#auth-reference .member-input-box .search-item span{position:absolute;right:12px;color:#1c5fc9;font-size:11px;cursor:pointer}
#auth-reference .register-complete{text-align:center;width:min(520px,100%)}
#auth-reference .register-complete .wrap{width:auto;margin:0;padding:0;min-height:0;height:auto}
#auth-reference .register-success{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 24px;border-radius:50%;background:#eafbf4;color:#1ba876;font-size:30px}
#auth-reference .register-complete .join-head,#auth-reference .register-complete .bg,#auth-reference .register-complete #join{margin:0;padding:0;height:auto;min-height:0;background:none}
#auth-reference .register-complete .top-head{display:none}
#auth-reference .register-complete h1{margin:0 0 16px;color:#12223a;font-size:30px;font-weight:700}
#auth-reference .register-complete .greeting{margin:0;padding:0;color:#66758a;font-size:13px}
#auth-reference .register-complete .greeting p{margin:0}
#auth-reference .register-complete .btn-group{margin:24px 0 0;padding:0}
#auth-reference .register-complete .btn-group input{width:100%;height:52px;border:0;border-radius:8px;background:#071a39;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
#auth-reference .register-complete .register-progress{text-align:left;margin:0 0 48px}
#auth-reference .register-welcome-points{max-width:340px;margin:22px auto;padding:18px;border:1px solid #f3d56a;border-radius:13px;background:#fff9e7}
#auth-reference .register-welcome-points small{display:block;color:#8c7a37;font-size:8px;font-weight:600;letter-spacing:.14em}
#auth-reference .register-welcome-points strong{display:block;margin:4px 0;color:#ed3152;font-size:30px;font-weight:700}
#auth-reference .register-welcome-points p{margin:0;color:#776b48;font-size:9px}
#auth-reference [role=button]:focus-visible,#auth-reference .auth-input:focus-visible,#auth-reference .member-input:focus-visible,#auth-reference select:focus-visible{outline:3px solid #75aaff;outline-offset:2px}
body:has(#auth-reference.auth-register)>#m-open-menu{display:none}
.kpop-modal:has(.register-legal-content) .kpop-modal-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
.kpop-modal:has(.register-legal-content) .kpop-modal-content{min-height:0;overflow:auto;text-align:left;font-size:12px;line-height:1.8}
.kpop-modal:has(.register-legal-content) .kpop-modal-actions{flex-shrink:0}
@media(max-width:760px){#auth-reference .register-panel{padding:28px 20px;border-radius:16px}#auth-reference .register-progress{margin-right:40px;gap:6px}#auth-reference .member-box-detail>h1,#auth-reference .register-title{font-size:24px}#auth-reference .step-1>h1:first-child{font-size:23px}#auth-reference .select-layout ul{grid-template-columns:1fr}#auth-reference .select-layout li{min-height:57px}#auth-reference .register-form-grid{grid-template-columns:1fr}#auth-reference .register-profile-section{padding:13px}}
@media(max-height:680px){#auth-reference.auth-register{padding:12px 14px}#auth-reference .register-panel{padding:22px}#auth-reference .register-badge{display:none}#auth-reference .register-progress{margin-bottom:30px}#auth-reference .member-btn-box{margin-top:18px}#auth-reference .member-btn-box input{height:48px}}
@media(max-width:760px){#auth-reference .register-reward-heading{grid-template-columns:minmax(0,1fr) 86px;gap:12px}#auth-reference .register-reward-title{font-size:22px}#auth-reference .register-reward-heading>span{height:92px}#auth-reference .register-reward-heading>span b{font-size:19px}}
@media(max-width:760px){#auth-reference .register-subscriber-reward{grid-template-columns:44px minmax(0,1fr);padding:14px;gap:11px}#auth-reference .register-subscriber-reward>span{width:44px;height:44px}#auth-reference .register-subscriber-reward>strong{grid-column:2;min-width:0;width:max-content;padding:7px 10px;align-items:baseline;flex-direction:row;gap:7px}#auth-reference .register-subscriber-reward strong b{font-size:16px}#auth-reference .register-subscriber-reward strong small{margin:0}#auth-reference .register-profile-section>header small{font-size:7px}}
@media(max-width:760px){#auth-reference [data-register-select]{padding:28px 20px}#auth-reference .member-btn-box .register-back-button{flex-basis:95px}}
@media(max-height:680px){#auth-reference [data-register-select]{padding:22px}#auth-reference .member-btn-box .register-back-button{height:48px}}