html[data-theme="dark"]{
  --bg:#0d1017; --bg2:#182131; --head:#2b3852; --panel:#2c3a55; --panel2:#344361; --card:#3c4b6b;
  --line:#4d5d7c; --line2:#627396; --ink:#0b0f16;
  --txt:#f7f9ff; --mut:#c3cad8; --dim:#96a1b4;
  --acc:#5d8af0; --acc-d:#4a7de4; --pink:#ff6b9d; --gold:#ffd700;
  --ok:#3cba54; --warn:#fbbf24; --bad:#f87171;
  --grad:linear-gradient(135deg,var(--acc),var(--pink));
  --sh:0 6px 24px rgba(3,7,16,.30); --sh-h:0 16px 36px rgba(3,7,16,.40);
  color-scheme:dark;
}
html[data-theme="dark"] header.site{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 70%),var(--head,var(--panel));
  border-bottom:1px solid var(--line);box-shadow:0 4px 12px rgba(3,7,16,.28);
}
html[data-theme="dark"] .navlinks a.on{color:#fff}
html[data-theme="dark"] .burger{color:#fff}
html[data-theme="dark"] .search input:focus{box-shadow:none}
html[data-theme="dark"] .sec .badge-ic{background:rgba(255,107,157,.16);color:var(--pink)}
html[data-theme="dark"] .viewall{box-shadow:0 4px 14px rgba(93,138,240,.3)}
html[data-theme="dark"] .viewall:hover{box-shadow:0 8px 20px rgba(255,107,157,.35)}
html[data-theme="dark"] body.adsmock .ad{border:1.5px dashed var(--line2);
  background:repeating-linear-gradient(45deg,#232e43,#232e43 9px,#28344c 9px,#28344c 18px)}
html[data-theme="dark"] body.adsmock .ad::after{color:#9aa8bd}
html[data-theme="dark"] body.adsmock .ad.mobilebar{background-color:#1d2739}
html[data-theme="dark"] body.adsOn.adsmock .ad{box-shadow:0 0 0 3px rgba(251,191,36,.11) inset}
html[data-theme="dark"] .chip{background:var(--panel)}
html[data-theme="dark"] .chip:hover{color:var(--txt);border-color:var(--line2);background:#3e4d6c;transform:translateY(-1px)}
html[data-theme="dark"] .gcard{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 62%),var(--card);
  box-shadow:none;
}
html[data-theme="dark"] .fcard{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 62%),var(--card);
  box-shadow:none;
}
html[data-theme="dark"] .thumb{box-shadow:inset 0 -24px 32px rgba(5,10,22,.14)}
html[data-theme="dark"] .thumb>span.art{color:rgba(255,255,255,.92);text-shadow:0 2px 10px rgba(0,0,0,.4)}
html[data-theme="dark"] .thumb .rt{background:var(--pink);color:#2a0b16}
html[data-theme="dark"] .witem .th span{color:#fff}
html[data-theme="dark"] .widget{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 58%),var(--panel);
  box-shadow:none}
html[data-theme="dark"] .widget-h .badge-ic{background:rgba(255,107,157,.16);color:var(--pink)}
html[data-theme="dark"] .panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 58%),var(--panel);
  box-shadow:none}
html[data-theme="dark"] .legal code{background:var(--bg2)}
html[data-theme="dark"] [data-legal-empty]{color:#fca5a5;background:rgba(239,68,68,.12);
  border:1px dashed rgba(239,68,68,.55)}
html[data-theme="dark"] .legal .ok{color:#4ade80}
html[data-theme="dark"] .frame{
  background:#30415f;
  background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent,#5d8af0) 32%,#30415f) 0%,#30415f 66%);
}
html[data-theme="dark"] .stage{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 55%),var(--panel);
  box-shadow:none}
html[data-theme="dark"] .playbtn{background:var(--panel2)}
html[data-theme="dark"] .playbtn:hover{border-color:var(--acc);background:#3d4c6d}
html[data-theme="dark"] .playbtn .pc{animation-name:pp-pulse-pink}
@keyframes pp-pulse-pink{0%,100%{box-shadow:0 0 0 0 rgba(255,107,157,.45)}70%{box-shadow:0 0 0 12px rgba(255,107,157,0)}}
html[data-theme="dark"] .btn:hover{border-color:var(--line2);background:#405173;transform:translateY(-1px)}
html[data-theme="dark"] .btn.gh:hover{background:var(--panel2)}
html[data-theme="dark"] .pp-sfx:not(.overlay){border:1px solid rgba(255,255,255,.24);
  background:rgba(10,14,20,.72);color:#eaf0f8}
html[data-theme="dark"] .pp-sfx:not(.overlay):hover{background:rgba(10,14,20,.92);border-color:rgba(255,255,255,.4)}
html[data-theme="dark"] .overlay{background:rgba(6,9,14,.95)}
html[data-theme="dark"] .code{background:#131a26;border:1px solid var(--line);color:#9fe8d8}
html[data-theme="dark"] select,html[data-theme="dark"] input[type=number]{background:var(--panel)}
html[data-theme="dark"] .themebtn .th-sun{display:block}
html[data-theme="dark"] .themebtn .th-moon{display:none}