/* ===== Modo escuro (html[data-theme=dark]) ===== */
.themeseg{display:flex;gap:6px;background:var(--card2);padding:4px;border-radius:12px}
.themeseg button{flex:1;padding:9px 4px;border-radius:9px;font-weight:700;font-size:13px;color:var(--mut);transition:all .2s var(--spring)}
.themeseg button.on{background:#121212;color:#c8ff00;box-shadow:0 2px 8px rgba(0,0,0,.2)}

html[data-theme=dark]{color-scheme:dark;
  --bg:#0b0b0b;--bg2:#141414;--card:#181818;--card2:#222222;--line:#2c2c2c;
  --tx:#f2f2f2;--mut:#a3a3ab;--dim:#7c7c85;
}
html[data-theme=dark] body{background:var(--bg);color:var(--tx)}
html[data-theme=dark] .top,html[data-theme=dark] .wk-head{background:#000;box-shadow:inset 0 -1px 0 #222}
html[data-theme=dark] .card,html[data-theme=dark] .lvl,html[data-theme=dark] .rcard,html[data-theme=dark] .stat,
html[data-theme=dark] .hist,html[data-theme=dark] .xc,html[data-theme=dark] .item,html[data-theme=dark] .wx,
html[data-theme=dark] .tpl,html[data-theme=dark] .bdg,html[data-theme=dark] .kv div,html[data-theme=dark] details{background:var(--card);box-shadow:0 0 0 1px #242424}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:#111;border-color:#2c2c2c;color:var(--tx)}
html[data-theme=dark] input:focus,html[data-theme=dark] select:focus{border-color:#c8ff00}
html[data-theme=dark] .search input{background-color:#111}
html[data-theme=dark] .ib{background:var(--card2);border-color:#333;color:var(--tx)}
html[data-theme=dark] .btn.ghost{background:transparent;border-color:#f2f2f2;color:#f2f2f2}
html[data-theme=dark] .btn.hot{background:#f2f2f2;color:#121212}
html[data-theme=dark] .btn.danger{background:#2a1214;color:#ff6b7d;border-color:#4a1d22}
html[data-theme=dark] .pill{background:#262626;color:#c9c9cf}
html[data-theme=dark] .pill.v{background:#2b3a00;color:#dcff4d}
html[data-theme=dark] .nav{background:#121212;box-shadow:0 -1px 0 #222,0 -6px 24px rgba(0,0,0,.6)}
html[data-theme=dark] .nav a{color:#7c7c85}
html[data-theme=dark] .nav a.on{color:#fff}
html[data-theme=dark] .chip{background:var(--card);border-color:#2c2c2c;color:#c9c9cf}
html[data-theme=dark] .chip.on{background:#c8ff00;color:#121212;border-color:#c8ff00}
html[data-theme=dark] .week div i,html[data-theme=dark] .days i{background:#262626}
html[data-theme=dark] .week div.done i,html[data-theme=dark] .days i.on{background:#c8ff00;color:#121212}
html[data-theme=dark] .rcard .play{background:#c8ff00!important;color:#121212}
html[data-theme=dark] .bar,html[data-theme=dark] .prog{background:#2a2a2a}
html[data-theme=dark] .stepper{background:#111}
html[data-theme=dark] .stepper button{color:#c8ff00}
html[data-theme=dark] .emojis button,html[data-theme=dark] .dayp button,html[data-theme=dark] .goal{background:var(--card);border-color:#2c2c2c;color:var(--tx)}
html[data-theme=dark] .emojis button.on{background:#2b3a00;border-color:#c8ff00}
html[data-theme=dark] .dayp button.on,html[data-theme=dark] .goal.on{background:#c8ff00;color:#121212;border-color:#c8ff00}
html[data-theme=dark] .colors button.on{border-color:#fff}
html[data-theme=dark] .set{background:#111;border-color:#3a3a3a;color:var(--tx)}
html[data-theme=dark] .set.on{background:#c8ff00;color:#121212}
html[data-theme=dark] .set.on small{color:#12121299}
html[data-theme=dark] .wx.done{background:#182000}
html[data-theme=dark] .rest{background:#1c1c1c;box-shadow:0 0 0 1px #333,0 10px 30px rgba(0,0,0,.6)}
html[data-theme=dark] .sheet{background:#111}
html[data-theme=dark] .sheet .grab{background:#333}
html[data-theme=dark] .sum .xp{color:#fff}
html[data-theme=dark] .hist .pill.v{background:#c8ff00;color:#121212}
html[data-theme=dark] .xc .star,html[data-theme=dark] .xc .anim::after{background:#000}
html[data-theme=dark] .anim{background:#f2f2f2}
html[data-theme=dark] .themeseg button.on{background:#c8ff00;color:#121212}
html[data-theme=dark] #toast{background:#c8ff00;color:#121212}
html[data-theme=dark] .logo.big{color:#fff}
html[data-theme=dark] .empty{color:var(--mut)}
html[data-theme=dark] .colors button{box-shadow:0 0 0 1px #555}
html[data-theme=dark] .ring .fg{stroke:#fff}
html[data-theme=dark] .goalc.hit .ring .fg{stroke:#c8ff00}
html[data-theme=dark] .reward{background:#c8ff00;color:#0a0a0a}