/* 라이트 모드: 어두운 구간(이점, 분석 체험, 발행 콘솔)을 밝게. 자동 변환 + 수동 보정 */
html[data-theme="light"] .hero{color:var(--ink)}
html[data-theme="light"] .hero:before{background-image:linear-gradient(rgba(40,30,70,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(40,30,70,0.05) 1px,transparent 1px)}
html[data-theme="light"] .eyebrow{color:#5c24a5}
html[data-theme="light"] .hero .btn.secondary{color:var(--ink);background:rgba(118,52,203,0.048);border:1px solid rgba(40,30,70,0.16)}
html[data-theme="light"] .hero .btn.secondary:hover{background:rgba(118,52,203,0.084)}
html[data-theme="light"] .hero-checks{color:rgba(30,26,46,0.75)}
html[data-theme="light"] .hero-checks i{color:var(--ink);background:rgba(118,52,203,0.072)}
html[data-theme="light"] .hero-strip{background:#ffffff}
html[data-theme="light"] .hero-strip span:before{color:#5c24a5}
html[data-theme="light"] .hero-strip i{color:rgba(30,26,46,0.37)}
html[data-theme="light"] .impact{color:var(--ink)}
html[data-theme="light"] .impact .kicker{color:#5c24a5}
html[data-theme="light"] .impact .section-head h2{color:var(--ink)}
html[data-theme="light"] .impact .section-head>p:last-child{color:rgba(30,26,46,0.65)}
html[data-theme="light"] .impact-card{border:1px solid rgba(40,30,70,0.1);background:rgba(118,52,203,0.024)}
html[data-theme="light"] .impact-card:hover{border-color:rgba(40,30,70,0.24)}
html[data-theme="light"] .impact-card .icon{background:rgba(118,52,203,0.06);color:#5c24a5}
html[data-theme="light"] .impact-card.highlight .icon{background:rgba(118,52,203,0.108);color:var(--ink)}
html[data-theme="light"] .impact-card h4{color:var(--ink)}
html[data-theme="light"] .impact-card .teaser{color:rgba(30,26,46,0.6)}
html[data-theme="light"] .impact-card.highlight .teaser{color:rgba(30,26,46,0.9)}
html[data-theme="light"] .impact-more{color:#5c24a5}
html[data-theme="light"] .impact-card.highlight .impact-more{color:var(--ink)}
html[data-theme="light"] .sc2-label{color:rgba(30,26,46,0.75)}
html[data-theme="light"] .sc2-roll{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.042);color:var(--ink)}
html[data-theme="light"] .sc2-url{color:#5c24a5}
html[data-theme="light"] .sc2-out>section,html[data-theme="light"] .sc2-out>.sc-empty{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.03)}
html[data-theme="light"] .sc2-out>.sc-empty{color:rgba(30,26,46,0.75)}
html[data-theme="light"] .sc2-out h3{color:#5c24a5}
html[data-theme="light"] .sc2-out li{color:rgba(30,26,46,0.93)}
html[data-theme="light"] .sc2-out li:before{color:#5c24a5}
html[data-theme="light"] .sc-note{color:rgba(30,26,46,0.6)}
html[data-theme="light"] .sc2-out .st{color:rgba(30,26,46,0.65)}
html[data-theme="light"] .sc2-out .st.done{color:#5c24a5}
html[data-theme="light"] .sc2-key p{color:#5c24a5}
html[data-theme="light"] .sc2-key span{color:#5c24a5}
html[data-theme="light"] .hero .sc2 h1 .acc{color:#5c24a5}
html[data-theme="light"] .sc2-win{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.024)}
html[data-theme="light"] .sc2-winbar{border-bottom:1px solid rgba(40,30,70,0.1)}
html[data-theme="light"] .sc2-winbar i{background:rgba(118,52,203,0.168)}
html[data-theme="light"] .sc2-winbar span{color:rgba(30,26,46,0.6)}
html[data-theme="light"] .imp-card{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.03)}
html[data-theme="light"] .imp-card h3{color:var(--ink)}
html[data-theme="light"] .imp-card p{color:rgba(30,26,46,0.83)}
html[data-theme="light"] .imp-vis{background:rgba(118,52,203,0.024)}
html[data-theme="light"] .imp-b .row{color:rgba(30,26,46,0.85)}
html[data-theme="light"] .imp-b .row b{color:var(--ink)}
html[data-theme="light"] .imp-b .track{background:rgba(118,52,203,0.048)}
html[data-theme="light"] .imp-b .fill{background:rgba(118,52,203,0.168)}
html[data-theme="light"] .imp-b .fill i{background:rgba(118,52,203,0.33)}
html[data-theme="light"] .imp-c .line{background:rgba(118,52,203,0.084)}
html[data-theme="light"] .imp-c li{color:var(--ink)}
html[data-theme="light"] .imp-c li em{background:#ffffff}
html[data-theme="light"] .imp-c li span{background:rgba(118,52,203,0.06);color:rgba(30,26,46,0.85)}
html[data-theme="light"] .imp-c li.last span{color:#5c24a5}
html[data-theme="light"] .imp-tabs button{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.03);color:rgba(30,26,46,0.85)}
html[data-theme="light"] .imp-tabs button:hover{color:var(--ink)}
html[data-theme="light"] .imp-tag{color:#5c24a5}
html[data-theme="light"] .imp-nav button{border:1px solid rgba(40,30,70,0.24);background:rgba(118,52,203,0.036);color:var(--ink)}
html[data-theme="light"] .imp-nav button:hover{background:rgba(118,52,203,0.096)}
html[data-theme="light"] .impact .section-head h2 em{color:#5c24a5}
html[data-theme="light"] .imp-a .cap span{color:var(--ink)}
html[data-theme="light"] .imp-d .once{color:#5c24a5}
html[data-theme="light"] .imp-d li{color:var(--ink)}
html[data-theme="light"] .imp-d .line{background:rgba(118,52,203,0.084)}
html[data-theme="light"] .cs{border:1px solid rgba(40,30,70,0.1);background:#ffffff;color:var(--ink)}
html[data-theme="light"] .cs-bar{border-bottom:1px solid rgba(40,30,70,0.1)}
html[data-theme="light"] .cs-bar i{background:rgba(118,52,203,0.168)}
html[data-theme="light"] .cs-bar span{color:rgba(30,26,46,0.6)}
html[data-theme="light"] .cs-bar em{color:#5c24a5}
html[data-theme="light"] .cs-body{background-image:linear-gradient(rgba(40,30,70,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(40,30,70,0.035) 1px,transparent 1px)}
html[data-theme="light"] .cs-col h4{color:rgba(30,26,46,0.65)}
html[data-theme="light"] .cs-col li{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.024);color:rgba(30,26,46,0.8)}
html[data-theme="light"] .cs-col li.on{color:var(--ink)}
html[data-theme="light"] #cs-ch li b,html[data-theme="light"] #cs-post li b{background:rgba(118,52,203,0.048);color:rgba(30,26,46,0.6)}
html[data-theme="light"] .cs-mid dt{color:rgba(30,26,46,0.55)}
html[data-theme="light"] .cs-mid dd{background:rgba(118,52,203,0.03);color:var(--ink)}
html[data-theme="light"] .cs-voucher{border:1px dashed rgba(40,30,70,0.24);background:rgba(118,52,203,0.024)}
html[data-theme="light"] .cs-voucher code{color:rgba(30,26,46,0.75)}
html[data-theme="light"] .cs-voucher.on{border:1px solid rgba(40,30,70,0.16)}
html[data-theme="light"] .cs-steps li{border-top:2px solid rgba(40,30,70,0.16);color:rgba(30,26,46,0.5)}
html[data-theme="light"] .cs-steps li.on{color:var(--ink)}
html[data-theme="light"] .cs-flow{background:rgba(118,52,203,0.072)}
html[data-theme="light"] #cs-post li small{color:rgba(30,26,46,0.55)}
html[data-theme="light"] .cs-use{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.024)}
html[data-theme="light"] .cs-use .st,html[data-theme="light"] .cs-set .sd{background:rgba(118,52,203,0.06);color:rgba(30,26,46,0.75)}
html[data-theme="light"] .cs-use dd.st{background:rgba(118,52,203,0.06)}
html[data-theme="light"] .cs-set{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.024)}
html[data-theme="light"] .cs-set .r{color:rgba(30,26,46,0.9)}
html[data-theme="light"] .cs-set .r em{color:#5c24a5}
html[data-theme="light"] .cs-set .bar{background:rgba(118,52,203,0.048)}
html[data-theme="light"] .cs-set .r:nth-child(2) .bar i{background:rgba(118,52,203,0.3)}
html[data-theme="light"] .cs-src{border:1px solid rgba(40,30,70,0.16);background:rgba(118,52,203,0.024)}
html[data-theme="light"] .cs-src .top{border-bottom:1px solid rgba(40,30,70,0.1)}
html[data-theme="light"] .cs-src code{color:rgba(30,26,46,0.65)}
html[data-theme="light"] .cs-src .st{background:rgba(118,52,203,0.06);color:rgba(30,26,46,0.8)}
html[data-theme="light"] .cs-src .prog{background:rgba(118,52,203,0.048)}
html[data-theme="light"] .cs-src .k{color:#5c24a5}
html[data-theme="light"] .cs-src dl{border-top:1px solid rgba(40,30,70,0.1)}
html[data-theme="light"] .cs-src dt{color:rgba(30,26,46,0.55)}
html[data-theme="light"] .cs-src dd{color:rgba(30,26,46,0.93)}
html[data-theme="light"] #cs-methods li code{background:rgba(118,52,203,0.048);color:rgba(30,26,46,0.75)}
html[data-theme="light"] #cs-methods li small{color:rgba(30,26,46,0.55)}
html[data-theme="light"] #cs-methods li b{background:rgba(118,52,203,0.048);color:rgba(30,26,46,0.6)}
html[data-theme="light"] #cs-methods li.sync b{color:#5c24a5}
html[data-theme="light"] .cs-down{background:rgba(118,52,203,0.084)}
html[data-theme="light"] .cs-set .chh{border-top:1px solid rgba(40,30,70,0.1);color:rgba(30,26,46,0.6)}
html[data-theme="light"] .cs-set .r.sm{color:rgba(30,26,46,0.8)}
html[data-theme="light"] .cs-use .vs{border-top:1px solid rgba(40,30,70,0.1)}
html[data-theme="light"] .cs-use .vs li{background:rgba(118,52,203,0.036);color:rgba(30,26,46,0.6)}
html[data-theme="light"] .cs-view.on .vs li:nth-child(1){color:var(--ink)}
html[data-theme="light"] .cs-view.on .vs li:nth-child(2){color:var(--ink)}
html[data-theme="light"] .fl{background:rgba(118,52,203,0.084)}
html[data-theme="light"] #cs-ch li.used b{background:rgba(118,52,203,0.096);color:var(--ink)}

/* ---- 수동 보정: 어두운 구간 배경과 버튼 ---- */
html[data-theme="light"] .impact{background:radial-gradient(560px circle at 92% 0%,rgba(118,52,203,.10),transparent 62%),linear-gradient(180deg,#f6f1fd 0%,#fff 100%)}
html[data-theme="light"] .hero{background:radial-gradient(520px circle at 86% 0%,rgba(118,52,203,.10),transparent 62%),linear-gradient(180deg,#f6f1fd 0%,#fff 100%)}
html[data-theme="light"] .hero .lead,html[data-theme="light"] .hero .sc2-lead{color:var(--g5)}
html[data-theme="light"] .hero .sc2 h2{color:var(--ink)}
html[data-theme="light"] .try-sec .acc{color:#5c24a5}
html[data-theme="light"] .hero .btn{background:var(--p);color:#fff}
html[data-theme="light"] .hero .btn:hover{background:#5c24a5}
html[data-theme="light"] .closing{background:#f3edfc;color:var(--ink)}
html[data-theme="light"] .closing img{filter:none}
html[data-theme="light"] .closing p{color:var(--g5)}
html[data-theme="light"] .closing .btn.white{background:var(--p);color:#fff}
html[data-theme="light"] .closing .btn.white:hover{background:#5c24a5}
/* 이점 카드: 탭, 노출 확대 캡션 */
html[data-theme="light"] .imp-tabs button.on{background:var(--p);border-color:var(--p);color:#fff}
html[data-theme="light"] .imp-a .cap span{background:#fff;border:1px solid rgba(40,30,70,.16);color:var(--ink)}
html[data-theme="light"] .imp-a .cap .p2{background:var(--p);border-color:var(--p);color:#fff}
html[data-theme="light"] .imp-a .reach{background:radial-gradient(closest-side,rgba(118,52,203,.16),rgba(118,52,203,.03))}
html[data-theme="light"] .imp-a .ring{border-color:rgba(118,52,203,.4)}
html[data-theme="light"] .imp-a .ch{border:1px solid rgba(40,30,70,.12);box-shadow:0 4px 12px rgba(40,30,70,.08)}
html[data-theme="light"] .imp-card{box-shadow:0 10px 30px rgba(40,30,70,.06)}
/* 애니메이션 키프레임의 어두운 색을 밝게 */
@keyframes imp-dot-l{0%,100%{background:#fff}20%,85%{background:#a78bfa}}
html[data-theme="light"] .imp-c li em{animation-name:imp-dot-l}
@keyframes imp-e1-l{0%,5%{background:#fff;border-color:rgba(40,30,70,.2);color:transparent}7%,96%{background:#7634CB;border-color:#a78bfa;color:#fff}100%{background:#fff;border-color:rgba(40,30,70,.2);color:transparent}}
@keyframes imp-e2-l{0%,32%{background:#fff;border-color:rgba(40,30,70,.2);color:transparent}34%,96%{background:#7634CB;border-color:#a78bfa;color:#fff}100%{background:#fff;border-color:rgba(40,30,70,.2);color:transparent}}
@keyframes imp-e3-l{0%,60%{background:#fff;border-color:rgba(40,30,70,.2);color:transparent}62%,96%{background:#7634CB;border-color:#a78bfa;color:#fff}100%{background:#fff;border-color:rgba(40,30,70,.2);color:transparent}}
@keyframes imp-e4-l{0%,88%{background:#fff;border-color:rgba(40,30,70,.2);color:transparent}90%,96%{background:#7634CB;border-color:#a78bfa;color:#fff}100%{background:#fff;border-color:rgba(40,30,70,.2);color:transparent}}
html[data-theme="light"] .imp-d .s1 em{animation-name:imp-e1-l}
html[data-theme="light"] .imp-d .s2 em{animation-name:imp-e2-l}
html[data-theme="light"] .imp-d .s3 em{animation-name:imp-e3-l}
html[data-theme="light"] .imp-d .s4 em{animation-name:imp-e4-l}
html[data-theme="light"] .imp-d li em{border-color:rgba(40,30,70,.2)}
/* 보라색 배경 위 글자는 라이트에서도 흰색 유지 (자동 변환 덮어쓰기 방지) */
html[data-theme="light"] .cs-src.done .st,html[data-theme="light"] .cs-view.fin .st,html[data-theme="light"] .cs-view.fin .sd,html[data-theme="light"] #cs-ch li.on b,html[data-theme="light"] #cs-post li.on b,html[data-theme="light"] #cs-methods li.on code,html[data-theme="light"] #cs-methods li.done b,html[data-theme="light"] .cs-view.fin .vs li:nth-child(3),html[data-theme="light"] .imp-d li.start,html[data-theme="light"] .imp-a .core{color:#fff}
html[data-theme="light"] .cs-steps li.on{border-color:#7634CB}
/* 발행 콘솔(라이트): 흰 카드, 연한 배경, 그림자 */
html[data-theme="light"] .c-console .cs{box-shadow:0 30px 70px rgba(60,35,110,.16)}
html[data-theme="light"] .cs-voucher small,html[data-theme="light"] .cs-voucher .k,html[data-theme="light"] .cs-voucher b,html[data-theme="light"] .cs-voucher strong,html[data-theme="light"] .cs-voucher em{color:inherit}
html[data-theme="light"] .cs-voucher.on{color:#fff}
html[data-theme="light"] .cs-voucher.on em{color:#5c24a5}
html[data-theme="light"] #cs-ch li.used b{background:rgba(118,52,203,.12);color:#5c24a5}

/* ---- 발행 콘솔 보정 ---- */
html[data-theme="light"] .cs-src.done .st,html[data-theme="light"] .cs-view.fin .st,html[data-theme="light"] .cs-view.fin .sd,html[data-theme="light"] #cs-ch li.on b,html[data-theme="light"] #cs-post li.on b,html[data-theme="light"] #cs-methods li.on code,html[data-theme="light"] #cs-methods li.done b,html[data-theme="light"] .cs-view.fin .vs li:nth-child(3){background:#7634CB;color:#fff}
html[data-theme="light"] #cs-ch li.used b{background:rgba(118,52,203,.12);color:#5c24a5}
html[data-theme="light"] .cs-voucher.on{background:linear-gradient(135deg,#8b5cf6,#5b21b6 65%,#461F79);border:1px solid rgba(255,255,255,.2);color:#fff}
html[data-theme="light"] .cs-voucher.on small,html[data-theme="light"] .cs-voucher.on .k,html[data-theme="light"] .cs-voucher.on b,html[data-theme="light"] .cs-voucher.on strong{color:#fff}
html[data-theme="light"] .cs-voucher.on code{color:rgba(255,255,255,.75)}
html[data-theme="light"] .cs-voucher.on em{background:#fff;color:#5c24a5}
html[data-theme="light"] .cs-steps li{border:0;border-top:2px solid rgba(40,30,70,.16);border-radius:0;background:none}
html[data-theme="light"] .cs-steps li.on{border-top-color:#7634CB;color:var(--ink)}
html[data-theme="light"] .cs-steps li.on:before{color:#7634CB}
html[data-theme="light"] .cs-use .vs li{border:0}
html[data-theme="light"] .cs-view.on .vs li:nth-child(1),html[data-theme="light"] .cs-view.on .vs li:nth-child(2){background:rgba(118,52,203,.14);color:var(--ink)}
html[data-theme="light"] .cs-src .st{background:rgba(118,52,203,.1);color:var(--g5)}
html[data-theme="light"] .cs-src.done .st{background:#7634CB;color:#fff}
html[data-theme="light"] .cs-src.on{background:rgba(118,52,203,.07);border-color:#a78bfa}
html[data-theme="light"] .cs-col li.on{background:rgba(118,52,203,.08);border-color:#a78bfa}