/* MONTERAH dark theme. Only active when <html data-theme="dark">. Loaded after sharp.css. */
html[data-theme=dark]{
  color-scheme:dark;
  --red:#F0394F;--red-5:#FF5469;--red-6:#FF9BA8;--red-7:#FFB8C1;--red-8:#FFD0D6;
  --red-1:rgba(240,57,79,.14);--red-2:rgba(240,57,79,.24);--red-3:rgba(240,57,79,.42);
  --gold-1:rgba(217,164,65,.16);
  --ink:#F5EEF1;--ink-2:#DACFD4;--muted:#A99DA3;--faint:#7E7278;
  --line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.07);--line-3:rgba(255,255,255,.14);
  --glass:rgba(36,26,31,.78);--glass-b:rgba(40,29,34,.96);--cream:#2A1D22;--surface:#120C0F;
  --ok:#2FD39B;--ok-1:rgba(47,211,155,.14);--warn:#F2B04C;--warn-1:rgba(242,176,76,.14);--info:#7FA2FF;--info-1:rgba(127,162,255,.14);
  --sh:0 12px 30px -18px rgba(0,0,0,.8);--sh-1:0 5px 14px -10px rgba(0,0,0,.8);--sh-2:0 22px 44px -22px rgba(0,0,0,.9);--sh-red:0 12px 24px -12px rgba(240,57,79,.55);
}
html[data-theme=dark] body{background:radial-gradient(700px 420px at -10% -8%,rgba(200,16,46,.22),transparent 62%),radial-gradient(640px 420px at 112% 6%,rgba(217,164,65,.08),transparent 62%),#120C0F;background-repeat:no-repeat;background-attachment:fixed;color:var(--ink)}
html[data-theme=dark] a{color:#FF7C8E}
html[data-theme=dark] .btn-primary,html[data-theme=dark] .btn-primary:hover,html[data-theme=dark] a.btn-primary{color:#fff}
html[data-theme=dark] ::selection{background:rgba(240,57,79,.4)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#1B1317;color:var(--ink);border-color:var(--line-3)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--faint)}
html[data-theme=dark] code,html[data-theme=dark] .code-chip{background:rgba(255,255,255,.08)}
html[data-theme=dark] .alert-success{background:var(--ok-1);border-color:rgba(47,211,155,.3);color:#8CF0CA}
html[data-theme=dark] .alert-error{background:var(--red-1);border-color:rgba(240,57,79,.35);color:#FFB3BC}
html[data-theme=dark] .alert-info{background:var(--info-1);border-color:rgba(127,162,255,.3);color:#B9CBFF}
html[data-theme=dark] .alert-warning{background:var(--warn-1);border-color:rgba(242,176,76,.3);color:#F7CD8C}
html[data-theme=dark] .tbl th{background:rgba(255,255,255,.04);color:var(--muted)}
html[data-theme=dark] .tbl td,html[data-theme=dark] .tbl th{border-color:var(--line)}
html[data-theme=dark] .modal{background:rgba(0,0,0,.65)}
html[data-theme=dark] .skel{background:#2A1D22}html[data-theme=dark] .skel::after{opacity:.2}
html[data-theme=dark] .pod .earn{background:rgba(240,57,79,.16);color:#FF9BA8}
html[data-theme=dark] .pod.first .earn{background:var(--grad);color:#fff}
html[data-theme=dark] .pod .pav{border-color:#2A1D22}
html[data-theme=dark] .podium-wrap::before{background:radial-gradient(closest-side,rgba(243,213,138,.28),rgba(255,214,150,.08) 55%,transparent 75%)}
html[data-theme=dark] .lrow.me{background:var(--red-1);border-color:var(--red-3)}
html[data-theme=dark] .lrow .rk{background:var(--red-1);color:#FF9BA8}
html[data-theme=dark] .mv.new{color:#F3D58A}
html[data-theme=dark] .igrid .gi{color:#FF7C8E}
html[data-theme=dark] .igrid a:hover .gi{background:var(--red);color:#fff}
html[data-theme=dark] .actbar .ai{background:var(--red-1);color:#FF7C8E}
html[data-theme=dark] .actbar a:hover{background:var(--red-1)}
html[data-theme=dark] .proof-stats b{color:#FF7C8E}
html[data-theme=dark] .logo-dark-only{display:inline}
html[data-theme=dark] .site-header img,html[data-theme=dark] .sidebar img[alt=MONTERAH]{filter:brightness(0) invert(1)}
html[data-theme=dark] .wcard{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 18px 30px -20px rgba(0,0,0,.9)}
html[data-theme=dark] .theme-toggle .i-sun{display:inline-block}html[data-theme=dark] .theme-toggle .i-moon{display:none}
/* ---- auto: every light surface/border remapped by brightness; dark text lightened ---- */
html[data-theme=dark] .sp-sq.white{background:linear-gradient(145deg,#1d1d1d,#3e151c)}
html[data-theme=dark] .btn-danger{background:#1d1d1d;border-color:#401d23}
html[data-theme=dark] input[type=text],html[data-theme=dark] input[type=email],html[data-theme=dark] input[type=password],html[data-theme=dark] input[type=tel],html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=date],html[data-theme=dark] input[type=datetime-local],html[data-theme=dark] input[type=search],html[data-theme=dark] select,html[data-theme=dark] textarea{background:rgba(29,29,29,0.92)}
html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{background:#1d1d1d}
html[data-theme=dark] .alert-success{border-color:#274237;color:#a8f0d6}
html[data-theme=dark] .alert-error{border-color:#401d22;color:#ea8696}
html[data-theme=dark] .alert-info{border-color:#152340;color:#6c8fe5}
html[data-theme=dark] .alert-warning{color:#ecc993}
html[data-theme=dark] .card{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .stat{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .wdots i.on{background:#1d1d1d}
html[data-theme=dark] .wc-pill{background:#1d1d1d}
html[data-theme=dark] .chip-btn{background:#1d1d1d}
html[data-theme=dark] .igrid .gb{border:2px solid #1d1d1d}
html[data-theme=dark] .trow{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .req{background:rgba(29,29,29,0.7)}
html[data-theme=dark] .tcard-foot{background:rgba(29,29,29,0.5)}
html[data-theme=dark] .summary{background:rgba(29,29,29,0.7)}
html[data-theme=dark] .tabs{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .wallet-pick .opt{background:rgba(29,29,29,0.7)}
html[data-theme=dark] .bcard .bi{background:#1d1d1d}
html[data-theme=dark] .pod .pav{border:3px solid #1d1d1d}
html[data-theme=dark] .lrow{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .tbl th{background:rgba(29,29,29,0.55)}
html[data-theme=dark] .tbl tbody tr:hover td{background:rgba(29,29,29,0.6)}
html[data-theme=dark] .sidebar{background:rgba(29,29,29,0.8);border-right:1px solid rgba(29,29,29,0.9)}
html[data-theme=dark] .side-user{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .avatar{border:2px solid #1d1d1d}
html[data-theme=dark] .nav-link:hover{background:rgba(29,29,29,0.85)}
html[data-theme=dark] .nav-link.active .pill{background:#1d1d1d}
html[data-theme=dark] .topbar{background:rgba(47,20,16,0.74)}
html[data-theme=dark] .icon-btn{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .dot{border:2px solid #1d1d1d}
html[data-theme=dark] .modal-box{background:#1d1d1d}
html[data-theme=dark] .auth-body{background:#1d1d1d}
html[data-theme=dark] .auth-main{background:radial-gradient(520px 260px at 100% 0%,var(--red-1),transparent 70%),#1d1d1d}
html[data-theme=dark] .error-box{border:1px solid #1d1d1d}
html[data-theme=dark] .site-header .container{border:1px solid #1d1d1d}
html[data-theme=dark] .pill-tag{border:1px solid #1d1d1d}
html[data-theme=dark] .screen{background:linear-gradient(180deg,#361219,#301910 40%,#311017)}
html[data-theme=dark] .float-chip{border:1px solid #1d1d1d}
html[data-theme=dark] .sec.alt{background:rgba(29,29,29,0.5)}
html[data-theme=dark] .dark-sec .wave{fill:#ebe0e4}
html[data-theme=dark] .hstep .hn{border:1px solid #1d1d1d}
html[data-theme=dark] .hstep .hn em{border:2px solid #1d1d1d}
html[data-theme=dark] .bx{border:1px solid #1d1d1d}
html[data-theme=dark] .mini{background:rgba(29,29,29,0.75)}
html[data-theme=dark] .refmini i{background:#1d1d1d}
html[data-theme=dark] .faq details{border:1px solid #1d1d1d}
@media(max-width:900px){
html[data-theme=dark] .auth-main{background:#1d1d1d}
html[data-theme=dark] .auth-box{background:#1d1d1d}
}
@media(max-width:860px){
html[data-theme=dark] .tabbar{background:rgba(29,29,29,0.93);border:1px solid #1d1d1d}
html[data-theme=dark] .site-nav{border:1px solid #1d1d1d}
}
html[data-theme=dark] .igrid .gi{background:linear-gradient(150deg,#1d1d1d,#321117)}
html[data-theme=dark] .mwallet{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .mwallet.gold{background:linear-gradient(135deg,#382d13,#FFE9B8)}
html[data-theme=dark] .ticket-note p{color:#edd196}
html[data-theme=dark] .gtile{border:1px solid rgba(29,29,29,0.95)}
html[data-theme=dark] .gart{background:radial-gradient(80% 100% at 50% 0%,rgba(29,29,29,0.5),transparent 70%),linear-gradient(145deg,#361219,#3e151c)}
html[data-theme=dark] .gtile.scratch .gart{background:radial-gradient(80% 100% at 50% 0%,rgba(29,29,29,0.5),transparent 70%),linear-gradient(145deg,#3f3415,#F3D58A)}
html[data-theme=dark] .mini-scratch{background:linear-gradient(145deg,#2b2d31,#aeb3bd)}
html[data-theme=dark] .mini-scratch i{background:linear-gradient(145deg,#1f2125,#313439)}
html[data-theme=dark] .sc-back{background:radial-gradient(70% 90% at 50% 0%,rgba(29,29,29,0.7),transparent 70%),linear-gradient(145deg,#382d13,#FFE1A8)}
html[data-theme=dark] .sc-back small{color:#e3c479}
html[data-theme=dark] .game-result.win{color:#a8f0d6}
html[data-theme=dark] .game-result.err{color:#ea8696}
html[data-theme=dark] .soon-card{border:1px solid #1d1d1d}
html[data-theme=dark] .sb-close{background:#1d1d1d}
html[data-theme=dark] .side-user .avatar{background:#1d1d1d}
html[data-theme=dark] .su-go{background:#1d1d1d}
html[data-theme=dark] .nav-link:hover{background:rgba(50,17,23,0.8)}
html[data-theme=dark] .nav-foot .nav-link .ic{background:#1d1d1d}
@media(max-width:860px){
html[data-theme=dark] .app-body:not(.admin-body) .sidebar{background:linear-gradient(180deg,#1d1d1d 0%,#2f1410 60%,#321117 100%)}
}
html[data-theme=dark] .avatar.flag{background:#1d1d1d;border:2px solid #1d1d1d}
html[data-theme=dark] .proof-drop{background:linear-gradient(180deg,#1d1d1d,var(--red-1))}
html[data-theme=dark] .pd-prev img{border:2px solid #1d1d1d}
html[data-theme=dark] .proof-thumb img{background:#2b2023}
html[data-theme=dark] .rc-banner{border:1px solid #274237;color:#a8f0d6}
html[data-theme=dark] .rc-a,html[data-theme=dark] .rc-b{background:#1d1d1d}
html[data-theme=dark] .rc-hero{background:linear-gradient(180deg,#341119,#1d1d1d)}
html[data-theme=dark] .jc-box{background:#1d1d1d}
html[data-theme=dark] .jc-x{background:#1d1d1d}
html[data-theme=dark] .jc-top{background:radial-gradient(ellipse at 50% 100%,rgba(200,16,46,.2),rgba(200,16,46,0) 70%),linear-gradient(180deg,#321117,#1d1d1d)}
html[data-theme=dark] .jc-mark{background:#1d1d1d}
html[data-theme=dark] .jc-chip{border:1px solid #1d1d1d}
html[data-theme=dark] .jc-later{background:#1d1d1d}
html[data-theme=dark] .avatar.has-img{background:#1d1d1d}
html[data-theme=dark] .pf-hero{background:#1d1d1d}
html[data-theme=dark] .pf-photo{background:#1d1d1d;border:5px solid #1d1d1d}
html[data-theme=dark] .pf-cam{border:3px solid #1d1d1d}
html[data-theme=dark] .net-pick .net{background:rgba(29,29,29,0.75)}
html[data-theme=dark] .chip-amt{background:rgba(29,29,29,0.8)}
html[data-theme=dark] .plans .plan{background:rgba(29,29,29,0.75)}
html[data-theme=dark] .plans .plan small{color:var(--muted,#9b8c90)}
html[data-theme=dark] .sp-intro{background:linear-gradient(135deg,#1d1d1d,var(--red-1))}
html[data-theme=dark] .sp-post{background:#1d1d1d}
html[data-theme=dark] .sp-toggle{background:rgba(29,29,29,0.7)}
html[data-theme=dark] .sp-sw{background:#363032}
html[data-theme=dark] .sp-sw::after{background:#1d1d1d}
html[data-theme=dark] .sp-drop:hover{background:#1d1d1d}
html[data-theme=dark] .sp-mini{background:#1d1d1d}
html[data-theme=dark] .sp-thumb{background:#292123}
html[data-theme=dark] .qa-row button{background:#1d1d1d}
html[data-theme=dark] .pick-field{background:rgba(29,29,29,0.9)}
html[data-theme=dark] .pf-ic{background:#1d1d1d}
html[data-theme=dark] .pf-ic.wl{background:var(--red-1,#321115);color:var(--red,#e05269)}
html[data-theme=dark] .pf-txt small{color:var(--muted,#9b8c90)}
html[data-theme=dark] .pf-go{color:var(--muted,#9b8c90)}
html[data-theme=dark] .sheet-box{background:#1d1d1d}
html[data-theme=dark] .sheet-search{background:#261c1c;color:var(--muted,#9b8c90)}
html[data-theme=dark] .sheet-search input{color:#d8d8d8}
html[data-theme=dark] .opt-row:hover{background:#2a191b}
html[data-theme=dark] .opt-row.on{background:var(--red-1,#321115)}
html[data-theme=dark] .or-txt small{color:var(--muted,#9b8c90)}
html[data-theme=dark] .sheet-empty{color:var(--muted,#9b8c90)}
html[data-theme=dark] .acct-status{color:var(--muted,#9b8c90)}
html[data-theme=dark] .acct-status.ok{color:#83e9a9}
html[data-theme=dark] .acct-status.err{color:#e05262}
html[data-theme=dark] .acct-status.busy{color:var(--muted,#9b8c90)}
html[data-theme=dark] .bank-form input[readonly]{background:#261c1c}
html[data-theme=dark] .wd-badge .c{stroke:#83e9a9}
html[data-theme=dark] .wd-badge .t{stroke:#83e9a9}
html[data-theme=dark] .wd-done.bad .wd-badge .c,html[data-theme=dark] .wd-done.bad .wd-badge .t{stroke:#e05269}
html[data-theme=dark] .wd-line{color:var(--muted,#9b8c90)}
html[data-theme=dark] .wd-amt small{color:var(--muted,#9b8c90)}
html[data-theme=dark] .wd-bank{background:#1d1d1d}
html[data-theme=dark] .wd-bank small{color:var(--muted,#9b8c90)}
html[data-theme=dark] .wd-rows span{color:var(--muted,#9b8c90)}
html[data-theme=dark] .bill-form .net-pick .net{background:rgba(29,29,29,0.8)}
html[data-theme=dark] .bill-form .chip-amt{background:rgba(29,29,29,0.85)}
html[data-theme=dark] .bill-form .chip-amt:hover,html[data-theme=dark] .bill-form .chip-amt.on{color:var(--red-6,#e67487)}
html[data-theme=dark] .bill-form .plans .plan{background:rgba(29,29,29,0.8)}
html[data-theme=dark] .bill-form .pay-from .tag{background:#1d1d1d}
html[data-theme=dark] .avatar.flag{background:rgba(29,29,29,0.88);border:1px solid #1d1d1d}
html[data-theme=dark] .actbar a,html[data-theme=dark] .actbar a+a{background:#1d1d1d}
html[data-theme=dark] .actbar a:hover .ai{background:#1d1d1d}
html[data-theme=dark] .igrid .gi{background:#1d1d1d}
@media(max-width:860px){
html[data-theme=dark] .tabbar{background:rgba(29,29,29,0.97)}
}
html[data-theme=dark] .btn-danger{background:#1d1d1d}
html[data-theme=dark] .badge-closed{background:#272527}
html[data-theme=dark] .fab-n{background:#1d1d1d}
html[data-theme=dark] .sup-opt{background:#1d1d1d}
html[data-theme=dark] .sup-opt.tg .sup-opt-ic{background:#162833}
html[data-theme=dark] .sup-item.unread .sup-item-ic{background:#1d1d1d}
html[data-theme=dark] .sup-av-team{background:#1d1d1d}
html[data-theme=dark] .sup-bub{background:#1d1d1d}
html[data-theme=dark] .sup-file:hover{background:#1d1d1d}
html[data-theme=dark] .igrid .gi,html[data-theme=dark] .igrid a:hover .gi{background:#1d1d1d}
html[data-theme=dark] .wstack-wrap[style*="--auto"] .wdots i.on::after{background:#1d1d1d}
html[data-theme=dark] .skel{background:#2c2225}
html[data-theme=dark] .skel::after{background:linear-gradient(100deg,transparent 20%,rgba(29,29,29,0.75) 50%,transparent 80%)}
html[data-theme=dark] .pod.second .pav{border-color:#303339}
html[data-theme=dark] .mv.new{color:#ecd096}
html[data-theme=dark] .proof-stats>div{background:#1d1d1d}
html[data-theme=dark] .pf-item{background:#1d1d1d}
html[data-theme=dark] .toast-bar{background:rgba(29,29,29,0.55)}
html[data-theme=dark] .eart .eic{background:linear-gradient(145deg,#1d1d1d,var(--red-1))}
/* ---- manual fixes (win over the auto block) ---- */
html[data-theme=dark] .topbar{background:rgba(18,12,15,.82)}
html[data-theme=dark] .modal-box,html[data-theme=dark] .jc-box,html[data-theme=dark] .sm-box{background:#241A1F;color:var(--ink)}
html[data-theme=dark] .site-header{background:rgba(18,12,15,.72)}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:var(--ink)}
html[data-theme=dark] .hl{color:#FF6B7F}
html[data-theme=dark] .btn-dark,html[data-theme=dark] .stat.dark .stat-ic,html[data-theme=dark] .sup-av{background:#3A2A31;color:#fff}
html[data-theme=dark] .marquee{background:#1B1317;color:#fff;border-block:1px solid var(--line)}
html[data-theme=dark] .mwallet.gold{background:linear-gradient(135deg,rgba(217,164,65,.20),rgba(217,164,65,.07));border-color:rgba(217,164,65,.38)}
html[data-theme=dark] .mwallet.gold .mw-ic{background:linear-gradient(135deg,#F3D58A,#D9A441);color:#3A2406}
html[data-theme=dark] .txp{--rc-bg:#241A1F;--rc-ink:#F5EEF1;--rc-muted:#A99DA3;--rc-line:rgba(255,255,255,.09);--rc-soft:rgba(255,255,255,.05)}
html[data-theme=dark] .txp-code svg{fill:#F5EEF1;opacity:.7}
html[data-theme=dark] .txp-dir.in{color:#2FD39B;background:rgba(47,211,155,.14)}html[data-theme=dark] .txp-dir.out{color:#FF7C8E;background:rgba(240,57,79,.16)}
html[data-theme=dark] .txp.tone-in{--tone:#2FD39B}html[data-theme=dark] .txp.tone-out,html[data-theme=dark] .txp.tone-bad{--tone:#FF6B7F}html[data-theme=dark] .txp.tone-pend{--tone:#F2B04C}html[data-theme=dark] .txp.tone-zero{--tone:#9AA0B4}
html[data-theme=dark] .txp-btn.primary{color:#fff}