/* AUTO-GENERATED light-theme layer — see gen-light.js */
html[data-theme="light"] .mentor{color:var(--ink)!important}
html[data-theme="light"] .avatar{border:5px solid rgba(20,24,33,0.10)!important}
html[data-theme="light"] .mentor p{color:var(--ink2)!important}
html[data-theme="light"] .soon{background:var(--p1)!important;color:var(--ink)!important}
html[data-theme="light"] .portrait{border:4px solid rgba(20,24,33,0.10)!important}
html[data-theme="light"] .band{background:var(--p0)!important}
html[data-theme="light"] .band .track b{color:var(--muted)!important}
html[data-theme="light"] .chip2{background:var(--p2)!important;color:var(--ink)!important}
html[data-theme="light"] .rv{background:var(--p1)!important}
html[data-theme="light"] .band{background:var(--p0)!important}
html[data-theme="light"] .bandrow b{color:var(--ink2)!important}
html[data-theme="light"] .bandrow b{color:var(--ink)!important}
html[data-theme="light"] .mentor .portrait{border:3px solid rgba(20,24,33,0.08)!important}
html[data-theme="light"] .avs img{border:2px solid var(--bd)!important;background:var(--p2)!important}
html[data-theme="light"] .dd .in{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .dd a{color:var(--ink)!important}
html[data-theme="light"] .dd a:hover{background:var(--p1)!important}
html[data-theme="light"] .bigcard{background:var(--p0)!important}
html[data-theme="light"] .bigcard .btext p{color:var(--ink2)!important}
html[data-theme="light"] .btext li::before{color:var(--ink2)!important}
html[data-theme="light"] .rcard,html[data-theme="light"] .statile{background:var(--p2)!important}
html[data-theme="light"] .qm{color:var(--ink)!important}
html[data-theme="light"] .rcard p{color:var(--ink)!important}
html[data-theme="light"] .work{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .wh{color:var(--ink2)!important}
html[data-theme="light"] .ws{color:var(--ink2)!important}
html[data-theme="light"] .fbox{background:var(--p0)!important}
html[data-theme="light"] .fbox p{color:var(--ink)!important}
html[data-theme="light"] .copy{border-top:1px solid var(--bd)!important;color:var(--ink)!important}
html[data-theme="light"] .chero2 .catbar{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .ccard{background:var(--p0)!important}
html[data-theme="light"] .ccard .btext>p{color:var(--ink2)!important}
html[data-theme="light"] .chips2 span{background:var(--p2)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .sumbar{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] details.mod{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .item{background:var(--p1)!important;border-color:var(--bd)!important}
html[data-theme="light"] .getcard{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .getcard li{color:var(--ink2)!important}
html[data-theme="light"] .fcard{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .fcard p{color:var(--ink2)!important}
html[data-theme="light"] .findme{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .hprog{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .pgcard{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .pgrow{border-bottom:1px solid var(--bd)!important}
html[data-theme="light"] .pcard{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .ptags span{background:var(--p2)!important;border:1px solid var(--bd)!important;color:var(--ink2)!important}
html[data-theme="light"] .pprev{background:var(--p0)!important;border:1px solid var(--bd)!important;color:var(--ink2)!important}
html[data-theme="light"] .gitem{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .cb-panel{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .cb-panel header{background:linear-gradient(135deg,var(--tint),var(--tint))!important;border-bottom:1px solid var(--bd)!important}
html[data-theme="light"] .cb-panel header small{color:var(--ink2)!important}
html[data-theme="light"] .cb-x{background:var(--p1)!important;color:var(--ink2)!important}
html[data-theme="light"] .cb-m{color:var(--ink)!important}
html[data-theme="light"] .cb-m.b{background:var(--p2)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .cb-m small{color:var(--muted)!important}
html[data-theme="light"] .cb-chips button{background:var(--p1)!important;border:1px solid var(--bd2)!important;color:var(--ink)!important}
html[data-theme="light"] .cb-chips button:hover{color:var(--ink)!important;background:var(--tint)!important}
html[data-theme="light"] .cb-form{border-top:1px solid var(--bd)!important;background:var(--p0)!important}
html[data-theme="light"] .cb-form input{background:var(--p1)!important;border:1px solid var(--bd)!important;color:var(--ink)!important}
html[data-theme="light"] .adminlink{background:var(--tint)!important;color:var(--ink)!important!important}
html[data-theme="light"] .admhero{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .admhero p{color:var(--ink2)!important}
html[data-theme="light"] .admcard{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .admcard input[type=text],html[data-theme="light"] .admcard input:not([type]),html[data-theme="light"] .admcard select,html[data-theme="light"] .admcard input[list]{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .chrow{border-bottom:1px solid var(--bd)!important}
html[data-theme="light"] .chrow button{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .publish ol{color:var(--ink2)!important}
html[data-theme="light"] .publish code{background:var(--p1)!important}
html[data-theme="light"] .pcl{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .t2{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .admcard textarea{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .mcard{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .mmeta span{background:var(--p1)!important;border:1px solid var(--bd)!important;color:var(--ink2)!important}
html[data-theme="light"] .mdesc{color:var(--ink2)!important}
html[data-theme="light"] .mfull{background:var(--p0)!important;border:1px solid var(--bd)!important;color:var(--ink2)!important}
html[data-theme="light"] .lbnav button{background:var(--p1)!important;border:1px solid var(--bd2)!important;color:var(--ink)!important}
html[data-theme="light"] .atab{background:var(--p1)!important;border:1px solid var(--bd)!important;color:var(--ink)!important}
html[data-theme="light"] .pubbar{background:var(--p0)!important;border:1px solid var(--bd)!important;color:var(--ink2)!important}
html[data-theme="light"] .pubbar code,html[data-theme="light"] .steps2 code,html[data-theme="light"] .hint code{background:var(--p1)!important}
html[data-theme="light"] .astat{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .astat i{background:var(--p1)!important}
html[data-theme="light"] .atable{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .atable th{border-bottom:1px solid var(--bd)!important}
html[data-theme="light"] .atable td{border-bottom:1px solid var(--bd)!important}
html[data-theme="light"] .atable tbody tr:hover{background:var(--p1)!important}
html[data-theme="light"] .afilters input,html[data-theme="light"] .afilters select{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .mini,html[data-theme="light"] .rm{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .catc li{border-bottom:1px dashed var(--bd)!important}
html[data-theme="light"] .steps2{color:var(--ink2)!important}
html[data-theme="light"] .namechips span{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .lockbar{background:linear-gradient(90deg,var(--tint),var(--tint),var(--tint))!important;color:var(--ink)!important}
html[data-theme="light"] .lm{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] .lmi{background:var(--tint)!important}
html[data-theme="light"] .lm p{color:var(--ink2)!important}
html[data-theme="light"] .bd-bad{background:var(--tint)!important}
html[data-theme="light"] .av0{background:var(--p2)!important}
html[data-theme="light"] .dv{color:var(--ink2)!important}
html[data-theme="light"] .hpills{border:1px solid rgba(20,24,33,0.15)!important}
html[data-theme="light"] footer.foot .fbox{background:var(--p0)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] footer.foot .fbox p{color:var(--ink2)!important}
html[data-theme="light"] footer.foot .fb-col a{color:var(--ink2)!important}
html[data-theme="light"] footer.foot .fsoc a{background:var(--p1)!important;border:1px solid var(--bd)!important}
html[data-theme="light"] footer.foot .fbox .copy{border-top:1px solid var(--bd)!important;color:var(--muted)!important}
@media(max-width:900px){
  html[data-theme="light"] nav .links{background:var(--p0)!important!important;border:1px solid var(--bd)!important!important}
  html[data-theme="light"] nav .links>a,html[data-theme="light"] nav .links .dd a{color:var(--ink)!important!important}
  html[data-theme="light"] nav .links>a:hover,html[data-theme="light"] nav .links .dd a:hover{background:var(--p2)!important}
  html[data-theme="light"] nav .links>a.active{background:var(--tint)!important;color:var(--ink)!important!important}
  html[data-theme="light"] nav .links .more{border-top:1px solid var(--bd)!important}
  html[data-theme="light"] nav .links .more::before{color:var(--muted)!important}
  html[data-theme="light"] .df-btn.ghost{border:1.5px solid var(--bd2)!important}
}
@media(max-width:900px){
  html[data-theme="light"] nav .wrap{background:var(--p1)!important!important}
}

/* =====================================================================
   LIGHT THEME (default) — soft, low-glare, professional.
   Palette: cool paper-white page, white cards, slate text, brand red accent.
   The dark look stays available through the theme toggle.
   ===================================================================== */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#F6F7FA; --bg2:#EEF0F5; --card:#FFFFFF; --ink:#141821; --ink2:#3E4656; --muted:#667085;
  --line:#E4E7EC; --bd:#E4E7EC; --bd2:#D0D5DD; --p0:#FFFFFF; --p1:#FFFFFF; --p2:#F2F4F8; --tint:#FFF1F1;
  --accent:#E5242B; --accent2:#C81D24; --soft:#FDECEC; --ok:#12805C; --okbg:#E6F6EF; --warn:#9A6200; --warnbg:#FFF4DD; --bad:#C0262D; --badbg:#FDECEC;
  --shadow:0 14px 34px -18px rgba(16,24,40,.28);
}
html[data-theme="light"] body{background:var(--bg)!important;background-image:radial-gradient(circle,rgba(20,24,33,.045) 1px,transparent 1px)!important;background-size:24px 24px!important;color:var(--ink)}
html[data-theme="light"] ::selection{background:#FAD4D6;color:#141821}

/* ---------- navigation ---------- */
html[data-theme="light"] nav .wrap{background:rgba(255,255,255,.9)!important;border:1px solid var(--line)!important;box-shadow:0 8px 28px -14px rgba(16,24,40,.25)!important}
html[data-theme="light"] body.home:not(.scrolled) nav .logo,
html[data-theme="light"] body.home:not(.scrolled) nav .links a,
html[data-theme="light"] body.home:not(.scrolled) .menu-btn,
html[data-theme="light"] body.home:not(.scrolled) .uchip{color:var(--ink)!important}
html[data-theme="light"] nav .links a,html[data-theme="light"] nav .more>button{color:var(--ink2)!important}
html[data-theme="light"] nav .links a:hover,html[data-theme="light"] nav .more>button:hover{color:var(--accent)!important}
html[data-theme="light"] nav .links a.active{color:var(--ink)!important}
html[data-theme="light"] .links a::after{background:var(--accent)!important}
html[data-theme="light"] body.home:not(.scrolled) .links a::after{background:var(--accent)!important}
html[data-theme="light"] .dd .in{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 20px 50px -20px rgba(16,24,40,.3)!important}
html[data-theme="light"] .dd a{color:var(--ink)!important}
html[data-theme="light"] .dd a:hover{background:var(--p2)!important;color:var(--accent)!important}
html[data-theme="light"] .links .join,html[data-theme="light"] .navr .join{border:1.5px solid var(--bd2)!important;color:var(--ink)!important;background:#fff!important}
html[data-theme="light"] .links .join:hover,html[data-theme="light"] .navr .join:hover{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
html[data-theme="light"] .tbtn{color:var(--ink2)!important;background:var(--p2)!important;border:1px solid var(--line)!important}
html[data-theme="light"] .adminlink{background:var(--soft)!important;border-color:#F4B3B6!important;color:var(--accent2)!important}

/* ---------- buttons ---------- */
html[data-theme="light"] .btn-primary,html[data-theme="light"] .btn-join{background:var(--accent)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px -12px rgba(229,36,43,.65)!important}
html[data-theme="light"] .btn-primary:hover,html[data-theme="light"] .btn-join:hover{background:var(--accent2)!important}
html[data-theme="light"] .btn-white,html[data-theme="light"] .btn-light{background:#fff!important;color:var(--ink)!important;border:1px solid var(--bd2)!important;box-shadow:0 6px 16px -10px rgba(16,24,40,.3)!important}
html[data-theme="light"] .hero3 .btn-white{color:var(--ink)!important}
html[data-theme="light"] .btn-white:hover,html[data-theme="light"] .btn-light:hover{border-color:var(--ink)!important}
html[data-theme="light"] .btn-ghost{background:transparent!important;color:var(--ink)!important;border:1px solid var(--bd2)!important}
html[data-theme="light"] .btn-ghost:hover{background:var(--p2)!important;border-color:var(--ink2)!important}
html[data-theme="light"] .btn-done{background:#fff!important;color:var(--ink)!important;border:1px solid var(--bd2)!important}

/* ---------- hero ---------- */
html[data-theme="light"] .hero3{background-color:var(--bg)!important;background-image:radial-gradient(110% 90% at 88% -10%,rgba(229,36,43,.11),transparent 58%),radial-gradient(circle,rgba(20,24,33,.05) 1px,transparent 1px)!important;background-size:auto,24px 24px!important;background-position:0 0!important}
html[data-theme="light"] .hero3::before{background:radial-gradient(circle,rgba(229,36,43,.16),transparent 66%)!important}
html[data-theme="light"] .hero3::after{background:linear-gradient(transparent,var(--bg))!important}
html[data-theme="light"] .hero3 h1,html[data-theme="light"] .sec-title,html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4{color:var(--ink)}
html[data-theme="light"] .hero3 h1 em{color:var(--accent)!important}
html[data-theme="light"] .hero3 .lead{color:var(--ink2)!important}
html[data-theme="light"] .hpills{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:0 8px 22px -16px rgba(16,24,40,.3)}
html[data-theme="light"] .proof b{color:var(--ink)!important}
html[data-theme="light"] .proof small,html[data-theme="light"] .proof>div:nth-child(2) b,html[data-theme="light"] .proof>div:nth-child(2) small{color:var(--muted)!important}
html[data-theme="light"] .avs i{border-color:var(--bg)!important}
html[data-theme="light"] .hman img{filter:drop-shadow(0 24px 34px rgba(16,24,40,.22))!important}
html[data-theme="light"] .hman::before{background:radial-gradient(circle at 50% 30%,rgba(229,36,43,.22),transparent 68%)!important}
html[data-theme="light"] .eyebrow{color:var(--accent2)!important}
html[data-theme="light"] .sec-sub{color:var(--ink2)}

/* ---------- logo strip ---------- */
html[data-theme="light"] .band{background:#fff!important;border-block:1px solid var(--line)!important}
html[data-theme="light"] .bandrow .lbl,html[data-theme="light"] .band .lbl{color:var(--muted)!important}
html[data-theme="light"] .bandrow b,html[data-theme="light"] .band .track b{color:#5B6270!important}
html[data-theme="light"] .bandrow b:hover{color:var(--ink)!important}

/* ---------- cards / panels ---------- */
html[data-theme="light"] .bigcard,html[data-theme="light"] .rcard,html[data-theme="light"] .statile,html[data-theme="light"] .work,html[data-theme="light"] .pcard,html[data-theme="light"] .pcl,html[data-theme="light"] .mcard,html[data-theme="light"] .gitem,html[data-theme="light"] .getcard,html[data-theme="light"] .fcard,html[data-theme="light"] .pgcard,html[data-theme="light"] .sumbar,html[data-theme="light"] details.mod,html[data-theme="light"] .player,html[data-theme="light"] .ccard,html[data-theme="light"] .res,html[data-theme="light"] .sv,html[data-theme="light"] .vc{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 10px 30px -22px rgba(16,24,40,.3)}
html[data-theme="light"] .bigcard:hover,html[data-theme="light"] .pcard:hover,html[data-theme="light"] .mcard:hover,html[data-theme="light"] .work:hover,html[data-theme="light"] .gitem:hover,html[data-theme="light"] .fcard:hover{border-color:#F1A9AC!important;box-shadow:0 18px 40px -24px rgba(229,36,43,.35)!important}
html[data-theme="light"] .bigcard h3,html[data-theme="light"] .btext h3,html[data-theme="light"] .pcard h3,html[data-theme="light"] .mcard h3{color:var(--ink)!important}
html[data-theme="light"] .bbody p,html[data-theme="light"] .btext p,html[data-theme="light"] .rcard p{color:var(--ink2)!important}
html[data-theme="light"] .chip2,html[data-theme="light"] .ptags span,html[data-theme="light"] .mmeta span,html[data-theme="light"] .chips2 span,html[data-theme="light"] .findme,html[data-theme="light"] .t2{background:var(--p2)!important;border:1px solid var(--line)!important;color:var(--ink2)!important}
html[data-theme="light"] .pprev,html[data-theme="light"] .mfull{background:var(--p2)!important;border:1px solid var(--line)!important;color:var(--ink2)!important}
html[data-theme="light"] .pbadge{background:var(--soft)!important;color:var(--accent2)!important;border:1px solid #F4C4C6!important}
html[data-theme="light"] .rv{background:transparent!important}
html[data-theme="light"] .rcard .who div,html[data-theme="light"] .rcard .who b{color:var(--ink)!important}
html[data-theme="light"] .stars{color:#F5A524!important}
html[data-theme="light"] .rcard .stars{color:#F5A524!important}
html[data-theme="light"] .filters button,html[data-theme="light"] .f{background:#fff!important;border:1px solid var(--bd2)!important;color:var(--ink2)!important}
html[data-theme="light"] .filters button.on,html[data-theme="light"] .f.on{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
html[data-theme="light"] .qa,html[data-theme="light"] details.faq,html[data-theme="light"] .faq details{background:#fff!important;border:1px solid var(--line)!important}

/* ---------- course pages ---------- */
html[data-theme="light"] .chero2,html[data-theme="light"] .chero{background:transparent!important}
html[data-theme="light"] .btext{background:#fff!important}
html[data-theme="light"] .ccard .btext,html[data-theme="light"] .ccard h1,html[data-theme="light"] .ccard p,html[data-theme="light"] .ccard small{color:var(--ink)}
html[data-theme="light"] .ccard p{color:var(--ink2)}
html[data-theme="light"] .crumbs,html[data-theme="light"] .crumbs a{color:var(--muted)!important}
html[data-theme="light"] .item{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important}
html[data-theme="light"] .item:hover{background:var(--p2)!important}
html[data-theme="light"] .item.on{border-color:var(--accent)!important;background:var(--tint)!important}
html[data-theme="light"] .item .tt,html[data-theme="light"] .item b{color:var(--ink)!important}
html[data-theme="light"] .item small,html[data-theme="light"] .item span{color:var(--muted)!important}
html[data-theme="light"] details.mod summary{color:var(--ink)!important}
html[data-theme="light"] .hprog{background:#fff!important;border:1px solid var(--line)!important}
html[data-theme="light"] .pgring .rtrack{stroke:#E4E7EC!important}
html[data-theme="light"] textarea,html[data-theme="light"] #notes{background:#fff!important;border:1px solid var(--bd2)!important;color:var(--ink)!important}

/* ---------- footer ---------- */
html[data-theme="light"] footer.foot .fbox,html[data-theme="light"] .fbox{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 16px 40px -28px rgba(16,24,40,.3)}
html[data-theme="light"] footer.foot .fbox p{color:var(--ink2)!important}
html[data-theme="light"] footer.foot .fbox h5{color:var(--ink)!important}
html[data-theme="light"] footer.foot .fb-col a{color:var(--ink2)!important}
html[data-theme="light"] footer.foot .fb-col a:hover{color:var(--accent)!important}
html[data-theme="light"] footer.foot .fsoc a{background:var(--p2)!important;border:1px solid var(--line)!important}
html[data-theme="light"] footer.foot .fbox .copy{border-top:1px solid var(--line)!important;color:var(--muted)!important}

/* ---------- lock bar / modal / chatbot ---------- */
html[data-theme="light"] .lockbar{background:linear-gradient(90deg,#FFF1F1,#FFE4E4,#FFF1F1)!important;border-bottom:1px solid #F4B3B6!important;color:var(--ink)!important}
html[data-theme="light"] .lockbar a{color:var(--accent2)!important}
html[data-theme="light"] #lockmodal{background:rgba(20,24,33,.45)!important}
html[data-theme="light"] .lm{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 40px 90px -30px rgba(16,24,40,.45)!important}
html[data-theme="light"] .lm h2{color:var(--ink)!important}.lm p{color:var(--ink2)}
html[data-theme="light"] .lmi{background:var(--soft)!important;border-color:var(--accent)!important;color:var(--accent)!important}
html[data-theme="light"] .cb-panel{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 30px 70px -24px rgba(16,24,40,.4)!important}
html[data-theme="light"] .cb-panel header{background:linear-gradient(135deg,#FFF1F1,#FFE3E3)!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important}
html[data-theme="light"] .cb-m.b{background:var(--p2)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
html[data-theme="light"] .cb-m.u{background:var(--accent)!important;color:#fff!important}
html[data-theme="light"] .cb-chips button{background:#fff!important;border:1px solid var(--bd2)!important;color:var(--ink2)!important}
html[data-theme="light"] .cb-chips button:hover{border-color:var(--accent)!important;color:var(--accent2)!important;background:var(--tint)!important}
html[data-theme="light"] .cb-form{background:#fff!important;border-top:1px solid var(--line)!important}
html[data-theme="light"] .cb-form input{background:var(--p2)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
html[data-theme="light"] .cb-x{background:var(--p2)!important;color:var(--ink2)!important}
html[data-theme="light"] .cb-fab{background:var(--accent)!important;color:#fff!important}

/* ---------- icons ---------- */
.ic{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.17em;flex:none;overflow:visible}
button .ic,a .ic{pointer-events:none}
.links .dd a .ic,.fl a .ic{margin-right:8px;color:var(--accent)}
.tbtn .ic{width:18px;height:18px;vertical-align:middle}
.play .ic,.pbtn .ic,.pl .ic{width:1em;height:1em;vertical-align:middle;margin-left:.08em}
.lmi .ic{width:34px;height:34px;vertical-align:middle}
.astat i .ic{width:24px;height:24px}
.big .ic,.bimg .big .ic{width:1em;height:1em}
.cat i .ic,.ccat i .ic,.pgico .ic,.ico .ic{width:1.5em;height:1.5em}
.pbadge .ic{width:.95em;height:.95em;margin-right:4px;vertical-align:-.12em}
.btn .ic{width:1.05em;height:1.05em;margin-right:6px;vertical-align:-.16em}
.btn .ic:last-child:not(:first-child){margin:0 0 0 6px}
.hpills .ic{color:var(--accent);margin-right:6px}
.hpills span{display:inline-flex;align-items:center}
.mmeta span .ic{margin-right:6px;color:var(--accent)}
.lockbar .ic{margin-right:6px;vertical-align:-.2em}
.bd .ic{width:1em;height:1em;margin-right:4px;vertical-align:-.15em}
.mini .ic{width:1em;height:1em;margin-right:4px;vertical-align:-.16em}
.atab .ic{width:1.05em;height:1.05em;margin-right:6px;vertical-align:-.17em}
.dv .ic,.why .ic{margin-right:5px}

/* ---------- hero layout (light): copy left, framed portrait right ---------- */
html[data-theme="light"] .hero3{min-height:0!important;padding:46px 0 70px!important;align-items:center!important}
html[data-theme="light"] .hgrid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:48px!important;align-items:center!important}
html[data-theme="light"] .htext{padding-bottom:0!important}
html[data-theme="light"] .hman{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;z-index:1;display:flex!important;justify-content:center!important;align-items:center!important}
html[data-theme="light"] .hman img{height:auto!important;width:100%!important;max-width:430px!important;aspect-ratio:4/5;object-fit:cover!important;object-position:50% 30%;border-radius:34px;filter:none!important;box-shadow:0 34px 60px -30px rgba(16,24,40,.5),0 0 0 8px #fff,0 0 0 9px var(--line)!important}
html[data-theme="light"] .hero3 h1{font-size:clamp(2.2rem,5vw,4.1rem)!important;line-height:1.04!important}
@media(max-width:900px){html[data-theme="light"] .hgrid{grid-template-columns:1fr!important}html[data-theme="light"] .hman img{max-width:340px!important}}
html[data-theme="light"] .hman img{-webkit-mask-image:none!important;mask-image:none!important}
html[data-theme="light"] .navr .join{border-radius:99px!important;padding:8px 18px!important;font-weight:600}
html[data-theme="light"] .mentor{background:linear-gradient(135deg,#fff 0%,#FFF4F4 100%)!important;border:1px solid var(--line)!important;box-shadow:0 24px 50px -32px rgba(16,24,40,.35)!important;color:var(--ink)!important}
html[data-theme="light"] .mentor h2{color:var(--ink)!important}
html[data-theme="light"] .mentor p{color:var(--ink2)!important}
html[data-theme="light"] .mentor .portrait{border:6px solid #fff!important;box-shadow:0 20px 40px -20px rgba(16,24,40,.45)!important}
html[data-theme="light"] .findme{color:var(--ink)!important}
/* soft community banner + small polish */
html[data-theme="light"] .comm{background:linear-gradient(135deg,#FFF3F3 0%,#FFE6E6 100%)!important;border:1px solid #F7C9CB!important;color:var(--ink)!important;box-shadow:0 24px 50px -34px rgba(229,36,43,.45)!important}
html[data-theme="light"] .comm h2{color:var(--ink)!important}
html[data-theme="light"] .comm p{color:var(--ink2)!important}
html[data-theme="light"] .comm .btn{background:var(--accent)!important;color:#fff!important;border:0!important}
html[data-theme="light"] .comm::before,html[data-theme="light"] .comm::after{opacity:.35}
.pprev:empty{display:none}
/* admin: status chips & buttons in light tones */
html[data-theme="light"] .bd-ok{background:var(--okbg)!important;color:var(--ok)!important}
html[data-theme="light"] .bd-wait,html[data-theme="light"] .warnpill{background:var(--warnbg)!important;color:var(--warn)!important}
html[data-theme="light"] .bd-bad{background:var(--badbg)!important;color:var(--bad)!important}
html[data-theme="light"] .bd-admin{background:#EEEAFE!important;color:#5B3FD0!important}
html[data-theme="light"] .mini.go{background:var(--okbg)!important;border-color:#A7DDC5!important;color:#0B6B4B!important}
html[data-theme="light"] .mini.go:hover{background:#D3F0E3!important}
html[data-theme="light"] .mini,html[data-theme="light"] .rm{background:#fff!important;border:1px solid var(--bd2)!important;color:var(--ink)!important}
html[data-theme="light"] .mini:hover,html[data-theme="light"] .rm:hover{border-color:var(--accent)!important}
html[data-theme="light"] .atab{background:#fff!important;border:1px solid var(--bd2)!important;color:var(--ink2)!important}
html[data-theme="light"] .atab.on{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(229,36,43,.7)!important}
html[data-theme="light"] .pubbar{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink2)!important}
html[data-theme="light"] .astat,html[data-theme="light"] .atable,html[data-theme="light"] .admcard,html[data-theme="light"] .admhero{background:#fff!important;border:1px solid var(--line)!important}
html[data-theme="light"] .astat i{background:var(--soft)!important;color:var(--accent)!important}
html[data-theme="light"] .atable th{background:var(--p2)!important;color:var(--ink2)!important}
html[data-theme="light"] .atable td{border-color:var(--line)!important}
html[data-theme="light"] .atable tbody tr:hover{background:var(--p2)!important}
html[data-theme="light"] .afilters input,html[data-theme="light"] .afilters select,html[data-theme="light"] .admcard input,html[data-theme="light"] .admcard select,html[data-theme="light"] .admcard textarea{background:#fff!important;border:1px solid var(--bd2)!important;color:var(--ink)!important}
html[data-theme="light"] code,html[data-theme="light"] .pubbar code,html[data-theme="light"] .hint code,html[data-theme="light"] .publish code{background:var(--p2)!important;color:var(--ink)!important}
html[data-theme="light"] .why{color:var(--bad)!important}
html[data-theme="light"] .av0{background:var(--p2)!important;color:var(--ink2)!important}
html[data-theme="light"] .atable table{min-width:900px}
@media(max-width:900px){
  html[data-theme="light"] nav .wrap{background:rgba(255,255,255,.96)!important}
  html[data-theme="light"] nav .links{background:#fff!important;border:1px solid var(--line)!important;box-shadow:-24px 0 60px -20px rgba(16,24,40,.35)!important}
  html[data-theme="light"] nav .links>a,html[data-theme="light"] nav .links .dd a{color:var(--ink)!important}
  html[data-theme="light"] nav .links>a:hover,html[data-theme="light"] nav .links .dd a:hover{background:var(--p2)!important;color:var(--accent)!important}
  html[data-theme="light"] nav .links>a.active{background:var(--tint)!important;color:var(--accent2)!important}
  html[data-theme="light"] nav .links .more{border-top:1px solid var(--line)!important}
  html[data-theme="light"] nav .links .more::before{color:var(--muted)!important}
  html[data-theme="light"] .navscrim{background:rgba(20,24,33,.45)!important}
  html[data-theme="light"] .menu-btn{background:#fff!important;border:1px solid var(--bd2)!important;color:var(--ink)!important}
  html[data-theme="light"] .menu-btn.open{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
  html[data-theme="light"] .df-btn.primary{background:var(--accent)!important;color:#fff!important}
  html[data-theme="light"] .df-btn.ghost{border:1.5px solid var(--bd2)!important;color:var(--ink)!important;background:#fff!important}
}
html[data-theme="light"] select.mini.pick{background:#fff!important;border:1px solid var(--bd2)!important;color:var(--ink)!important}