/* ═══ 2026-11-08: MODE TERANG — aktif kalau (tombol ☀️/🌙 di navbar). Dimuat paling akhir; halaman baca (/read/) sengaja tetap gelap. ═══ */ html[data-theme="light"] { --bg: #f4f5f8; --panel: #ffffff; --panel-2: #eef0f4; --ink: #161a23; --muted: #5d6676; --line: #e1e4ea; --accent: #f26a21; --accent-soft: rgba(242, 106, 33, .10); --hairline: rgba(16, 24, 40, .08); --card-grad: linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%); --glow: 0 6px 20px rgba(242, 106, 33, .22); color-scheme: light; } html[data-theme="light"] body { color: var(--ink); background: radial-gradient(1100px 520px at 50% -8%, rgba(255, 122, 61, .10), transparent 62%), var(--bg); } html[data-theme="light"] ::selection { background: rgba(255, 122, 61, .3); color: #111; } .th-btn .th-sun { display: none; } html[data-theme="light"] .th-btn .th-moon { display: none; } html[data-theme="light"] .th-btn .th-sun { display: block; } /* ── dari style.css ── */ :where(html[data-theme="light"]) a { color: #2563eb; } :where(html[data-theme="light"]) .nav-link:hover { border-color: var(--line); } :where(html[data-theme="light"]) .nav-burger:hover { border-color: var(--line); } :where(html[data-theme="light"]) .drawer { background: #ffffff; } :where(html[data-theme="light"]) .drawer-overlay { background: rgba(16, 24, 40, 0.099); } :where(html[data-theme="light"]) .drawer-item:hover { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .nav { background: #ffffff; } :where(html[data-theme="light"]) .divider { border-top: 1px solid var(--line, var(--line)); } :where(html[data-theme="light"]) .login-box { background: var(--card,#ffffff); border: 1px solid var(--line,var(--line)); } :where(html[data-theme="light"]) .login-box input { border: 1px solid var(--line,var(--line)); color: var(--ink,var(--ink)); } :where(html[data-theme="light"]) .card:hover { box-shadow: 0 10px 30px rgba(16, 24, 40, 0.122); } :where(html[data-theme="light"]) .cover { background: linear-gradient(180deg,var(--panel-2),#ffffff); } :where(html[data-theme="light"]) .card-sub { color: var(--muted, var(--muted)); } :where(html[data-theme="light"]) .card-sub .ch { color: var(--muted, var(--muted)); } :where(html[data-theme="light"]) .card-sub .ts { color: var(--muted, var(--muted)); } :where(html[data-theme="light"]) .pill { color: var(--ink); background: rgba(16, 24, 40, 0.054); border: 1px solid rgba(16, 24, 40, 0.156); } :where(html[data-theme="light"]) .pill:hover { background: rgba(16, 24, 40, 0.108); } :where(html[data-theme="light"]) .pill.on { color: var(--ink); } :where(html[data-theme="light"]) .genre-pill { color: #2563eb; } :where(html[data-theme="light"]) .genre-pill:hover { color: var(--ink); } :where(html[data-theme="light"]) .genre-pill.active { color: var(--ink); } :where(html[data-theme="light"]) .chap:hover { border-color: var(--line); } :where(html[data-theme="light"]) .btn.bookmark.need-login { background: var(--panel-2, rgba(16, 24, 40, 0.045)); border: 1px dashed var(--line, rgba(16, 24, 40, 0.195)); color: var(--muted, #3b4252); } :where(html[data-theme="light"]) .btn.bookmark.need-login:hover { border-color: var(--line); } :where(html[data-theme="light"]) .chap.read { background: var(--panel-1, rgba(16, 24, 40, 0.018)); border-color: rgba(16, 24, 40, 0.065); } :where(html[data-theme="light"]) .chap.read:hover { border-color: var(--line); } :where(html[data-theme="light"]) .more-btn:hover { border-color: var(--line); } :where(html[data-theme="light"]) .rec-card:hover { border-color: var(--line); } :where(html[data-theme="light"]) .r-header { background: #ffffff; } :where(html[data-theme="light"]) .r-src { background: rgba(16, 24, 40, 0.072); } :where(html[data-theme="light"]) .r-body img { background: #ffffff; } :where(html[data-theme="light"]) .r-nav { background: #ffffff; } :where(html[data-theme="light"]) .r-nav-btn:hover { border-color: var(--line); } :where(html[data-theme="light"]) .r-fab { background: #ffffff; } @media (max-width: 720px) { :where(html[data-theme="light"]) .nav-icons .nav-link { border: none; background: transparent; } } :where(html[data-theme="light"]) .login-err { background: var(--panel-2); color: #dc2626; border: 1px solid var(--line); } :where(html[data-theme="light"]) .btn.bookmark { border: 1px solid var(--line,var(--line)); color: var(--ink,var(--ink)); } :where(html[data-theme="light"]) .acc-item { background: var(--card,#ffffff); border: 1px solid var(--line,var(--line)); } :where(html[data-theme="light"]) .acc-card { background: var(--card,#ffffff); border: 1px solid var(--line,var(--line)); } :where(html[data-theme="light"]) .acc-flash.ok { background: var(--panel-2); } :where(html[data-theme="light"]) .acc-flash.err { border-color: var(--line); background: #ffffff; } :where(html[data-theme="light"]) .acc-form { background: var(--card,#ffffff); border: 1px solid var(--line,var(--line)); } :where(html[data-theme="light"]) .acc-form label { color: var(--muted,var(--muted)); } :where(html[data-theme="light"]) .acc-form input { background: var(--bg); border: 1px solid var(--line,var(--line)); color: var(--ink,var(--ink)); } :where(html[data-theme="light"]) .bm-toggle { border: 1px solid var(--line,var(--line)); color: var(--muted,var(--muted)); } :where(html[data-theme="light"]) .bm-toggle:hover { color: var(--ink,var(--ink)); } :where(html[data-theme="light"]) .bm-del { border: 1px solid var(--line,var(--line)); color: var(--muted,var(--muted)); } :where(html[data-theme="light"]) .strip-cover { background: linear-gradient(180deg,var(--panel-2),#ffffff); } :where(html[data-theme="light"]) .admin-card { background: var(--card,#ffffff); border: 1px solid var(--line,var(--line)); } :where(html[data-theme="light"]) .stat-row { border-bottom: 1px solid var(--line,var(--line)); } :where(html[data-theme="light"]) .stat-row.warn b { color: #dc2626; } :where(html[data-theme="light"]) .user-row { border-bottom: 1px solid var(--line,var(--line)); } :where(html[data-theme="light"]) .btn.danger { color: #dc2626; border-color: var(--line); } :where(html[data-theme="light"]) .log { background: var(--bg); border: 1px solid var(--line,var(--line)); } /* ── dari polish.css ── */ :where(html[data-theme="light"]) ::-webkit-scrollbar-thumb { background: var(--panel-2); } :where(html[data-theme="light"]) .nav { box-shadow: 0 10px 30px rgba(16, 24, 40, 0.122); } :where(html[data-theme="light"]) .nav-link:hover { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .card:hover { box-shadow: 0 16px 36px rgba(16, 24, 40, 0.140), 0 0 0 1px rgba(255, 122, 61, 0.16); } :where(html[data-theme="light"]) .card:hover .meta h3 { color: var(--ink); } :where(html[data-theme="light"]) .strip-card:hover .strip-cover { box-shadow: 0 10px 22px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .strip-card:hover .strip-title { color: var(--ink); } :where(html[data-theme="light"]) .rec-card:hover { box-shadow: 0 12px 26px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .btn:not(.primary):not(.danger):hover { background: var(--panel-2); } :where(html[data-theme="light"]) .pager a:hover { box-shadow: 0 4px 12px rgba(16, 24, 40, 0.122); } :where(html[data-theme="light"]) .chap:hover { box-shadow: 0 4px 10px rgba(16, 24, 40, 0.105); } :where(html[data-theme="light"]) .drawer { box-shadow: -24px 0 60px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .admin-card { background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%); border-color: var(--line); box-shadow: 0 8px 22px rgba(16, 24, 40, 0.098); } :where(html[data-theme="light"]) .user-row:hover { background: rgba(16, 24, 40, 0.027); } :where(html[data-theme="light"]) .log { color: var(--ink); background: var(--bg); border: 1px solid var(--line); } :where(html[data-theme="light"]) .log::-webkit-scrollbar-thumb { background: var(--panel-2); } :where(html[data-theme="light"]) .login-box { background: linear-gradient(180deg, #ffffff, #ffffff); border-color: var(--line); box-shadow: 0 18px 50px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .r-header { box-shadow: 0 10px 30px rgba(16, 24, 40, 0.122); } :where(html[data-theme="light"]) .r-nav { box-shadow: 0 -10px 30px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .r-nav-btn:hover { box-shadow: 0 6px 16px rgba(16, 24, 40, 0.122); } :where(html[data-theme="light"]) .foot { border-top-color: rgba(16, 24, 40, 0.078); } :where(html[data-theme="light"]) .user-search input { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--panel-2), var(--panel-2)); } :where(html[data-theme="light"]) .nav { background: linear-gradient(180deg, #ffffff, rgba(16, 24, 40, 0.140)); } :where(html[data-theme="light"]) .search input { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .search input:focus { background: rgba(16, 24, 40, 0.054); box-shadow: 0 0 0 4px rgba(255, 122, 61, 0.15), 0 4px 24px rgba(16, 24, 40, 0.122); } :where(html[data-theme="light"]) .card:hover { box-shadow: 0 18px 44px rgba(16, 24, 40, 0.140), 0 0 0 1px rgba(255, 122, 61, 0.18), 0 0 34px rgba(255, 122, 61, 0.12); } :where(html[data-theme="light"]) .card::after { background: linear-gradient(160deg, rgba(16, 24, 40, 0.090), transparent 42%); } :where(html[data-theme="light"]) .cover { background: linear-gradient(160deg, var(--panel-2), #ffffff); } :where(html[data-theme="light"]) .card:hover .meta h3 { color: var(--ink); } :where(html[data-theme="light"]) .card-sub .ch { color: #d9541a; } :where(html[data-theme="light"]) .tag, :where(html[data-theme="light"]) .genres .tag, :where(html[data-theme="light"]) .genre-tag, :where(html[data-theme="light"]) .genre-pill { color: #c2410c; } :where(html[data-theme="light"]) .btn:not(.primary) { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .cover-big { box-shadow: 0 24px 60px rgba(16, 24, 40, 0.140), 0 0 0 1px rgba(255, 122, 61, 0.10), 0 0 44px rgba(255, 122, 61, 0.10); } :where(html[data-theme="light"]) .cover-big:hover { box-shadow: 0 30px 70px rgba(16, 24, 40, 0.140), 0 0 54px rgba(255, 122, 61, 0.16); } :where(html[data-theme="light"]) .desc { color: var(--ink); } :where(html[data-theme="light"]) .chgrid-wrap { background: linear-gradient(180deg, #ffffff, #ffffff); box-shadow: inset 0 1px 0 rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .r-header { background: linear-gradient(180deg, #ffffff, rgba(16, 24, 40, 0.135)); } :where(html[data-theme="light"]) .r-nav { background: rgba(16, 24, 40, 0.148); box-shadow: 0 -12px 40px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .r-nav-btn { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .admin-card { box-shadow: 0 10px 30px rgba(16, 24, 40, 0.087); } :where(html[data-theme="light"]) .r-nav-btn { background: rgba(16, 24, 40, 0.045); box-shadow: inset 0 1px 0 rgba(16, 24, 40, 0.060); } :where(html[data-theme="light"]) .r-nav-btn:nth-child(2) { color: #c2410c; } :where(html[data-theme="light"]) .r-nav-btn.primary { box-shadow: var(--glow), inset 0 1px 0 rgba(16, 24, 40, 0.120); } :where(html[data-theme="light"]) .r-nav-btn.primary:hover { box-shadow: 0 12px 34px rgba(255, 106, 26, 0.5), inset 0 1px 0 rgba(16, 24, 40, 0.120); } :where(html[data-theme="light"]) .r-fab { background: #ffffff; color: #d9541a; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.140), 0 0 16px rgba(255, 122, 61, 0.22); } :where(html[data-theme="light"]) .r-fab:hover { box-shadow: 0 12px 30px rgba(16, 24, 40, 0.140), 0 0 24px rgba(255, 122, 61, 0.4); } :where(html[data-theme="light"]) .admin-tabs { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .admin-tab:hover { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .set-label { color: #d9541a; } :where(html[data-theme="light"]) .set-label input, :where(html[data-theme="light"]) .set-label textarea { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .set-preview { box-shadow: 0 10px 30px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) #f-settings input[type="file"]::file-selector-button { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .serp { background: #ffffff; } :where(html[data-theme="light"]) .serp-url { color: #3b4252; } :where(html[data-theme="light"]) .serp-desc { color: #3b4252; } :where(html[data-theme="light"]) .share-card { background: #ffffff; } :where(html[data-theme="light"]) .share-img { background: linear-gradient(135deg, var(--panel-2), #ffffff); } :where(html[data-theme="light"]) .qlink { color: #c2410c; } :where(html[data-theme="light"]) .merge-input { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .merge-keep label { background: rgba(16, 24, 40, 0.027); } :where(html[data-theme="light"]) .suggest-box { background: #ffffff; box-shadow: 0 18px 44px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .suggest-item { border-top: 1px solid rgba(16, 24, 40, 0.065); } :where(html[data-theme="light"]) .hbadge.ok { color: #16a34a; } :where(html[data-theme="light"]) .vbar.empty { background: rgba(16, 24, 40, 0.063); } :where(html[data-theme="light"]) .vtotal { color: #d9541a; } :where(html[data-theme="light"]) .spill { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .lpill { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .krow { border-top: 1px solid rgba(16, 24, 40, 0.058); } :where(html[data-theme="light"]) .kch { color: #d9541a; } :where(html[data-theme="light"]) .fchip { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .fchip span { color: #d9541a; } :where(html[data-theme="light"]) .fchip.active span { background: rgba(16, 24, 40, 0.040); } :where(html[data-theme="light"]) .fnew input { background: rgba(16, 24, 40, 0.027); } :where(html[data-theme="light"]) .bm-folder { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .bm-folder option { background: #ffffff; } :where(html[data-theme="light"]) .imp-form input[type="file"]::file-selector-button { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .hbadge.run { color: #2563eb; } :where(html[data-theme="light"]) .stop-btn { color: #dc2626; } :where(html[data-theme="light"]) .stop-btn:hover { color: #b91c1c; } :where(html[data-theme="light"]) .job-idle { color: #16a34a; } :where(html[data-theme="light"]) .cont-pct { background: rgba(16, 24, 40, 0.130); color: #d9541a; } :where(html[data-theme="light"]) .r-report { border: 1px dashed rgba(16, 24, 40, 0.200); } :where(html[data-theme="light"]) .r-report.sent { color: #16a34a; } :where(html[data-theme="light"]) .live-chip { color: #16a34a; } :where(html[data-theme="light"]) .job-row { background: linear-gradient(180deg, rgba(16, 24, 40, 0.041), rgba(16, 24, 40, 0.013)); } :where(html[data-theme="light"]) .job-timer { color: #d9541a; } :where(html[data-theme="light"]) .job-sub i { color: var(--muted); } :where(html[data-theme="light"]) .stop-btn { color: #dc2626; } :where(html[data-theme="light"]) .stop-btn:hover { color: #b91c1c; } :where(html[data-theme="light"]) .idle-icon { color: #16a34a; } :where(html[data-theme="light"]) .job-idle-big b { color: #16a34a; } :where(html[data-theme="light"]) .rep-bd { background: rgba(16, 24, 40, 0.119); } :where(html[data-theme="light"]) .rep-box { background: linear-gradient(180deg, #ffffff, #ffffff); box-shadow: 0 26px 70px rgba(16, 24, 40, 0.140), 0 0 34px rgba(255, 122, 61, 0.14); } :where(html[data-theme="light"]) .rep-x:hover { background: rgba(16, 24, 40, 0.081); } :where(html[data-theme="light"]) .rep-chip { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .rep-box textarea { background: rgba(16, 24, 40, 0.058); } :where(html[data-theme="light"]) .rep-err { color: #dc2626; } :where(html[data-theme="light"]) .rep-batal { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .rep-batal:hover { background: rgba(16, 24, 40, 0.099); } :where(html[data-theme="light"]) .rep-done-ic { color: #16a34a; } :where(html[data-theme="light"]) .rep-done b { color: #16a34a; } :where(html[data-theme="light"]) .al-btn { color: #16a34a; } :where(html[data-theme="light"]) .al-btn b { color: #15803d; } :where(html[data-theme="light"]) .al-btn.off { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .r-set-btn { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .rset-bd { background: rgba(16, 24, 40, 0.112); } :where(html[data-theme="light"]) .rset-box { background: linear-gradient(180deg, #ffffff, #ffffff); box-shadow: 0 26px 70px rgba(16, 24, 40, 0.140), 0 0 34px rgba(255, 122, 61, 0.14); } :where(html[data-theme="light"]) .rset-row { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .rset-row.off .rset-sw { background: rgba(16, 24, 40, 0.072); } :where(html[data-theme="light"]) .rset-note { background: rgba(16, 24, 40, 0.027); } :where(html[data-theme="light"]) .rseg { background: rgba(16, 24, 40, 0.063); } :where(html[data-theme="light"]) .rset-play { color: #16a34a; } :where(html[data-theme="light"]) .dup-keep { color: #16a34a; } :where(html[data-theme="light"]) .btn-kill { color: #dc2626; } :where(html[data-theme="light"]) .fix-msg.ok { color: #16a34a; } :where(html[data-theme="light"]) .fix-msg.err { color: #dc2626; } :where(html[data-theme="light"]) .gap-fill { color: #16a34a; } :where(html[data-theme="light"]) .gap-fill.done { color: #2563eb; } @media (max-width: 600px) { :where(html[data-theme="light"]) .admin-tabs { background: #ffffff; } } :where(html[data-theme="light"]) .ch-sum { background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .ch-sum b { color: var(--ok, #16a34a); } :where(html[data-theme="light"]) .ch-bar { background: rgba(16, 24, 40, 0.063); } :where(html[data-theme="light"]) .sub-nav { background: rgba(16, 24, 40, 0.027); } :where(html[data-theme="light"]) .sub-tab:hover { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .sub-tab.sub-link { color: #d9541a; } @media (max-width: 600px) { :where(html[data-theme="light"]) .sub-nav { background: #ffffff; } } :where(html[data-theme="light"]) .act-group { background: rgba(16, 24, 40, 0.023); } :where(html[data-theme="light"]) .btn.ok-btn { color: #15803d; } :where(html[data-theme="light"]) .act-input { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .act-select { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .set-hint { background: rgba(16, 24, 40, 0.027); } :where(html[data-theme="light"]) .set-hint code { color: #d9541a; } :where(html[data-theme="light"]) .admin-card textarea { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .gen-sec { background: rgba(16, 24, 40, 0.020); } :where(html[data-theme="light"]) .row-num { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .pg-btn { background: rgba(16, 24, 40, 0.045); } /* ── dari nav.css ── */ :where(html[data-theme="light"]) .nav-menu { background: rgba(16, 24, 40, 0.032); border: 1px solid rgba(16, 24, 40, 0.091); } :where(html[data-theme="light"]) .nm-item:hover { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .nm-item.on { color: #d9541a; } :where(html[data-theme="light"]) .nu-admin { border: 1px solid rgba(16, 24, 40, 0.104); background: rgba(16, 24, 40, 0.027); } :where(html[data-theme="light"]) .nu-login { color: #d9541a; } @media (max-width: 720px) { :where(html[data-theme="light"]) .tabbar { background: #ffffff; border-top: 1px solid rgba(16, 24, 40, 0.091); } :where(html[data-theme="light"]) .tb-item { color: #3b4252; } :where(html[data-theme="light"]) .tb-item.on { color: #d9541a; } } :where(html[data-theme="light"]) .nu-menu { background: #ffffff; border: 1px solid rgba(16, 24, 40, 0.117); box-shadow: 0 18px 48px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .nu-menu > a:hover, :where(html[data-theme="light"]) .nu-menu > button:hover { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .nu-head { border-bottom: 1px solid rgba(16, 24, 40, 0.091); } :where(html[data-theme="light"]) .nu-head span { color: #d9541a; } :where(html[data-theme="light"]) .nu-cont small { color: #d9541a; } :where(html[data-theme="light"]) .nu-menu > a.nu-out { border-top: 1px solid rgba(16, 24, 40, 0.091); } :where(html[data-theme="light"]) .sov { background: var(--bg); } :where(html[data-theme="light"]) .sov-bar { border-bottom: 1px solid rgba(16, 24, 40, 0.091); } :where(html[data-theme="light"]) .sov-bar input { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .sov-cont span { color: #d9541a; } :where(html[data-theme="light"]) .sov-chip { background: rgba(16, 24, 40, 0.045); border: 1px solid rgba(16, 24, 40, 0.104); } :where(html[data-theme="light"]) .sov-item { border-bottom: 1px solid rgba(16, 24, 40, 0.065); } :where(html[data-theme="light"]) .sov-item img { background: #ffffff; } :where(html[data-theme="light"]) .kf-modal { background: rgba(16, 24, 40, 0.130); } :where(html[data-theme="light"]) .kf-box { background: #ffffff; border: 1px solid rgba(16, 24, 40, 0.130); box-shadow: 0 24px 60px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .kf-x { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .kf-row { border-top: 1px solid rgba(16, 24, 40, 0.091); } :where(html[data-theme="light"]) .kf-act .up-ghost { background: rgba(16, 24, 40, 0.045); border: 1px solid rgba(16, 24, 40, 0.156); } :where(html[data-theme="light"]) .pref-sw { background: rgba(16, 24, 40, 0.120); } :where(html[data-theme="light"]) .kk-lock { border: 1px solid var(--line, var(--line)); background: rgba(16, 24, 40, 0.027); } /* ── dari user.css ── */ :where(html[data-theme="light"]) .up-ghost { background: rgba(16, 24, 40, 0.036); border: 1px solid rgba(16, 24, 40, 0.130); } :where(html[data-theme="light"]) .up-ghost.danger { color: #dc2626; } :where(html[data-theme="light"]) .up-ico { border: 1px solid rgba(16, 24, 40, 0.104); } :where(html[data-theme="light"]) .up-ico:hover { border-color: rgba(16, 24, 40, 0.200); } :where(html[data-theme="light"]) .up-tools input[type=search] { background: rgba(16, 24, 40, 0.036); border: 1px solid rgba(16, 24, 40, 0.117); } :where(html[data-theme="light"]) .up-tools select { background: #ffffff; border: 1px solid rgba(16, 24, 40, 0.117); } :where(html[data-theme="light"]) .up-bar { background: rgba(16, 24, 40, 0.072); } :where(html[data-theme="light"]) .up-more { background: rgba(16, 24, 40, 0.036); border: 1px solid rgba(16, 24, 40, 0.130); } :where(html[data-theme="light"]) .hist-row { background: rgba(16, 24, 40, 0.023); border: 1px solid rgba(16, 24, 40, 0.065); } :where(html[data-theme="light"]) .hist-cover img { background: #ffffff; } :where(html[data-theme="light"]) .hist-title:hover { color: #d9541a; } :where(html[data-theme="light"]) .fchip-new { color: #d9541a; } :where(html[data-theme="light"]) .bm-cover { background: #ffffff; } :where(html[data-theme="light"]) .bm-new { box-shadow: 0 4px 12px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .bm-title:hover { color: #d9541a; } :where(html[data-theme="light"]) .bm-done { color: #15803d; } :where(html[data-theme="light"]) .bm-more summary { background: rgba(16, 24, 40, 0.130); color: var(--ink); } :where(html[data-theme="light"]) .bm-pop { background: #ffffff; border: 1px solid rgba(16, 24, 40, 0.130); box-shadow: 0 14px 36px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .bm-pop select { background: #ffffff; border: 1px solid rgba(16, 24, 40, 0.130); } :where(html[data-theme="light"]) .bm-pop .bm-del { color: #dc2626; } @media (max-width: 720px) { :where(html[data-theme="light"]) .bm-more[open] summary::after { background: rgba(16, 24, 40, 0.081); } } :where(html[data-theme="light"]) .acc-stats a { background: rgba(16, 24, 40, 0.045); } :where(html[data-theme="light"]) .acc-card2 { background: rgba(16, 24, 40, 0.023); border: 1px solid rgba(16, 24, 40, 0.091); } :where(html[data-theme="light"]) .pref-row { border-top: 1px solid rgba(16, 24, 40, 0.078); } :where(html[data-theme="light"]) .pref-seg { background: rgba(16, 24, 40, 0.054); border: 1px solid rgba(16, 24, 40, 0.091); } :where(html[data-theme="light"]) .pref-seg button[aria-pressed=true] { color: #d9541a; } :where(html[data-theme="light"]) .pref-sw { background: rgba(16, 24, 40, 0.120); } :where(html[data-theme="light"]) .pref-saved { color: #15803d; } :where(html[data-theme="light"]) .acc-f input { background: rgba(16, 24, 40, 0.054); border: 1px solid rgba(16, 24, 40, 0.130); } :where(html[data-theme="light"]) .acc-out:hover { color: #dc2626; } :where(html[data-theme="light"]) .auth2-box { background: radial-gradient(120% 80% at 0% 0%, rgba(255,122,61,0.12), rgba(255,122,61,0) 60%), rgba(16, 24, 40, 0.023); border: 1px solid rgba(16, 24, 40, 0.104); } :where(html[data-theme="light"]) .auth2-alt a { color: #d9541a; } :where(html[data-theme="light"]) .pw-eye { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .kcov { background: #ffffff; } :where(html[data-theme="light"]) .push-btn { color: #d9541a; } :where(html[data-theme="light"]) .push-btn[data-state="on"] { color: #15803d; } /* ── dari detail.css ── */ :where(html[data-theme="light"]) .dt-cover img { box-shadow: 0 20px 50px rgba(16, 24, 40, 0.140); background: #ffffff; } :where(html[data-theme="light"]) .dt-facts > div { background: rgba(16, 24, 40, 0.054); border: 1px solid rgba(16, 24, 40, 0.078); } :where(html[data-theme="light"]) .dt-facts dd.is-on { color: #15803d; } :where(html[data-theme="light"]) .dt-actions .bookmark.marked { color: #d9541a; } :where(html[data-theme="light"]) .dt-desc { color: var(--ink); } :where(html[data-theme="light"]) .dt-more { color: #d9541a; } :where(html[data-theme="light"]) .chap.read::after { color: #15803d; } @media (max-width: 720px) { :where(html[data-theme="light"]) .dt-facts > div { border: 0; background: none; border-radius: 0; } :where(html[data-theme="light"]) .dt-facts dd { color: var(--ink); } } :where(html[data-theme="light"]) .rr-btn { border: 1px solid rgba(16, 24, 40, 0.130); background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .rr-btn:hover:not(:disabled) { color: #d9541a; } :where(html[data-theme="light"]) .rr-cover { background: #ffffff; box-shadow: 0 10px 24px rgba(16, 24, 40, 0.122); } :where(html[data-theme="light"]) .rr-cover::after { background: linear-gradient(transparent, var(--bg)); } :where(html[data-theme="light"]) .rr-type { background: rgba(16, 24, 40, 0.144); color: #3b4252; border: 1px solid rgba(16, 24, 40, 0.195); } :where(html[data-theme="light"]) .rr-ch { color: var(--ink); } :where(html[data-theme="light"]) .rr-card:hover .rr-title { color: #d9541a; } :where(html[data-theme="light"]) .kf-admin select { background: #ffffff; border: 1px solid rgba(16, 24, 40, 0.156); } :where(html[data-theme="light"]) .kf-admin-ok { color: #15803d; } /* ── dari home.css ── */ :where(html[data-theme="light"]) .rs-cov, :where(html[data-theme="light"]) .t10-cov, :where(html[data-theme="light"]) .tr-cov, :where(html[data-theme="light"]) .rl-cov { background: #ffffff; } :where(html[data-theme="light"]) .rs-card { background: linear-gradient(135deg, rgba(255,122,61,.10), rgba(16, 24, 40, 0.018) 55%); } :where(html[data-theme="light"]) .rs-bar { background: rgba(16, 24, 40, 0.072); } :where(html[data-theme="light"]) .t10-cov { box-shadow: -6px 6px 18px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .t10-card:hover .t10-t { color: var(--ink); } :where(html[data-theme="light"]) .tr-row:hover { background: rgba(16, 24, 40, 0.032); } :where(html[data-theme="light"]) .tr-bar { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .rl-ch { box-shadow: 0 2px 8px rgba(16, 24, 40, 0.140); } @media (max-width: 720px) { :where(html[data-theme="light"]) .tr-more { background: none; } } :where(html[data-theme="light"]) .hm-arr { background: rgba(16, 24, 40, 0.027); } :where(html[data-theme="light"]) .uc { background: var(--panel, #ffffff); border: 1px solid var(--line, var(--line)); } :where(html[data-theme="light"]) .uc-cov { background: #ffffff; } :where(html[data-theme="light"]) .uc h3 a:hover { color: var(--ink); } :where(html[data-theme="light"]) .uc-ch { background: rgba(16, 24, 40, 0.041); } :where(html[data-theme="light"]) .uc-ch:hover { background: rgba(16, 24, 40, 0.081); } :where(html[data-theme="light"]) .uc-ch:first-child { color: #d9541a; } :where(html[data-theme="light"]) .uc-ch.read { background: rgba(16, 24, 40, 0.023); } :where(html[data-theme="light"]) .uc-ch.read:first-child { background: rgba(16, 24, 40, 0.023); } :where(html[data-theme="light"]) html[data-theme="light"] .uc-ch.read, :where(html[data-theme="light"]) html[data-theme="light"] .uc-ch.read:first-child { background: rgba(16, 24, 40, 0.040); } :where(html[data-theme="light"]) .sr-row { background: var(--panel, #ffffff); border: 1px solid var(--line, var(--line)); } :where(html[data-theme="light"]) .sr-cov { background: #ffffff; } :where(html[data-theme="light"]) .sr-on { color: #15803d; } :where(html[data-theme="light"]) .sr-g i { background: rgba(16, 24, 40, 0.054); } :where(html[data-theme="light"]) .sr-sug a { color: #d9541a; } :where(html[data-theme="light"]) .sr-pcv { background: #ffffff; } :where(html[data-theme="light"]) html[data-theme="light"] .sr-g i { background: rgba(16, 24, 40, 0.040); } :where(html[data-theme="light"]) .gpick-panel { background: var(--panel, #ffffff); border: 1px solid var(--line, var(--line)); box-shadow: 0 18px 40px rgba(16, 24, 40, 0.140); } :where(html[data-theme="light"]) .gpick-top input { border: 1px solid var(--line, var(--line)); background: rgba(16, 24, 40, 0.036); } :where(html[data-theme="light"]) .gp { background: rgba(16, 24, 40, 0.032); } :where(html[data-theme="light"]) .gp:hover, :where(html[data-theme="light"]) .gp:focus-visible { color: #d9541a; } :where(html[data-theme="light"]) html[data-theme="light"] .gp { background: rgba(16, 24, 40, 0.040); } :where(html[data-theme="light"]) .gpick-x { border: 1px solid var(--line, var(--line)); background: rgba(16, 24, 40, 0.036); } /* ── penyesuaian manual (setelah dicek visual) ── */ html[data-theme="light"] .dt-hero::after { background: linear-gradient(180deg, rgba(244,245,248,.30), rgba(244,245,248,.93)); } html[data-theme="light"] .dt-bg { opacity: .4; } html[data-theme="light"] .dt-cover img { box-shadow: 0 16px 36px rgba(16,24,40,.22); } html[data-theme="light"] .pref-sw:not([aria-checked=true]) { background: rgba(16,24,40,.18); } html[data-theme="light"] input, html[data-theme="light"] textarea, html[data-theme="light"] select { color-scheme: light; } html[data-theme="light"] .tabbar { box-shadow: 0 -4px 18px rgba(16,24,40,.06); } html[data-theme="light"] .nav { background: rgba(255,255,255,.86); -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); box-shadow: 0 1px 0 var(--line), 0 6px 20px rgba(16,24,40,.06); } html[data-theme="light"] .login-box input, html[data-theme="light"] .up-tools input, html[data-theme="light"] .acc-card input, html[data-theme="light"] .chsearch, html[data-theme="light"] .ch-tools input, html[data-theme="light"] .kfa-tools input { background: #fff; } html[data-theme="light"] .nav .search input { background: #fff; border-color: var(--line); }