/* 공통 색상 연결. 배치·문구·기능은 기존 부품에 맡긴다. */ /* 대표 11/06 추가 결정: 내비게이션에는 본문 파랑 규칙을 적용하지 않는다. * 각 규칙 끝의 :not(:where(...))는 특이도를 높이지 않고 이 경계를 지킨다. * body에서 물려받던 흰 글자와 원래 --lime만 내비게이션 안에서 복원한다. */ html.light :is(#mainNav, #mobileMenu) { --lime: #c4ff00; --highlight: #c4ff00; color: #ffffff; color-scheme: dark; } html.light body:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --lime: var(--member-accent); --highlight: var(--member-accent); --preview-bg: var(--member-canvas); --preview-surface: var(--member-surface); --preview-line: var(--member-line); --preview-ink: var(--member-text); --preview-muted: var(--member-muted); --preview-soft: var(--member-soft); --preview-green: var(--member-accent); --preview-pick-bg: var(--member-soft); --preview-primary-hover: var(--member-accent-hover); background-color: var(--member-canvas) !important; color: var(--member-text) !important; accent-color: var(--member-accent); } /* 대표 11/07: 푸터는 member-footer.css의 기존 블랙 팔레트를 사용한다. */ /* 기존 라임 클래스 이름은 동작 계약이므로 유지하고 표현만 바꾼다. */ html.light body :is(.text-highlight,[class~="text-[#c4ff00]" i],[class~="text-[#c3ff00]" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-accent) !important; text-shadow: none !important; } html.light body :is(.bg-highlight,.btn-glow,[class~="bg-[#c4ff00]" i],[class~="bg-[#c3ff00]" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body :is(.bg-highlight,.btn-glow,[class~="bg-[#c4ff00]" i],[class~="bg-[#c3ff00]" i]) *:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-on-accent) !important; } html.light body :is(.bg-highlight,.btn-glow,[class~="bg-[#c4ff00]" i],[class~="bg-[#c3ff00]" i]):hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent-hover) !important; } html.light body :is([style*="background:#c4ff00" i],[style*="background: #c4ff00" i], [style*="background:#c3ff00" i],[style*="background: #c3ff00" i], [style*="background-color:#c4ff00" i],[style*="background-color: #c4ff00" i]):not(:where(.announce-color-opt,.abg-color-opt,.ml-polish-swatch,.be-color-dot,.sched-pal-btn,.badge-pal-btn)):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body :is([style*="color:#c4ff00" i],[style*="color: #c4ff00" i], [style*="color:#c3ff00" i],[style*="color: #c3ff00" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-accent) !important; } html.light body :is(input,textarea):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *))::placeholder { color: var(--member-muted) !important; opacity: 1; } html.light body input:is([type=checkbox],[type=radio],[type=range]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { accent-color: var(--member-accent) !important; } html.light body .phone-preview .preview-form input:is([type=checkbox],[type=radio]) { accent-color: var(--accent) !important; } html.light body :is(input,select,textarea,button,a):focus-visible:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { outline-color: var(--member-accent); } html.light body :is(input,select,textarea):focus:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { border-color: var(--member-accent) !important; --tw-ring-color: var(--member-focus) !important; } html.light body :is([class~="hover:bg-[#c4ff00]" i],[class~="hover:bg-[#c3ff00]" i]):hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent-hover) !important; color: var(--member-on-accent) !important; } html.light body :is([class^="hover:bg-[#c4ff00]/" i],[class*=" hover:bg-[#c4ff00]/" i], [class^="hover:bg-[#c3ff00]/" i],[class*=" hover:bg-[#c3ff00]/" i]):hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-soft) !important; } /* 구독 관리·결제 확인창은 공통 토큰으로 해결해 별도 작업 방의 마크업과 겹치지 않는다. */ html.light body.mypage-renewal:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --mypage-page: var(--member-canvas); --mypage-surface: var(--member-surface); --mypage-soft: var(--member-soft); --mypage-ink: var(--member-text); --mypage-sub: var(--member-muted); --mypage-muted: var(--member-muted); --mypage-line: var(--member-line); --mypage-hover: var(--member-soft); --mypage-tip: var(--member-soft); --mypage-lime: var(--member-accent); } html.light body.mypage-renewal :is(.mypage-btn.is-lime,.mypage-filter-tabs a.is-active):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-on-accent) !important; } html.light body.mypage-renewal :is(.mypage-receipt-link,.mypage-payment-downloads a,.mypage-badge.is-lime):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-accent) !important; border-color: var(--member-accent) !important; } html.light body.mypage-renewal .mypage-payment-status.is-paid:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { border-color: var(--member-accent) !important; } html.light body.mypage-renewal [data-pass-two-step-note]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)), html.light body.mypage-renewal :is([data-pass-card],.pass-then-band) :is(.mypage-card-desc,.mypage-row-text,.mp-note-box,.mypage-btn):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-muted) !important; } html.light body.mypage-renewal :is([data-pass-card],.pass-then-band) .mypage-text-link:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-accent) !important; } html.light body :is(.bld-change-box,.bld-change-card,.bld-modal-box,#changeConfirmModal > div):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line) !important; } html.light body #changeConfirmModal :is(h3,label,strong,#changeAccountTitle):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-text) !important; } html.light body #changeConfirmModal :is(.bld-change-row,.bld-account-row,#changeAccountHint):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-muted) !important; border-color: var(--member-line) !important; } html.light body #changeConfirmError:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-danger) !important; } html.light body .bld-change-modal:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-overlay); } /* 설치형 하단 탐색은 상단 내비와 같이 기존 블랙·강조색을 유지한다. */ html.light body .ml-pwa-tabs { color: #ffffff; } /* 기본 부품의 색상 선언 연결. 원래 부품의 배치 선언은 유지한다. */ html.light body :is([class~="text-green-100"],[class~="text-green-200"],[class~="text-green-300"],[class~="text-green-400"],[class~="text-green-500"],[class~="text-green-600"],[class~="text-green-700"],[class~="text-green-800"],[class~="text-green-900"],[class~="text-emerald-100"],[class~="text-emerald-200"],[class~="text-emerald-300"],[class~="text-emerald-400"],[class~="text-emerald-500"],[class~="text-emerald-600"],[class~="text-emerald-700"],[class~="text-emerald-800"],[class~="text-emerald-900"],[class~="text-lime-100"],[class~="text-lime-200"],[class~="text-lime-300"],[class~="text-lime-400"],[class~="text-lime-500"],[class~="text-lime-600"],[class~="text-lime-700"],[class~="text-lime-800"],[class~="text-lime-900"],[class~="text-teal-100"],[class~="text-teal-200"],[class~="text-teal-300"],[class~="text-teal-400"],[class~="text-teal-500"],[class~="text-teal-600"],[class~="text-teal-700"],[class~="text-teal-800"],[class~="text-teal-900"],[class~="text-cyan-100"],[class~="text-cyan-200"],[class~="text-cyan-300"],[class~="text-cyan-400"],[class~="text-cyan-500"],[class~="text-cyan-600"],[class~="text-cyan-700"],[class~="text-cyan-800"],[class~="text-cyan-900"],[class~="text-sky-100"],[class~="text-sky-200"],[class~="text-sky-300"],[class~="text-sky-400"],[class~="text-sky-500"],[class~="text-sky-600"],[class~="text-sky-700"],[class~="text-sky-800"],[class~="text-sky-900"],[class~="text-blue-100"],[class~="text-blue-200"],[class~="text-blue-300"],[class~="text-blue-400"],[class~="text-blue-500"],[class~="text-blue-600"],[class~="text-blue-700"],[class~="text-blue-800"],[class~="text-blue-900"],[class~="text-indigo-100"],[class~="text-indigo-200"],[class~="text-indigo-300"],[class~="text-indigo-400"],[class~="text-indigo-500"],[class~="text-indigo-600"],[class~="text-indigo-700"],[class~="text-indigo-800"],[class~="text-indigo-900"],[class~="text-purple-100"],[class~="text-purple-200"],[class~="text-purple-300"],[class~="text-purple-400"],[class~="text-purple-500"],[class~="text-purple-600"],[class~="text-purple-700"],[class~="text-purple-800"],[class~="text-purple-900"],[class~="text-violet-100"],[class~="text-violet-200"],[class~="text-violet-300"],[class~="text-violet-400"],[class~="text-violet-500"],[class~="text-violet-600"],[class~="text-violet-700"],[class~="text-violet-800"],[class~="text-violet-900"],[class~="text-pink-100"],[class~="text-pink-200"],[class~="text-pink-300"],[class~="text-pink-400"],[class~="text-pink-500"],[class~="text-pink-600"],[class~="text-pink-700"],[class~="text-pink-800"],[class~="text-pink-900"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body :is([class~="bg-green-100"],[class~="bg-green-200"],[class~="bg-green-300"],[class~="bg-green-400"],[class~="bg-green-500"],[class~="bg-green-600"],[class~="bg-green-700"],[class~="bg-green-800"],[class~="bg-green-900"],[class~="bg-emerald-100"],[class~="bg-emerald-200"],[class~="bg-emerald-300"],[class~="bg-emerald-400"],[class~="bg-emerald-500"],[class~="bg-emerald-600"],[class~="bg-emerald-700"],[class~="bg-emerald-800"],[class~="bg-emerald-900"],[class~="bg-lime-100"],[class~="bg-lime-200"],[class~="bg-lime-300"],[class~="bg-lime-400"],[class~="bg-lime-500"],[class~="bg-lime-600"],[class~="bg-lime-700"],[class~="bg-lime-800"],[class~="bg-lime-900"],[class~="bg-teal-100"],[class~="bg-teal-200"],[class~="bg-teal-300"],[class~="bg-teal-400"],[class~="bg-teal-500"],[class~="bg-teal-600"],[class~="bg-teal-700"],[class~="bg-teal-800"],[class~="bg-teal-900"],[class~="bg-cyan-100"],[class~="bg-cyan-200"],[class~="bg-cyan-300"],[class~="bg-cyan-400"],[class~="bg-cyan-500"],[class~="bg-cyan-600"],[class~="bg-cyan-700"],[class~="bg-cyan-800"],[class~="bg-cyan-900"],[class~="bg-sky-100"],[class~="bg-sky-200"],[class~="bg-sky-300"],[class~="bg-sky-400"],[class~="bg-sky-500"],[class~="bg-sky-600"],[class~="bg-sky-700"],[class~="bg-sky-800"],[class~="bg-sky-900"],[class~="bg-blue-100"],[class~="bg-blue-200"],[class~="bg-blue-300"],[class~="bg-blue-400"],[class~="bg-blue-500"],[class~="bg-blue-600"],[class~="bg-blue-700"],[class~="bg-blue-800"],[class~="bg-blue-900"],[class~="bg-indigo-100"],[class~="bg-indigo-200"],[class~="bg-indigo-300"],[class~="bg-indigo-400"],[class~="bg-indigo-500"],[class~="bg-indigo-600"],[class~="bg-indigo-700"],[class~="bg-indigo-800"],[class~="bg-indigo-900"],[class~="bg-purple-100"],[class~="bg-purple-200"],[class~="bg-purple-300"],[class~="bg-purple-400"],[class~="bg-purple-500"],[class~="bg-purple-600"],[class~="bg-purple-700"],[class~="bg-purple-800"],[class~="bg-purple-900"],[class~="bg-violet-100"],[class~="bg-violet-200"],[class~="bg-violet-300"],[class~="bg-violet-400"],[class~="bg-violet-500"],[class~="bg-violet-600"],[class~="bg-violet-700"],[class~="bg-violet-800"],[class~="bg-violet-900"],[class~="bg-pink-100"],[class~="bg-pink-200"],[class~="bg-pink-300"],[class~="bg-pink-400"],[class~="bg-pink-500"],[class~="bg-pink-600"],[class~="bg-pink-700"],[class~="bg-pink-800"],[class~="bg-pink-900"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background-color:var(--member-accent)!important;color:var(--member-on-accent)!important} html.light body :is([class~="bg-green-100"],[class~="bg-green-200"],[class~="bg-green-300"],[class~="bg-green-400"],[class~="bg-green-500"],[class~="bg-green-600"],[class~="bg-green-700"],[class~="bg-green-800"],[class~="bg-green-900"],[class~="bg-emerald-100"],[class~="bg-emerald-200"],[class~="bg-emerald-300"],[class~="bg-emerald-400"],[class~="bg-emerald-500"],[class~="bg-emerald-600"],[class~="bg-emerald-700"],[class~="bg-emerald-800"],[class~="bg-emerald-900"],[class~="bg-lime-100"],[class~="bg-lime-200"],[class~="bg-lime-300"],[class~="bg-lime-400"],[class~="bg-lime-500"],[class~="bg-lime-600"],[class~="bg-lime-700"],[class~="bg-lime-800"],[class~="bg-lime-900"],[class~="bg-teal-100"],[class~="bg-teal-200"],[class~="bg-teal-300"],[class~="bg-teal-400"],[class~="bg-teal-500"],[class~="bg-teal-600"],[class~="bg-teal-700"],[class~="bg-teal-800"],[class~="bg-teal-900"],[class~="bg-cyan-100"],[class~="bg-cyan-200"],[class~="bg-cyan-300"],[class~="bg-cyan-400"],[class~="bg-cyan-500"],[class~="bg-cyan-600"],[class~="bg-cyan-700"],[class~="bg-cyan-800"],[class~="bg-cyan-900"],[class~="bg-sky-100"],[class~="bg-sky-200"],[class~="bg-sky-300"],[class~="bg-sky-400"],[class~="bg-sky-500"],[class~="bg-sky-600"],[class~="bg-sky-700"],[class~="bg-sky-800"],[class~="bg-sky-900"],[class~="bg-blue-100"],[class~="bg-blue-200"],[class~="bg-blue-300"],[class~="bg-blue-400"],[class~="bg-blue-500"],[class~="bg-blue-600"],[class~="bg-blue-700"],[class~="bg-blue-800"],[class~="bg-blue-900"],[class~="bg-indigo-100"],[class~="bg-indigo-200"],[class~="bg-indigo-300"],[class~="bg-indigo-400"],[class~="bg-indigo-500"],[class~="bg-indigo-600"],[class~="bg-indigo-700"],[class~="bg-indigo-800"],[class~="bg-indigo-900"],[class~="bg-purple-100"],[class~="bg-purple-200"],[class~="bg-purple-300"],[class~="bg-purple-400"],[class~="bg-purple-500"],[class~="bg-purple-600"],[class~="bg-purple-700"],[class~="bg-purple-800"],[class~="bg-purple-900"],[class~="bg-violet-100"],[class~="bg-violet-200"],[class~="bg-violet-300"],[class~="bg-violet-400"],[class~="bg-violet-500"],[class~="bg-violet-600"],[class~="bg-violet-700"],[class~="bg-violet-800"],[class~="bg-violet-900"],[class~="bg-pink-100"],[class~="bg-pink-200"],[class~="bg-pink-300"],[class~="bg-pink-400"],[class~="bg-pink-500"],[class~="bg-pink-600"],[class~="bg-pink-700"],[class~="bg-pink-800"],[class~="bg-pink-900"]) *:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body :is([class~="bg-green-400/5"],[class~="bg-green-400/10"],[class~="bg-green-400/15"],[class~="bg-green-400/20"],[class~="bg-green-400/30"],[class~="bg-green-500/5"],[class~="bg-green-500/10"],[class~="bg-green-500/15"],[class~="bg-green-500/20"],[class~="bg-green-500/30"],[class~="bg-green-600/5"],[class~="bg-green-600/10"],[class~="bg-green-600/15"],[class~="bg-green-600/20"],[class~="bg-green-600/30"],[class~="bg-emerald-400/5"],[class~="bg-emerald-400/10"],[class~="bg-emerald-400/15"],[class~="bg-emerald-400/20"],[class~="bg-emerald-400/30"],[class~="bg-emerald-500/5"],[class~="bg-emerald-500/10"],[class~="bg-emerald-500/15"],[class~="bg-emerald-500/20"],[class~="bg-emerald-500/30"],[class~="bg-emerald-600/5"],[class~="bg-emerald-600/10"],[class~="bg-emerald-600/15"],[class~="bg-emerald-600/20"],[class~="bg-emerald-600/30"],[class~="bg-lime-400/5"],[class~="bg-lime-400/10"],[class~="bg-lime-400/15"],[class~="bg-lime-400/20"],[class~="bg-lime-400/30"],[class~="bg-lime-500/5"],[class~="bg-lime-500/10"],[class~="bg-lime-500/15"],[class~="bg-lime-500/20"],[class~="bg-lime-500/30"],[class~="bg-lime-600/5"],[class~="bg-lime-600/10"],[class~="bg-lime-600/15"],[class~="bg-lime-600/20"],[class~="bg-lime-600/30"],[class~="bg-teal-400/5"],[class~="bg-teal-400/10"],[class~="bg-teal-400/15"],[class~="bg-teal-400/20"],[class~="bg-teal-400/30"],[class~="bg-teal-500/5"],[class~="bg-teal-500/10"],[class~="bg-teal-500/15"],[class~="bg-teal-500/20"],[class~="bg-teal-500/30"],[class~="bg-teal-600/5"],[class~="bg-teal-600/10"],[class~="bg-teal-600/15"],[class~="bg-teal-600/20"],[class~="bg-teal-600/30"],[class~="bg-cyan-400/5"],[class~="bg-cyan-400/10"],[class~="bg-cyan-400/15"],[class~="bg-cyan-400/20"],[class~="bg-cyan-400/30"],[class~="bg-cyan-500/5"],[class~="bg-cyan-500/10"],[class~="bg-cyan-500/15"],[class~="bg-cyan-500/20"],[class~="bg-cyan-500/30"],[class~="bg-cyan-600/5"],[class~="bg-cyan-600/10"],[class~="bg-cyan-600/15"],[class~="bg-cyan-600/20"],[class~="bg-cyan-600/30"],[class~="bg-sky-400/5"],[class~="bg-sky-400/10"],[class~="bg-sky-400/15"],[class~="bg-sky-400/20"],[class~="bg-sky-400/30"],[class~="bg-sky-500/5"],[class~="bg-sky-500/10"],[class~="bg-sky-500/15"],[class~="bg-sky-500/20"],[class~="bg-sky-500/30"],[class~="bg-sky-600/5"],[class~="bg-sky-600/10"],[class~="bg-sky-600/15"],[class~="bg-sky-600/20"],[class~="bg-sky-600/30"],[class~="bg-blue-400/5"],[class~="bg-blue-400/10"],[class~="bg-blue-400/15"],[class~="bg-blue-400/20"],[class~="bg-blue-400/30"],[class~="bg-blue-500/5"],[class~="bg-blue-500/10"],[class~="bg-blue-500/15"],[class~="bg-blue-500/20"],[class~="bg-blue-500/30"],[class~="bg-blue-600/5"],[class~="bg-blue-600/10"],[class~="bg-blue-600/15"],[class~="bg-blue-600/20"],[class~="bg-blue-600/30"],[class~="bg-indigo-400/5"],[class~="bg-indigo-400/10"],[class~="bg-indigo-400/15"],[class~="bg-indigo-400/20"],[class~="bg-indigo-400/30"],[class~="bg-indigo-500/5"],[class~="bg-indigo-500/10"],[class~="bg-indigo-500/15"],[class~="bg-indigo-500/20"],[class~="bg-indigo-500/30"],[class~="bg-indigo-600/5"],[class~="bg-indigo-600/10"],[class~="bg-indigo-600/15"],[class~="bg-indigo-600/20"],[class~="bg-indigo-600/30"],[class~="bg-purple-400/5"],[class~="bg-purple-400/10"],[class~="bg-purple-400/15"],[class~="bg-purple-400/20"],[class~="bg-purple-400/30"],[class~="bg-purple-500/5"],[class~="bg-purple-500/10"],[class~="bg-purple-500/15"],[class~="bg-purple-500/20"],[class~="bg-purple-500/30"],[class~="bg-purple-600/5"],[class~="bg-purple-600/10"],[class~="bg-purple-600/15"],[class~="bg-purple-600/20"],[class~="bg-purple-600/30"],[class~="bg-violet-400/5"],[class~="bg-violet-400/10"],[class~="bg-violet-400/15"],[class~="bg-violet-400/20"],[class~="bg-violet-400/30"],[class~="bg-violet-500/5"],[class~="bg-violet-500/10"],[class~="bg-violet-500/15"],[class~="bg-violet-500/20"],[class~="bg-violet-500/30"],[class~="bg-violet-600/5"],[class~="bg-violet-600/10"],[class~="bg-violet-600/15"],[class~="bg-violet-600/20"],[class~="bg-violet-600/30"],[class~="bg-pink-400/5"],[class~="bg-pink-400/10"],[class~="bg-pink-400/15"],[class~="bg-pink-400/20"],[class~="bg-pink-400/30"],[class~="bg-pink-500/5"],[class~="bg-pink-500/10"],[class~="bg-pink-500/15"],[class~="bg-pink-500/20"],[class~="bg-pink-500/30"],[class~="bg-pink-600/5"],[class~="bg-pink-600/10"],[class~="bg-pink-600/15"],[class~="bg-pink-600/20"],[class~="bg-pink-600/30"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background-color:var(--member-accent-soft)!important} html.light body :is([class~="text-red-100"],[class~="text-red-200"],[class~="text-red-300"],[class~="text-red-400"],[class~="text-red-500"],[class~="text-red-600"],[class~="text-red-700"],[class~="text-red-800"],[class~="text-red-900"],[class~="text-rose-100"],[class~="text-rose-200"],[class~="text-rose-300"],[class~="text-rose-400"],[class~="text-rose-500"],[class~="text-rose-600"],[class~="text-rose-700"],[class~="text-rose-800"],[class~="text-rose-900"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-danger)!important} html.light body :is([class~="bg-red-100"],[class~="bg-red-200"],[class~="bg-red-300"],[class~="bg-red-400"],[class~="bg-red-500"],[class~="bg-red-600"],[class~="bg-red-700"],[class~="bg-red-800"],[class~="bg-red-900"],[class~="bg-rose-100"],[class~="bg-rose-200"],[class~="bg-rose-300"],[class~="bg-rose-400"],[class~="bg-rose-500"],[class~="bg-rose-600"],[class~="bg-rose-700"],[class~="bg-rose-800"],[class~="bg-rose-900"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background-color:var(--member-danger)!important;color:var(--member-on-accent)!important} html.light body :is([class~="bg-red-100"],[class~="bg-red-200"],[class~="bg-red-300"],[class~="bg-red-400"],[class~="bg-red-500"],[class~="bg-red-600"],[class~="bg-red-700"],[class~="bg-red-800"],[class~="bg-red-900"],[class~="bg-rose-100"],[class~="bg-rose-200"],[class~="bg-rose-300"],[class~="bg-rose-400"],[class~="bg-rose-500"],[class~="bg-rose-600"],[class~="bg-rose-700"],[class~="bg-rose-800"],[class~="bg-rose-900"]) *:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body :is([class~="bg-red-400/5"],[class~="bg-red-400/10"],[class~="bg-red-400/15"],[class~="bg-red-400/20"],[class~="bg-red-400/30"],[class~="bg-red-500/5"],[class~="bg-red-500/10"],[class~="bg-red-500/15"],[class~="bg-red-500/20"],[class~="bg-red-500/30"],[class~="bg-red-600/5"],[class~="bg-red-600/10"],[class~="bg-red-600/15"],[class~="bg-red-600/20"],[class~="bg-red-600/30"],[class~="bg-rose-400/5"],[class~="bg-rose-400/10"],[class~="bg-rose-400/15"],[class~="bg-rose-400/20"],[class~="bg-rose-400/30"],[class~="bg-rose-500/5"],[class~="bg-rose-500/10"],[class~="bg-rose-500/15"],[class~="bg-rose-500/20"],[class~="bg-rose-500/30"],[class~="bg-rose-600/5"],[class~="bg-rose-600/10"],[class~="bg-rose-600/15"],[class~="bg-rose-600/20"],[class~="bg-rose-600/30"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background-color:var(--member-danger-soft)!important} html.light body :is([class~="text-amber-100"],[class~="text-amber-200"],[class~="text-amber-300"],[class~="text-amber-400"],[class~="text-amber-500"],[class~="text-amber-600"],[class~="text-amber-700"],[class~="text-amber-800"],[class~="text-amber-900"],[class~="text-yellow-100"],[class~="text-yellow-200"],[class~="text-yellow-300"],[class~="text-yellow-400"],[class~="text-yellow-500"],[class~="text-yellow-600"],[class~="text-yellow-700"],[class~="text-yellow-800"],[class~="text-yellow-900"],[class~="text-orange-100"],[class~="text-orange-200"],[class~="text-orange-300"],[class~="text-orange-400"],[class~="text-orange-500"],[class~="text-orange-600"],[class~="text-orange-700"],[class~="text-orange-800"],[class~="text-orange-900"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-warning)!important} html.light body :is([class~="bg-amber-100"],[class~="bg-amber-200"],[class~="bg-amber-300"],[class~="bg-amber-400"],[class~="bg-amber-500"],[class~="bg-amber-600"],[class~="bg-amber-700"],[class~="bg-amber-800"],[class~="bg-amber-900"],[class~="bg-yellow-100"],[class~="bg-yellow-200"],[class~="bg-yellow-300"],[class~="bg-yellow-400"],[class~="bg-yellow-500"],[class~="bg-yellow-600"],[class~="bg-yellow-700"],[class~="bg-yellow-800"],[class~="bg-yellow-900"],[class~="bg-orange-100"],[class~="bg-orange-200"],[class~="bg-orange-300"],[class~="bg-orange-400"],[class~="bg-orange-500"],[class~="bg-orange-600"],[class~="bg-orange-700"],[class~="bg-orange-800"],[class~="bg-orange-900"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background-color:var(--member-warning)!important;color:var(--member-on-accent)!important} html.light body :is([class~="bg-amber-100"],[class~="bg-amber-200"],[class~="bg-amber-300"],[class~="bg-amber-400"],[class~="bg-amber-500"],[class~="bg-amber-600"],[class~="bg-amber-700"],[class~="bg-amber-800"],[class~="bg-amber-900"],[class~="bg-yellow-100"],[class~="bg-yellow-200"],[class~="bg-yellow-300"],[class~="bg-yellow-400"],[class~="bg-yellow-500"],[class~="bg-yellow-600"],[class~="bg-yellow-700"],[class~="bg-yellow-800"],[class~="bg-yellow-900"],[class~="bg-orange-100"],[class~="bg-orange-200"],[class~="bg-orange-300"],[class~="bg-orange-400"],[class~="bg-orange-500"],[class~="bg-orange-600"],[class~="bg-orange-700"],[class~="bg-orange-800"],[class~="bg-orange-900"]) *:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body :is([class~="bg-amber-400/5"],[class~="bg-amber-400/10"],[class~="bg-amber-400/15"],[class~="bg-amber-400/20"],[class~="bg-amber-400/30"],[class~="bg-amber-500/5"],[class~="bg-amber-500/10"],[class~="bg-amber-500/15"],[class~="bg-amber-500/20"],[class~="bg-amber-500/30"],[class~="bg-amber-600/5"],[class~="bg-amber-600/10"],[class~="bg-amber-600/15"],[class~="bg-amber-600/20"],[class~="bg-amber-600/30"],[class~="bg-yellow-400/5"],[class~="bg-yellow-400/10"],[class~="bg-yellow-400/15"],[class~="bg-yellow-400/20"],[class~="bg-yellow-400/30"],[class~="bg-yellow-500/5"],[class~="bg-yellow-500/10"],[class~="bg-yellow-500/15"],[class~="bg-yellow-500/20"],[class~="bg-yellow-500/30"],[class~="bg-yellow-600/5"],[class~="bg-yellow-600/10"],[class~="bg-yellow-600/15"],[class~="bg-yellow-600/20"],[class~="bg-yellow-600/30"],[class~="bg-orange-400/5"],[class~="bg-orange-400/10"],[class~="bg-orange-400/15"],[class~="bg-orange-400/20"],[class~="bg-orange-400/30"],[class~="bg-orange-500/5"],[class~="bg-orange-500/10"],[class~="bg-orange-500/15"],[class~="bg-orange-500/20"],[class~="bg-orange-500/30"],[class~="bg-orange-600/5"],[class~="bg-orange-600/10"],[class~="bg-orange-600/15"],[class~="bg-orange-600/20"],[class~="bg-orange-600/30"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background-color:var(--member-warning-soft)!important} html.light body :is([class~="text-zinc-100"],[class~="text-zinc-200"],[class~="text-zinc-300"],[class~="text-zinc-400"],[class~="text-zinc-500"],[class~="text-zinc-600"],[class~="text-zinc-700"],[class~="text-zinc-800"],[class~="text-zinc-900"],[class~="text-gray-100"],[class~="text-gray-200"],[class~="text-gray-300"],[class~="text-gray-400"],[class~="text-gray-500"],[class~="text-gray-600"],[class~="text-gray-700"],[class~="text-gray-800"],[class~="text-gray-900"],[class~="text-slate-100"],[class~="text-slate-200"],[class~="text-slate-300"],[class~="text-slate-400"],[class~="text-slate-500"],[class~="text-slate-600"],[class~="text-slate-700"],[class~="text-slate-800"],[class~="text-slate-900"],[class~="text-neutral-100"],[class~="text-neutral-200"],[class~="text-neutral-300"],[class~="text-neutral-400"],[class~="text-neutral-500"],[class~="text-neutral-600"],[class~="text-neutral-700"],[class~="text-neutral-800"],[class~="text-neutral-900"],[class~="text-stone-100"],[class~="text-stone-200"],[class~="text-stone-300"],[class~="text-stone-400"],[class~="text-stone-500"],[class~="text-stone-600"],[class~="text-stone-700"],[class~="text-stone-800"],[class~="text-stone-900"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-wrap:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-preview:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;border-color:var(--member-accent-soft)!important;color:var(--member-accent)!important} html.light body .bld-hero h1 .lime:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-hero p:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important;color:var(--member-accent)!important} html.light body .bld-sec-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-promo-line:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-danger)!important} html.light body .bld-tracker-none:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--plans-ink,var(--member-text))!important} html.light body .bld-tracker-none:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-tracker-none[aria-pressed=true]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--plans-line,var(--member-line))!important;background:var(--plans-card,var(--member-surface))!important} html.light body .bld-tracker-none[aria-pressed=true] .bld-none-dot:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--plans-lime,var(--member-accent))!important;box-shadow:inset 0 0 0 3px var(--plans-card,var(--member-shadow-color))!important} html.light body .bld-card:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:linear-gradient(180deg,var(--member-surface),var(--member-surface))!important;border-color:var(--member-line-strong)!important} html.light body .bld-card:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .bld-card.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-soft)!important;background:linear-gradient(180deg,var(--member-surface),var(--member-surface))!important} html.light body .bld-card.current:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *))::after{color:var(--member-accent)!important;background:var(--member-accent-soft)!important} html.light body .bld-current:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-soft)!important;background:linear-gradient(145deg,var(--member-accent-soft),var(--member-surface))!important} html.light body .bld-current-kicker:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-current-title:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-current-meta:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-mode-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important;background:var(--member-surface)!important;color:var(--member-muted)!important} html.light body .bld-mode-note a:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-change-modal:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-overlay)!important} html.light body .bld-change-box:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line-strong)!important} html.light body .bld-change-row:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-change-row b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-account-pick:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important;color:var(--member-muted)!important} html.light body .bld-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .bld-card.sel .bld-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important;background:var(--member-accent)!important} html.light body .bld-card.sel .bld-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *))::after{background:var(--member-surface)!important} html.light body .bld-badge:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;background:var(--member-accent-soft)!important} html.light body .bld-feat:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-feat .ck:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;color:var(--member-accent)!important} html.light body .bld-feat.hi:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-select:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line-strong)!important;color:var(--member-muted)!important} html.light body .bld-select:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .bld-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-surface)!important;border-color:var(--member-line-strong)!important} html.light body .bld-note b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-note.upsell:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important;background:var(--member-surface)!important;color:var(--member-muted)!important} html.light body .bld-toast:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-accent-line)!important;color:var(--member-text)!important;box-shadow:0 8px 30px var(--member-shadow-color)!important} html.light body .bld-toast b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-price .per:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-stepper .lbl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-step-ctrl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line-strong)!important} html.light body .bld-step-ctrl button:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-step-ctrl button:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important} html.light body .bld-step-ctrl .val:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-reset:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-surface)!important;border-color:var(--member-line-strong)!important} html.light body .bld-reset:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-sel-row:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:linear-gradient(180deg,var(--member-surface),var(--member-surface))!important;border-color:var(--member-line-strong)!important} html.light body .bld-sel-icon:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;color:var(--member-accent)!important} html.light body .bld-sel-bar:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-sel-desc:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-sel-price .per:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-sel-empty:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;border-color:var(--member-line-strong)!important} html.light body .bld-bill-opt:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line-strong)!important} html.light body .bld-bill-opt:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .bld-bill-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-soft)!important;background:linear-gradient(180deg,var(--member-surface),var(--member-surface))!important} html.light body .bld-bill-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .bld-bill-opt.sel .bld-bill-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important;background:var(--member-accent)!important} html.light body .bld-bill-opt.sel .bld-bill-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *))::after{background:var(--member-surface)!important} html.light body .bld-bill-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-bill-tag:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;background:var(--member-accent-soft)!important} html.light body .bld-bd-row .lbl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-bd-row .lbl small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-bd-row.disc .lbl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-bd-row.disc .val:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-bd-sep:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-bd-total .val:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-cta:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important;color:var(--member-on-accent)!important} html.light body .bld-cta:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important;box-shadow:0 8px 28px var(--member-accent-soft)!important} html.light body .bld-cta:disabled:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;color:var(--member-muted)!important} html.light body .bld-cta-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-sticky:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-top-color:var(--member-line-strong)!important;box-shadow:0 -8px 24px var(--member-shadow-color)!important} html.light body .bld-sticky-label:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-sticky-total:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-sticky-cta:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important;color:var(--member-on-accent)!important} html.light body .bld-sticky-cta:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important;box-shadow:0 6px 20px var(--member-accent-soft)!important} html.light body .bld-sticky-cta:disabled:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;color:var(--member-muted)!important} html.light body .bld-compare-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-table-card:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:linear-gradient(180deg,var(--member-surface),var(--member-surface))!important;border-color:var(--member-line-strong)!important} html.light body .bld-table-card-head:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-bottom-color:var(--member-line-strong)!important} html.light body .bld-table-card-head .ico:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;color:var(--member-accent)!important} html.light body table.bld-table th:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body table.bld-table td:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-bottom-color:var(--member-line-strong)!important} html.light body table.bld-table th:first-child:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body table.bld-table td:first-child:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body table.bld-table thead th:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body table.bld-table td .ck:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body table.bld-table td .no:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body table.bld-table tr.price-row td:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important;border-top-color:var(--member-line-strong)!important} html.light body table.bld-table tr.annual-row td:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;background:var(--member-accent-soft)!important} html.light body table.bld-table tr.annual-row td .strike:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body table.bld-table td .hi:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body table.bld-table td small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-faq-item:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line-strong)!important} html.light body .bld-faq-q .arw:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-faq-item.open .bld-faq-q .arw:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-faq-a-inner:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .tool-card:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:linear-gradient(145deg,var(--member-surface),var(--member-surface))!important;border-color:var(--member-line-strong)!important} html.light body .tool-card:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *))::before{background:radial-gradient(120% 140% at 100% 0, var(--member-accent-soft), transparent 45%)!important} html.light body .tool-ico:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:linear-gradient(145deg,var(--member-surface),var(--member-surface))!important;border-color:var(--member-line-strong)!important} html.light body .tool-ico i:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:linear-gradient(135deg,var(--member-accent),var(--member-accent))!important} html.light body .tool-tag:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;border-color:var(--member-accent-soft)!important} html.light body .tool-desc:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .tool-chip:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-surface)!important;border-color:var(--member-line-strong)!important} html.light body .tool-opt:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line-strong)!important} html.light body .tool-opt:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .tool-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important;background:linear-gradient(160deg,var(--member-accent-soft),var(--member-accent-soft))!important;box-shadow:0 6px 22px var(--member-accent-soft)!important} html.light body .tool-opt.off.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important;background:var(--member-surface)!important} html.light body .tool-opt-price small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .tool-opt.off .tool-opt-price:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .tool-opt-day:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .tool-dot:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .tool-opt.sel .tool-dot:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important;box-shadow:0 0 8px var(--member-accent)!important} html.light body .tool-badge:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;background:var(--member-accent-soft)!important} html.light body .bld-pass-end:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-danger)!important} html.light body .bld-pass-buy:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-period:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important;background:var(--preview-surface, var(--member-surface))!important} html.light body .bld-kind-opt:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-period-opt:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important;background:var(--preview-surface, var(--member-surface))!important;color:var(--preview-muted, var(--member-muted))!important} html.light body .bld-kind-opt b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-period-opt b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-period-opt .amt:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-ink, var(--member-text))!important} html.light body .bld-kind-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-period-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--preview-green, var(--member-accent-line))!important;background:var(--preview-pick-bg, var(--member-soft))!important} html.light body .bld-period-opt .tag:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-green, var(--member-accent))!important} html.light body .bld-period-opt .sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-muted, var(--member-muted))!important} html.light body .bld-period-opt .rest:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-period-opt .rest.none:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-muted, var(--member-muted))!important} html.light body .bld-period-held:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-warning)!important} html.light body .bld-period-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-muted, var(--member-muted))!important} html.light body .bld-steps:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important;background:var(--preview-pick-bg, var(--member-soft))!important} html.light body .bld-steps-head:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-ink, var(--member-text))!important} html.light body .bld-step:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--preview-surface, var(--member-surface))!important;border-color:var(--member-line)!important} html.light body .bld-step .no:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important;color:var(--member-on-accent)!important} html.light body .bld-step .txt b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-ink, var(--member-text))!important} html.light body .bld-step .txt small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-muted, var(--member-muted))!important} html.light body .bld-step .val:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-ink, var(--member-text))!important} html.light body .bld-step .no:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .bld-pass-end:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-danger)!important} html.light body.md-app-live #app-content #summarySection .bld-bill-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-preview:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-mode-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;background:var(--member-accent-soft)!important;border-color:var(--member-accent-line)!important} html.light body .bld-mode-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;color:var(--member-muted)!important} html.light body .bld-mode-note a:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-mode-note b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-current:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-current-kicker:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-hero:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-hero p:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-sec-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-card:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-card:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .bld-card.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-card.sel .bld-badge:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-card.sel.current:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *))::after{color:var(--member-text)!important;background:var(--member-surface)!important} html.light body .bld-card.current:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *))::after{color:var(--member-accent)!important;background:var(--member-accent-soft)!important} html.light body .bld-current-badge:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;background:var(--member-accent-soft)!important} html.light body.md-app-live.plans-renewal-v2 #app-content .bld-tracker-none[aria-pressed=true] .bld-none-dot:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--preview-green, var(--member-accent-line))!important;background:var(--preview-green, var(--member-accent))!important} html.light body.md-app-live.plans-renewal-v2 #app-content .bld-current-badge:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--preview-green, var(--member-accent))!important;background:var(--preview-soft, var(--member-soft))!important} html.light body .bld-kept-price:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-card.locked:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-bill-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important;background:var(--member-surface)!important} html.light body .bld-badge:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-bill-tag:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .tool-badge:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-soft)!important} html.light body .bld-badge:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-feat:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-feat.hi:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-feat.hi:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-feat .ck:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-card-detail:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-price .per:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-stepper .lbl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-step-ctrl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-select:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background-color:var(--member-soft)!important;border-color:var(--member-line)!important} html.light body .bld-step-ctrl button:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-step-ctrl .val:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .bld-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-surface)!important} html.light body .bld-note b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-note.upsell:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;background:var(--member-accent-soft)!important} html.light body .tool-card:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .tool-ico:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .tool-ico i:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .tool-tag:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important;background:var(--member-accent-soft)!important;border-color:var(--member-accent-line)!important} html.light body .tool-desc:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .tool-opt-day:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .tool-chip:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-soft)!important;border-color:var(--member-line)!important} html.light body .tool-opt:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .tool-opt.off.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .tool-opt:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .tool-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .tool-opt.off.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .tool-opt-price small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .tool-dot:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-reset:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-soft)!important} html.light body .bld-reset:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-sel-row:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line)!important} html.light body .bld-sel-bar:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-sel-desc:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-sel-price .per:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-cart-quantity:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important;background:var(--member-soft)!important} html.light body .bld-cart-quantity > span:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-cart-quantity button:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-cart-quantity button:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-cart-quantity b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-cart-remove:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important;color:var(--member-muted)!important;background:var(--member-surface)!important} html.light body .bld-cart-remove:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important;border-color:var(--member-line-strong)!important} html.light body .bld-cart-included:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-builder-cart:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important;background:var(--member-surface)!important} html.light body .bld-builder-cart .bld-sel-actions:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-top-color:var(--member-line)!important} html.light body .bld-sel-empty:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;border-color:var(--member-line)!important} html.light body .bld-bill-opt:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-bill-opt:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .bld-bill-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-bill-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-bd-row .lbl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-bd-row .lbl small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-bd-row.disc .lbl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-bd-row.disc .val:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-bd-sep:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-cta:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .bld-cta:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important} html.light body .bld-cta:disabled:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-soft)!important} html.light body .bld-cta-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-sticky:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-sticky-label:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-sticky-cta:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .bld-sticky-cta:disabled:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-soft)!important} html.light body .bld-compare:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .bld-compare-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-table-card:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line)!important} html.light body .bld-table-card-head:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line)!important} html.light body .bld-table-card-head .ico:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body table.bld-table th:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body table.bld-table td:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-bottom-color:var(--member-line)!important} html.light body table.bld-table th + th:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body table.bld-table td + td:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-left-color:var(--member-line)!important} html.light body table.bld-table thead th:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body table.bld-table tr.price-row td:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body table.bld-table tr.annual-row td:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body table.bld-table td .ck:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important;background:var(--member-soft)!important} html.light body table.bld-table td small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body table.bld-table tr.price-row td:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-top-color:var(--member-line)!important} html.light body table.bld-table tr.annual-row td .strike:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-faq-item:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line)!important} html.light body .bld-faq-q .arw:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-faq-a-inner:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-faq-item.open .bld-faq-q .arw:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-card [style*="color:#c4ff00"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-current [style*="color:#c4ff00"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-sel-row [style*="color:#c4ff00"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-breakdown [style*="color:#c4ff00"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-change-box:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .plans-main .bld-builder-cart:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .plans-main .bld-builder-cart .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .plans-main .bld-builder-cart .bld-reset:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-soft)!important} html.light body .plans-main .bld-builder-cart .bld-reset:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .plans-main .bld-builder-cart .bld-sel-row:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;border-color:var(--member-line)!important} html.light body .plans-main .bld-builder-cart .bld-sel-row .bld-sel-desc:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-sel-row .bld-sel-price .per:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .plans-main .bld-builder-cart .bld-sel-desc:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-sel-price .per:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-bill-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-bd-row .lbl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-bd-row .lbl small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-cta-note:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .plans-main .bld-builder-cart .bld-sel-actions:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important} html.light body .plans-main .bld-builder-cart .bld-cart-quantity:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important;border-color:var(--member-line)!important} html.light body .plans-main .bld-builder-cart .bld-cart-quantity > span:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-cart-included:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .plans-main .bld-builder-cart .bld-cart-quantity button:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .plans-main .bld-builder-cart .bld-cart-remove:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-surface)!important;border-color:var(--member-line)!important} html.light body .plans-main .bld-builder-cart .bld-cart-remove:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .plans-main .bld-builder-cart .bld-bill-opt:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important} html.light body .plans-main .bld-builder-cart .bld-bill-opt:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .plans-main .bld-builder-cart .bld-bill-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .plans-main .bld-builder-cart .bld-bill-opt.sel .bld-bill-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *))::after{background:var(--member-surface)!important} html.light body .plans-main .bld-builder-cart .bld-bill-tag:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .plans-main .bld-builder-cart .bld-bd-row.disc .lbl:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-bd-row.disc .val:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .plans-main .bld-builder-cart .bld-bd-row.disc .lbl small:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .plans-main .bld-builder-cart .bld-bd-sep:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .plans-main .bld-builder-cart .bld-cta:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .plans-main .bld-builder-cart .bld-cta:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important} html.light body .plans-main .bld-builder-cart .bld-cta:disabled:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-soft)!important} html.light body .plans-main .bld-sticky-cta:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .plans-main .bld-sticky-cta:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important} html.light body .plans-main .bld-sticky-cta:disabled:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important;background:var(--member-surface)!important} html.light body .bld-mobile-plan-tabs:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-mobile-plan-tabs button:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-mobile-plan-tabs button.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important;background:var(--member-surface)!important;box-shadow:0 1px 4px var(--member-shadow-color)!important} html.light body .bld-sel-actions:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-top-color:var(--member-line)!important} html.light body .plans-main .bld-builder-cart .bld-sel-actions:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important} html.light body .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body.plans-renewal-v2 #app-content .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .bld-sec-sub:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .bld-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-bill-radio:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important;background:var(--member-surface)!important} html.light body .bld-card:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line)!important} html.light body .bld-card.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-sel-row:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .plans-main .bld-builder-cart .bld-bill-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .bld-bill-opt.sel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .bld-feat .ck:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important;background:var(--member-soft)!important} html.light body .bld-faq-item:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-line-strong)!important} html.light body .plans-main .bld-builder-cart .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-text)!important} html.light body .mypage-sidebar nav a i:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .mypage-app-tip span:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body.mypage-renewal .mypage-content .text-zinc-500:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body.mypage-renewal .mypage-content .text-zinc-600:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .mypage-filter-tabs a.is-active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .mypage-payment-status.is-paid:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} html.light body .mypage-payment-status.is-failed:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-danger)!important;border-color:var(--member-danger-line)!important;background:var(--member-danger-soft)!important} html.light body .mypage-payment-downloads a:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mypage-receipt-link:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mypage-chip-tabs .is-active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} html.light body .mypage-chip-tabs .is-active b:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .mypage-btn-dark:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important;color:var(--member-text)!important} html.light body .mypage-btn-lime:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .mypage-badge.is-lime:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important;color:var(--member-text)!important} html.light body .mypage-icon-circle:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .mypage-icon-circle.is-danger:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-danger-line)!important;color:var(--member-danger)!important} html.light body .mypage-icon-circle.is-ok:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important;color:var(--member-accent)!important} html.light body .mypage-icon-circle.is-lime:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mypage-icon-x:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-danger)!important} html.light body .mypage-modal-backdrop:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-overlay)!important} html.light body .mypage-faq-a a:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mypage-flash:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} html.light body .mypage-flash.is-error:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-danger-soft)!important;background:var(--member-danger-soft)!important;color:var(--member-danger)!important} html.light body .mypage-avatar:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .mypage-avatar.is-plan:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mypage-avatar-edit:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important;color:var(--member-text)!important} html.light body .mypage-icon-circle.is-kakao:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:#fee500!important;color:#3a1d1d!important} html.light body .mypage-modal-error:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-danger)!important} html.light body .mypage-btn-danger:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-danger)!important;color:var(--member-text)!important} html.light body .mypage-tip-banner:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-soft)!important} html.light body .mypage-tip-icon:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-on-accent)!important} html.light body .mypage-card-brand:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important;color:var(--member-text)!important} html.light body .mp-note-box:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-soft)!important} html.light body .mp-seg button.is-active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} html.light body .mypage-way-card:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} html.light body .mp-kpi-head i:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mp-kpi strong.is-lime:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)),html.light body .is-lime:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mp-kpi small .is-up:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mp-kpi small .is-down:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-danger)!important} html.light body .mp-chart-legend i:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important} html.light body .mp-chart-legend i.is-lime:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent)!important} html.light body .mp-pill.is-active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} html.light body .mp-status.is-paid:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;color:var(--member-accent)!important} html.light body .mp-status.is-refunded:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-soft)!important;color:var(--member-danger)!important} html.light body .mp-status.is-warn:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;color:var(--member-warning)!important} html.light body .mp-status.is-info:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;color:var(--member-accent)!important} html.light body .mp-pagination button.is-active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} html.light body .mp-timeline li i:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-muted)!important} html.light body .mp-timeline li.is-done i:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mp-tags span.is-lime:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} html.light body .mp-inbox-item.is-active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){box-shadow:inset 0 0 0 1px var(--member-accent)!important} html.light body .mp-inbox-avatar.is-dark:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-surface)!important;color:var(--member-text)!important} html.light body .mp-inbox-kind.is-sponsor:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;color:var(--member-accent)!important} html.light body .mp-inbox-kind.is-member:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){background:var(--member-accent-soft)!important;color:var(--member-accent)!important} html.light body .mp-inbox-kind.is-moneying:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){color:var(--member-accent)!important} html.light body .mypage-filter-tabs a.is-active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)){border-color:var(--member-accent-line)!important} /* 실제 캡처에서 확인한 기존 높은 우선순위·인라인 색상 연결. */ html.light #mainNav .logo-text span:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)), html.light #mainNav [class~="text-[#c3ff00]"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)), html.light #mobileMenu [class~="text-[#c3ff00]"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)), html.light #mobileMenu [class~="text-[#c3ff00]"] *:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-accent) !important; } html.light #mobileMenu [class~="bg-[#c3ff00]/10"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-soft) !important; } html.light body:is(.light-page,.editor-page,.dm-editor-page,.mypage-renewal,.plans-renewal-v2) [class~="bg-[#c4ff00]" i]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)), html.light body:is(.light-page,.editor-page,.dm-editor-page,.mypage-renewal,.plans-renewal-v2) [class~="bg-[#c4ff00]" i] *:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-on-accent) !important; } html.light body .peer:checked ~ [class~="peer-checked:text-black"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-on-accent) !important; } html.light body :is([class~="text-amber-300/80"],[class~="text-amber-400/70"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-warning) !important; } html.light body.mypage-renewal :is(.mypage-btn-dark,.mypage-card-brand):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-on-accent) !important; } html.light body.mypage-renewal .mypage-filter-tabs a.is-active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body.mypage-renewal .mypage-content :is(.text-zinc-500,.text-zinc-600):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-muted) !important; } html.light body.plans-renewal-v2 #app-content .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent) !important; border-color: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body.plans-renewal-v2 :is([style*="color:#a1a1aa"],[style*="color:#c8c8d0"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-muted) !important; } html.light body :is(.recipe-edit-form .opacity-50,.bld-card.locked,.tool-opt.locked):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { opacity: 1; } html.light body.plans-renewal-v2 .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body.plans-renewal-v2 .plans-main .bld-builder-cart .bld-sec-num:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light #mlSettingsWorkspace #settingsForm .peer:checked ~ [class~="peer-checked:text-black"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-on-accent) !important; } html.light body .bg-black\/20:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-soft) !important; } html.light body .dt-editor p:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-muted) !important; } html.light body #changeAccountList [style*="color:#fbbf24"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-warning) !important; } html.light body :is(.bld-change-modal,.modal-backdrop,.subscribe-modal-bg, .bg-black\/40,.bg-black\/50,.bg-black\/60,.bg-black\/70,.bg-black\/80):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background: var(--member-overlay) !important; } html.light body [class~="text-[#FEE500]"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-accent) !important; } html.light :is(#bulkPreviewCard,#bulkFirstPreviewCard,#ppmPreviewCard) [style*="background:#d4d4d4"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-soft) !important; } html.light :is(#bulkPreviewCard,#bulkFirstPreviewCard,#ppmPreviewCard) :is([style*="color:#a1a1aa"],[style*="color:#737373"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-muted) !important; } html.light body:is(.light-page,.mypage-renewal,.editor-page,.dm-editor-page) :is(.bg-red-400,.bg-red-500,.bg-red-600,.bg-blue-500,.bg-blue-600,.bg-green-500,.bg-green-600).text-white:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-on-accent) !important; } html.light #pushBtn.push-on:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-soft) !important; color: var(--member-accent) !important; } html.light #pushBtn [style*="opacity:"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { opacity: 1 !important; color: var(--member-muted) !important; } html.light body.mypage-renewal .tab-btn:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-muted) !important; } html.light body.mypage-renewal .tab-btn.active:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-accent) !important; border-bottom-color: var(--member-accent) !important; } html.light .md-breadcrumb span:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { opacity: 1 !important; color: var(--member-muted); } html.light .mcp-oauth-warning:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-warning) !important; } html.light body :is([class^="from-zinc-"],[class*=" from-zinc-"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --tw-gradient-from: var(--member-soft) var(--tw-gradient-from-position) !important; } html.light body :is([class^="to-zinc-"],[class*=" to-zinc-"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --tw-gradient-to: var(--member-soft) var(--tw-gradient-to-position) !important; } html.light body :is([class^="via-zinc-"],[class*=" via-zinc-"]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --tw-gradient-stops: var(--tw-gradient-from), var(--member-soft) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; } /* 플랫폼 보조 버튼은 기존 두 연결 영역의 직접 자식만 대상으로 한다. */ html.light :is(#dmPlatformConnect,#dmPlatformConnect-pwa) > .ig-connect-btn:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background: var(--member-soft) !important; color: var(--member-muted) !important; border-color: var(--member-line) !important; box-shadow: none !important; } html.light :is(#dmPlatformConnect,#dmPlatformConnect-pwa) > .ig-connect-btn .tt-platform-connect-label { color: inherit !important; } html.light body .fab-nav:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)), html.light body .fab-nav i:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body .fab-nav:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { box-shadow: 0 4px 16px var(--member-focus) !important; } html.light body .rw-summary button[onclick="rwToggleWithdraw()"]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { border-color: var(--member-accent) !important; } html.light body.editor-page #mlEditorWorkspace:is(.ml-workspace-colors,.ml-editor-light-v2) :is(#tutorialAddBtn,#fabAddBlock):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } html.light body.editor-page #fabAddBlock:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)), html.light body.editor-page:has(#mlEditorWorkspace.ml-workspace-colors) :is(#tutorialAddBtn,#fabAddBlock):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } /* 불투명도 변형과 대소문자 변형도 같은 색상 역할로 묶는다. */ html.light body :is([class^="bg-[#c4ff00]/" i],[class*=" bg-[#c4ff00]/" i], [class^="bg-[#c3ff00]/" i],[class*=" bg-[#c3ff00]/" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent-soft) !important; } html.light body :is([class^="from-[#c4ff00]/" i],[class*=" from-[#c4ff00]/" i], [class^="from-[#c3ff00]/" i],[class*=" from-[#c3ff00]/" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --tw-gradient-from: var(--member-accent-soft) var(--tw-gradient-from-position) !important; } html.light body :is([class^="to-[#c4ff00]/" i],[class*=" to-[#c4ff00]/" i], [class^="to-[#c3ff00]/" i],[class*=" to-[#c3ff00]/" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --tw-gradient-to: var(--member-accent-soft) var(--tw-gradient-to-position) !important; } html.light body :is([class~="from-[#c4ff00]" i],[class~="from-[#c3ff00]" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --tw-gradient-from: var(--member-accent) var(--tw-gradient-from-position) !important; } html.light body :is([class~="to-[#c4ff00]" i],[class~="to-[#c3ff00]" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --tw-gradient-to: var(--member-accent) var(--tw-gradient-to-position) !important; } html.light body :is([class~="border-[#c4ff00]" i],[class~="border-[#c3ff00]" i], [class^="border-[#c4ff00]/" i],[class*=" border-[#c4ff00]/" i], [class^="border-[#c3ff00]/" i],[class*=" border-[#c3ff00]/" i]):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { border-color: var(--member-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(:is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage)):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --mlp-line: var(--member-line); --mlp-neutral: var(--member-soft); --mlp-danger: var(--member-danger); --mlp-danger-bg: var(--member-danger-soft); --mlp-success: var(--member-accent); --mlp-primary: var(--member-accent); --mlp-on: var(--member-on-accent); } html.light .dgx:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { --dg-ink: var(--member-text); --dg-muted: var(--member-muted); --dg-surface: var(--member-surface); --dg-line: var(--member-line); --dg-soft: var(--member-soft); --dg-accent: var(--member-accent); --dg-red: var(--member-danger); --dg-green: var(--member-accent); --dg-amber: var(--member-warning); --dg-purple: var(--member-accent); --dg-gray: var(--member-muted); --dg-sky: var(--member-accent); } /* 처음 안내도 같은 팔레트를 사용한다. 위치·진행 순서·클릭 동작은 유지한다. */ html.light .tour-overlay:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-overlay); } html.light .tour-highlight:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { outline-color: var(--member-accent) !important; box-shadow: 0 0 0 4px var(--member-focus) !important; } html.light :is(.tour-popover,.tour-complete-modal):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-surface); color: var(--member-text); border-color: var(--member-line); } html.light :is(.tour-popover-title,.tour-complete-title,.tour-complete-cta-title):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-text); } html.light :is(.tour-popover-body,.tour-complete-body,.tour-complete-cta-desc, .tour-complete-close,.tour-complete-divider,.tour-complete-secondary-btn):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-muted); } html.light .tour-complete-cta:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-soft); border-color: var(--member-line); } html.light :is(.tour-popover-next-btn,.tour-complete-action-btn):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light .tour-skip-link:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-surface); color: var(--member-text); } html.light .tour-skip-link:hover:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { color: var(--member-accent); } /* 페이스북 고정 대댓글 예시는 두 편집기에서 같은 회원 팔레트를 쓴다. */ html.light #facebook-settings-panel:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-surface) !important; border-color: var(--member-line) !important; } html.light #facebook-settings-panel :is(#fb-public-reply-list p,#fb-custom-settings):not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { background-color: var(--member-soft) !important; color: var(--member-muted) !important; border-color: var(--member-line) !important; } html.light #facebook-settings-panel input[type=checkbox]:not(:where(#mainNav, #mainNav *, #mobileMenu, #mobileMenu *)) { accent-color: var(--member-accent); } /* 펼친 블록 선택기·동적 부품도 같은 역할을 따른다. 콘텐츠 색 견본은 유지한다. */ html.light .add-bt-btn { background: var(--member-surface) !important; color: var(--member-muted) !important; border-color: var(--member-line) !important; } html.light .add-bt-btn:is([style*="196, 255, 0"],[style*="#c4ff00" i]) { background: var(--member-soft) !important; color: var(--member-accent) !important; border-color: var(--member-accent) !important; } html.light .cp-btn-apply { background: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } html.light body [class~="bg-zinc-700/60"]:not(:where(#mainNav *,#mobileMenu *)) { background: var(--member-soft) !important; } html.light body :is([class*="border-teal-"],[class*="border-green-"],[class*="border-emerald-"],[class*="border-lime-"]):not(:where(#mainNav *,#mobileMenu *)) { border-color: var(--member-accent) !important; } /* 통계는 HTML·SVG 모두 같은 파랑 계열과 글씨 단계를 사용한다. */ html.light body :is(#lineChart,#hourlyChart,#referrerDonut,#referrerChart,#dailyReferrerChart,#hourlyReferrerChart,#dmLineChart,#dmHourlyChart,#velocity-chart,#daily-chart,#lsChart) svg text { fill: var(--member-muted) !important; } html.light body :is(#lineChart,#hourlyChart,#referrerDonut,#referrerChart,#dailyReferrerChart,#hourlyReferrerChart,#dmLineChart,#dmHourlyChart,#velocity-chart,#daily-chart,#lsChart) :is([fill="#c4ff00" i],[fill="#34d399" i],[fill="#e040fb" i]) { fill: var(--member-accent) !important; } html.light body :is(#lineChart,#hourlyChart,#referrerDonut,#referrerChart,#dailyReferrerChart,#hourlyReferrerChart,#dmLineChart,#dmHourlyChart,#velocity-chart,#daily-chart,#lsChart) :is([stroke="#c4ff00" i],[stroke="#34d399" i],[stroke="#e040fb" i]) { stroke: var(--member-accent) !important; } html.light body :is(#lineChart,#hourlyChart,#referrerDonut,#referrerChart,#dailyReferrerChart,#hourlyReferrerChart,#dmLineChart,#dmHourlyChart,#velocity-chart,#daily-chart,#lsChart) [fill="#60a5fa" i] { fill: var(--member-accent-hover) !important; } html.light body :is(#lineChart,#hourlyChart,#referrerDonut,#referrerChart,#dailyReferrerChart,#hourlyReferrerChart,#dmLineChart,#dmHourlyChart,#velocity-chart,#daily-chart,#lsChart) [stroke="#60a5fa" i] { stroke: var(--member-accent-hover) !important; } html.light #vmBars > div { background: var(--member-accent) !important; } html.light body [class~="bg-[#E040FB]"] { background: var(--member-accent) !important; } html.light .dm-block-dialog { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line) !important; } html.light .dm-block-dialog button { background: var(--member-soft) !important; color: var(--member-text) !important; } html.light .dm-block-dialog button:last-child { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body :is(#lineChart,#dmLineChart) stop { stop-color: var(--member-accent) !important; } html.light #referrerDonut i { color: var(--member-accent) !important; } html.light #referrerDonut circle { stroke-opacity: 1 !important; } html.light :is(#dailyReferrerChart,#hourlyReferrerChart) [style*="background:"] { background-color: var(--member-accent) !important; } html.light :is(#dailyReferrerChart,#hourlyReferrerChart) [style*="background:"]:nth-child(2n) { background-color: var(--member-accent-hover) !important; } html.light #dmLineChart [fill="rgba(52,211,153,0.1)"] { fill: var(--member-focus) !important; } html.light #dmLineChart :is([stroke="#fcd34d"],[stroke="#c084fc"]) { stroke: var(--member-muted) !important; } html.light #dmLineChart :is([fill="#fcd34d"],[fill="#c084fc"]) { fill: var(--member-muted) !important; } html.light .tracker-renewal { --tracker-lime: var(--member-accent); --tracker-ink: var(--member-text); --tracker-muted: var(--member-muted); --tracker-line: var(--member-line); --tracker-soft: var(--member-soft); } /* 신청폼 편집의 목적 카드·조건별 입력. 공개 폼 미리보기의 선택 테마는 보존한다. */ html.light #mlFormBlockWorkspace :is(.template-card,.edit-card,.question-row,.toggle-box,.choice-card) { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line) !important; } html.light #mlFormBlockWorkspace :is(.template-card b,.choice-card b,.step-title b) { color: var(--member-text) !important; } html.light #mlFormBlockWorkspace :is(.template-card small,.choice-card small,.step-title small,.field-label,.toggle-row,.toggle-box i,.upload-box,.upload-box small,.option-marker,.option-remove,.question-actions button) { color: var(--member-muted) !important; } html.light #mlFormBlockWorkspace .field { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line-strong) !important; } html.light #mlFormBlockWorkspace .field:focus { border-color: var(--member-accent) !important; } html.light #mlFormBlockWorkspace :is(.step-title>span,.choice-card:has(input:checked)) { background: var(--member-soft) !important; color: var(--member-accent) !important; border-color: var(--member-accent) !important; } html.light #mlFormBlockWorkspace :is(.choice-card i,.add-option-btn) { color: var(--member-accent) !important; } html.light #mlFormBlockWorkspace :is(.toggle-row input,.toggle-box input,.choice-card input) { accent-color: var(--member-accent); } html.light #mlFormBlockWorkspace .template-card:hover { background: var(--member-soft) !important; border-color: var(--member-accent) !important; } html.light body button:is([onclick*="removeEditCarouselImage"],[onclick*="removeCarouselImage"],[onclick*="removeImage("],[onclick*="removePending("]) { background: var(--member-danger) !important; color: var(--member-on-accent) !important; border-color: var(--member-surface) !important; } html.light body :is(#editCarouselGrid,#carouselGrid,#imagesGrid,#imageList) span[style*="background:rgba(0,0,0"] { background: var(--member-soft) !important; color: var(--member-accent) !important; } html.light #editModal #editAdvancedSection button[onclick="toggleEditAdvanced()"] { background: var(--member-surface) !important; color: var(--member-accent) !important; } html.light #editAdvLabel { color: var(--member-accent) !important; } html.light .be-shape-label { color: var(--member-muted) !important; } html.light .be-shape-btn.active .be-shape-label { color: var(--member-accent) !important; } html.light .be-color-dot.active { border-color: var(--member-accent) !important; } html.light #editModal [style*="background:rgba(196,255,0"] { background: var(--member-soft) !important; } html.light #editModal svg [fill="#c4ff00" i] { fill: var(--member-accent) !important; } html.light #editModal svg [stroke="#c4ff00" i] { stroke: var(--member-accent) !important; } html.light #editStyleCarousel [style*="background:linear-gradient"] { background: var(--member-soft) !important; } html.light #cropEditorModal :is(#cropEditorCard,#cropEditorHead,#cropEditorFoot) { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line) !important; } html.light #cropEditorModal #cropEditorTitle { color: var(--member-text) !important; } html.light #cropEditorModal #cropEditorHint { color: var(--member-muted) !important; } html.light #cropEditorModal #cropEditorSave { color: var(--member-accent) !important; } html.light #lsChart stop { stop-color: var(--member-accent) !important; } html.light :is(#lsReferrers,#linkRanking .link-detail) i[style*="color:"] { color: var(--member-accent) !important; } html.light #lsReferrers [style*="background:"] { background-color: var(--member-accent) !important; } html.light #lsContent[style*="opacity: 0.5"] { opacity: 1 !important; } html.light body button:disabled:not(:where(#mainNav *,#mobileMenu *)) { opacity: 1 !important; color: var(--member-muted) !important; background-color: var(--member-soft) !important; } html.light body :is([class^="text-[#c4ff00]/" i],[class*=" text-[#c4ff00]/" i]):not(:where(#mainNav *,#mobileMenu *)) { color: var(--member-accent) !important; } html.light body.dm-editor-page .text-orange-400 { color: var(--member-warning) !important; } html.light body.dm-editor-page .bg-orange-500.text-white { color: var(--member-on-accent) !important; } html.light :is(#preview-area,#nf-preview-area,#instant-f-preview,#instant-nf-preview) :is([style*="color:#737373"],[style*="color:#999"],[style*="color:#999999"]) { color: var(--member-muted) !important; } html.light #nf-preview-area [style*="color:#fb923c"] { color: var(--member-warning) !important; } html.light #nf-tpl-tabs .bg-orange-500.text-white { background: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } html.light body.dm-editor-page :is(#step-2,#post-platform-tabs) [data-dm-choice][class~="border-[#C4FF00]"] { background: var(--member-soft) !important; border-color: var(--member-accent) !important; color: var(--member-accent) !important; box-shadow: inset 0 0 0 1px var(--member-accent) !important; } html.light #target-editor .dt-card small { color: var(--member-muted) !important; } html.light #target-editor { background: var(--member-canvas); color: var(--member-text); } html.light #target-editor :is(p,.dt-small) { color: var(--member-muted); } html.light #target-editor :is(.dt-box,.dt-card,.dt-tabs button,input,select,textarea) { background: var(--member-surface); border-color: var(--member-line-strong); } html.light #target-editor :is(.dt-card[aria-pressed=true],.dt-tabs button[aria-selected=true],.dt-badge,.dt-notice,.dt-summary div) { background: var(--member-soft); border-color: var(--member-accent); color: var(--member-text); } html.light #target-editor .dt-relation { background: var(--member-soft) !important; } html.light #target-editor .dt-relation button { background: var(--member-surface) !important; color: var(--member-muted) !important; box-shadow: inset 0 0 0 1px var(--member-line-strong) !important; } html.light #target-editor :is(.dt-relation button[aria-pressed=true],.dt-tabs button[aria-selected=true]) { background: var(--member-soft) !important; color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light #target-editor :is(.dt-tabs button[aria-selected=true],.dt-badge,.dt-link,.dt-notice button) { color: var(--member-accent); } html.light #target-editor #dt-save.dt-primary { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light #target-editor .dt-error { background: var(--member-danger-soft); color: var(--member-danger); } html.light #target-editor :is(button,a,input,select,textarea):focus-visible { outline-color: var(--member-accent); } /* 목록은 편집기 ID가 없으므로 같은 역할의 색을 별도로 연결한다. */ html.light .dt-editor:not(#target-editor) { background: var(--member-canvas); color: var(--member-text); } html.light .dt-editor:not(#target-editor) :is(p,.dt-small) { color: var(--member-muted); } html.light .dt-editor:not(#target-editor) .dt-box { background: var(--member-surface); border-color: var(--member-line); } html.light .dt-editor:not(#target-editor) :is(.dt-summary div,.dt-notice) { background: var(--member-soft); color: var(--member-text); } html.light .dt-editor:not(#target-editor) .dt-link { color: var(--member-accent); } html.light .dt-editor:not(#target-editor) .dt-primary { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light .dt-editor:not(#target-editor) :is(button,a,input,select,textarea):focus-visible { outline-color: var(--member-accent); } html.light #referrerChart [style*="background:"] { background-color: var(--member-accent) !important; } html.light #referrerChart i[style*="color:"] { color: var(--member-accent) !important; } html.light #hourlyReferrerChart td [style*="height:28px"] { background: color-mix(in srgb, var(--member-accent) calc(var(--heat-alpha,1) * 45%), var(--member-surface)) !important; opacity: 1 !important; } html.light #hourlyReferrerChart td [style*="mix-blend-mode"] { color: var(--member-text) !important; } html.light .tracker-renewal :is(.tracker-usage,.tracker-workspace__meta button,.tracker-guide-box p) { color: var(--member-muted) !important; } html.light .tracker-renewal .tracker-guide-box { background: var(--member-soft) !important; border-color: var(--member-line) !important; } html.light :is(#mt-panel,#mt-shell) :is(#mt-scope,.mt-toolbar label,#mt-interest-panel summary,.mt-media p,.mt-dates,.mt-note,.mx-ig-handle,.mt-platforms>span) { color: var(--member-muted) !important; opacity: 1 !important; } html.light :is(#mt-panel,#mt-shell) .mt-pf-ig { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light #mt-dialog { box-shadow: 0 24px 100px var(--member-shadow-color) !important; } html.light :is(#mt-panel,#mt-shell) :is(#mt-interest-panel summary span,.mt-results-heading>span) { color: var(--member-muted) !important; } html.light #mt-dialog :is(.mt-note,.mt-detail-copy,.mx-ig-handle) { color: var(--member-muted) !important; opacity: 1 !important; } html.light body input:is([type=date],[type=datetime-local],[type=time]):not(:where(#mainNav *,#mobileMenu *)) { color-scheme: light !important; } html.light body :is([class^="text-red-400/"],[class*=" text-red-400/"]):not(:where(#mainNav *,#mobileMenu *)) { color: var(--member-danger) !important; } html.light body :is([class^="text-amber-300/"],[class*=" text-amber-300/"],[class^="text-amber-400/"],[class*=" text-amber-400/"]):not(:where(#mainNav *,#mobileMenu *)) { color: var(--member-warning) !important; } html.light #compact-setting-remind.opacity-60 { opacity: 1 !important; } html.light #referrerDonut circle { stroke: var(--member-accent) !important; } html.light #referrerDonut circle:nth-of-type(2n) { stroke: var(--member-accent-hover) !important; } html.light #referrerChart [style*="background:"] { opacity: 1 !important; } html.light :is(#hourlyChart,#dmHourlyChart) rect:is([fill="#a1a1aa"],[fill="#3f3f46"]) { fill: var(--member-accent-hover) !important; } html.light div:has(>#daily-chart) .bg-blue-400 { background: var(--member-accent-hover) !important; } html.light #mlSettingsWorkspace button[onclick*="settingsAdvPanel"] { background: var(--member-surface) !important; color: var(--member-accent) !important; } html.light body.ml-workspace-shell { --mlp-line: var(--member-line) !important; --mlp-neutral: var(--member-soft) !important; --mlp-danger: var(--member-danger) !important; --mlp-danger-bg: var(--member-danger-soft) !important; --mlp-success: var(--member-accent) !important; --mlp-primary: var(--member-accent) !important; --mlp-on: var(--member-on-accent) !important; } html.light body.ml-workspace-shell #mlWorkspacePage[data-ml-view=stats] svg { --mlc-ink: var(--member-accent); } html.light #bulkCopyPageModal .bcp-close { color: var(--member-muted) !important; } html.light body input.select-cb:checked { background-color: var(--member-accent) !important; border-color: var(--member-accent) !important; } html.light body input.select-cb:checked::after { border-color: var(--member-on-accent) !important; } html.light .dm-block-dialog [style*="background:#f6f6f4"], html.light .dm-block-dialog [data-member-surface=soft] { background: var(--member-soft) !important; } html.light .dm-block-dialog p[style*="color:#666"], html.light .dm-block-dialog p[data-member-tone=muted] { color: var(--member-muted) !important; } html.light .nb-confirm-ok { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light .nb-confirm-ok.nb-confirm-danger { background: var(--member-danger) !important; } html.light .nb-prompt-input { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line-strong) !important; } html.light .nb-prompt-input:focus { border-color: var(--member-accent) !important; } html.light :is(.nb-prompt-label,.nb-prompt-label .opt,.nb-prompt-hint) { color: var(--member-muted) !important; } html.light .nb-toast { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line) !important; } html.light .nb-toast-error { background: var(--member-danger-soft) !important; color: var(--member-danger) !important; } html.light .nb-toast-success { background: var(--member-soft) !important; color: var(--member-accent) !important; } html.light body .tb-btn.is-active { color: var(--member-accent) !important; } /* 일정 달력도 동일 토큰을 쓰며 실제 로컬 라이브러리로 팝업을 검증한다. */ html.light .flatpickr-calendar { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line) !important; box-shadow: 0 12px 30px var(--member-shadow-color),0 0 0 1px var(--member-line-strong) !important; } html.light .flatpickr-calendar * { color: var(--member-text) !important; } html.light .flatpickr-calendar span.flatpickr-weekday { background: var(--member-surface) !important; } html.light .flatpickr-calendar :is(.flatpickr-month,.flatpickr-weekdays,.flatpickr-monthDropdown-months,.flatpickr-time,input,select) { background: var(--member-surface) !important; border-color: var(--member-line) !important; } html.light .flatpickr-calendar :is(.flatpickr-weekday,.prevMonthDay,.nextMonthDay,.flatpickr-disabled) { color: var(--member-muted) !important; opacity: 1 !important; } html.light .flatpickr-calendar .flatpickr-day:hover { background: var(--member-soft) !important; border-color: var(--member-line) !important; } html.light .flatpickr-calendar .flatpickr-day.today { border-color: var(--member-accent) !important; } html.light .flatpickr-calendar .flatpickr-day:is(.selected,.startRange,.endRange) { background: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } html.light .flatpickr-calendar .flatpickr-day.inRange { background: var(--member-soft) !important; color: var(--member-text) !important; border-color: var(--member-soft) !important; } html.light .flatpickr-calendar :is(.flatpickr-prev-month,.flatpickr-next-month) svg { fill: var(--member-muted) !important; } html.light .flatpickr-calendar.arrowTop::before { border-bottom-color: var(--member-line-strong) !important; } html.light .flatpickr-calendar.arrowTop::after { border-bottom-color: var(--member-surface) !important; } html.light .flatpickr-calendar.arrowBottom::before { border-top-color: var(--member-line-strong) !important; } html.light .flatpickr-calendar.arrowBottom::after { border-top-color: var(--member-surface) !important; } html.light .flatpickr-calendar .numInputWrapper:hover { background: var(--member-soft) !important; } html.light .flatpickr-calendar .numInputWrapper span.arrowUp::after { border-bottom-color: var(--member-muted) !important; } html.light .flatpickr-calendar .numInputWrapper span.arrowDown::after { border-top-color: var(--member-muted) !important; } html.light .flatpickr-calendar option { background: var(--member-surface) !important; color: var(--member-text) !important; } html.light .flatpickr-calendar option:checked { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light .flatpickr-calendar option:disabled { background: var(--member-surface) !important; color: var(--member-muted) !important; } html.light body.dm-editor-page .dm-sel-tile { --tw-ring-color: var(--member-focus) !important; } html.light [data-ml-detail="form_block_responses"] :is(.stat-card,.pack-btn) { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line) !important; } html.light [data-ml-detail="form_block_responses"] :is(.stat-card small,.pack-btn small) { color: var(--member-muted) !important; } html.light [data-ml-detail="form_block_responses"] .pack-btn:hover { border-color: var(--member-accent) !important; } html.light [data-ml-detail="form_block_responses"] :is(.pack-btn strong,.status.sent,.status.ready,.status.edited) { color: var(--member-accent) !important; } html.light [data-ml-detail="form_block_responses"] :is(.status.sent,.status.ready,.status.edited) { background: var(--member-soft) !important; } html.light [data-ml-detail="form_block_responses"] .status.failed { color: var(--member-danger) !important; background: var(--member-danger-soft) !important; } html.light [data-ml-detail="form_block_responses"] .status.queued { color: var(--member-warning) !important; background: var(--member-warning-soft) !important; } html.light #mlPaymentBlockWorkspace .type-tab { color: var(--member-muted) !important; } html.light #mlPaymentBlockWorkspace .type-tab.active { color: var(--member-accent) !important; border-color: var(--member-accent) !important; } html.light #mlPaymentBlockWorkspace .layout-btn.active { background: var(--member-soft) !important; color: var(--member-accent) !important; border-color: var(--member-accent) !important; } html.light body.mypage-renewal [data-pass-paused-band] { background: var(--member-soft) !important; color: var(--member-accent) !important; } html.light body.mypage-renewal :is([data-pass-row=soon],[data-pass-then-pending]) { border-color: var(--member-warning) !important; } html.light body.mypage-renewal [data-pass-row=soon] .mypage-badge { background: var(--member-warning-soft) !important; color: var(--member-warning) !important; } html.light body.mypage-renewal [data-pass-row=paused] .mypage-badge { background: var(--member-soft) !important; color: var(--member-accent) !important; } html.light :is(.mpn-link.mpn-soon,.mpn-disabled,.md-nav-disabled) { opacity: 1 !important; color: var(--member-muted) !important; } html.light .md-online-dot { background: var(--member-accent) !important; } html.light .tracker-renewal :is(.tracker-tab--plus span,.tracker-panel-heading--plus h2 span) { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light #gbPageProductDialog, html.light #gbPageProductDialog :is(.mui-card,.mai-products-hub) { background: var(--member-surface) !important; color: var(--member-text) !important; border-color: var(--member-line) !important; } html.light #gbPageProductDialog::backdrop { background: var(--member-overlay) !important; } html.light #gbPageProductDialog .mui-button--primary:not(:disabled) { background: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #nf-tpl-tabs button.bg-orange-500.text-white.ml-polish-button:not(:disabled) { background: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #nf-tpl-tabs button.bg-orange-500.text-white.ml-polish-button:not(:disabled):hover { background: var(--member-accent-hover) !important; } /* 작업 공간의 중립 버튼 덮개보다 주요/비활성 버튼의 의미가 우선한다. */ html.light body.ml-workspace-shell.ml-workspace-polish:has(:is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage)) :is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage,.ml-polish-panel) button.mui-button--primary.ml-polish-button:not(:disabled) { background: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(:is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage)) :is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage,.ml-polish-panel) button.mui-button--primary.ml-polish-button:not(:disabled):hover { background: var(--member-accent-hover) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(:is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage)) :is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage,.ml-polish-panel) button.mui-button--primary.ml-polish-button:disabled { background: var(--member-soft) !important; color: var(--member-muted) !important; border-color: var(--member-line) !important; opacity: 1 !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlPaymentBlockWorkspace #imageList button.ml-polish-button { color: var(--member-on-accent) !important; border-color: var(--member-surface) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlPaymentBlockWorkspace #imageList button.ml-polish-button:is([onclick*="removeImage("],[onclick*="removePending("]) { background: var(--member-danger) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlPaymentBlockWorkspace #imageList button.ml-polish-button[onclick*="setMainImage("] { background: var(--member-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlPaymentBlockWorkspace #imageList button.ml-polish-button[onclick*="setMainImage("]:hover { background: var(--member-accent-hover) !important; } html.light #dmDiagnosis.dgx .dgx-btn.dgx-kakao { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } /* 시각 검수: 글씨 이외의 부품도 바탕과 구별되는 역할색을 사용한다. */ html.light body input.peer[type=checkbox]:not(:checked) + :is(div,span).rounded-full:not(:where(.phone-preview *,#phoneFrame *,#mainNav *,#mobileMenu *)) { background: var(--member-control-off) !important; } html.light body input.peer[type=checkbox]:checked + :is(div,span).rounded-full:not(:where(.phone-preview *,#phoneFrame *,#mainNav *,#mobileMenu *)) { background: var(--member-accent) !important; } html.light body input.peer[type=checkbox] + :is(div,span).rounded-full:not(:where(.phone-preview *,#phoneFrame *,#mainNav *,#mobileMenu *))::after { background: var(--member-surface) !important; } html.light body.editor-page:has(#mlEditorWorkspace.ml-workspace-colors) #mlEditorWorkspace input.peer[type=checkbox]:not(:checked)+div.rounded-full { background: var(--member-control-off) !important; } html.light body.editor-page:has(#mlEditorWorkspace.ml-workspace-colors) #mlEditorWorkspace input.peer[type=checkbox]:not(:checked)+div.rounded-full::after { background: var(--member-surface) !important; } html.light body button[aria-pressed=false]:has(>.rounded-full):not(:where(#mainNav *,#mobileMenu *)) { background: var(--member-control-off) !important; } html.light body #mlSettingsWorkspace #settingsForm :is(.bg-zinc-300,.bg-zinc-400,.bg-zinc-500,.bg-zinc-600) { background: var(--member-preview-ink) !important; } html.light body #mlSettingsWorkspace #settingsForm :is(.profile-shape-opt,.blk-layout-opt,.align-opt,.profile-align-opt,.pn-align-opt) span[style*="background:#a1a1aa"] { background: var(--member-preview-ink) !important; } html.light body #mlSettingsWorkspace #settingsForm .bg-zinc-100 { background: var(--member-surface) !important; } html.light body #mlSettingsWorkspace #settingsForm .bg-zinc-100>.bg-white:not(:has(*)) { background: var(--member-preview-ink) !important; } html.light body #mlSettingsWorkspace #settingsForm :is(button[class~="border-[#c4ff00]"],input.peer:checked+div.border-2) { background: var(--member-soft) !important; border-color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light body #mlSettingsWorkspace.ml-settings-light-v2 #settingsForm input.peer:checked+div.border-2 { background: var(--member-soft) !important; border-color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light body #mlSettingsWorkspace #settingsForm input.peer:not(:checked)+:is(span,div)[class*="peer-checked"]:not(.rounded-full) { background: var(--member-surface) !important; border-color: var(--member-line-strong) !important; color: var(--member-muted) !important; box-shadow: inset 0 0 0 1px var(--member-line-strong) !important; } html.light body #mlSettingsWorkspace #settingsForm input.peer:checked+span[class*="peer-checked"]:not(.rounded-full) { background: var(--member-soft) !important; color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlSettingsWorkspace) #mlSettingsWorkspace #settingsForm :is(button[class~="border-[#c4ff00]"],input.peer:checked+div.border-2,input.peer:checked+span[class*="peer-checked"]:not(.rounded-full)) { background: var(--member-soft) !important; color: var(--member-accent) !important; border-color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlSettingsWorkspace) #mlSettingsWorkspace #settingsForm :is(button.border-2:not([class~="border-[#c4ff00]"],.ml-polish-swatch,.announce-color-opt,.abg-color-opt,.cc-color-opt),input.peer:not(:checked)+div.border-2) { background: var(--member-surface) !important; border-color: var(--member-line-strong) !important; box-shadow: none !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlSettingsWorkspace) #mlSettingsWorkspace #settingsForm .bg-zinc-100 { background: var(--member-surface) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlSettingsWorkspace) #mlSettingsWorkspace #settingsForm :is(.bg-zinc-300,.bg-zinc-400,.bg-zinc-500,.bg-zinc-600,[style*="background:#a1a1aa"],.bg-zinc-100>.bg-white:not(:has(*))) { background: var(--member-preview-ink) !important; } html.light body #editModal #editStyleCarousel .bg-zinc-600 { background: var(--member-preview-ink) !important; } html.light body #editModal #editStyleCarousel [style*="background:linear-gradient(135deg"] { background: var(--member-accent) !important; } html.light body #editModal #editStyleCarousel [class~="bg-white/40"] { background: var(--member-surface) !important; } html.light body #editModal #editStyleCarousel [stroke="white"] { stroke: var(--member-surface) !important; opacity: 1 !important; } html.light body #editModal #editStyleCarousel svg :is(rect,path) { opacity: 1 !important; } html.light body #editModal #editStyleCarousel .edit-style-check { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body #editModal #editStyleCarousel .selected>div { border-color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light body #editModal .be-shape-preview { background: var(--member-preview-ink) !important; } html.light body #editModal .be-shape-bubble::after { border-left-color: var(--member-preview-ink) !important; border-top-color: var(--member-preview-ink) !important; } html.light body :is(.seg-btn,.editor-pill,.be-shape-btn):not(.active) { background: var(--member-surface) !important; border-color: var(--member-line-strong) !important; color: var(--member-muted) !important; } html.light body :is(.seg-btn,.editor-pill,.be-shape-btn).active { background: var(--member-soft) !important; border-color: var(--member-accent) !important; color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light body #mlSettingsWorkspace .settings-save-bar.is-dirty .save-btn { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body #mlSettingsWorkspace .settings-save-bar.is-dirty .save-status { color: var(--member-accent) !important; } html.light body #mlSettingsWorkspace .settings-save-bar:not(.is-dirty) .save-btn * { color: var(--member-muted) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlSettingsWorkspace) #mlSettingsWorkspace .settings-save-bar:not(.is-dirty) .save-btn { background: var(--member-soft) !important; color: var(--member-muted) !important; border-color: var(--member-line) !important; box-shadow: none !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlSettingsWorkspace) #mlSettingsWorkspace .settings-save-bar:not(.is-dirty) .save-btn * { color: var(--member-muted) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlSettingsWorkspace) #mlSettingsWorkspace .settings-save-bar.is-dirty .save-btn { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlSettingsWorkspace) #mlSettingsWorkspace .settings-save-bar.is-dirty .save-status { color: var(--member-accent) !important; } html.light body input:is([type=date],[type=time],[type=datetime-local])::-webkit-calendar-picker-indicator { filter: none !important; opacity: 1 !important; } html.light body #editorToolbar .tb-btn:is(.is-active:not([data-member-pressed=false]),[data-member-pressed=true]) { background: var(--member-soft) !important; color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light body #editorToolbar .tb-btn.is-active[data-member-pressed=false] { background: transparent !important; color: var(--member-muted) !important; box-shadow: none !important; } html.light body.dm-editor-page button[onclick="ttAddReply()"], html.light body.dm-editor-page.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlWorkspacePage button[onclick="ttAddReply()"] { background: var(--member-surface) !important; color: var(--member-accent) !important; box-shadow: inset 0 0 0 1px var(--member-line-strong) !important; } html.light #gbPageProductDialog, html.light #mlEditorWorkspace .gb-native-section { --creator-admin-bg: var(--member-canvas); --creator-admin-surface: var(--member-surface); --creator-admin-text: var(--member-text); --creator-admin-muted: var(--member-muted); --creator-admin-soft: var(--member-soft); --creator-admin-accent: var(--member-accent); --creator-admin-on-accent: var(--member-on-accent); } html.light #gbPageProductDialog { --creator-admin-line: var(--member-line-strong); color-scheme: light !important; } /* 카드에서는 무효였던 border 폭을 되살려 높이가 달라지지 않게 안쪽 선으로 칠한다. */ html.light #mlEditorWorkspace .gb-native-section { box-shadow: inset 0 0 0 1px var(--member-line) !important; } html.light #mlEditorWorkspace .mai-workspace-product { box-shadow: inset 0 -1px var(--member-line-strong); } html.light #mlEditorWorkspace .gb-native-add { box-shadow: inset 0 0 0 1px var(--member-line-strong); } html.light #mlEditorWorkspace .mai-workspace-controls input[role=switch] { background: var(--member-control-off) !important; border-color: var(--member-control-off) !important; } html.light #mlEditorWorkspace .mai-workspace-controls input[role=switch]:checked { background: var(--member-accent) !important; border-color: var(--member-accent) !important; } html.light #mlEditorWorkspace .mai-workspace-controls input[role=switch]::after { background: var(--member-surface) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlEditorWorkspace) #mlEditorWorkspace .gb-native-section .mai-workspace-register:not(:disabled) { background: var(--member-accent) !important; color: var(--member-on-accent) !important; border-color: var(--member-accent) !important; } html.light #gbPageProductDialog :is(input:not([type=file]):not([type=hidden]),textarea,select) { background: var(--member-surface) !important; border-color: var(--member-line-strong) !important; color: var(--member-text) !important; } html.light #gbPageProductDialog :is(input:not([type=file]):not([type=hidden]),textarea,select):is(:focus,:focus-visible), html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlEditorWorkspace) #gbPageProductDialog :is(input:not([type=file]):not([type=hidden]),textarea,select):is(:focus,:focus-visible) { --mlc-border: var(--member-accent); border-color: var(--member-accent) !important; outline-color: var(--member-accent) !important; } html.light #gbPageProductDialog [data-product-feedback]:not(:empty) { color: var(--member-danger) !important; background: var(--member-danger-soft) !important; box-shadow: inset 3px 0 var(--member-danger) !important; } html.light #gbPageProductDialog :is(.mai-product-photo .mui-button,.mai-product-form-heading a) { background: var(--member-soft) !important; color: var(--member-accent) !important; border-color: var(--member-line-strong) !important; } html.light body.mypage-renewal [data-pass-paused-band], html.light body.mypage-renewal [data-pass-row=paused] .mypage-badge { background: var(--member-warning-soft) !important; color: var(--member-warning) !important; border-color: var(--member-warning) !important; } html.light body #scrollTopBtn { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(:is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage)) #scrollTopBtn { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body [class~="h-1"][class~="w-10"].rounded-full:not(:where(#mainNav *,#mobileMenu *,.phone-preview *)) { background: var(--member-control-off) !important; } html.light body #editModal #editModalInner [class~="h-1"][class~="w-10"], html.light body #mlSettingsWorkspace #dmSheet>[class~="h-1"][class~="w-10"], html.light body #pwaMoreContent>[class~="h-1"][class~="w-10"] { background: var(--member-control-off) !important; } html.light body .mt-pagination button:disabled, html.light body.md-app-live .md-pagination button:disabled { background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--member-muted) !important; } html.light body .nb-toast { border-color: var(--member-line-strong) !important; box-shadow: 0 4px 18px var(--member-shadow-color) !important; } html.light body #toastContainer > div, html.light body.md-app-live:has(#toastContainer) #toastContainer > div { box-shadow: inset 0 0 0 1px var(--member-line-strong),0 4px 18px var(--member-shadow-color) !important; } html.light body :is(#compact-sheet-panel,#dmSheet,#moreSheet) [class~="h-1"][class~="rounded-full"], html.light body #mobileMoreMenu [class~="h-1"][class~="rounded-full"] { background: var(--member-control-off) !important; } html.light body [class~="bg-teal-900/30"] { background: var(--member-soft) !important; } html.light body .moneying-section-tab.active::before { background: var(--member-accent) !important; box-shadow: none !important; } html.light body .edb.is-required[data-banner=settlement] { background: var(--member-danger-soft) !important; color: var(--member-danger) !important; border-color: var(--member-danger) !important; } html.light body .edb:not(.is-required) .edb-act { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body .pwa-back { color: var(--member-muted) !important; } /* 연파랑 패널 위 태그·일정 입력 경계도 3:1 이상으로 구분한다. */ html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlEditorWorkspace) :is(#mlEditorWorkspace #editorFilterTagManager,#editSchedModal #editSchedItems,#editModal #editSchedItemsInline) input:is(.ft-input,.esr-title,.esr-start,.esr-start-time,.esr-end,.esr-end-time):enabled:not(:focus):not(:focus-visible) { border-color: var(--member-control-off) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlEditorWorkspace) :is(#mlEditorWorkspace #editorFilterTagManager,#editSchedModal #editSchedItems,#editModal #editSchedItemsInline) input:is(.ft-input,.esr-title,.esr-start,.esr-start-time,.esr-end,.esr-end-time):enabled:is(:focus,:focus-visible) { border-color: var(--member-accent) !important; } html.light body.ml-workspace-polish #mlEditorWorkspace #editorBanner.edb:not(.is-required) .edb-act.ml-polish-button { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } /* 휴대폰 안내는 기존 문구가 들어갈 폭을 확보한다. 긴 안내는 자연스럽게 줄바꿈한다. */ @media (max-width: 480px) { html.light body .edb { padding-inline: 8px !important; gap: 6px !important; } html.light body .edb .edb-act { padding-inline: 8px !important; } } @media (max-width: 374px) { html.light body .edb { padding-inline: 4px !important; gap: 4px !important; } html.light body .edb .edb-act { padding-inline: 4px !important; } } /* 연결된 DM은 연결 전의 연파랑 칩보다 강조한다. 차단 칩의 빨강은 유지한다. */ html.light body.editor-page #mlEditorWorkspace:not(.ml-editor-light-v2) #sectionLinkList button[onclick*="openAddModal("].opacity-50 { opacity: 1 !important; } html.light body.editor-page #mlEditorWorkspace :is(#linkList,#sectionLinkList) button:is([onclick*="editDmFromLink("],[onclick*="openGroupDm("])[class~="bg-[#c4ff00]/15"] { background: var(--member-accent) !important; color: var(--member-on-accent) !important; } html.light body.editor-page #mlEditorWorkspace :is(#linkList,#sectionLinkList) button:is([onclick*="editDmFromLink("],[onclick*="openGroupDm("])[class~="bg-[#c4ff00]/15"] :is(i,svg,span) { color: var(--member-on-accent) !important; opacity: 1 !important; } html.light body.editor-page #mlEditorWorkspace :is(#linkList,#sectionLinkList) button:is([onclick*="editDmFromLink("],[onclick*="openGroupDm("])[class~="bg-[#c4ff00]/15"]:hover { background: var(--member-accent-hover) !important; } html.light body .dm-block-dialog[data-intent=danger] button:last-child { background: var(--member-danger) !important; color: var(--member-on-accent) !important; } html.light body .ml-divider-choice:not(.active) { border-color: var(--member-line-strong) !important; } html.light body #bulkCopyPageModal :is(.bg-zinc-900,.bg-zinc-800) { background: var(--member-surface) !important; border-color: var(--member-line-strong) !important; } html.light body #bulkCopyPageModal .bcp-choice { background: var(--member-surface) !important; border-color: var(--member-line-strong) !important; } html.light body #bulkCopyPageModal .bcp-name { color: var(--member-text) !important; } html.light body #bulkCopyPageModal .bcp-slug { color: var(--member-muted) !important; } html.light body #archiveList>.opacity-60 { opacity: 1 !important; } html.light body #dm-account-list>:not([hidden])~:not([hidden]) { border-color: var(--member-line) !important; } html.light body button[data-compact-toggle] { background: var(--member-control-off) !important; } html.light body button[data-compact-toggle][aria-pressed=true] { background: var(--member-accent) !important; } html.light body button[data-compact-toggle]>span { background: var(--member-surface) !important; } html.light body.dm-editor-page #compact-instagram-settings .reel-share-track, html.light body.dm-editor-page.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlWorkspacePage #compact-instagram-settings .reel-share-track { background: var(--member-control-off) !important; } html.light body.dm-editor-page #compact-instagram-settings #reel-share-mode:checked ~ .reel-share-track, html.light body.dm-editor-page.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlWorkspacePage #compact-instagram-settings #reel-share-mode:checked ~ .reel-share-track { background: var(--member-accent) !important; } html.light body.dm-editor-page #compact-instagram-settings .reel-share-knob, html.light body.dm-editor-page.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlWorkspacePage #compact-instagram-settings .reel-share-knob { background: var(--member-surface) !important; } html.light body.dm-editor-page #compact-instagram-settings #reel-share-mode:focus-visible ~ .reel-share-track, html.light body.dm-editor-page.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlWorkspacePage #compact-instagram-settings #reel-share-mode:focus-visible ~ .reel-share-track { outline-color: var(--member-accent) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(:is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage)) :is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage,#editModal,.ml-polish-panel) :is(.seg-btn,.editor-pill,.be-shape-btn).active { background: var(--member-soft) !important; color: var(--member-accent) !important; border-color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } html.light body #mlPaymentBlockWorkspace :is(.layout-btn,.mt-btn) { background: var(--member-surface) !important; color: var(--member-muted) !important; border-color: var(--member-line-strong) !important; } html.light body #mlPaymentBlockWorkspace :is(.layout-btn.active,.mt-btn.active), html.light body.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlPaymentBlockWorkspace :is(.layout-btn.active,.mt-btn.active) { background: var(--member-soft) !important; color: var(--member-accent) !important; border-color: var(--member-accent) !important; box-shadow: inset 0 0 0 2px var(--member-accent) !important; } @media(min-width:961px) { html.light:has(body.ml-workspace-shell) { --ml-light-sidebar-paint-width: var(--mpn-w,176px); background-image: linear-gradient(to right,var(--member-surface) 0,var(--member-surface) var(--ml-light-sidebar-paint-width),var(--member-canvas) var(--ml-light-sidebar-paint-width)) !important; } html.light.mpn-collapsed:has(body.ml-workspace-shell) { --ml-light-sidebar-paint-width: 68px; } html.light body.ml-workspace-shell, html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(:is(#mlEditorWorkspace,#mlSettingsWorkspace,#mlWorkspacePage)) { --ml-light-sidebar-paint-width: var(--mpn-w,176px); background-image: linear-gradient(to right,var(--member-surface) 0,var(--member-surface) var(--ml-light-sidebar-paint-width),var(--member-canvas) var(--ml-light-sidebar-paint-width)) !important; } html.light.mpn-collapsed body.ml-workspace-shell { --ml-light-sidebar-paint-width: 68px; } } html.light :is(body,#mlWorkspacePage) [data-chart-series=visit],html.light :is(body,#mlWorkspacePage) [data-chart-legend=visit],html.light [data-chart-source="0"] { --member-series: var(--member-chart-visit); } html.light :is(body,#mlWorkspacePage) [data-chart-series=click],html.light :is(body,#mlWorkspacePage) [data-chart-legend=click],html.light [data-chart-source="1"] { --member-series: var(--member-chart-click); } html.light :is(body,#mlWorkspacePage) [data-chart-series=read],html.light :is(body,#mlWorkspacePage) [data-chart-legend=read],html.light [data-chart-source="3"] { --member-series: var(--member-chart-read); } html.light :is(body,#mlWorkspacePage) [data-chart-series=story],html.light :is(body,#mlWorkspacePage) [data-chart-legend=story],html.light [data-chart-source="2"] { --member-series: var(--member-chart-story); } html.light [data-chart-source="4"] { --member-series: var(--member-muted); } html.light [data-chart-source="5"] { --member-series: var(--member-line-strong); } html.light [data-chart-source="6"] { --member-series: var(--member-chart-extra); } html.light :is(body,#mlWorkspacePage) [data-chart-legend] { color: var(--member-series) !important; } html.light :is(body,#mlWorkspacePage) span[data-chart-series] { background-color: var(--member-series) !important; border-color: var(--member-series) !important; } html.light :is(body,#mlWorkspacePage) :is(#tab_trend,#tab_dm,#daily-chart) span[data-chart-series] { background-color: var(--member-series) !important; } html.light :is(body,#mlWorkspacePage) :is(#lineChart,#dmLineChart,#daily-chart,#velocity-chart) [data-chart-series][stroke] { stroke: var(--member-series) !important; } html.light body.ml-workspace-shell:has(#mlWorkspacePage) #mlWorkspacePage :is(#tab_trend,#tab_dm) :is(#lineChart,#dmLineChart) [data-chart-series][stroke] { stroke: var(--member-series) !important; } html.light :is(body,#mlWorkspacePage) :is(#lineChart,#dmLineChart,#daily-chart,#velocity-chart) [data-chart-series][fill]:not([fill=none]):not([data-chart-area]) { fill: var(--member-series) !important; } html.light :is(body,#mlWorkspacePage) :is(#lineChart,#dmLineChart) [data-chart-area] { fill: var(--member-series) !important; fill-opacity: .1 !important; } html.light :is(body,#mlWorkspacePage) :is(#lineChart,#dmLineChart,#velocity-chart,#hourlyChart,#dmHourlyChart) [data-chart-grid] { stroke: var(--member-chart-grid) !important; } html.light #lineChart #viewGrad stop { stop-color: var(--member-chart-visit) !important; } html.light #lineChart #clickGrad stop { stop-color: var(--member-chart-click) !important; } html.light #velocity-chart stop { stop-color: var(--member-chart-visit) !important; } html.light :is(body,#mlWorkspacePage) :is(#referrerDonut,#referrerChart,#dailyReferrerChart,#hourlyReferrerChart) [data-chart-source]:not(svg *) { background-color: var(--member-series) !important; opacity: 1 !important; } html.light :is(body,#mlWorkspacePage) :is(#referrerDonut,#referrerChart) i[data-chart-source] { background: transparent !important; color: var(--member-series) !important; } html.light :is(body,#mlWorkspacePage) #referrerDonut circle[data-chart-source] { stroke: var(--member-series) !important; stroke-opacity: 1 !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlWorkspacePage) #mlWorkspacePage :is(#tab_trend,#tab_dm) span[data-chart-series] { background-color: var(--member-series) !important; border-color: var(--member-series) !important; } html.light body.ml-workspace-shell:has(#mlWorkspacePage) #mlWorkspacePage #tab_source #referrerDonut circle[data-chart-source] { stroke: var(--member-series) !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlWorkspacePage) #mlWorkspacePage :is(#tab_trend,#tab_dm) [data-chart-legend] { color: var(--member-series) !important; } html.light :is(body,#mlWorkspacePage) #hourlyReferrerChart td div[data-chart-source][style*="height:28px"] { background: color-mix(in srgb,var(--member-series) calc(var(--heat-alpha,1) * 45%),var(--member-surface)) !important; } html.light #daily-chart rect[data-chart-series] { opacity: 1 !important; } html.light body.ml-workspace-shell.ml-workspace-polish:is(.editor-page,.light-page):has(#mlEditorWorkspace) #editModal [class~="bg-zinc-800/50"] { background: var(--member-soft) !important; } /* 전체 창 모달 덮개는 뒤 화면이 비치고, 내부 카드의 흰 표면은 유지한다. */ html.light body :is(.fixed,.absolute).inset-0:is([class*="bg-black"],[class*="bg-[#0C0C0E]/"]):not(:where(#mainNav,#mainNav *,#mobileMenu,#mobileMenu *)) { background: var(--member-overlay) !important; } /* 자동화 상태는 편집기 옵션·목록 방식과 무관하게 같은 색 역할을 사용한다. * 작업 공간이 원래 링크의 ID를 메뉴로 옮겨도 숨긴 원본 상태를 그대로 참조한다. */ html.light body:has(#mlEditorWorkspace [data-dm-state]) { --ml-dm-state-bg: var(--member-surface); --ml-dm-state-fg: var(--member-text); --ml-dm-state-line: var(--member-line-strong); } html.light body:has(#mlEditorWorkspace [data-dm-state="green"]) { --ml-dm-state-bg: var(--member-accent-soft); --ml-dm-state-fg: var(--member-accent); --ml-dm-state-line: var(--member-accent); } html.light body:has(#mlEditorWorkspace [data-dm-state="yellow"]) { --ml-dm-state-bg: var(--member-warning-soft); --ml-dm-state-fg: var(--member-warning); --ml-dm-state-line: var(--member-warning); } html.light body:has(#mlEditorWorkspace [data-dm-state="red"]) { --ml-dm-state-bg: var(--member-danger-soft); --ml-dm-state-fg: var(--member-danger); --ml-dm-state-line: var(--member-danger); } html.light body:has(#mlEditorWorkspace [data-dm-state]) :is(#mlEditorWorkspace [data-dm-state],#mpn-sidebar-nav #tutorialDmBtn,.mpn-mobile #tutorialDmBtnMobile) { background: var(--ml-dm-state-bg) !important; color: var(--ml-dm-state-fg) !important; border-color: var(--ml-dm-state-line) !important; } html.light body:has(#mlEditorWorkspace [data-dm-state]) :is(#mlEditorWorkspace [data-dm-state],#mpn-sidebar-nav #tutorialDmBtn,.mpn-mobile #tutorialDmBtnMobile) :is(i,svg,span) { color: inherit !important; } /* 브랜드 로고의 고유색은 상태 강조색과 분리한다. 검정 테마에는 적용하지 않는다. */ html.light body i.fab.fa-instagram.text-pink-400 { color:#f472b6!important; } html.light body i.fab.fa-youtube.text-red-500 { color:#ef4444!important; } html.light body i.fab.fa-youtube.text-red-400 { color:#f87171!important; } html.light body i.fab.fa-facebook.text-blue-400 { color:#60a5fa!important; } html.light body :is(i.fab.fa-tiktok,i.fab.fa-x-twitter)[style*="color:#ffffff" i] { color:#000!important; } html.light body .inquiry-kakao-brand { background:#fee500!important; color:#3c1e1e!important; } /* 새 틀의 범용 선 아이콘 마스크가 카카오 말풍선을 바꾸지 않게 한다. */ html.light body.md-app-live #app-content .mypage-icon-circle.is-kakao i.fa-comment { mask:none!important; -webkit-mask:none!important; background:transparent!important; font-family:"Font Awesome 6 Free"!important; font-weight:900!important; } html.light body.md-app-live #app-content .mypage-icon-circle.is-kakao i.fa-comment::before { content:"\f075"!important; } html.light #socialIconStyleSection[data-disable-reason]:not([data-disable-reason=""]) { opacity:1!important; } html.light body.dm-health-page .sd-chip:is([style*="34,197,94"],[style*="34, 197, 94"]) { background:var(--member-accent-soft)!important; } html.light body :is([style*="background:#1877f2" i],[style*="background: #1877f2" i]) > i.fa-facebook-f { color:#fff!important; } /* 기존 상태 점검의 일반·다이얼 스위치도 진단 화면과 같은 꺼짐 색을 사용한다. */ html.light body.dm-health-page :is([id^="sd-toggle-"],button[onclick^="toggleSafeSend"])[aria-pressed="false"], html.light body.dm-health-page.light-page.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlWorkspacePage[data-ml-detail="dm_health"] :is([id^="sd-toggle-"],button[onclick^="toggleSafeSend"])[aria-pressed="false"] { background:var(--member-control-off)!important; } html.light body.dm-health-page :is([id^="sd-toggle-"],button[onclick^="toggleSafeSend"])[aria-pressed="true"], html.light body.dm-health-page.light-page.ml-workspace-shell.ml-workspace-polish:has(#mlWorkspacePage) #mlWorkspacePage[data-ml-detail="dm_health"] :is([id^="sd-toggle-"],button[onclick^="toggleSafeSend"])[aria-pressed="true"] { background:var(--member-accent)!important; }