/*
 * NobleDate Unified Theme
 * Shared visual language for standalone user pages.
 */
:root{
  --nd-black:#10100f;
  --nd-charcoal:#24231f;
  --nd-gold:#c7a35a;
  --nd-gold-light:#dfc27f;
  --nd-gold-deep:#9b742d;
  --nd-champagne:#f1e6cf;
  --nd-ivory:#f7f4ee;
  --nd-paper:#fffdf9;
  --nd-line:#ded4c2;
  --nd-text:#191814;
  --nd-subtext:#5f5a50;
  --nd-muted:#8c8579;
  --nd-success:#236d58;
  --nd-danger:#b64b4b;
  --nd-shadow:0 8px 24px rgba(45,35,18,.08);
}
html{background:var(--nd-ivory)}
body{
  color:var(--nd-text);
  background:var(--nd-ivory);
  font-family:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body:not(.welcome-page) h1,body:not(.welcome-page) h2,body:not(.welcome-page) h3,
.section-title,.panel-title,.payment-heading{
  color:var(--nd-text);
  font-weight:800;
  letter-spacing:-.025em;
}
input,select,textarea{
  color:var(--nd-text);
  background:var(--nd-paper);
  border:1px solid var(--nd-line);
  border-radius:8px;
  font-size:15px;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:var(--nd-gold);
  box-shadow:0 0 0 3px rgba(199,163,90,.14);
}
input::placeholder,textarea::placeholder{color:var(--nd-muted)}
.nd-sticky-header,.withdraw-header,.dormant-header,.verification-header,
.charge-header,.recovery-header,.head,.top{
  min-height:62px;
  background:var(--nd-black);
  color:var(--nd-gold-light);
  border-bottom:1px solid rgba(199,163,90,.35);
}
.nd-sticky-header a,.withdraw-header a,.dormant-header a,.verification-header a,
.charge-header a,.recovery-header a,.head a,.top a,.back,.home{
  color:var(--nd-gold-light);
}
.content,.withdraw-content,.verification-content,.recovery-content,.charge-body{
  color:var(--nd-text);
}
.box,.panel,.payment-panel,.payment-box,.join-box,.recovery-section,
.verification-panel,.withdraw-guide,.withdraw-warning,.status,.point-box,
.message,.item,.balance,.agreement,.cautions,.notice{
  border-color:var(--nd-line);
  border-radius:12px;
}
.panel,.payment-panel,.payment-box,.join-box,.recovery-section,
.verification-panel,.status,.point-box,.item,.balance{
  background:var(--nd-paper);
  box-shadow:var(--nd-shadow);
}
.guide,.section-guide,.verification-intro,.notes,.password-help,.sub,
.info-list,.notice,.message{color:var(--nd-subtext)}
.error,.field-error{color:var(--nd-danger)}
.success{color:var(--nd-success)}
button,.buy,.submit,.withdraw-submit,.identity-submit,.confirm,.action,
.inquiry-confirm,.login-button,.join-button{
  font-family:inherit;
  font-weight:800;
  letter-spacing:-.02em;
}
.buy,.submit,.withdraw-submit,.identity-submit,.confirm,.action,
.inquiry-confirm,button[type="submit"]{
  background:var(--nd-black);
  color:var(--nd-gold-light);
  border:1px solid var(--nd-gold-deep);
  border-radius:8px;
}
.buy:hover,.submit:hover,.withdraw-submit:hover,.identity-submit:hover,
.confirm:hover,.action:hover,.inquiry-confirm:hover,button[type="submit"]:hover{
  background:#1d1c19;
}
.choice,.product-row,.payment-option,.pay-choice,.reason-row{
  border-color:var(--nd-line);
}
.choice:has(input:checked),.payment-option:has(input:checked),
.pay-choice:has(input:checked){
  border-color:var(--nd-gold);
  background:#fffaf0;
}
.product-price,.payment-option-price,.pay-price,.gold,.point-info{
  color:var(--nd-gold-deep);
  font-weight:800;
}
.flash,.complete-head{background:var(--nd-black);color:var(--nd-gold-light)}
.pages a,.pages span{border-color:var(--nd-line);color:var(--nd-text)}
.pages .active,.pages [aria-current="page"]{background:var(--nd-black);color:var(--nd-gold-light)}
@media(max-width:520px){
  body{font-size:15px}
  .content,.withdraw-content,.verification-content,.recovery-content,.charge-body{padding-left:16px;padding-right:16px}
}


/* UNIFIED PAGE HEADER TITLE V1 */
.nd-sticky-header strong,
.withdraw-header strong,
.dormant-header strong,
.verification-header strong,
.charge-header strong,
.recovery-header strong,
.notice-header strong,
.settings-header strong,
.profile-top strong,
.detail-header strong,
.chat-header strong,
.head > strong,
.top > strong{
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
}
