/* 시절마디 · 밤 장면에 맞춘 메뉴와 결제 전 미리보기 창
   색과 테두리만 바꾼다. 링크·버튼·계산·결제 동작은 그대로다. */

/* ---------- 1) 결제 전 미리보기 창 (인생운세) ---------- */
html body[data-sjm-page="lifetime"] #payment-preview-dialog{
  background:#131632 linear-gradient(172deg,#1b1f42 0%,#131632 46%,#0e1027 100%)!important;color:#f3eee4!important;
  border:1px solid rgba(242,213,154,.3)!important;box-shadow:0 30px 90px rgba(0,0,0,.55)!important;color-scheme:dark}
html body[data-sjm-page="lifetime"] #payment-preview-dialog::backdrop{background:rgba(6,7,20,.78)!important;backdrop-filter:blur(4px)}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-close{background:rgba(255,255,255,.1)!important;color:#f3eee4!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.18)!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .product-badge{background:rgba(242,213,154,.14)!important;border-color:rgba(242,213,154,.45)!important;color:#f6dfab!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog h2{color:#fbf7ef!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog p,
html body[data-sjm-page="lifetime"] #payment-preview-dialog span,
html body[data-sjm-page="lifetime"] #payment-preview-dialog small,
html body[data-sjm-page="lifetime"] #payment-preview-dialog em,
html body[data-sjm-page="lifetime"] #payment-preview-dialog li{color:#d4cedd!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog strong,
html body[data-sjm-page="lifetime"] #payment-preview-dialog b,
html body[data-sjm-page="lifetime"] #payment-preview-dialog summary{color:#f7f2e9!important}
/* 상자들: 밤하늘 위 반투명 판 */
html body[data-sjm-page="lifetime"] #payment-preview-dialog .paid-launch-action,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-sample-page,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-paid-sample,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-hidden-question,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-next-question,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-decision-promise,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-spec-details,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-product-spec>article,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .product-fit-note,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-status-note{
  background:rgba(255,255,255,.055)!important;background-image:none!important;border-color:rgba(255,255,255,.14)!important;box-shadow:none!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-sample-page.open{border-color:rgba(242,213,154,.42)!important;background:rgba(242,213,154,.07)!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-sample-page.locked{border-color:rgba(190,170,235,.34)!important;background:rgba(170,150,230,.08)!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-paid-sample,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-hidden-question{background:rgba(255,255,255,.07)!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-next-question,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-decision-promise{border-color:rgba(242,213,154,.3)!important}
/* 작은 제목(칸 이름)은 금빛·연보라로 */
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-sample-page>span,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-hidden-question>span,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-next-question>span,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-decision-promise>span{color:#f2d59a!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .report-paid-sample b,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-product-spec b{color:#f6dfab!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .dialog-spec-details>summary::before{color:#f2d59a!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .secondary-button{background:linear-gradient(135deg,#f6dfab,#eab58f)!important;color:#27191c!important;border:0!important;box-shadow:0 10px 26px rgba(234,181,143,.25)!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .secondary-button *{color:#27191c!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .paid-launch-action button,
html body[data-sjm-page="lifetime"] #payment-preview-dialog .launch-primary-button{background:linear-gradient(135deg,#f6dfab,#eab58f)!important;color:#27191c!important;box-shadow:0 10px 26px rgba(234,181,143,.25)!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog .paid-launch-action button *{color:#27191c!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog a{color:#f6dfab!important}
html body[data-sjm-page="lifetime"] #payment-preview-dialog :focus-visible{outline:2px solid #f2d59a!important;outline-offset:2px}

/* ---------- 2) 메뉴 (모바일 서랍 · 넓은 화면 패널) ---------- */
html body .sjm-nightmenu.sjm-mobile-drawer,
html body .sjm-nightmenu.sjm-service-panel{background:#121430 linear-gradient(175deg,#1b1f42 0%,#121430 55%,#0e1027 100%)!important;color:#f3eee4;border-color:rgba(242,213,154,.3)!important;box-shadow:-24px 0 80px rgba(6,7,20,.45)!important;color-scheme:dark}
html body .sjm-nightmenu .sjm-drawer-head{border-bottom-color:rgba(255,255,255,.12)!important}
html body .sjm-nightmenu .sjm-logo strong{color:#fbf7ef!important}
html body .sjm-nightmenu .sjm-logo small{color:#bdb6c9!important}
html body .sjm-nightmenu .sjm-drawer-close{background:rgba(255,255,255,.08)!important;color:#f3eee4!important;border:1px solid rgba(255,255,255,.2)!important}
/* 마디 한마디 */
html body .sjm-nightmenu .sjm-drawer-madi{display:flex;align-items:flex-end;gap:10px;margin:14px 0 6px}
html body .sjm-nightmenu .sjm-drawer-madi img{flex:0 0 auto;width:52px;height:64px;object-fit:cover;border-radius:26px 26px 12px 12px;background:#20244a;border:1px solid rgba(242,213,154,.35)}
html body .sjm-nightmenu .sjm-drawer-madi p{margin:0;padding:9px 14px 10px;border-radius:16px 16px 16px 5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#f3eee4;font-size:14.5px;font-weight:600;line-height:1.5;word-break:keep-all}
html body .sjm-nightmenu .sjm-drawer-madi b{display:block;margin-bottom:1px;color:#f2d59a;font-size:11.5px;font-weight:800;letter-spacing:.02em}
/* 큰 네 칸 */
html body .sjm-nightmenu .sjm-drawer-primary a{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;color:#f3eee4!important}
html body .sjm-nightmenu .sjm-drawer-primary a:hover,
html body .sjm-nightmenu .sjm-drawer-primary a:focus-visible{background:rgba(255,255,255,.12)!important}
html body .sjm-nightmenu .sjm-drawer-primary a[aria-current="page"]{background:rgba(242,213,154,.18)!important;border-color:#f2d59a!important;color:#fff7e6!important}
/* 묶음 */
html body .sjm-nightmenu .sjm-service-group{background:transparent!important;border-color:rgba(255,255,255,.12)!important}
html body .sjm-nightmenu .sjm-service-group h2,
html body .sjm-nightmenu .sjm-service-group h3{color:#f2d59a!important;border-bottom-color:rgba(242,213,154,.35)!important}
html body .sjm-nightmenu .sjm-service-group a{color:#f3eee4!important;border-bottom-color:rgba(255,255,255,.1)!important;background:transparent!important}
html body .sjm-nightmenu .sjm-service-group a:hover,
html body .sjm-nightmenu .sjm-service-group a:focus-visible{background:rgba(255,255,255,.08)!important;color:#fffaf0!important}
html body .sjm-nightmenu .sjm-service-group a[aria-current="page"]{color:#f6dfab!important}
html body .sjm-nightmenu .sjm-state{border-color:currentColor!important;background:transparent!important}
html body .sjm-nightmenu .sjm-state.free{color:#b9e6c9!important}
html body .sjm-nightmenu .sjm-state.beta{color:#d9cdb4!important}
html body .sjm-nightmenu :focus-visible{outline:2px solid #f2d59a!important;outline-offset:2px}

/* ---------- 3) 머리 메뉴: 약관·결제 쪽 페이지도 다른 페이지와 같게 ---------- */
html body.launch-page{margin:0}
@media (max-width:820px){
  html body.launch-page .sjm-header-cta,
  html body.product-page .sjm-header-cta{display:none!important}
}
/* 인생운세도 821~1080px 폭에서 다른 페이지처럼 네 칸 메뉴·시작 단추를 보이고 ☰ 는 감춘다 */
@media (min-width:821px) and (max-width:1080px){
  html body[data-sjm-page="lifetime"] .sjm-mobile-menu-button{display:none!important}
  html body[data-sjm-page="lifetime"] .sjm-header-cta{display:inline-flex!important}
}