/* ==========================================================================
   Checkpoint Café — modo escuro no estilo vidro da Apple (macOS/iOS).
   Vale quando o <html> tem data-theme="dark" (theme.js decide: escolha do usuário ou o sistema).
   Fundo com manchas de cor (o "papel de parede"); painéis de vidro fosco neutro com desfoque forte,
   borda de luz no topo e camadas internas em branco translúcido. Destaque: Laranja Checkpoint.
   Começo e fim deste arquivo são escritos à mão; o meio é gerado por docs/gen_dark.py.
   ========================================================================== */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#F2F2F7;
  --ink-strong:#FFFFFF;
  --muted:rgba(235,235,245,.6);
  --hair:rgba(255,255,255,.1);
  --hair-soft:rgba(255,255,255,.06);
  --fill:rgba(118,118,128,.24);
  --fill-soft:rgba(118,118,128,.14);

  --accent:#F7820F;
  --accent-dark:#FF9A3D;
  --accent-tint:rgba(247,130,15,.2);
  --accent-text:#FFA552;
  --on-accent:#0D0D0D;
  --ring:rgba(247,130,15,.45);

  --green:#30D158;
  --green-tint:rgba(48,209,88,.18);
  --red:#FF453A;
  --red-tint:rgba(255,69,58,.18);
  --amber-text:#FFD60A;
  --amber-tint:rgba(255,214,10,.14);

  --glass-bg:rgba(30,30,32,.44);
  --glass-edge:rgba(255,255,255,.12);
}
html[data-theme="dark"] body{background:#0B0B0C;color:var(--ink)}
/* papel de parede: cor por trás do vidro (sem ela, vidro escuro vira cinza chapado) */
html[data-theme="dark"] .bg-layer{
  background:
    radial-gradient(1000px 720px at 10% -8%, rgba(247,130,15,.5), transparent 64%),
    radial-gradient(820px 680px at 100% 26%, rgba(255,94,58,.28), transparent 62%),
    radial-gradient(1000px 760px at 70% 110%, rgba(64,96,180,.38), transparent 64%),
    radial-gradient(760px 560px at -8% 90%, rgba(170,80,20,.34), transparent 62%),
    radial-gradient(600px 460px at 46% 46%, rgba(247,130,15,.10), transparent 70%),
    #0B0B0C;
}
/* marca: versões para fundo escuro */
html[data-theme="dark"] .side-logo{content:url(img/brand/logo-horizontal-dark.svg?v=7)}
html[data-theme="dark"] .login-logo{content:url(img/brand/logo-stacked-dark.svg?v=7)}
html[data-theme="dark"] .tb-logo{content:url(img/brand/logo-horizontal-dark.svg?v=7)}
html[data-theme="dark"] .avatar{background:linear-gradient(160deg,#636366,#3a3a3c)}
html[data-theme="dark"] .cover-img{filter:brightness(.95)}
html[data-theme="dark"] ::selection{background:rgba(247,130,15,.4)}

/* --- app.css --- */
html[data-theme="dark"] body{background:#0B0B0C}
html[data-theme="dark"] .glass{background:rgba(255,255,255,0.058);border:1px solid rgba(255,255,255,0.098);box-shadow:0 1px 1px rgba(0,0,0,0.066),0 12px 30px rgba(0,0,0,0.198)}
html[data-theme="dark"] .nav-item{color:#D1D1D6}
html[data-theme="dark"] .nav-item.active{background:rgba(255,255,255,0.085);box-shadow:0 1px 2px rgba(0,0,0,0.132),0 4px 10px rgba(0,0,0,0.132)}
html[data-theme="dark"] .nav-item:not(.active):hover{background:rgba(118,118,128,0.2)}
html[data-theme="dark"] .nav-item .i{color:#D1D1D6}
html[data-theme="dark"] .soon{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] .icon-tile{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 1.5px rgba(0,0,0,0.396)}
html[data-theme="dark"] .sync{background:rgba(118,118,128,0.28);color:#AEAEB2}
html[data-theme="dark"] .sync.saved{color:#7EE2A0}
html[data-theme="dark"] .sync.error{color:#FF8A80}
html[data-theme="dark"] .pill-btn{border:1px solid rgba(235,235,245,.14);background:rgba(255,255,255,0.06)}
html[data-theme="dark"] .pill-btn:hover{background:rgba(255,255,255,0.092)}
html[data-theme="dark"] .field-pill{border:1px solid rgba(235,235,245,.14)}
html[data-theme="dark"] .field-pill:focus-within{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .warn{color:#FFD98A}
html[data-theme="dark"] .tint-green{color:#6FDB8E}
html[data-theme="dark"] .tint-red{color:#FF8A80}
html[data-theme="dark"] .tint-amber{color:#FFD27A}
html[data-theme="dark"] .tint-gray{background:rgba(118,118,128,0.28);color:#98989D}
html[data-theme="dark"] .chip-good{color:#7EE2A0}
html[data-theme="dark"] .chip-critical{color:#FF8A80}
html[data-theme="dark"] input.cell:hover, html[data-theme="dark"] textarea.cell:hover{background:rgba(118,118,128,0.3)}
html[data-theme="dark"] input.cell:focus, html[data-theme="dark"] textarea.cell:focus{background:rgba(255,255,255,.1)}
html[data-theme="dark"] input.cell::placeholder, html[data-theme="dark"] textarea.cell::placeholder{color:rgba(235,235,245,.42)}
html[data-theme="dark"] .del{color:rgba(235,235,245,.4)}
html[data-theme="dark"] .lock{color:rgba(235,235,245,.45)}
html[data-theme="dark"] .login-box input:focus{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .login-err{color:#FF8A80}
html[data-theme="dark"] .menu-btn{background:rgba(118,118,128,0.24)}
html[data-theme="dark"] .menu-btn:hover{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] .side-logout{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] .side-logout:hover{color:#FF8A80}
@media (max-width:1179px){html[data-theme="dark"] body.nav-open .sidebar{background:rgba(255,255,255,0.097)}}
@media (max-width:1179px){html[data-theme="dark"] .tab-item{color:#D1D1D6}}
@media (max-width:1179px){html[data-theme="dark"] .tab-item{color:#98989D}}
html[data-theme="dark"] .theme-seg button[aria-pressed="true"]{background:rgba(255,255,255,0.09);box-shadow:0 1px 3px rgba(0,0,0,0.264)}
html[data-theme="dark"][data-theme="dark"] .theme-seg button[aria-pressed="true"]{background:rgba(255,255,255,0.045)}
/* variações que voltam a valer */
html[data-theme="dark"] .nav-item.active{color:var(--ink-strong)}
html[data-theme="dark"] .nav-item.sub.active{color:var(--accent-text)}
html[data-theme="dark"] .nav-item.sub.active .i{color:var(--accent-text)}
html[data-theme="dark"] .nav-item.soon-item{color:var(--muted)}
html[data-theme="dark"] .sync.saved{background:rgba(52,199,89,.15);color:#7EE2A0}
html[data-theme="dark"] .sync.saved .dot{background:#34c759}
html[data-theme="dark"] .sync.saving{background:var(--amber-tint);color:var(--amber-text)}
html[data-theme="dark"] .sync.saving .dot{background:#e0a800}
html[data-theme="dark"] .sync.error{background:rgba(255,59,48,.13);color:#FF8A80}
html[data-theme="dark"] .sync.error .dot{background:#ff3b30}
html[data-theme="dark"] .pill-btn.primary{background:var(--accent);border-color:transparent}
html[data-theme="dark"] .pill-btn.primary:hover{background:var(--accent-dark)}
html[data-theme="dark"] .field-pill:focus-within{border-color:var(--accent)}
html[data-theme="dark"] .del:hover{color:var(--red)}
html[data-theme="dark"] .side-logout:hover{background:rgba(255,59,48,.12)}
@media (max-width:1179px){html[data-theme="dark"] .tab-item .icon-tile{box-shadow:none!important}}
@media (max-width:1179px){html[data-theme="dark"] .tab-item.active{color:var(--accent-text)}}
html[data-theme="dark"][data-theme="dark"] .theme-seg button[aria-pressed="true"]{background:rgba(255,255,255,0.045);box-shadow:none}
/* --- jogos.css --- */
html[data-theme="dark"] .search-pill{border:1px solid rgba(235,235,245,.14)}
html[data-theme="dark"] .search-pill:focus-within{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .segs{background:rgba(118,118,128,0.32)}
html[data-theme="dark"] .segs button{color:#C7C7CC}
html[data-theme="dark"] .segs button[aria-pressed="true"]{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .pill-select{border:1px solid rgba(235,235,245,.14);background:rgba(255,255,255,0.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2356565b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 13px center}
html[data-theme="dark"] .cover{box-shadow:0 12px 26px rgba(0,0,0,0.396),0 2px 6px rgba(0,0,0,0.264)}
html[data-theme="dark"] .gcard:hover .cover{box-shadow:0 18px 32px rgba(0,0,0,0.484),0 3px 8px rgba(0,0,0,0.308)}
html[data-theme="dark"] .badge-dark{border:1px solid rgba(255,255,255,0.039)}
html[data-theme="dark"] .badge-soft{color:#D1D1D6;background:rgba(118,118,128,0.32)}
html[data-theme="dark"] .gbar{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] .st-chip{background:rgba(118,118,128,0.28);color:#C7C7CC}
html[data-theme="dark"] .rank-row .cover{box-shadow:0 3px 8px rgba(0,0,0,0.396)}
html[data-theme="dark"] .skel{background:linear-gradient(90deg,rgba(255,255,255,0.045),rgba(255,255,255,0.075),rgba(255,255,255,0.045))}
html[data-theme="dark"] .icon-btn{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] .icon-btn:hover{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] .menu button:hover, html[data-theme="dark"] .menu button:focus-visible{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] .menu button.danger{color:#FF8A80}
html[data-theme="dark"] .det-left .cover{box-shadow:0 22px 44px rgba(0,0,0,0.572),0 4px 10px rgba(0,0,0,0.308)}
html[data-theme="dark"] .rating input:focus{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .ring{background:conic-gradient(var(--ring-c,var(--accent)) var(--deg,0deg),rgba(118,118,128,0.36) 0)}
html[data-theme="dark"] .ring span{background:#0B0B0C}
html[data-theme="dark"] .crit{color:#FFC27A}
html[data-theme="dark"] textarea.wt-text{color:#E5E5EA}
html[data-theme="dark"] .pct-in input:focus{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .pbar{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] textarea.notes{background:rgba(255,255,255,0.07)}
html[data-theme="dark"] .modal{background:rgba(255,255,255,0.09)}
html[data-theme="dark"] select.f-input:focus{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .f-err{color:#FF8A80}
html[data-theme="dark"] .ac-list{background:rgba(255,255,255,.1);box-shadow:0 10px 26px rgba(0,0,0,0.352),0 0 0 1px rgba(60,60,67,.08)}
html[data-theme="dark"] input.game-name:focus{background:rgba(255,255,255,.1)}
html[data-theme="dark"] input.game-name::placeholder{color:rgba(235,235,245,.35)}
html[data-theme="dark"] .seg{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] .seg button.on{background:rgba(255,255,255,.1)}
html[data-theme="dark"] textarea.guia{color:#E5E5EA}
html[data-theme="dark"] .mp-bar{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] .md-progress.full .mp-num{color:#7EE2A0}
html[data-theme="dark"] .md-body{color:#E5E5EA}
html[data-theme="dark"] .hbar{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] .hprog.full{color:#7EE2A0}
html[data-theme="dark"] .chk .box{border:2px solid rgba(235,235,245,.32);background:rgba(255,255,255,0.085)}
html[data-theme="dark"] .md-body li.task.done>.txt{text-decoration-color:rgba(235,235,245,.35)}
html[data-theme="dark"] .md-body code{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] .md-body pre{background:rgba(118,118,128,0.24)}
html[data-theme="dark"] .md-body blockquote{color:#E5E5EA}
html[data-theme="dark"] .mini-btn:hover{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] .tchip{background:rgba(118,118,128,0.24)}
html[data-theme="dark"] .danger-btn{color:#FF8A80}
html[data-theme="dark"] .d-cov .cover{box-shadow:0 22px 44px rgba(0,0,0,0.572),0 4px 10px rgba(0,0,0,0.308)}
html[data-theme="dark"] .st-chip{border:1px solid rgba(235,235,245,.16);background:rgba(255,255,255,.1)}
html[data-theme="dark"] .pring{background:conic-gradient(#f0b429 calc(var(--p)*1%),rgba(118,118,128,0.36) 0)}
html[data-theme="dark"] .pring-in{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .tier{background:rgba(118,118,128,0.18)}
html[data-theme="dark"] .pi{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .pi b.good{color:#7EE2A0}
html[data-theme="dark"] .pi b.bad{color:#FF8A80}
html[data-theme="dark"] .pl-none .pl-none-ic{background:rgba(118,118,128,0.2)}
html[data-theme="dark"] .imp-prev{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .imp-chip{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .hq{box-shadow:0 10px 26px rgba(0,0,0,0.352)}
html[data-theme="dark"] .hq-ic{background:rgba(255,255,255,0.045)}
html[data-theme="dark"] .hk{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .hk.rec b{color:#7EE2A0}
html[data-theme="dark"] .hk.gas b{color:#FF8A80}
html[data-theme="dark"] .hk.pos b, html[data-theme="dark"] .hk.pos .hk-s{color:#7EE2A0}
html[data-theme="dark"] .hk.neg b, html[data-theme="dark"] .hk.neg .hk-s{color:#FF8A80}
html[data-theme="dark"] .hsec-jogos .hw{background:rgba(255,255,255,0.06)}
html[data-theme="dark"] a.hw:hover{box-shadow:0 16px 32px rgba(0,0,0,0.308)}
html[data-theme="dark"] a.short:hover{background:rgba(118,118,128,0.2)}
@media (max-width:1179px){html[data-theme="dark"] .mod-switch{background:rgba(118,118,128,0.32)}}
@media (max-width:1179px){html[data-theme="dark"] .mod-switch a{color:#C7C7CC}}
@media (max-width:1179px){html[data-theme="dark"] .mod-switch a[aria-current="page"]{background:rgba(255,255,255,.1)}}
html[data-theme="dark"] .ggrid.as-list{background:rgba(255,255,255,0.062);border:1px solid rgba(255,255,255,0.105);box-shadow:0 6px 22px rgba(0,0,0,0.154)}
html[data-theme="dark"] .as-list .cover{box-shadow:0 3px 8px rgba(0,0,0,0.396)}
html[data-theme="dark"] .gfav{color:#FF7F9E}
html[data-theme="dark"] .vseg{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] .vseg button{color:#C7C7CC}
html[data-theme="dark"] .vseg button[aria-pressed="true"]{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .sort-sel{background:rgba(255,255,255,0.06);border:1px solid rgba(235,235,245,.14)}
html[data-theme="dark"] .drag-h:hover{background:rgba(118,118,128,0.24)}
html[data-theme="dark"] .qitem.dragging{background:rgba(255,255,255,0.096)}
html[data-theme="dark"] .tlab{color:#F5F5F7}
html[data-theme="dark"] .tcells{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .tcov .cover{box-shadow:0 3px 10px rgba(0,0,0,0.44)}
html[data-theme="dark"] .pbadge{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .fav-btn[aria-pressed="true"]{color:#FF7F9E}
html[data-theme="dark"] .icon-btn.danger{color:#FF8A80}
html[data-theme="dark"] .hb-bar{background:rgba(118,118,128,0.24)}
html[data-theme="dark"] .best{background:rgba(118,118,128,0.14)}
@media (max-width:560px){html[data-theme="dark"] .modal{background:rgba(255,255,255,0.098)}}
@media (max-width:560px){html[data-theme="dark"] .m-head{background:rgba(255,255,255,0.094)}}
@media (max-width:560px){html[data-theme="dark"] .m-head::before{background:rgba(235,235,245,.3)}}
html[data-theme="dark"] .rel-row .cover{box-shadow:0 3px 8px rgba(0,0,0,0.396)}
html[data-theme="dark"] .rel-hype{color:#FF9A62}
html[data-theme="dark"] .rem-txt:hover{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .rem-item.done .rem-t{text-decoration-color:rgba(235,235,245,.35)}
html[data-theme="dark"] .rem-done summary small{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] .note.pinned{box-shadow:0 0 0 1px rgba(255,149,0,.18),0 12px 30px rgba(0,0,0,0.198)}
html[data-theme="dark"] .qact{background:rgba(118,118,128,0.2);color:#C7C7CC}
html[data-theme="dark"] .qact.q-del:hover{color:#FF8A80}
html[data-theme="dark"] .plat-tgl{color:#FFD98A}
html[data-theme="dark"] .rt-b:hover{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .rt-n{background:rgba(118,118,128,0.24)}
html[data-theme="dark"] .rt-bar{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] .gsub-ok{color:#7EE2A0}
html[data-theme="dark"] .md-body ul.ficha{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .gt-ic{background:rgba(118,118,128,0.2)}
html[data-theme="dark"] .gt-d{color:#AEAEB2}
html[data-theme="dark"] summary.gt-h:hover{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .md-body blockquote.co-miss{color:#FFB4AB}
html[data-theme="dark"] .co-miss .co-ic, html[data-theme="dark"] .co-miss strong{color:#FF8A80}
html[data-theme="dark"] .md-body blockquote.co-warn{color:#FFD98A}
html[data-theme="dark"] .co-warn .co-ic, html[data-theme="dark"] .co-warn strong{color:#FFC27A}
html[data-theme="dark"] .md-body blockquote.co-tip{color:#FFC795}
html[data-theme="dark"] details.co-spoiler{background:rgba(118,118,128,0.2)}
html[data-theme="dark"] summary.wk-h:hover{background:rgba(118,118,128,0.16)}
html[data-theme="dark"] .wk-opt{background:rgba(118,118,128,0.28)}
html[data-theme="dark"] li.task.wk.done .wk-n{text-decoration-color:rgba(235,235,245,.35)}
html[data-theme="dark"] .tr-chk{border:2px solid rgba(235,235,245,.3)}
html[data-theme="dark"] .tr-ic{background:rgba(118,118,128,0.2)}
html[data-theme="dark"] .tr-t small{color:#AEAEB2}
html[data-theme="dark"] .acct>p{color:#D1D1D6}
html[data-theme="dark"] .acct-how code{background:rgba(118,118,128,0.24)}
html[data-theme="dark"] .acct-warn.soon{color:#FFC27A}
html[data-theme="dark"] .acct-warn.bad{color:#FF8A80}
html[data-theme="dark"] .home-warn{color:#FFD98A}
html[data-theme="dark"] .home-warn.bad{color:#FFB4AB}
html[data-theme="dark"] .gitem.dragging{background:var(--glass-solid,rgba(255,255,255,.1))}
html[data-theme="dark"] .hub-menu.glass{background:rgba(255,255,255,0.096)}
html[data-theme="dark"] input.sw{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] input.sw::after{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .wmain .cover{box-shadow:0 3px 8px rgba(0,0,0,0.396)}
html[data-theme="dark"] a.wchip.link:hover{background:rgba(118,118,128,0.36)}
html[data-theme="dark"] .rx-orange{color:#F5F5F7}
html[data-theme="dark"] .rx-orange p span{color:#F5F5F7}
html[data-theme="dark"] .rx-pick{background:rgba(255,255,255,0.045)}
html[data-theme="dark"] .rx-pick:hover{background:rgba(255,255,255,0.045)}
html[data-theme="dark"] .rx-bars i{background:rgba(255,255,255,0.045)}
html[data-theme="dark"] .home-retro{color:#F5F5F7}
html[data-theme="dark"] .fx-mid b.now{color:#FF8A80}
html[data-theme="dark"] .fr-main .cover{box-shadow:0 4px 12px rgba(0,0,0,0.44)}
html[data-theme="dark"] .kb-urgente .kb-n{color:#FF8A80}
html[data-theme="dark"] .kb-card{background:rgba(255,255,255,0.072);box-shadow:0 1px 3px rgba(0,0,0,0.132)}
html[data-theme="dark"] .kb-card.kb-dragging{box-shadow:0 18px 40px rgba(0,0,0,0.6);background:var(--card,rgba(255,255,255,.1))}
html[data-theme="dark"] .kb-dot{border:2px dotted rgba(235,235,245,.35)}
html[data-theme="dark"][data-theme="dark"] .kb-card{background:rgba(255,255,255,0.045);border-color:rgba(255,255,255,0.011)}
html[data-theme="dark"][data-theme="dark"] .kb-dot{border-color:rgba(255,255,255,0.042)}
/* variações que voltam a valer */
html[data-theme="dark"] .search-pill:focus-within{border-color:rgba(247,130,15,.6)}
html[data-theme="dark"] .segs button[aria-pressed="true"]{color:var(--ink-strong)}
html[data-theme="dark"] .gbar.full i{background:#34c759}
html[data-theme="dark"] .wt .chk .box{border-radius:50%}
html[data-theme="dark"] .ac-item .cover{box-shadow:0 2px 5px rgba(0,0,0,.18)}
html[data-theme="dark"] .pbar.full i{background:linear-gradient(90deg,#5fd68a,#1e9d55)}
html[data-theme="dark"] .st-chip:hover{border-color:rgba(247,130,15,.5)}
html[data-theme="dark"] .pring.won{background:conic-gradient(#8fa6c8 100%,transparent 0)}
html[data-theme="dark"] .tier.full{background:rgba(52,199,89,.12)}
html[data-theme="dark"] .hk.rec .hk-ic{background:linear-gradient(160deg,#5fd68a,#178A50)}
html[data-theme="dark"] .hk.gas .hk-ic{background:linear-gradient(160deg,#f2726f,#C0392B)}
html[data-theme="dark"] .hk.pos .hk-ic{background:linear-gradient(160deg,#5fd68a,#178A50)}
html[data-theme="dark"] .hk.neg .hk-ic{background:linear-gradient(160deg,#f2726f,#C0392B)}
html[data-theme="dark"] .hk.dev .hk-ic{background:linear-gradient(160deg,#FF9F45,#DD6A00)}
@media (max-width:1179px){html[data-theme="dark"] .mod-switch a[aria-current="page"]{color:var(--ink-strong)}}
html[data-theme="dark"] .vseg button[aria-pressed="true"]{color:var(--ink-strong)}
html[data-theme="dark"] .sort-sel:focus-within{border-color:var(--accent)}
html[data-theme="dark"] .icon-btn.danger{background:transparent}
html[data-theme="dark"] .icon-btn.danger:hover{background:var(--red-tint)}
html[data-theme="dark"] .qact.q-play{color:var(--accent-text);background:var(--accent-tint)}
html[data-theme="dark"] .qact.q-play:hover{background:var(--accent);color:var(--on-accent)}
html[data-theme="dark"] .qact.q-del:hover{background:var(--red-tint);color:#FF8A80}
html[data-theme="dark"] .plat-tgl[aria-pressed="true"]{color:#4a3200}
html[data-theme="dark"] .rt-current .rt-n{background:var(--accent)}
html[data-theme="dark"] .rt-done .rt-n{background:#34c759}
html[data-theme="dark"] .tr-chk[aria-pressed="true"]{border-color:#34c759}
html[data-theme="dark"] .pod .cover{box-shadow:0 14px 30px rgba(0,0,0,.22)}
html[data-theme="dark"][data-theme="dark"] .gitem.dragging{background:#2a2a2d}
html[data-theme="dark"][data-theme="dark"] .hub-menu.glass{background:rgba(40,40,43,.94)}
html[data-theme="dark"] .top-1 .cover{box-shadow:0 18px 40px rgba(0,0,0,.28)}
html[data-theme="dark"] input.sw:checked{background:#34c759}
html[data-theme="dark"] .icon-btn.rel-wish{background:transparent}
html[data-theme="dark"] .icon-btn.rel-wish:hover{background:var(--accent-tint)}
html[data-theme="dark"] .icon-btn.rel-wish.on{background:var(--accent-tint)}
html[data-theme="dark"] .rx-tie-c .cover{box-shadow:0 6px 16px rgba(0,0,0,.4)}
html[data-theme="dark"] .rx-best .cover{box-shadow:0 10px 24px rgba(0,0,0,.4)}
html[data-theme="dark"] .kb-card .chk .box{border-radius:50%}
html[data-theme="dark"] .kb-add:focus-within .kb-dot{border-color:var(--accent);border-style:solid}
html[data-theme="dark"][data-theme="dark"] .kb-card{background:rgba(255,255,255,0.045)}
html[data-theme="dark"][data-theme="dark"] .kb-card.kb-dragging{background:#26221D}
/* --- financas.html --- */
html[data-theme="dark"] .money:focus-within{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .money input::placeholder{color:rgba(235,235,245,.35)}
html[data-theme="dark"] .person{background:rgba(255,255,255,0.055)}
html[data-theme="dark"] .phead input:focus{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .phead input::placeholder{color:rgba(235,235,245,.42)}
/* variações que voltam a valer */
/* --- ajustes finais (à mão) --- */
/* vidro: neutro, translúcido, desfoque forte com saturação e uma linha de luz no topo */
html[data-theme="dark"] .glass{
  background:var(--glass-bg);
  -webkit-backdrop-filter:blur(40px) saturate(190%);
  backdrop-filter:blur(40px) saturate(190%);
  border:1px solid var(--glass-edge);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.02),0 18px 44px rgba(0,0,0,.42),0 2px 6px rgba(0,0,0,.25);
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html[data-theme="dark"] .glass{background:rgba(28,28,30,.96)}
}
/* painéis que flutuam por cima de tudo: vidro mais denso (o conteúdo atrás é a própria página) */
html[data-theme="dark"] .modal{background:rgba(36,36,38,.72);-webkit-backdrop-filter:blur(50px) saturate(190%);backdrop-filter:blur(50px) saturate(190%);
  border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 70px rgba(0,0,0,.55)}
@media (max-width:560px){
  html[data-theme="dark"] .modal{background:rgba(36,36,38,.82)}
  html[data-theme="dark"] .m-head{background:rgba(36,36,38,.7);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}
}
html[data-theme="dark"] .menu.glass{background:rgba(36,36,38,.7)}
html[data-theme="dark"] .modal-back,html[data-theme="dark"] .nav-backdrop{background:rgba(0,0,0,.45)}
@media (max-width:1179px){
  html[data-theme="dark"] body.nav-open .sidebar{background:rgba(30,30,32,.72);-webkit-backdrop-filter:blur(50px) saturate(190%);backdrop-filter:blur(50px) saturate(190%)}
  html[data-theme="dark"] .tabbar.glass{background:rgba(30,30,32,.55)}
}
/* item ativo do menu e controles: camada clara translúcida, como no macOS */
html[data-theme="dark"] .nav-item.active{background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme="dark"] .ring span{background:#1F1F21}
/* miolos de anéis e recortes precisam ser sólidos */
html[data-theme="dark"] .pring-in{background:#1F1F21}
/* controles segmentados: segmento escolhido em cinza claro translúcido (como no iOS) */
html[data-theme="dark"] .segs button[aria-pressed="true"],html[data-theme="dark"] .seg button.on,
html[data-theme="dark"] .vseg button[aria-pressed="true"],html[data-theme="dark"] .mod-switch a[aria-current="page"]{background:rgba(255,255,255,.18);box-shadow:0 1px 4px rgba(0,0,0,.3)}
/* listas que abrem por cima (busca do IGDB) */
html[data-theme="dark"] .ac-list{background:rgba(44,44,46,.92);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);
  box-shadow:0 16px 36px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
html[data-theme="dark"] .warn-line{background:rgba(255,214,10,.14);color:var(--amber-text)}
html[data-theme="dark"] .pbadge{background:#fff}
/* retrospectiva, faixa da retrospectiva no Início e chave liga/desliga: mesmas cores nos dois temas */
html[data-theme="dark"] .home-retro,html[data-theme="dark"] .rx-orange,html[data-theme="dark"] .rx-orange p span{color:#0D0D0D}
html[data-theme="dark"] input.sw::after{background:#fff}
html[data-theme="dark"] .wp-off{color:#fff}
html[data-theme="dark"] .rx-pick{background:rgba(255,255,255,.14)}
html[data-theme="dark"] .rx-pick:hover{background:rgba(255,255,255,.22)}