/* Tema gelap LAPERPAK. DIBUAT OTOMATIS oleh tools/buat_gelap.py dari style.css: jangan disunting manual.
   Penyesuaian khusus ada di bagian akhir berkas (dari tools/gelap_tambahan.css). */
html[data-tema="gelap"] { color-scheme: dark; --ink: #9fb1e8; --ink-deep: #c3cdee; --ink-soft: #222836; --paper: #111318; --card: #1a1d24; --text: #e3e5ea; --muted: #a1a7b3; --line: #2c313b; --mark: #f08cb3; --mark-soft: #33242b; --hl: #f2d24b; --hl-soft: #2f2b1c; --green: #7fcf9f; --green-soft: #1d2b23; --red: #f0948d; --red-soft: #33201f; --wa: #5fd08f; --shadow: 0 1px 0 rgba(0, 0, 0, .25), 0 8px 24px -14px rgba(0, 0, 0, .55); }
html[data-tema="gelap"] body { background: var(--paper); color: var(--text); }
html[data-tema="gelap"] a { color: var(--ink); }
html[data-tema="gelap"] a:hover { color: var(--mark); }
html[data-tema="gelap"] .muted { color: var(--muted); }
html[data-tema="gelap"] .lead { color: var(--muted); }
html[data-tema="gelap"] .eyebrow { color: var(--mark); }
html[data-tema="gelap"] .skip { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] :focus-visible { outline: 3px solid var(--hl); }
html[data-tema="gelap"] input:focus-visible, html[data-tema="gelap"] select:focus-visible, html[data-tema="gelap"] textarea:focus-visible { outline: 3px solid rgba(70, 93, 185, 0.35); border-color: var(--ink); }
html[data-tema="gelap"] .topbar { background: #171b24; color: #fff; }
html[data-tema="gelap"] .brand { color: #fff; }
html[data-tema="gelap"] .brand:hover { color: #fff; }
html[data-tema="gelap"] .brand-mark { background: #c2185b; color: #fff; outline: 2px dotted rgba(255, 255, 255, .55); }
html[data-tema="gelap"] .nav a { color: #d7def5; }
html[data-tema="gelap"] .nav a:hover, html[data-tema="gelap"] .nav a[aria-current] { background: rgba(255, 255, 255, .12); color: #fff; }
html[data-tema="gelap"] .nav .btn-mark, html[data-tema="gelap"] .nav .btn-mark:hover { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .nav-user { color: #d7def5; }
html[data-tema="gelap"] .btn-link { background: none; }
html[data-tema="gelap"] .nav .btn-link { color: #fff; }
html[data-tema="gelap"] .top-logout .btn-link { color: #fff; }
html[data-tema="gelap"] .btn { background: #3d55b0; color: #fff; border: 2px solid var(--ink); }
html[data-tema="gelap"] .btn:hover { background: #262e42; border-color: var(--ink-deep); color: #fff; }
html[data-tema="gelap"] .btn.ghost { background: transparent; color: var(--ink); }
html[data-tema="gelap"] .btn.ghost:hover { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .btn.danger { background: #c2185b; border-color: var(--mark); }
html[data-tema="gelap"] .btn.danger:hover { background: #9d1249; border-color: #b94674; }
html[data-tema="gelap"] .btn-mark { background: #ffe14d; border-color: var(--hl); color: #1d2333; }
html[data-tema="gelap"] .btn-mark:hover { background: #ffd61a; border-color: #ffd61a; color: var(--text); }
html[data-tema="gelap"] .btn-wa { background: #1a8a4a; border-color: var(--wa); color: #fff; }
html[data-tema="gelap"] .btn-wa:hover { background: #12703b; border-color: #46b978; color: #fff; }
html[data-tema="gelap"] .btn-small { background: #3d55b0; color: #fff; border: 1px solid var(--ink); }
html[data-tema="gelap"] .btn-small:hover { background: #262e42; color: #fff; }
html[data-tema="gelap"] .btn-small.ghost { background: transparent; color: var(--ink); border-color: #383c47; }
html[data-tema="gelap"] .btn-small.ghost:hover { background: var(--ink-soft); }
html[data-tema="gelap"] .wa-float { background: #1a8a4a; color: #fff; box-shadow: 0 10px 24px -8px rgba(10, 60, 30, .55); }
html[data-tema="gelap"] .wa-float:hover { color: #fff; background: #12703b; }
html[data-tema="gelap"] .card { background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
html[data-tema="gelap"] .stat { color: var(--text); }
html[data-tema="gelap"] .stat-n { color: var(--ink); }
html[data-tema="gelap"] .stat.attn { border-color: var(--hl); background: var(--hl-soft); }
html[data-tema="gelap"] .stat.attn .stat-n { color: var(--mark); }
html[data-tema="gelap"] .bars li { border-bottom: 1px dashed var(--line); }
html[data-tema="gelap"] input[type=text], html[data-tema="gelap"] input[type=password], html[data-tema="gelap"] input[type=number], html[data-tema="gelap"] input[type=email], html[data-tema="gelap"] input[type=tel], html[data-tema="gelap"] input[type=url], html[data-tema="gelap"] input[type=date], html[data-tema="gelap"] input[type=datetime-local], html[data-tema="gelap"] input[type=time], html[data-tema="gelap"] input[type=search], html[data-tema="gelap"] input[type=file], html[data-tema="gelap"] input:not([type]), html[data-tema="gelap"] select, html[data-tema="gelap"] textarea { border: 1.5px solid #3a3d45; background: var(--card); color: var(--text); }
html[data-tema="gelap"] .fs legend { color: var(--ink); }
html[data-tema="gelap"] .fs legend::after { border-top: 2px dotted var(--line); }
html[data-tema="gelap"] .hint { color: var(--muted); }
html[data-tema="gelap"] .opt-label { color: var(--muted); }
html[data-tema="gelap"] .chk-group { border: 1px solid var(--line); }
html[data-tema="gelap"] input.copy { background: var(--paper); }
html[data-tema="gelap"] .error { color: #e3b8b5; background: var(--red-soft); border: 1px solid #483938; }
html[data-tema="gelap"] .flash { background: var(--ink-soft); border: 1px solid #383b48; }
html[data-tema="gelap"] .flash.error { background: var(--red-soft); border-color: #483938; color: #e3b8b5; }
html[data-tema="gelap"] .flash.ok { background: var(--green-soft); border-color: #3a453e; }
html[data-tema="gelap"] .notice { background: var(--ink-soft); }
html[data-tema="gelap"] .notice.warn { background: var(--hl-soft); }
html[data-tema="gelap"] .sum-h { color: var(--ink); }
html[data-tema="gelap"] th, html[data-tema="gelap"] td { border-bottom: 1px solid var(--line); }
html[data-tema="gelap"] th { color: var(--muted); background: var(--paper); }
html[data-tema="gelap"] .badge { background: #282828; }
html[data-tema="gelap"] .badge-berlangsung { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .badge-belum_bayar { background: var(--hl-soft); color: #e3d9b5; }
html[data-tema="gelap"] .badge-menunggu { background: #242230; color: #bbb5e3; }
html[data-tema="gelap"] .badge-ditolak { background: var(--red-soft); color: var(--red); }
html[data-tema="gelap"] .badge-lunas { background: var(--green-soft); color: var(--green); }
html[data-tema="gelap"] .tag { background: #282828; }
html[data-tema="gelap"] .tag-benar { background: var(--green-soft); color: var(--green); }
html[data-tema="gelap"] .tag-salah { background: var(--red-soft); color: var(--red); }
html[data-tema="gelap"] .tag-kosong { background: #26272c; color: var(--muted); }
html[data-tema="gelap"] .filter a { border: 1px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .filter a.on { background: #3d55b0; border-color: var(--ink); color: #fff; }
html[data-tema="gelap"] .auth-switch { border-top: 1px dashed var(--line); }
html[data-tema="gelap"] .auth-aside { background: #1b2130; color: #dfe5fb; background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); }
html[data-tema="gelap"] .auth-aside p { color: #fff; }
html[data-tema="gelap"] .auth-stamp { border: 5px solid var(--hl); }
html[data-tema="gelap"] .auth-stamp span { color: var(--hl); }
html[data-tema="gelap"] .level { border-top: 6px solid var(--ink); }
html[data-tema="gelap"] .level:nth-child(2) { border-top-color: var(--mark); }
html[data-tema="gelap"] .level:nth-child(3) { border-top-color: #d4a900; }
html[data-tema="gelap"] .level p { color: var(--muted); }
html[data-tema="gelap"] .level-badge { background: #3d55b0; color: #fff; outline: 2px dotted rgba(255, 255, 255, .6); }
html[data-tema="gelap"] .level:nth-child(2) .level-badge { background: #c2185b; }
html[data-tema="gelap"] .level:nth-child(3) .level-badge { background: #ffe14d; outline-color: rgba(120, 128, 145, 0.3); color: #1d2333; }
html[data-tema="gelap"] .facts { color: var(--muted); }
html[data-tema="gelap"] .facts strong { color: var(--text); }
html[data-tema="gelap"] .pay .amount { color: var(--mark); }
html[data-tema="gelap"] .bank { background: var(--hl-soft); border: 2px dashed #e6cf5c; }
html[data-tema="gelap"] .bank dt { color: var(--muted); }
html[data-tema="gelap"] .exam-bar { background: #262e42; color: #fff; }
html[data-tema="gelap"] .timer { background: rgba(255, 255, 255, .1); }
html[data-tema="gelap"] .timer.low { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .exam-bar #savestate { color: #c7d0ef; }
html[data-tema="gelap"] .cell { color: var(--muted); background: var(--card); border: 1.5px solid var(--line); }
html[data-tema="gelap"] .cell.done { background: #3d55b0; color: #fff; border-color: var(--ink); }
html[data-tema="gelap"] .cell.current { outline: 3px solid var(--hl); }
html[data-tema="gelap"] fieldset.q { border: 1px solid var(--line); background: var(--card); box-shadow: var(--shadow); }
html[data-tema="gelap"] .q-num { color: var(--ink); }
html[data-tema="gelap"] .q-topic { color: var(--muted); background: var(--paper); }
html[data-tema="gelap"] .opt { border: 1.5px solid var(--line); }
html[data-tema="gelap"] .opt:hover { border-color: #383c47; background: #232631; }
html[data-tema="gelap"] .opt-key { border: 1.5px solid #383c47; background: var(--card); }
html[data-tema="gelap"] .opt:has(input:checked) { border-color: var(--ink); background: var(--ink-soft); }
html[data-tema="gelap"] .opt:has(input:checked) .opt-key { background: #3d55b0; border-color: var(--ink); color: #fff; }
html[data-tema="gelap"] .result { border-left: 8px solid var(--hl); }
html[data-tema="gelap"] .result.pass { border-left-color: var(--green); }
html[data-tema="gelap"] .score .big { color: var(--ink); }
html[data-tema="gelap"] .review { background: var(--card); border: 1px solid var(--line); border-left: 6px solid var(--line); }
html[data-tema="gelap"] .review.benar { border-left-color: var(--green); }
html[data-tema="gelap"] .review.salah { border-left-color: var(--red); }
html[data-tema="gelap"] .opts li.is-key { background: var(--green-soft); }
html[data-tema="gelap"] .opts li.is-wrong { background: var(--red-soft); text-decoration-color: rgba(226, 145, 141, 0.5); }
html[data-tema="gelap"] .ans { color: var(--muted); }
html[data-tema="gelap"] .expl { background: var(--paper); }
html[data-tema="gelap"] .foot { background: var(--card); border-top: 1px solid var(--line); color: var(--muted); }
html[data-tema="gelap"] .brand-foot { color: var(--ink); }
html[data-tema="gelap"] .brand-foot:hover { color: var(--ink); }
html[data-tema="gelap"] .ico-li { color: #8db8e2; }
html[data-tema="gelap"] .landing { background: var(--paper); }
html[data-tema="gelap"] .landing .topbar { background: #171b24; }
html[data-tema="gelap"] .nav-guest .nav-login { color: #fff; }
html[data-tema="gelap"] .hero { background: #171c2a; color: #dfe5fb; background-image: linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px); }
html[data-tema="gelap"] .hero h1 { color: #fff; }
html[data-tema="gelap"] .hero-lead { color: #dfe5fb; }
html[data-tema="gelap"] .hero-link { color: #fff; }
html[data-tema="gelap"] .hero-link:hover { color: var(--hl); }
html[data-tema="gelap"] .hero-note { color: #b3bee6; }
html[data-tema="gelap"] .hero-art .hl { fill: var(--hl); }
html[data-tema="gelap"] .hero-art .paper { fill: var(--card); stroke: var(--ink-deep); }
html[data-tema="gelap"] .hero-art .ph { fill: var(--ink); }
html[data-tema="gelap"] .hero-art .pl { fill: var(--muted); }
html[data-tema="gelap"] .hero-art .rule { stroke: var(--line); }
html[data-tema="gelap"] .hero-art .cols text { fill: var(--muted); }
html[data-tema="gelap"] .hero-art .num { fill: var(--ink); }
html[data-tema="gelap"] .hero-art .bub { fill: var(--card); stroke: #9aa6cf; }
html[data-tema="gelap"] .hero-art .dot { fill: var(--ink); }
html[data-tema="gelap"] .hero-art .mark rect { stroke: var(--mark); }
html[data-tema="gelap"] .hero-art .mark text { fill: var(--mark); }
html[data-tema="gelap"] .hero-art .st-base { fill: var(--mark); }
html[data-tema="gelap"] .hero-art .st-body { fill: var(--ink-deep); }
html[data-tema="gelap"] .hero-art .st-wood { fill: #c98a4b; stroke: #8a5726; }
html[data-tema="gelap"] .hero-art .mt-bg { fill: #f8c9da; }
html[data-tema="gelap"] .hero-art .mt-perf { stroke: var(--ink); }
html[data-tema="gelap"] .hero-art .mt-in { stroke: var(--mark); }
html[data-tema="gelap"] .hero-art .mt-n { fill: var(--mark); }
html[data-tema="gelap"] .hero-art .mt-t { fill: var(--mark); }
html[data-tema="gelap"] .hero-art .calc { fill: var(--card); stroke: var(--ink-deep); }
html[data-tema="gelap"] .hero-art .lcd { fill: #cfe9d6; stroke: #94b9a0; }
html[data-tema="gelap"] .hero-art .lcd-n { fill: #23402c; }
html[data-tema="gelap"] .hero-art .key { fill: var(--card); stroke: #9aa6cf; }
html[data-tema="gelap"] .hero-art .key-eq { fill: var(--mark); stroke: var(--mark); }
html[data-tema="gelap"] .hero-art .pencil { fill: var(--hl); stroke: var(--ink-deep); }
html[data-tema="gelap"] .hero-art .eraser { fill: #f49ab9; stroke: var(--ink-deep); }
html[data-tema="gelap"] .hero-art .tip { fill: #f1d3a6; stroke: var(--ink-deep); }
html[data-tema="gelap"] .tape { background: #ffe14d; border-top: 2px solid var(--ink-deep); border-bottom: 2px solid var(--ink-deep); color: #1d2333; }
html[data-tema="gelap"] .tape-track span::after { background: #c2185b; }
html[data-tema="gelap"] .sec-head p { color: var(--muted); }
html[data-tema="gelap"] .tabs { background: var(--card); border: 2px solid var(--ink); }
html[data-tema="gelap"] .tab { background: transparent; color: var(--ink); }
html[data-tema="gelap"] .tab[aria-selected="true"] { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .tab:not([aria-selected="true"]):hover { background: var(--ink-soft); }
html[data-tema="gelap"] .panel-meta { color: var(--muted); }
html[data-tema="gelap"] .stamp { background: var(--card); border: 8px dotted var(--paper); }
html[data-tema="gelap"] .stamp:nth-child(4n+2) { background: var(--mark-soft); }
html[data-tema="gelap"] .stamp:nth-child(4n+3) { background: var(--hl-soft); }
html[data-tema="gelap"] .stamp:nth-child(4n+4) { background: var(--ink-soft); }
html[data-tema="gelap"] .stamp-in { border: 1.5px solid rgba(70, 93, 185, 0.25); }
html[data-tema="gelap"] .stamp .ico { color: var(--ink); }
html[data-tema="gelap"] .stamp .ico .acc { fill: var(--hl); }
html[data-tema="gelap"] .stamp:nth-child(4n+3) .ico .acc { fill: var(--card); }
html[data-tema="gelap"] .stamp p { color: var(--muted); }
html[data-tema="gelap"] .stamp-n { color: var(--mark); }
html[data-tema="gelap"] .rail-btn { border: 2px solid var(--ink); background: var(--card); color: var(--ink); }
html[data-tema="gelap"] .rail-btn:hover { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .steps::before { border-top: 3px dashed #383c47; }
html[data-tema="gelap"] .steps li::before { background: #3d55b0; color: #fff; box-shadow: 0 0 0 6px var(--paper); }
html[data-tema="gelap"] .steps li:last-child::before { background: #c2185b; }
html[data-tema="gelap"] .steps p { color: var(--muted); }
@media (max-width: 860px) {
  html[data-tema="gelap"] .steps::before { border-left: 3px dashed #383c47; }
}
html[data-tema="gelap"] .split-copy p { color: var(--muted); }
html[data-tema="gelap"] .sample { box-shadow: var(--shadow); }
html[data-tema="gelap"] .faq details { border-bottom: 2px dotted #3a3d46; }
html[data-tema="gelap"] .faq summary { color: var(--text); }
html[data-tema="gelap"] .faq summary::after { border: 2px solid var(--ink); color: var(--ink); }
html[data-tema="gelap"] .faq details[open] summary::after { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .faq details p { color: var(--muted); }
html[data-tema="gelap"] .cta-band { background: #c2185b; color: #fff; }
html[data-tema="gelap"] .cta-band h2 { color: #fff; }
html[data-tema="gelap"] .cta-band .btn-wa { background: var(--card); border-color: #fff; color: var(--wa); }
html[data-tema="gelap"] .cta-band .btn-wa:hover { background: #232e27; color: var(--wa); }
html[data-tema="gelap"] .karakter:focus-visible { outline: 3px solid var(--hl); }
html[data-tema="gelap"] .karakter .k-tag { fill: #1d1b26; }
html[data-tema="gelap"] .karakter .k-bayang { fill: rgba(124, 141, 222, 0.22); }
html[data-tema="gelap"] .karakter .k-map { fill: #1d1b26; }
html[data-tema="gelap"] .karakter .k-hp { fill: var(--mark); }
html[data-tema="gelap"] .karakter .k-bubble-text { fill: #1d1b26; }
html[data-tema="gelap"] .alert-keamanan { background: var(--ink-soft); border: 1px solid #383b48; color: #b5bee3; }
html[data-tema="gelap"] .alert-keamanan .ico-warn { color: var(--ink); }
html[data-tema="gelap"] .alert-awas { background: var(--hl-soft); border: 1px solid #ecd36a; color: #e3d9b5; }
html[data-tema="gelap"] .alert-awas .ico-warn { color: #e3d7b5; }
html[data-tema="gelap"] .exam-rule { color: var(--mark); }
html[data-tema="gelap"] .jeda-banner { background: var(--hl-soft); border: 1px solid #ecd36a; }
html[data-tema="gelap"] .jeda-info { color: #e3d6b5; }
html[data-tema="gelap"] .bar-bg { fill: var(--card); }
html[data-tema="gelap"] .bar-kuat { fill: var(--green); }
html[data-tema="gelap"] .bar-cukup { fill: #d4a900; }
html[data-tema="gelap"] .bar-lemah { fill: var(--mark); }
html[data-tema="gelap"] .chip-kuat { background: var(--green-soft); color: var(--green); }
html[data-tema="gelap"] .chip-cukup { background: var(--hl-soft); color: #e3d8b5; }
html[data-tema="gelap"] .chip-lemah { background: var(--mark-soft); color: #e3b5c7; }
html[data-tema="gelap"] .tile { background: var(--paper); color: var(--muted); }
html[data-tema="gelap"] .tile-n { color: var(--ink); }
html[data-tema="gelap"] .tile.t-ok .tile-n { color: var(--green); }
html[data-tema="gelap"] .tile.t-no .tile-n { color: var(--mark); }
html[data-tema="gelap"] .chart .g-grid { stroke: var(--card); }
html[data-tema="gelap"] .chart .g-ax { fill: var(--muted); }
html[data-tema="gelap"] .chart .g-pass { stroke: var(--mark); }
html[data-tema="gelap"] .chart .g-pass-t { fill: var(--mark); }
html[data-tema="gelap"] .chart .g-val { fill: var(--text); }
html[data-tema="gelap"] .legend { color: var(--muted); }
html[data-tema="gelap"] .lg-A { background: #1c2f7a; }
html[data-tema="gelap"] .lg-B { background: #c2185b; }
html[data-tema="gelap"] .lg-C { background: #b38b00; }
html[data-tema="gelap"] .topik-list li { border-bottom: 1px dashed var(--line); }
html[data-tema="gelap"] .kv dt { color: var(--muted); }
html[data-tema="gelap"] .big-t { color: var(--ink); }
html[data-tema="gelap"] .wm span { color: var(--ink); }
html[data-tema="gelap"] .overlay { background: rgba(20, 33, 89, .55); }
html[data-tema="gelap"] .toast { background: var(--text); color: #fff; box-shadow: 0 10px 24px -10px rgba(0, 0, 0, .5); }
html[data-tema="gelap"] .verdict { color: #fff; }
html[data-tema="gelap"] .verdict.ok { background: #1f7a4a; }
html[data-tema="gelap"] .verdict.no { background: #c2185b; }
html[data-tema="gelap"] .ev-row { border-bottom: 1px dashed var(--line); }
html[data-tema="gelap"] .prio { border: 1px solid var(--line); background: var(--paper); }
html[data-tema="gelap"] .prio-n { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .prio-h { color: var(--ink); }
html[data-tema="gelap"] .opts .you { background: rgba(0, 0, 0, .06); }
html[data-tema="gelap"] .expl h4 { color: var(--ink); }
html[data-tema="gelap"] .ex-key { border-bottom: 1px dashed #3a3d46; }
html[data-tema="gelap"] .ex-tip { background: var(--hl-soft); }
html[data-tema="gelap"] .awas { color: var(--mark); }
html[data-tema="gelap"] .tool { background: rgba(255, 255, 255, .12); color: #fff; border: 1px solid rgba(255, 255, 255, .25); }
html[data-tema="gelap"] .tool:hover, html[data-tema="gelap"] .tool[aria-expanded="true"] { background: #ffe14d; border-color: var(--hl); color: #1d2333; }
html[data-tema="gelap"] .q-tools .clear-ans { color: var(--muted); }
html[data-tema="gelap"] .ragu-btn[aria-pressed="true"] { background: #ffe14d; border-color: #e0c22d; color: #1d2333; }
html[data-tema="gelap"] fieldset.q.is-ragu { border-color: #e0c22d; box-shadow: 0 0 0 3px var(--hl-soft), var(--shadow); }
html[data-tema="gelap"] .cell.ragu { background: #ffe14d; border-color: #d4a900; color: #1d2333; }
html[data-tema="gelap"] .legend-cells { color: var(--muted); }
html[data-tema="gelap"] .lc { border: 1.5px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .lc-done { background: #3d55b0; border-color: var(--ink); }
html[data-tema="gelap"] .lc-ragu { background: #ffe14d; border-color: #d4a900; color: #1d2333; }
html[data-tema="gelap"] .calc-panel { box-shadow: 0 18px 40px -16px rgba(20, 33, 89, .55); }
html[data-tema="gelap"] .calc-disp { background: #222a24; color: #bbddc6; border: 1px solid #94b9a0; }
html[data-tema="gelap"] .calc-keys button { border: 1px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .calc-keys button:hover { background: var(--ink-soft); }
html[data-tema="gelap"] .calc-keys .op { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .calc-keys .eq, html[data-tema="gelap"] .calc-keys .eq:hover { background: #c2185b; border-color: var(--mark); color: #fff; }
html[data-tema="gelap"] .rank { background: var(--ink-soft); }
html[data-tema="gelap"] .rank-n { color: var(--ink); }
html[data-tema="gelap"] .rank-off { background: var(--paper); }
html[data-tema="gelap"] .rv-aksi { border-top: 1px dashed var(--line); }
html[data-tema="gelap"] tr.row-uji td { background: var(--card); color: var(--muted); }
html[data-tema="gelap"] .chart .g-bar { fill: var(--ink); }
html[data-tema="gelap"] .chart .g-bar:hover { fill: var(--mark); }
html[data-tema="gelap"] .lg-pass { color: var(--mark); }
html[data-tema="gelap"] .notice.tindak { color: var(--text); background: var(--hl-soft); border: 1px solid #ecd36a; }
html[data-tema="gelap"] .notice.tindak span { color: var(--ink); }
html[data-tema="gelap"] .notice.tindak:hover { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .ok-note { background: var(--green-soft); }
html[data-tema="gelap"] .lapor-isi { background: var(--paper); border-left: 4px solid var(--mark); }
html[data-tema="gelap"] .saran-item.is-baru { border-left: 6px solid var(--mark); }
html[data-tema="gelap"] .bintang { color: #e2d18d; }
html[data-tema="gelap"] .sop { border: 1px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .sop-grup { color: var(--ink); }
html[data-tema="gelap"] .ann { background: var(--hl-soft); border: 1px solid #ecd36a; }
html[data-tema="gelap"] .ann-ico { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .ann-bar { background: #ffe14d; border-bottom: 2px solid var(--ink-deep); color: #1d2333; }
html[data-tema="gelap"] .ann-bar p + p { border-top: 1px dashed rgba(120, 128, 145, 0.2); }
html[data-tema="gelap"] .pintas a { background: var(--card); border: 1px solid var(--line); color: var(--text); box-shadow: var(--shadow); border-top: 4px solid var(--ink); }
html[data-tema="gelap"] .pintas a:nth-child(3n+2) { border-top-color: var(--mark); }
html[data-tema="gelap"] .pintas a:nth-child(3n+3) { border-top-color: #d4a900; }
html[data-tema="gelap"] .pintas a:hover { color: var(--text); }
html[data-tema="gelap"] .pintas strong { color: var(--ink); }
html[data-tema="gelap"] .pintas span { color: var(--muted); }
html[data-tema="gelap"] .jam-layanan { background: var(--green-soft); }
html[data-tema="gelap"] .bantu-grup h2 { color: var(--ink); }
html[data-tema="gelap"] details.bantu { background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
html[data-tema="gelap"] details.bantu > summary::after { border: 2px solid var(--ink); color: var(--ink); }
html[data-tema="gelap"] details.bantu[open] > summary::after { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] details.bantu[open] { border-color: #383c47; }
html[data-tema="gelap"] .bantu-kode { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .bantu-mandiri { background: var(--paper); }
html[data-tema="gelap"] .pand-toc a { background: var(--card); border: 1px solid var(--line); color: var(--text); }
html[data-tema="gelap"] .pand-toc a:hover { border-color: var(--ink); }
html[data-tema="gelap"] .pand-n { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .pand:nth-child(3n+2) .pand-n { background: #c2185b; }
html[data-tema="gelap"] .pand:nth-child(3n+3) .pand-n { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .modul-card { color: var(--text); }
html[data-tema="gelap"] .modul-card:hover { border-color: var(--ink); color: var(--text); }
html[data-tema="gelap"] .modul-card p { color: var(--muted); }
html[data-tema="gelap"] .modul-ico { background: var(--hl-soft); color: var(--ink); }
html[data-tema="gelap"] .modul-ico .ico .acc { fill: var(--hl); }
html[data-tema="gelap"] .modul-card:nth-child(3n+2) .modul-ico { background: var(--mark-soft); }
html[data-tema="gelap"] .modul-card:nth-child(3n+3) .modul-ico { background: var(--ink-soft); }
html[data-tema="gelap"] .modul-tkt .chip { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .angka { background: #3d55b0; color: #fff; border-color: var(--ink); }
html[data-tema="gelap"] .angka h2 { color: var(--hl); }
html[data-tema="gelap"] .angka dt { color: #c9d2f2; }
html[data-tema="gelap"] .jebakan { background: var(--hl-soft); border-color: #ecd36a; }
html[data-tema="gelap"] .fitur-grid { border-top: 2px solid var(--ink-deep); }
html[data-tema="gelap"] .fitur-grid li { border-bottom: 2px dotted #3a3d46; }
html[data-tema="gelap"] .fitur-grid li:not(:nth-child(3n+1)) { border-left: 2px dotted #3a3d46; }
html[data-tema="gelap"] .fitur-n { color: var(--mark); }
html[data-tema="gelap"] .fitur-grid p { color: var(--muted); }
@media (max-width: 860px) {
  html[data-tema="gelap"] .fitur-grid li:nth-child(2n) { border-left: 2px dotted #3a3d46; }
}
html[data-tema="gelap"] .modul-chip { background: var(--card); border: 2px solid var(--ink); color: var(--ink); }
html[data-tema="gelap"] .modul-chip .ico .acc { fill: var(--hl); }
html[data-tema="gelap"] .modul-chip:hover { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .rating { border: 1px solid var(--line); }
html[data-tema="gelap"] .rate span { border: 2px solid #383c47; color: var(--ink); background: var(--card); }
html[data-tema="gelap"] .rate input:checked + span { background: #3d55b0; border-color: var(--ink); color: #fff; }
html[data-tema="gelap"] .rate input:focus-visible + span { outline: 3px solid var(--hl); }
html[data-tema="gelap"] .rate:hover span { border-color: var(--ink); }
html[data-tema="gelap"] h2 .chip, html[data-tema="gelap"] h3 .chip { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .count-badge { background: #c2185b; color: #fff; }
html[data-tema="gelap"] details.opsional { border: 1px dashed var(--line); }
html[data-tema="gelap"] details.opsional summary { color: var(--ink); }
html[data-tema="gelap"] .opt-x { border: 1.5px solid var(--line); background: var(--card); color: var(--muted); }
html[data-tema="gelap"] .opt-x:hover { border-color: var(--red); color: var(--red); }
html[data-tema="gelap"] .opt-row.is-coret .opt-text { text-decoration-color: var(--red); }
html[data-tema="gelap"] .opt-row.is-coret .opt-x { background: var(--red-soft); border-color: var(--red); color: var(--red); }
html[data-tema="gelap"] .pace { color: #c7d0ef; }
html[data-tema="gelap"] .pace.pace-low { color: var(--hl); }
html[data-tema="gelap"] .cell-filter button { border: 1px solid var(--line); background: var(--card); color: var(--muted); }
html[data-tema="gelap"] .cell-filter button.on { background: #3d55b0; border-color: var(--ink); color: #fff; }
html[data-tema="gelap"] .side-panel { box-shadow: 0 18px 40px -16px rgba(20, 33, 89, .55); }
html[data-tema="gelap"] kbd { border: 1px solid var(--line); background: var(--paper); }
html[data-tema="gelap"] .reko-item { border: 1px solid var(--line); border-left: 5px solid var(--ink); background: var(--card); }
html[data-tema="gelap"] .reko-kosong { border-left-color: var(--mark); }
html[data-tema="gelap"] .reko-ragu { border-left-color: #d4a900; }
html[data-tema="gelap"] .reko-waktu { border-left-color: var(--ink); }
html[data-tema="gelap"] .reko-ulang { border-left-color: var(--red); }
html[data-tema="gelap"] .reko-naik { border-left-color: var(--green); }
html[data-tema="gelap"] .rencana li { border: 1px solid var(--line); background: var(--paper); }
html[data-tema="gelap"] .rc-hari { color: var(--ink); }
html[data-tema="gelap"] .reko-beranda { border-top: 4px solid var(--hl); }
html[data-tema="gelap"] .reko-steps li { border-top: 1px solid var(--line); }
html[data-tema="gelap"] .reko-steps li::before { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .level-pilih { outline: 3px solid var(--hl); }
html[data-tema="gelap"] .chat-log { background: var(--paper); border: 1px solid var(--line); }
html[data-tema="gelap"] .msg-t { color: var(--muted); }
html[data-tema="gelap"] .msg-saya .msg-b { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .msg-lawan .msg-b { background: var(--card); border: 1px solid var(--line); }
html[data-tema="gelap"] .row-baru td { background: var(--mark-soft); }
html[data-tema="gelap"] .req-label { color: var(--mark); }
html[data-tema="gelap"] .bank-info { color: var(--muted); }
html[data-tema="gelap"] .bank-dot { background: #1f7a4a; }
html[data-tema="gelap"] .q-tools .simpan-btn[aria-pressed="true"] { background: var(--hl-soft); border-color: #e0c200; color: #e3dab5; }
html[data-tema="gelap"] .teaser .pg-line { color: var(--ink); }
html[data-tema="gelap"] .teaser .verdict:not(.ok):not(.no) { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .locked-zone::after { background: linear-gradient(180deg, rgba(243, 245, 251, 0) 0%, rgba(26, 29, 36, 0.55) 40%, var(--paper) 100%); }
html[data-tema="gelap"] .lock-cta { border: 2px solid var(--ink); box-shadow: 0 24px 60px -20px rgba(28, 47, 122, .45); }
html[data-tema="gelap"] .kuota strong { color: var(--ink); }
html[data-tema="gelap"] .msg-bot .msg-b { background: var(--hl-soft); border: 1px solid #efd96b; }
html[data-tema="gelap"] .chip-btn { border: 1px solid var(--ink); background: var(--card); color: var(--ink); }
html[data-tema="gelap"] .chip-btn:hover { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .chat-st { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .chat-st-admin { background: var(--mark-soft); color: var(--mark); }
html[data-tema="gelap"] .chat-st-selesai { background: var(--green-soft); color: var(--green); }
html[data-tema="gelap"] .per-judul { color: var(--muted); }
html[data-tema="gelap"] .per-jenis { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .per-pp { background: #c2185b; }
html[data-tema="gelap"] .per-pmk { background: #1f7a4a; }
html[data-tema="gelap"] .per-per { background: #8a6700; }
html[data-tema="gelap"] .per-lainnya { background: var(--muted); }
html[data-tema="gelap"] .per-topik .chip, html[data-tema="gelap"] .per-mini .chip { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .modul-toc a { background: var(--card); border: 1px solid var(--line); }
html[data-tema="gelap"] .modul-toc a:hover { border-color: var(--ink); }
html[data-tema="gelap"] details.contoh { border: 1px solid var(--line); background: #232731; }
html[data-tema="gelap"] .contoh-jawab { background: var(--hl-soft); }
html[data-tema="gelap"] dl.istilah dd { color: var(--muted); }
html[data-tema="gelap"] .to-top { background: #3d55b0; color: #fff; box-shadow: var(--shadow); }
html[data-tema="gelap"] .to-top:hover { background: #c2185b; }
html[data-tema="gelap"] .walker-btn { background: none; }
html[data-tema="gelap"] .walker .w-bayang { fill: rgba(124, 141, 222, 0.18); }
html[data-tema="gelap"] .walker-bubble-lama { background: var(--card); border: 2px solid #788091; color: var(--text); box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .35); }
html[data-tema="gelap"] .walker-x { border: 1px solid var(--line); background: var(--card); color: var(--muted); }
@media (max-width: 640px) {
  html[data-tema="gelap"] .table-stack tr { border-bottom: 1px solid var(--line); }
  html[data-tema="gelap"] .table-stack td[data-label]::before { color: var(--muted); }
}
html[data-tema="gelap"] .dompet-item { background: var(--card); border: 1px solid var(--line); color: var(--muted); }
html[data-tema="gelap"] .dompet-n { color: var(--ink); }
html[data-tema="gelap"] .dompet-pass { border-color: #3a453e; background: var(--green-soft); }
html[data-tema="gelap"] .dompet-pass .dompet-n { color: var(--green); }
html[data-tema="gelap"] .harga-kartu { background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
html[data-tema="gelap"] .harga-kartu .harga-n { color: var(--ink); }
html[data-tema="gelap"] .harga-kartu.is-reko { border: 2px solid var(--ink); background: linear-gradient(180deg, var(--hl-soft), var(--card) 46%); }
html[data-tema="gelap"] .harga-list { color: var(--muted); }
html[data-tema="gelap"] .pm-badge { background: #c2185b; color: #fff; }
html[data-tema="gelap"] .pm { border: 1px solid var(--line); color: var(--text); background: var(--card); }
html[data-tema="gelap"] .pm:hover { border-color: var(--ink); color: var(--text); }
html[data-tema="gelap"] .pm strong { color: var(--ink); }
html[data-tema="gelap"] .pm-reko { border: 2px solid var(--ink); background: var(--hl-soft); }
html[data-tema="gelap"] .opsi-kredit { border: 2px solid var(--green); background: var(--green-soft); }
html[data-tema="gelap"] .bank-nom { color: var(--mark); }
html[data-tema="gelap"] .btn-copy { border: 1px solid #c9b552; background: var(--card); color: var(--ink); }
html[data-tema="gelap"] .btn-copy:hover { background: var(--ink-soft); }
html[data-tema="gelap"] .btn-copy.ok { border-color: var(--green); color: var(--green); }
html[data-tema="gelap"] .ok-line { color: var(--green); }
html[data-tema="gelap"] .upgrade-band { border: 2px dashed var(--mark); background: var(--mark-soft); }
html[data-tema="gelap"] .riwayat-list li { border-bottom: 1px dashed var(--line); }
html[data-tema="gelap"] .jenis { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .jenis-satuan { background: #26282c; color: #d4d8e2; }
html[data-tema="gelap"] .jenis-paket3 { background: #242d27; color: var(--green); }
html[data-tema="gelap"] .jenis-paket5 { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .jenis-pass30 { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .jenis-upgrade5 { background: var(--mark-soft); color: #e3b5c7; }
html[data-tema="gelap"] .jenis-kredit, html[data-tema="gelap"] .jenis-pass, html[data-tema="gelap"] .jenis-event { background: #26282c; color: #d4d8e2; }
html[data-tema="gelap"] .akbar-band { background: #3d55b0; color: #fff; background-image: radial-gradient(circle at 92% 20%, rgba(255, 225, 77, .35), transparent 40%); }
html[data-tema="gelap"] .akbar-band h2 { color: #fff; }
html[data-tema="gelap"] .akbar-band p { color: #d7def5; }
html[data-tema="gelap"] .akbar-band .eyebrow { color: var(--hl); }
html[data-tema="gelap"] .akbar-band.is-live .eyebrow { color: #7ef0a8; }
html[data-tema="gelap"] .akbar-band .btn.ghost { color: #fff; border-color: rgba(255, 255, 255, .6); }
html[data-tema="gelap"] .akbar-band .btn.ghost:hover { background: rgba(255, 255, 255, .12); color: #fff; }
html[data-tema="gelap"] a.akbar-band:hover { color: #fff; }
html[data-tema="gelap"] .akbar-kartu { color: var(--text); }
html[data-tema="gelap"] .akbar-kartu:hover { border-color: var(--ink); color: var(--text); }
html[data-tema="gelap"] .papan tr.top1 td { background: #2f2c21; }
html[data-tema="gelap"] .papan .row-saya td, html[data-tema="gelap"] tr.row-saya td { background: var(--green-soft); }
html[data-tema="gelap"] .kes-n { color: var(--ink); }
html[data-tema="gelap"] .kes-komp li { background: var(--paper); }
html[data-tema="gelap"] .kes-ubah summary { color: var(--ink); }
html[data-tema="gelap"] .ajak { border: 2px dashed var(--ink); background: linear-gradient(120deg, var(--card), var(--ink-soft)); }
html[data-tema="gelap"] .ajak-kode .mono { background: var(--card); border: 2px solid var(--ink); color: var(--ink); }
html[data-tema="gelap"] .stat-angka { color: var(--ink); }
html[data-tema="gelap"] .statistik span:not(.stat-angka) { color: var(--muted); }
html[data-tema="gelap"] .testi { background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
html[data-tema="gelap"] .testi-oleh { color: var(--muted); }
html[data-tema="gelap"] .testi .bintang { color: #e2d18d; }
html[data-tema="gelap"] .hero-note a { color: var(--hl); }
html[data-tema="gelap"] .game-kartu { color: var(--text); }
html[data-tema="gelap"] .game-kartu:hover { border-color: var(--ink); color: var(--text); }
html[data-tema="gelap"] .game-kartu p { color: var(--muted); }
html[data-tema="gelap"] .game-ikon { background: var(--hl-soft); border: 2px solid var(--ink); }
html[data-tema="gelap"] .streak { background: #302922; border: 1px solid #484038; }
html[data-tema="gelap"] .count-api { background: #ff7a1a; }
html[data-tema="gelap"] .papan-mini li { border-bottom: 1px dashed var(--line); }
html[data-tema="gelap"] .papan-mini li.saya { color: var(--green); }
html[data-tema="gelap"] .g-bar { color: var(--muted); }
html[data-tema="gelap"] .g-skor strong { color: var(--ink); }
html[data-tema="gelap"] .g-waktu { background: var(--ink-soft); }
html[data-tema="gelap"] .g-waktu i { background: #3d55b0; }
html[data-tema="gelap"] .g-waktu i.kritis { background: #c2185b; }
html[data-tema="gelap"] .g-pil { border: 2px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .g-pil:hover:not(:disabled) { border-color: var(--ink); }
html[data-tema="gelap"] .g-pil kbd { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .g-pil.benar { border-color: var(--green); background: var(--green-soft); }
html[data-tema="gelap"] .g-pil.salah { border-color: var(--mark); background: var(--mark-soft); }
html[data-tema="gelap"] .ok-t { color: var(--green); }
html[data-tema="gelap"] .no-t { color: var(--mark); }
html[data-tema="gelap"] .g-skor-besar { color: var(--ink); }
html[data-tema="gelap"] .g-kartu { border: 2px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .g-kartu small { color: var(--muted); }
html[data-tema="gelap"] .g-kartu.g-v { background: var(--hl-soft); }
html[data-tema="gelap"] .g-kartu:hover:not(:disabled) { border-color: var(--ink); }
html[data-tema="gelap"] .g-kartu.dipilih { border-color: var(--ink); box-shadow: 0 0 0 3px var(--hl); }
html[data-tema="gelap"] .g-kartu.cocok { border-color: var(--green); background: var(--green-soft); color: var(--green); }
html[data-tema="gelap"] .g-kartu.goyang { border-color: var(--mark); }
html[data-tema="gelap"] .l-kanvas { border: 2px solid var(--ink); }
html[data-tema="gelap"] .share-prev { background: var(--paper); }
html[data-tema="gelap"] .share-prev img { background: #3d55b0; }
html[data-tema="gelap"] .konfeti i { background: #c2185b; }
html[data-tema="gelap"] .konfeti i:nth-child(3n) { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .konfeti i:nth-child(3n+1) { background: #3d55b0; }
html[data-tema="gelap"] .gelembung { background: var(--card); color: var(--text); border: 2px solid #788091; box-shadow: 0 10px 24px -10px rgba(10, 15, 40, .45); }
html[data-tema="gelap"] .gl-ekor { background: var(--card); border-right: 2px solid #788091; border-bottom: 2px solid #788091; }
html[data-tema="gelap"] .buddy .b-bayang { fill: rgba(124, 141, 222, 0.18); }
html[data-tema="gelap"] .banding { background: var(--card); border: 1px solid var(--line); }
html[data-tema="gelap"] .banding th, html[data-tema="gelap"] .banding td { border-bottom: 1px solid var(--line); }
html[data-tema="gelap"] .banding thead th { background: var(--paper); color: var(--muted); }
html[data-tema="gelap"] .banding thead th.banding-bayar { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .banding td.banding-bayar { background: var(--hl-soft); }
html[data-tema="gelap"] .banding .cek { color: var(--green); }
html[data-tema="gelap"] .banding .silang { color: #d7d9df; }
html[data-tema="gelap"] .banding tbody th { background: var(--card); color: var(--text); }
html[data-tema="gelap"] .portal-hero { background: #171c2a; color: #fff; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); }
html[data-tema="gelap"] .portal-hero h1 { color: #fff; }
html[data-tema="gelap"] .portal-hero .hero-lead { color: #d7def5; }
html[data-tema="gelap"] .portal-hero .hero-link { color: #fff; }
html[data-tema="gelap"] .portal-hero .hero-note { color: #b8c3e6; }
html[data-tema="gelap"] .portal-fig::before { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .portal-kartu { background: var(--card); border: 2px solid var(--line); color: var(--text); box-shadow: var(--shadow); }
html[data-tema="gelap"] a.portal-kartu:hover { border-color: var(--ink); color: var(--text); box-shadow: 6px 6px 0 var(--ink); }
html[data-tema="gelap"] .portal-kartu p { color: var(--muted); }
html[data-tema="gelap"] .portal-ikon { background: var(--hl-soft); border: 2px solid var(--ink); }
html[data-tema="gelap"] .portal-cta { color: var(--ink); }
html[data-tema="gelap"] .portal-kartu.is-utama { border-color: var(--ink); background: linear-gradient(160deg, var(--hl-soft), var(--card) 55%); }
html[data-tema="gelap"] .portal-segera { background: transparent; }
html[data-tema="gelap"] .portal-segera ul { color: var(--muted); }
html[data-tema="gelap"] .ir-kanvas { border-color: #788091; background: #1c2f7a; }
html[data-tema="gelap"] .ir-wrap:fullscreen { background: #0b1240; }
html[data-tema="gelap"] .ir-suara { border: 2px solid #fff; background: rgba(11, 18, 64, .55); color: #fff; }
html[data-tema="gelap"] .ir-prog { background: var(--ink-soft); }
html[data-tema="gelap"] .ir-prog i { background: linear-gradient(90deg, #c2185b, #ffe14d); }
html[data-tema="gelap"] .nav-drop > summary { color: #d7def5; }
html[data-tema="gelap"] .nav-drop > summary:hover, html[data-tema="gelap"] .nav-drop[open] > summary, html[data-tema="gelap"] .nav-drop.is-on > summary { background: rgba(255, 255, 255, .12); color: #fff; }
html[data-tema="gelap"] .nav-panel { background: var(--card); border: 1px solid var(--line); box-shadow: 0 18px 40px -16px rgba(20, 33, 89, .45); }
html[data-tema="gelap"] .nav .nav-panel a { color: var(--text); }
html[data-tema="gelap"] .nav .nav-panel a:hover { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .nav .nav-panel a[aria-current] { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .pilih-kredit { border: 2px solid var(--ink); background: linear-gradient(135deg, var(--hl-soft), var(--card) 60%); }
html[data-tema="gelap"] .pk-kosong { background: var(--card); }
html[data-tema="gelap"] .jatah-line { background: var(--ink-soft); }
html[data-tema="gelap"] .set-nav { background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
html[data-tema="gelap"] .set-nav a { color: var(--text); }
html[data-tema="gelap"] .set-nav a em { color: var(--muted); background: var(--ink-soft); }
html[data-tema="gelap"] .set-nav a:hover { background: var(--ink-soft); color: var(--ink); }
html[data-tema="gelap"] .set-nav a[aria-current="page"] { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .set-nav a[aria-current="page"] em { background: rgba(255,255,255,.2); color: #fff; }
html[data-tema="gelap"] .set-grup h3 { border-bottom: 1px solid var(--line); }
html[data-tema="gelap"] .set-field { border-left: 3px solid transparent; }
html[data-tema="gelap"] .set-field.set-beda { border-left-color: var(--hl); }
html[data-tema="gelap"] .set-rp span { background: var(--ink-soft); border: 1px solid var(--line); }
html[data-tema="gelap"] .set-meta { color: var(--muted); }
html[data-tema="gelap"] .set-aksi { background: linear-gradient(transparent, var(--paper) 30%); }
html[data-tema="gelap"] .set-ring { color: var(--text); }
html[data-tema="gelap"] .set-ring:hover { border-color: var(--ink); }
html[data-tema="gelap"] .set-ring li { border-bottom: 1px dashed var(--line); }
html[data-tema="gelap"] .set-ring li span { color: var(--muted); }
html[data-tema="gelap"] .rc-n { color: var(--ink); }
html[data-tema="gelap"] .rc-item { border: 1px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .rc-item.rc-hari-ini { border: 2px solid var(--ink); }
html[data-tema="gelap"] .rc-item.rc-done { background: var(--green-soft); border-color: transparent; }
html[data-tema="gelap"] .rc-item.rc-done .rc-isi { color: var(--muted); }
html[data-tema="gelap"] .rc-cek { border: 2px solid var(--ink); background: var(--card); color: #fff; }
html[data-tema="gelap"] .rc-done .rc-cek { background: #1f7a4a; border-color: var(--green); }
html[data-tema="gelap"] .peta-list li { border-bottom: 1px dashed var(--line); }
html[data-tema="gelap"] .peta-t { color: var(--muted); }
html[data-tema="gelap"] .peta-t strong { color: var(--ink); }
html[data-tema="gelap"] .bundle th[scope="row"] { color: var(--muted); }
html[data-tema="gelap"] .bundle .bundle-reko { background: var(--hl-soft); }
html[data-tema="gelap"] .bundle thead .bundle-reko { border-top: 3px solid var(--mark); }
html[data-tema="gelap"] .bantu-bundle summary::after { color: var(--muted); }
@media (max-width: 640px) {
  html[data-tema="gelap"] .bundle tr { border-bottom: 2px solid var(--line); }
  html[data-tema="gelap"] .bundle th[scope="row"] { color: var(--ink); }
  html[data-tema="gelap"] .bundle td::before { color: var(--muted); }
}
html[data-tema="gelap"] .ir-stage { border: 2px solid rgba(255,255,255,.2); color: #fff; background: linear-gradient(150deg, var(--c1), var(--c2)); box-shadow: 0 6px 18px -10px rgba(0,0,0,.6); }
html[data-tema="gelap"] .ir-stage:hover:not(.terkunci), html[data-tema="gelap"] .ir-stage:focus-visible { border-color: var(--ak); }
html[data-tema="gelap"] .ir-stage.tuntas { border-color: var(--ak); }
html[data-tema="gelap"] .ir-s-no { color: var(--ak); }
html[data-tema="gelap"] .ir-s-bar { background: rgba(255,255,255,.2); }
html[data-tema="gelap"] .ir-s-bar i { background: var(--ak); }
html[data-tema="gelap"] .ir-prog-atas { background: rgba(0,0,0,.45); border: 2px solid rgba(255,255,255,.7); }
html[data-tema="gelap"] .ir-prog-atas i { background: linear-gradient(90deg, #5cff8a, #ffe14d); color: #1d2333; }
html[data-tema="gelap"] .ir-prog-atas span { color: #fff; text-shadow: 0 1px 2px #000; }
html[data-tema="gelap"] .ir-tuntas { color: #fff; background: rgba(5, 8, 25, .78); }
html[data-tema="gelap"] .ir-t-judul { color: #ffe14d; text-shadow: 0 3px 0 #000; }
html[data-tema="gelap"] .ir-tuntas .btn.ghost { color: #fff; border-color: #fff; }
html[data-tema="gelap"] .avatar { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--line); }
html[data-tema="gelap"] .pk-kartu { border: 2px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .pk-kartu:hover { border-color: var(--ink); }
html[data-tema="gelap"] .pk-kartu.on, html[data-tema="gelap"] .pk-kartu:has(input:checked) { border-color: var(--mark); background: var(--mark-soft); }
html[data-tema="gelap"] .pk-kartu:focus-within { outline: 3px solid var(--hl); }
html[data-tema="gelap"] .pw-fig { border: 3px solid var(--ink); background: var(--card); box-shadow: var(--shadow); }
html[data-tema="gelap"] .pengawas.pw-tegur .pw-fig { border-color: var(--mark); }
html[data-tema="gelap"] .pengawas.pw-pikir .pw-fig { border-color: var(--hl); }
html[data-tema="gelap"] .pw-aksi { background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
html[data-tema="gelap"] .pw-bubble { background: var(--card); border: 2px solid var(--ink); box-shadow: var(--shadow); }
html[data-tema="gelap"] .pw-bubble::after { background: var(--card); border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
html[data-tema="gelap"] .pw-tutup { background: none; color: var(--muted); }
html[data-tema="gelap"] .perhatian { border-left: 5px solid var(--hl); }
html[data-tema="gelap"] .perhatian summary::after { color: var(--muted); }
html[data-tema="gelap"] .perhatian li { background: var(--ink-soft); }
html[data-tema="gelap"] .perhatian li.ph-awas { background: var(--red-soft); }
html[data-tema="gelap"] .banner-koneksi { background: #b3261e; color: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
html[data-tema="gelap"] .don-pilih .on { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .donatur-list li { background: var(--paper); }
html[data-tema="gelap"] .don-rank { color: var(--ink); }
html[data-tema="gelap"] .don-pesan { color: var(--text); }
html[data-tema="gelap"] .don-top1 { background: linear-gradient(90deg, #2d2b20, var(--paper)); }
html[data-tema="gelap"] .don-top2 { background: linear-gradient(90deg, #222530, var(--paper)); }
html[data-tema="gelap"] .don-top3 { background: linear-gradient(90deg, #302227, var(--paper)); }
html[data-tema="gelap"] .don-saya { outline: 2px solid var(--mark); }
html[data-tema="gelap"] .don-terima { border: 2px solid var(--green); background: var(--green-soft); }
html[data-tema="gelap"] .don-notice { border-left: 5px solid var(--green); }
html[data-tema="gelap"] .share-chip { border: 2px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .share-chip[aria-checked="true"] { border-color: var(--ink); background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .sw { border: 1px solid rgba(120, 128, 145, 0.2); }
html[data-tema="gelap"] .sw-klasik { background: linear-gradient(135deg, #1c2f7a 55%, #ffe14d 55%); }
html[data-tema="gelap"] .sw-pastel { background: linear-gradient(135deg, #302227 55%, #c2185b 55%); }
html[data-tema="gelap"] .sw-malam { background: linear-gradient(135deg, #0b0f24 55%, #5cff8a 55%); }
html[data-tema="gelap"] .sw-minimal { background: linear-gradient(135deg, var(--card) 55%, #1c2f7a 55%); }
html[data-tema="gelap"] .auth-logo { background: var(--card); box-shadow: 0 6px 18px -8px rgba(0,0,0,.4); }
html[data-tema="gelap"] .merek-prev { border: 1px solid var(--line); }
html[data-tema="gelap"] .merek-gelap { background: #3d55b0; }
html[data-tema="gelap"] .merek-terang { background: var(--card); background-image: linear-gradient(45deg, #24272f 25%, transparent 25%, transparent 75%, #24272f 75%), linear-gradient(45deg, #24272f 25%, transparent 25%, transparent 75%, #24272f 75%); }
html[data-tema="gelap"] .ann-ul li::marker { color: var(--mark); }
html[data-tema="gelap"] .komisi-mitra { border: 1px solid var(--line); }
html[data-tema="gelap"] .komisi-angka > div { background: var(--paper); }
html[data-tema="gelap"] .komisi-angka small { color: var(--muted); }
html[data-tema="gelap"] .komisi-angka .komisi-sisa { background: var(--hl-soft); outline: 2px solid var(--hl); }
html[data-tema="gelap"] .komisi-angka .komisi-lunas { background: var(--green-soft); }
html[data-tema="gelap"] .kalk-tab button { border: 1px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .kalk-tab button[aria-selected="true"] { background: #3d55b0; border-color: var(--ink); color: #fff; }
html[data-tema="gelap"] .kalk-rp { border: 1px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .kalk-rp > span { color: var(--muted); background: var(--paper); }
html[data-tema="gelap"] .kalk-hasil { border-top: 2px dashed var(--line); }
html[data-tema="gelap"] .kalk-utama { background: var(--hl-soft); }
html[data-tema="gelap"] .kalk-grup { border: 1px solid var(--line); }
html[data-tema="gelap"] .kalk-tabel th, html[data-tema="gelap"] .kalk-tabel td { background: transparent; border-bottom: 1px solid var(--line); }
html[data-tema="gelap"] .kalk-tabel thead th { color: var(--muted); }
html[data-tema="gelap"] .kalk-tabel tr.total th, html[data-tema="gelap"] .kalk-tabel tr.total td { border-top: 2px solid var(--ink); }
html[data-tema="gelap"] .kalk-tabel tr.kurang td::before { color: var(--muted); }
html[data-tema="gelap"] .baru-tag { background: #c2185b; color: #fff; }
html[data-tema="gelap"] .baru-grid li { background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
html[data-tema="gelap"] .baru-grid p { color: var(--muted); }
html[data-tema="gelap"] .nav-guest .nav-baru::after { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .kalk-rp:focus-within { outline: 2px solid var(--ink); }
html[data-tema="gelap"] .papan-mini li::before { color: var(--muted); }
html[data-tema="gelap"] .papan-mini li:nth-child(1)::before { color: #e2ca8d; }
html[data-tema="gelap"] .count-baru { background: #c2185b; color: #fff; }
html[data-tema="gelap"] .pk-teks small { color: var(--muted); }
@media (max-width: 720px) {
  html[data-tema="gelap"] .nav.nav-grup .nav-drop[open] .nav-panel { box-shadow: 0 18px 40px -12px rgba(10, 15, 40, .45); }
  html[data-tema="gelap"] .nav-panel.nav-panel-lepas { box-shadow: 0 18px 40px -12px rgba(10, 15, 40, .45); }
  html[data-tema="gelap"] .nav-panel-lepas a { color: var(--text); }
  html[data-tema="gelap"] .nav-panel-lepas a:hover, html[data-tema="gelap"] .nav-panel-lepas a:active { background: var(--ink-soft); color: var(--ink); }
  html[data-tema="gelap"] .nav-panel-lepas a[aria-current] { background: #3d55b0; color: #fff; }
}
html[data-tema="gelap"] .denyut { box-shadow: 0 0 0 0 rgba(255, 225, 77, .9); }
@media (prefers-reduced-motion: reduce) {
  html[data-tema="gelap"] .denyut { outline: 3px solid var(--hl); }
}
html[data-tema="gelap"] .don-baris label { color: var(--muted); }
html[data-tema="gelap"] .don-rp { border: 1px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .don-rp > span { color: var(--muted); background: var(--paper); }
html[data-tema="gelap"] .donasi-terpisah { border: 2px dashed var(--mark); background: linear-gradient(135deg, var(--mark-soft), var(--card) 70%); }
html[data-tema="gelap"] .flash.warn { background: var(--hl-soft); border-color: #484438; }
html[data-tema="gelap"] .ks-angka strong { color: var(--ink); }
html[data-tema="gelap"] .ks-bar { background: var(--ink-soft); }
html[data-tema="gelap"] .ks-bar i { background: #c2185b; }
html[data-tema="gelap"] .ks-tab { border: 1px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .ks-tab[aria-selected="true"] { background: #3d55b0; border-color: var(--ink); color: #fff; }
html[data-tema="gelap"] .ks-filter button { border: 1px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .ks-filter button[aria-pressed="true"] { border-color: var(--ink); color: var(--ink); background: var(--ink-soft); }
html[data-tema="gelap"] .ks-item { border: 2px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .ks-item:hover { border-color: var(--ink); }
html[data-tema="gelap"] .ks-item.on { border-color: var(--mark); box-shadow: 0 0 0 3px var(--mark-soft); }
html[data-tema="gelap"] .ks-syarat { color: var(--muted); }
html[data-tema="gelap"] .ks-tag { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .ks-langka::before { background: #3f7fd9; }
html[data-tema="gelap"] .ks-epik::before { background: #7c5cd6; }
html[data-tema="gelap"] .ks-legenda::before { background: linear-gradient(135deg, #e8b730, #f28fb8); color: #1d2333; }
html[data-tema="gelap"] .kostum-baru { border: 2px solid var(--mark); background: linear-gradient(120deg, var(--mark-soft), var(--card) 70%); }
html[data-tema="gelap"] .danger-link { color: var(--red) !important; border-color: #483938 !important; background: var(--card) !important; }
@media (max-width: 860px) {
  html[data-tema="gelap"] .ks-mini { background: var(--card); border: 1px solid var(--line); box-shadow: 0 10px 30px -10px rgba(20, 33, 89, .45); }
}
html[data-tema="gelap"] .fr-list { background: var(--paper); }
html[data-tema="gelap"] .fr-isi { background: var(--card); border: 1px solid var(--line); box-shadow: 0 2px 6px -4px rgba(20, 33, 89, .3); }
html[data-tema="gelap"] .fr-msg.saya .fr-isi { background: var(--ink-soft); }
html[data-tema="gelap"] .fr-msg-st .fr-isi, html[data-tema="gelap"] .fr-msg.saya.fr-msg-st .fr-isi { background: transparent; border-color: transparent; }
html[data-tema="gelap"] .fr-nama { color: var(--ink); }
html[data-tema="gelap"] .fr-waktu { color: var(--muted); }
html[data-tema="gelap"] .fr-aksi .btn-link { color: var(--muted); }
html[data-tema="gelap"] .fr-form { border-top: 1px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .fr-btn-st { border: 1px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .fr-sisa.galat { color: var(--red); }
html[data-tema="gelap"] .fr-st { border: 1px solid transparent; background: var(--paper); }
html[data-tema="gelap"] .fr-st:hover, html[data-tema="gelap"] .fr-st:focus-visible { border-color: var(--ink); background: var(--card); }
html[data-tema="gelap"] .fr-nama.fr-p3 { color: var(--ink); }
html[data-tema="gelap"] .fr-nama.fr-p5 { background: linear-gradient(90deg, #8a6100, #c8961e, #8a6100); color: transparent; }
html[data-tema="gelap"] .fr-nama.fr-pass { background: linear-gradient(90deg, #3d55b0, #7a1f63, #c2185b, #7a1f63, #3d55b0); color: transparent; }
html[data-tema="gelap"] .fr-l-p3 { background: var(--ink-soft); color: var(--ink); box-shadow: inset 0 0 0 1px #b9c5ec; }
html[data-tema="gelap"] .fr-l-p5 { background: linear-gradient(135deg, #2d2a20, #e2b54a 55%, #f4dc94); color: #e3d5b5; box-shadow: inset 0 0 0 1px #c99a2e, 0 1px 3px rgba(150, 105, 10, .35); }
html[data-tema="gelap"] .fr-l-pass { background: linear-gradient(135deg, #3d55b0 0%, #4a1f6e 55%, #c2185b 100%); color: #f6dc8c; box-shadow: inset 0 0 0 1px #e2bd5a, 0 2px 8px -2px rgba(194, 24, 91, .45); }
html[data-tema="gelap"] .fr-l-pass::before { color: #f6dc8c; }
html[data-tema="gelap"] .fr-nama.fr-admin { color: var(--mark); }
html[data-tema="gelap"] .fr-l-admin { background: #3d55b0; color: #fff; box-shadow: 0 0 0 1px var(--ink); }
html[data-tema="gelap"] .fr-st-judul { color: var(--muted); }
html[data-tema="gelap"] .fr-st-pass .fr-st-kunci { background: linear-gradient(90deg, #ff3d8b, #ffb03b, #3fc1ff, #b16bff); color: #1d2333; }
html[data-tema="gelap"] .fr-st-pass:not(.terkunci) { background: linear-gradient(135deg, #2d2b20, #302227 60%, #222730); }
html[data-tema="gelap"] .fr-st-syarat { color: var(--muted); }
html[data-tema="gelap"] .pass-perpanjang { background: #242e27; color: #b5e3c6; }
html[data-tema="gelap"] .pass-tunda { border: 2px solid #f0c64a; background: linear-gradient(135deg, #302d22, var(--card)); }
html[data-tema="gelap"] .akt-list { border-left: 2px solid var(--line, #383c47); }
html[data-tema="gelap"] .akt-list li { border-bottom: 1px dashed var(--line, #3a3d45); }
html[data-tema="gelap"] .akt-list li::before { background: #9aa6cf; color: #1d2333; }
html[data-tema="gelap"] .akt-waktu { color: var(--muted); }
html[data-tema="gelap"] .akt-bayar::before { background: #2b7a4b !important; }
html[data-tema="gelap"] .akt-donasi::before { background: #c2185b !important; }
html[data-tema="gelap"] .akt-admin::before { background: #e0a100 !important; }
html[data-tema="gelap"] .akt-ujian::before { background: #1d3c8f !important; }
html[data-tema="gelap"] .kf-latar { background: rgba(15, 20, 45, .55); }
html[data-tema="gelap"] .kf-kotak { background: var(--card); color: var(--text); box-shadow: 0 18px 50px rgba(10, 15, 40, .35); }
html[data-tema="gelap"] .kf-teks { color: var(--text); }
html[data-tema="gelap"] .kf-ya.kf-bahaya { background: #b3261e; border-color: #b3261e; color: #fff; }
html[data-tema="gelap"] .ajakan { border: 2px solid #f0c64a; background: linear-gradient(135deg, #2f2c22 0%, var(--card) 60%); }
html[data-tema="gelap"] .ajakan::after { background: radial-gradient(circle, rgba(240, 198, 74, .35), transparent 70%); }
html[data-tema="gelap"] .ajk-hampir { border-color: #e8833a; background: linear-gradient(135deg, #302922 0%, var(--card) 60%); }
html[data-tema="gelap"] .ajk-terkunci { border-color: #c2185b; background: linear-gradient(135deg, #302227 0%, var(--card) 60%); }
html[data-tema="gelap"] .ajk-habis { border-color: #4665b9; background: linear-gradient(135deg, #222630 0%, var(--card) 60%); }
html[data-tema="gelap"] .ajk-ide li { background: rgba(26, 29, 36, 0.75); }
html[data-tema="gelap"] .tema-btn { border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .08); color: #fff; }
html[data-tema="gelap"] .tema-btn:hover { background: rgba(255, 255, 255, .18); }
html[data-tema="gelap"] .tema-btn:focus-visible { outline: 3px solid var(--hl); }
html[data-tema="gelap"] .count-badge.count-baru { color: #fff !important; }
html[data-tema="gelap"].ada-wm .card, html[data-tema="gelap"].ada-wm .opt, html[data-tema="gelap"].ada-wm .q, html[data-tema="gelap"].ada-wm .side, html[data-tema="gelap"].ada-wm .soal-box { background-image: var(--wm-pola-terang) !important; }
@media (hover: hover) {
  html[data-tema="gelap"] .btn:not(:disabled):hover { box-shadow: 0 6px 16px -8px rgba(28, 47, 122, .45); }
  html[data-tema="gelap"] a.card:hover, html[data-tema="gelap"] .pintas > a:hover, html[data-tema="gelap"] .harga-kartu:hover, html[data-tema="gelap"] .baru-grid > li:hover { box-shadow: 0 14px 30px -18px rgba(28, 47, 122, .45); }
}
html[data-tema="gelap"] .muat-bar { background: linear-gradient(90deg, #c2185b, #ffe14d); box-shadow: 0 0 10px rgba(194, 24, 91, .5); }
html[data-tema="gelap"] .nav > a[aria-current="page"]:has(.nav-sorot), html[data-tema="gelap"] .nav-drop.is-on > summary:has(.nav-sorot) { background: transparent; }
html[data-tema="gelap"] .nav-sorot { background: linear-gradient(90deg, #ffe14d, #2e2126); box-shadow: 0 0 12px rgba(255, 225, 77, .55), 0 0 2px rgba(255, 225, 77, .9); }
html[data-tema="gelap"] .nav > a[aria-current="page"]:not(.btn), html[data-tema="gelap"] .nav-drop.is-on > summary { color: #fff; }
html[data-tema="gelap"] .nav-kilau { background: rgba(255, 255, 255, .11); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
html[data-tema="gelap"].ada-kilau .nav > a:not(.btn):hover, html[data-tema="gelap"].ada-kilau .nav > .nav-drop > summary:hover { background: transparent; color: #fff; }
html[data-tema="gelap"] .notice.tindak.notice-aman { background: var(--red-soft); border-color: #483938; color: var(--text); }
html[data-tema="gelap"] .notif-btn { border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .08); color: #fff; }
html[data-tema="gelap"] .notif-btn:hover, html[data-tema="gelap"] .notif-btn.on { background: rgba(255, 255, 255, .18); }
html[data-tema="gelap"] .notif-btn:focus-visible { outline: 3px solid var(--hl); }
html[data-tema="gelap"] .notif-btn .notif-n { border: 2px solid var(--ink); }
html[data-tema="gelap"] .notif-izin { background: var(--ink-soft); }
html[data-tema="gelap"] .notif-item a { border: 1px solid var(--line); color: var(--text); background: var(--card); }
html[data-tema="gelap"] .notif-item a:hover { border-color: var(--ink); }
html[data-tema="gelap"] .notif-baru a { border-left: 4px solid var(--mark); background: var(--mark-soft); }
html[data-tema="gelap"] .notif-baru.notif-sukses a { border-left-color: var(--green); background: var(--green-soft); }
html[data-tema="gelap"] .notif-baru.notif-hadiah a, html[data-tema="gelap"] .notif-baru.notif-ujian a { border-left-color: #b99846; background: var(--hl-soft); }
html[data-tema="gelap"] .notif-baru.notif-chat a, html[data-tema="gelap"] .notif-baru.notif-info a { border-left-color: var(--ink); background: var(--ink-soft); }
html[data-tema="gelap"] .notif-teks span { color: var(--muted); }
html[data-tema="gelap"] .notif-teks small { color: var(--muted); }
html[data-tema="gelap"] .notif-teks small b { color: var(--mark); }
html[data-tema="gelap"] .notif-pop { background: var(--card); border: 1px solid var(--line); border-left: 4px solid var(--mark); box-shadow: 0 18px 40px -14px rgba(10, 15, 40, .45); }
html[data-tema="gelap"] .notif-pop a { color: var(--text); }
html[data-tema="gelap"] .notif-pop a span { color: var(--muted); }
html[data-tema="gelap"] .notif-pop-x { background: transparent; color: var(--muted); }
html[data-tema="gelap"] .notif-pop-x:hover { background: var(--ink-soft); }
html[data-tema="gelap"] .kp-bonus { background: #c2185b; color: #fff; }
html[data-tema="gelap"] .kp-prev img { box-shadow: 0 18px 40px -18px rgba(10, 15, 40, .45); background: var(--ink-soft); }
html[data-tema="gelap"] .kp-panel h2:not(:first-child) { border-top: 1px dashed var(--line); }
html[data-tema="gelap"] .kp-no { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .kp-chk { border: 1px solid var(--line); background: var(--card); }
html[data-tema="gelap"] .kp-chk small { color: var(--muted); }
html[data-tema="gelap"] .kp-chk:has(input:checked) { border-color: var(--ink); background: var(--ink-soft); }
html[data-tema="gelap"] .kp-ms { border: 1px solid transparent; color: #fff; }
html[data-tema="gelap"] .kp-ms:focus-visible { outline: 3px solid var(--hl); }
html[data-tema="gelap"] .kp-threads, html[data-tema="gelap"] .kp-x { background: #101010; }
html[data-tema="gelap"] .kp-wa { background: #1a8a4a; }
html[data-tema="gelap"] .kp-li { background: #0a66c2; }
html[data-tema="gelap"] .kp-salin { background: var(--card); color: var(--text); border-color: var(--line); }
html[data-tema="gelap"] .kp-file { border: 2px dashed var(--line); background: var(--paper); }
html[data-tema="gelap"] .kp-file em { color: var(--green); }
html[data-tema="gelap"] .kp-file.ada { border-color: var(--ink); }
html[data-tema="gelap"] .kp-dipilih { color: var(--ink); }
html[data-tema="gelap"] .kp-menunggu { background: var(--hl-soft); border-color: #b99846; }
html[data-tema="gelap"] .kp-selesai { background: var(--green-soft); border-color: var(--green); }
html[data-tema="gelap"] .kp-ditolak { background: var(--red-soft); border-color: var(--red); }
html[data-tema="gelap"] .kp-galeri li { color: var(--muted); }
html[data-tema="gelap"] .kp-galeri img { border: 1px solid var(--line); background: var(--ink-soft); }
html[data-tema="gelap"] .kp-tambah summary { color: var(--ink); }
html[data-tema="gelap"] .share-adm.siap { border-left: 4px solid var(--green); }
html[data-tema="gelap"] .share-umur.ok { background: var(--green-soft); color: var(--green); }
html[data-tema="gelap"] .share-umur.tunggu { background: var(--hl-soft); color: #e3d7b5; }
html[data-tema="gelap"] .count-badge.count-netral { background: var(--line); color: var(--text); }
html[data-tema="gelap"] .btn-dc { background: #5865f2; border-color: #5865f2; color: #1d2333; }
html[data-tema="gelap"] .btn-dc:hover { background: #4752c4; border-color: #4752c4; color: #fff; }
html[data-tema="gelap"] .dc-logo { background: #5865f2; color: #1d2333; }
html[data-tema="gelap"] .dc-status li { border: 1px solid var(--line); }
html[data-tema="gelap"] .dc-ok { color: var(--green); }
html[data-tema="gelap"] .dc-belum { color: var(--red); }
html[data-tema="gelap"] .btn-tg { background: #229ed9; border-color: #229ed9; color: #fff; }
html[data-tema="gelap"] .btn-tg:hover { background: #1b84b6; border-color: #1b84b6; color: #fff; }
html[data-tema="gelap"] .tg-logo { background: #229ed9; }
html[data-tema="gelap"] .dc-logo.wa-logo { background: #1a8a4a; }
html[data-tema="gelap"] .wa-tpl pre { background: var(--paper); color: var(--text); border: 1px solid var(--line); }
html[data-tema="gelap"] .chip-tinta { background: #3d55b0; color: #fff; border-color: var(--ink); }
html[data-tema="gelap"] .adm-super { border-left: 4px solid var(--ink); }
html[data-tema="gelap"] .adm-kartu details { border-top: 1px solid var(--line); }
html[data-tema="gelap"] .adm-aksi { border-top: 1px solid var(--line); }
html[data-tema="gelap"] .adm-tautan { border: 2px solid var(--hl); background: var(--hl-soft); }
html[data-tema="gelap"] .adm-url { border: 1px solid var(--line); background: var(--card); color: var(--text); }
html[data-tema="gelap"] .akbar-atur > summary { color: var(--ink); }
html[data-tema="gelap"] .ulang-kotak { background: var(--paper); border: 1px dashed var(--line); }
html[data-tema="gelap"] .ulang-angka li { color: var(--muted); }
html[data-tema="gelap"] .ulang-angka span { color: var(--ink); }
html[data-tema="gelap"] .reg-filter .chip-btn.on { background: #3d55b0; color: #fff; border-color: var(--ink); }
html[data-tema="gelap"] .reg-dasar { color: var(--muted); }
html[data-tema="gelap"] .reg-dampak { background: var(--hl-soft); }
html[data-tema="gelap"] .reg-bahas > summary { color: var(--ink); }
html[data-tema="gelap"] .reg-admin { border-bottom: 1px solid var(--line); }
html[data-tema="gelap"] .liga-tabel tr.baris-saya td { background: var(--hl-soft); }
html[data-tema="gelap"] .liga-sela td { color: var(--muted); }
html[data-tema="gelap"] .app-terpasang { color: #b5e3cc; }
html[data-tema="gelap"] .app-peringatan { background: #2f2b21; border: 1px solid #f0c75e; border-left: 5px solid #e0a800; color: #e3d8b5; }
html[data-tema="gelap"] .app-untung-item { background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
html[data-tema="gelap"] .app-ikon { background: var(--ink-soft); }
html[data-tema="gelap"] .app-os > summary .chip { background: #ffe14d; color: #1d2333; }
html[data-tema="gelap"] .app-langkah li::before { background: #3d55b0; color: #fff; }
@media (max-width: 600px) {
  html[data-tema="gelap"] .app-untung { border: 1px solid var(--line); background: var(--card); box-shadow: var(--shadow); }
  html[data-tema="gelap"] .app-untung-item { border-bottom: 1px solid var(--line); background: transparent; }
}
html[data-tema="gelap"] .g-fakta { background: var(--ink-soft); border-left: 4px solid var(--hl); color: var(--text); }
html[data-tema="gelap"] .reg-info { background: var(--ink-soft); }
html[data-tema="gelap"] .reg-info dt { color: var(--muted); }
html[data-tema="gelap"] .reg-sub { color: var(--ink); }
html[data-tema="gelap"] .reg-poin li::marker { color: var(--ink); }
html[data-tema="gelap"] .fx-miring::after { background: radial-gradient(420px circle at var(--fx-mx, 50%) var(--fx-my, 50%), var(--fx-kilau, transparent), transparent 45%); }
html[data-tema="gelap"] .fx-miring:hover { box-shadow: 0 14px 34px rgba(28,47,122,.16); }
html[data-tema="gelap"] .fx-progres { background: linear-gradient(90deg, var(--hl, #ffe14d), #ff8ab3, var(--hl, #ffe14d)); box-shadow: 0 0 10px rgba(255,225,77,.7); color: #1d2333; }

/* ---- Penyesuaian khusus tema gelap (disalin apa adanya ke akhir gelap.css) ---- */
html[data-tema="gelap"] .logo-terang { display: none; }
html[data-tema="gelap"] .logo-gelap { display: block; }
html[data-tema="gelap"] body { background: var(--paper); color: var(--text); }
html[data-tema="gelap"] input, html[data-tema="gelap"] select, html[data-tema="gelap"] textarea { background-color: #14161c; color: var(--text); border-color: #363c48; }
html[data-tema="gelap"] input::placeholder, html[data-tema="gelap"] textarea::placeholder { color: #7f88a3; }
html[data-tema="gelap"] input[type="checkbox"], html[data-tema="gelap"] input[type="radio"] { accent-color: #8fa4e6; }
html[data-tema="gelap"] .tema-btn { border-color: rgba(255, 255, 255, .28); }
/* Gambar & karakter tetap berwarna asli; lingkar avatar tetap putih agar karakter jelas (sesuai gaya situs). */
html[data-tema="gelap"] img:not(.brand-logo) { filter: none; }
html[data-tema="gelap"] .merek-prev { background-color: #e9ecf5; }
html[data-tema="gelap"] ::selection { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] code, html[data-tema="gelap"] kbd { background: #252a35; color: #dfe3ec; }
html[data-tema="gelap"] hr { border-color: var(--line); }
html[data-tema="gelap"] table th { color: var(--text); }
html[data-tema="gelap"] a:hover { color: #f3a6c4; }
html[data-tema="gelap"] input:focus-visible, html[data-tema="gelap"] select:focus-visible, html[data-tema="gelap"] textarea:focus-visible { outline-color: rgba(125, 149, 255, .55); }
html[data-tema="gelap"] .toast { background: #e6e9f2; color: #1d2333; }
html[data-tema="gelap"] .wm span { color: #c9cfdb; }
html[data-tema="gelap"] .wm, html[data-tema="gelap"] .wm-page { opacity: .06; }
html[data-tema="gelap"] .set-nav a[aria-current="page"] em { background: rgba(0, 0, 0, .28); }
html[data-tema="gelap"].ada-wm .card, html[data-tema="gelap"].ada-wm .opt, html[data-tema="gelap"].ada-wm .q, html[data-tema="gelap"].ada-wm .side, html[data-tema="gelap"].ada-wm .soal-box { background-image: var(--wm-pola-gelap) !important; }
html[data-tema="gelap"] .notif-btn { border-color: rgba(255, 255, 255, .28); }
html[data-tema="gelap"] .notif-btn .notif-n { border-color: #171b24; }
html[data-tema="gelap"] .notice.tindak:hover span { color: #1c2f7a; }
html[data-tema="gelap"] .kp-threads, html[data-tema="gelap"] .kp-x { background: #000; border-color: #3a3f4d; }
html[data-tema="gelap"] .share-umur.tunggu { color: #f0d27a; }
html[data-tema="gelap"] .kp-no { background: #3b4f9e; }
html[data-tema="gelap"] .kp-li { background: #0a66c2; }
html[data-tema="gelap"] .btn-dc { background: #5865f2; border-color: #5865f2; color: #fff; }
html[data-tema="gelap"] .btn-tg { background: #229ed9; border-color: #229ed9; color: #fff; }
html[data-tema="gelap"] .dc-logo { color: #fff; }
html[data-tema="gelap"] .dc-logo.wa-logo { background: #1a8a4a; }
html[data-tema="gelap"] .adm-tautan { background: #2b2a1c; border-color: #8a7a2a; }
html[data-tema="gelap"] .chip-tinta { background: #3b4f9e; border-color: #3b4f9e; color: #fff; }
html[data-tema="gelap"] .nav-panel-lepas a[aria-current] { background: #3d55b0; color: #fff; }
html[data-tema="gelap"] .fr-l-admin { background: #3b4f9e; box-shadow: 0 0 0 1px #6f86e0; }
html[data-tema="gelap"] .fr-nama.fr-admin { color: #ff7fb0; }
/* Nama & lencana eksklusif member di tema gelap: palet situs (tinta, emas, magenta), teks gradasi tetap ter-clip ke teks */
html[data-tema="gelap"] .fr-nama.fr-p3 { color: #a9bbff; text-shadow: none; }
html[data-tema="gelap"] .fr-nama.fr-p5 { background: linear-gradient(90deg, #e8bf55, #fff0bf, #e8bf55); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; filter: none; }
html[data-tema="gelap"] .fr-nama.fr-pass { background: linear-gradient(90deg, #f6dc8c, #ff8fbf, #f6dc8c); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; filter: none; }
html[data-tema="gelap"] .fr-l-p3 { background: #1f2a55; color: #dfe6ff; box-shadow: inset 0 0 0 1px #4a5fb0; }
html[data-tema="gelap"] .fr-l-p5 { background: linear-gradient(135deg, #f4dc94, #d9a93b 55%, #f0d27e); color: #2e1f00; box-shadow: inset 0 0 0 1px #f6dc8c, 0 0 10px -2px rgba(226, 181, 74, .55); }
html[data-tema="gelap"] .fr-l-pass { background: linear-gradient(135deg, #24398f 0%, #5a2580 55%, #c2185b 100%); color: #f6dc8c; text-shadow: none; box-shadow: inset 0 0 0 1px #e2bd5a, 0 0 12px -2px rgba(226, 189, 90, .5); }
html[data-tema="gelap"] .fr-l-admin { background: #2a3a8a; color: #fff; box-shadow: inset 0 0 0 1px #6f86e0; }