@jjlmoya/utils-health 1.11.0 → 1.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-health",
-    "version": "1.11.0",
+    "version": "1.12.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/tool/binauralTuner/binaural-wave-tuner-lucid-dreams.css

@@ -25,7 +25,7 @@
   }
 
   
-  :global(.theme-dark) .bt {
+  .theme-dark .bt {
     --bt-bg: #030416;
     --bt-secondary: #00f2ff;
     --bt-accent: #f0f;
@@ -80,7 +80,7 @@
     pointer-events: none;
   }
 
-  :global(.theme-dark) .bt__card::before {
+  .theme-dark .bt__card::before {
     background: radial-gradient(circle, rgba(112, 0, 255, 0.15) 0%, transparent 70%);
   }
 
@@ -94,7 +94,7 @@
     background: radial-gradient(circle, rgba(0, 170, 221, 0.1) 0%, transparent 70%);
   }
 
-  :global(.theme-dark) .bt__card::after {
+  .theme-dark .bt__card::after {
     background: radial-gradient(circle, rgba(0, 242, 255, 0.1) 0%, transparent 70%);
     pointer-events: none;
   }

package/src/tool/bloodUnitConverter/blood-test-unit-converter.css

@@ -274,10 +274,10 @@
     transition: color 0.3s ease;
   }
 
-  .buc :global(.buc__status--low)    { color: var(--buc-low); }
-  .buc :global(.buc__status--normal) { color: var(--buc-normal); }
-  .buc :global(.buc__status--border) { color: var(--buc-border-c); }
-  .buc :global(.buc__status--high)   { color: var(--buc-high); }
+  .buc .buc__status--low    { color: var(--buc-low); }
+  .buc .buc__status--normal { color: var(--buc-normal); }
+  .buc .buc__status--border { color: var(--buc-border-c); }
+  .buc .buc__status--high   { color: var(--buc-high); }
 
   
   .buc__history-header {
@@ -358,7 +358,7 @@
   }
 
   
-  :global(.buc__row-status) {
+  .buc__row-status {
     font-size: 0.8rem;
     font-weight: 700;
     padding: 0.25rem 0.75rem;
@@ -366,12 +366,12 @@
     display: inline-block;
   }
 
-  :global(.buc__row-status--low)    { background: rgba(100,116,139,0.12); color: var(--buc-low); }
-  :global(.buc__row-status--normal) { background: rgba(16,185,129,0.12);  color: var(--buc-normal); }
-  :global(.buc__row-status--border) { background: rgba(245,158,11,0.12);  color: var(--buc-border-c); }
-  :global(.buc__row-status--high)   { background: rgba(239,68,68,0.12);   color: var(--buc-high); }
+  .buc__row-status--low    { background: rgba(100,116,139,0.12); color: var(--buc-low); }
+  .buc__row-status--normal { background: rgba(16,185,129,0.12);  color: var(--buc-normal); }
+  .buc__row-status--border { background: rgba(245,158,11,0.12);  color: var(--buc-border-c); }
+  .buc__row-status--high   { background: rgba(239,68,68,0.12);   color: var(--buc-high); }
 
-  :global(.buc__row-delete) {
+  .buc__row-delete {
     background: rgba(239,68,68,0.08);
     border: none;
     width: 2rem;
@@ -386,9 +386,9 @@
     padding: 0;
   }
 
-  :global(.buc__row-delete) svg { width: 1.1rem; height: 1.1rem; display: block; }
+  .buc__row-delete svg { width: 1.1rem; height: 1.1rem; display: block; }
 
-  :global(.buc__row-delete):hover {
+  .buc__row-delete:hover {
     background: var(--buc-high);
     color: #fff;
   }
@@ -421,7 +421,7 @@
   }
 
   
-  :global(.theme-dark) .buc {
+  .theme-dark .buc {
     --buc-bg: #0f172a;
     --buc-border: #1e293b;
     --buc-divider: rgba(30,41,59,0.9);
@@ -431,25 +431,25 @@
     --buc-header-bg: linear-gradient(135deg, rgba(59,130,246,0.12) 0%, rgba(15,23,42,0.5) 100%);
   }
 
-  :global(.theme-dark) .buc__analyte {
+  .theme-dark .buc__analyte {
     background: #1e293b;
     border-color: #334155;
   }
 
-  :global(.theme-dark) .buc__unit-tag {
+  .theme-dark .buc__unit-tag {
     background: #0f172a;
     border-color: #334155;
   }
 
-  :global(.theme-dark) .buc__input:focus {
+  .theme-dark .buc__input:focus {
     background: #1e293b;
   }
 
-  :global(.theme-dark) .buc__table thead th {
+  .theme-dark .buc__table thead th {
     background: rgba(255,255,255,0.02);
   }
 
-  :global(.theme-dark) .buc__footer {
+  .theme-dark .buc__footer {
     background: rgba(255,255,255,0.02);
   }
 

package/src/tool/bmiCalculator/bmi-calculator.css

@@ -20,7 +20,7 @@
     box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
   }
 
-  :global(.theme-dark) .bmi {
+  .theme-dark .bmi {
     --bmi-bg: rgba(15, 23, 42, 0.85);
     --bmi-bg-left: rgba(30, 41, 59, 0.5);
     --bmi-border: rgba(51, 65, 85, 0.8);

package/src/tool/breathingVisualizer/breathing-visualizer.css

@@ -32,7 +32,7 @@
     padding: 3rem 1rem;
   }
 
-  :global(.theme-dark) .bv {
+  .theme-dark .bv {
     --bv-bg: #09090b;
     --bv-border: #27272a;
     --bv-phase: #71717a;

package/src/tool/caffeineTracker/caffeine-tracker.css

@@ -15,7 +15,7 @@
     padding: 2rem 1rem;
   }
 
-  :global(.theme-dark) .ct {
+  .theme-dark .ct {
     --ct-bg: #09090b;
     --ct-bg-panel: rgba(24, 24, 27, 0.5);
     --ct-bg-item: #18181b;
@@ -128,7 +128,7 @@
     height: 1.25rem;
   }
 
-  :global(.theme-dark) .ct__section-icon {
+  .theme-dark .ct__section-icon {
     color: #f59e0b;
   }
 
@@ -331,7 +331,7 @@
   }
 
   
-  :global(.ct__journal-empty) {
+  .ct__journal-empty {
     text-align: center;
     padding: 1.5rem;
     opacity: 0.3;
@@ -339,7 +339,7 @@
     border-radius: 0.75rem;
   }
 
-  :global(.ct__journal-empty p) {
+  .ct__journal-empty p {
     font-size: 0.5625rem;
     font-weight: 700;
     text-transform: uppercase;
@@ -348,7 +348,7 @@
   }
 
   
-  :global(.ct__item) {
+  .ct__item {
     display: flex;
     align-items: center;
     gap: 0.625rem;
@@ -361,12 +361,12 @@
       transform 0.3s;
   }
 
-  :global(.ct__item--removing) {
+  .ct__item--removing {
     opacity: 0;
     transform: translateX(-1rem);
   }
 
-  :global(.ct__item-icon) {
+  .ct__item-icon {
     padding: 0.375rem;
     background-color: var(--ct-bg-icon);
     border-radius: 0.25rem;
@@ -379,22 +379,22 @@
     height: 1.5rem;
   }
 
-  :global(.ct__item-icon svg) {
+  .ct__item-icon svg {
     width: 0.75rem;
     height: 0.75rem;
   }
 
-  :global(.ct__item:hover .ct__item-icon) {
+  .ct__item:hover .ct__item-icon {
     color: var(--ct-primary);
   }
 
-  :global(.ct__item-info) {
+  .ct__item-info {
     flex: 1;
     min-width: 0;
     text-align: left;
   }
 
-  :global(.ct__item-name) {
+  .ct__item-name {
     font-size: 0.625rem;
     font-weight: 700;
     color: var(--ct-text);
@@ -405,14 +405,14 @@
     margin-bottom: 0.125rem;
   }
 
-  :global(.ct__item-mg) {
+  .ct__item-mg {
     font-size: 0.5rem;
     color: var(--ct-primary);
     font-weight: 700;
     line-height: 1;
   }
 
-  :global(.ct__remove-btn) {
+  .ct__remove-btn {
     padding: 0.375rem;
     color: var(--ct-border);
     border: none;
@@ -428,12 +428,12 @@
     justify-content: center;
   }
 
-  :global(.ct__remove-btn:hover) {
+  .ct__remove-btn:hover {
     color: #f43f5e;
     background-color: rgba(244, 63, 94, 0.1);
   }
 
-  :global(.ct__remove-icon svg) {
+  .ct__remove-icon svg {
     width: 0.75rem;
     height: 0.75rem;
   }
@@ -451,7 +451,7 @@
     flex-shrink: 0;
   }
 
-  :global(.theme-dark) .ct__stats {
+  .theme-dark .ct__stats {
     background-color: rgba(24, 24, 27, 0.1);
     border-bottom-color: #18181b;
   }
@@ -584,7 +584,7 @@
     stroke: #f59e0b;
   }
 
-  :global(.theme-dark) .ct__chart-line {
+  .theme-dark .ct__chart-line {
     stroke: #fbbf24;
   }
 
@@ -605,7 +605,7 @@
     );
   }
 
-  :global(.theme-dark) .ct__sleep {
+  .theme-dark .ct__sleep {
     background-color: #18181b;
   }
 
@@ -751,7 +751,7 @@
   }
 
   
-  :global(.ct__flyer) {
+  .ct__flyer {
     position: fixed;
     z-index: 100;
     pointer-events: none;

package/src/tool/daltonismSimulator/color-blindness-simulator.css

@@ -21,7 +21,7 @@
     box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
   }
 
-  :global(.theme-dark) .ds {
+  .theme-dark .ds {
     --ds-bg: rgba(15, 23, 42, 0.9);
     --ds-border: rgba(51, 65, 85, 0.8);
     --ds-text: #f8fafc;

package/src/tool/digestionStopwatch/digestion-stopwatch.css

@@ -27,7 +27,7 @@
     padding: 2rem 1.5rem;
   }
 
-  :global(.theme-dark) .ds {
+  .theme-dark .ds {
     --ds-bg: #09090b;
     --ds-panel-bg: rgba(24, 24, 27, 0.6);
     --ds-border: rgba(255, 255, 255, 0.06);
@@ -76,11 +76,11 @@
     background: rgba(6, 182, 212, 0.12);
   }
 
-  :global(.theme-dark) .ds__glow--tl {
+  .theme-dark .ds__glow--tl {
     background: rgba(16, 185, 129, 0.05);
   }
 
-  :global(.theme-dark) .ds__glow--br {
+  .theme-dark .ds__glow--br {
     background: rgba(6, 182, 212, 0.05);
   }
 
@@ -154,7 +154,7 @@
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
   }
 
-  :global(.theme-dark) .ds__day-btn--active {
+  .theme-dark .ds__day-btn--active {
     box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
   }
 

package/src/tool/epworthSleepinessScale/epworth-sleepiness-scale-test.css

@@ -116,14 +116,14 @@
     box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
   }
 
-  .ess :global(.ess__option--selected) {
+  .ess .ess__option--selected {
     background: var(--ess-primary);
     border-color: var(--ess-primary);
     color: #fff;
     box-shadow: 0 8px 24px rgba(59, 130, 246, 0.35);
   }
 
-  .ess :global(.ess__option--selected) .ess__option-label {
+  .ess .ess__option--selected .ess__option-label {
     color: #fff;
   }
 
@@ -234,10 +234,10 @@
     margin-bottom: 1.5rem;
   }
 
-  :global(.ess__badge--normal) { background: rgba(16, 185, 129, 0.12); color: #10b981; border: 2px solid #10b981; }
-  :global(.ess__badge--mild) { background: rgba(245, 158, 11, 0.12); color: #f59e0b; border: 2px solid #f59e0b; }
-  :global(.ess__badge--mod) { background: rgba(249, 115, 22, 0.12); color: #f97316; border: 2px solid #f97316; }
-  :global(.ess__badge--severe) { background: rgba(239, 68, 68, 0.12); color: #ef4444; border: 2px solid #ef4444; }
+  .ess__badge--normal { background: rgba(16, 185, 129, 0.12); color: #10b981; border: 2px solid #10b981; }
+  .ess__badge--mild { background: rgba(245, 158, 11, 0.12); color: #f59e0b; border: 2px solid #f59e0b; }
+  .ess__badge--mod { background: rgba(249, 115, 22, 0.12); color: #f97316; border: 2px solid #f97316; }
+  .ess__badge--severe { background: rgba(239, 68, 68, 0.12); color: #ef4444; border: 2px solid #ef4444; }
 
   .ess__result-desc {
     font-size: 1.2rem;
@@ -267,7 +267,7 @@
   }
 
   
-  :global(.theme-dark) .ess {
+  .theme-dark .ess {
     --ess-bg: #0f172a;
     --ess-surface: rgba(15, 23, 42, 0.85);
     --ess-border: rgba(59, 130, 246, 0.3);
@@ -281,24 +281,24 @@
     --ess-progress-track: rgba(255, 255, 255, 0.05);
   }
 
-  :global(.theme-dark) .ess__quiz,
-  :global(.theme-dark) .ess__results {
+  .theme-dark .ess__quiz,
+  .theme-dark .ess__results {
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
   }
 
-  :global(.theme-dark) .ess__score-circle {
+  .theme-dark .ess__score-circle {
     background: rgba(15, 23, 42, 0.5);
   }
 
-  :global(.theme-dark) .ess__score-num {
+  .theme-dark .ess__score-num {
     background: linear-gradient(135deg, #fff 0%, var(--ess-primary) 100%);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
   }
 
-  :global(.theme-dark) .ess__option:hover {
+  .theme-dark .ess__option:hover {
     background: rgba(59, 130, 246, 0.1);
   }
 

package/src/tool/hydrationCalculator/hydration-calculator-climate.css

@@ -21,7 +21,7 @@
     margin: 0 auto;
   }
 
-  :global(.theme-dark) .hyd {
+  .theme-dark .hyd {
     --hyd-bg: #0f172a;
     --hyd-border: rgba(14, 165, 233, 0.2);
     --hyd-divider: rgba(14, 165, 233, 0.12);
@@ -126,7 +126,7 @@
     flex-shrink: 0;
   }
 
-  :global(.theme-dark) .hyd__weather-btn {
+  .theme-dark .hyd__weather-btn {
     background: rgba(14, 165, 233, 0.15);
   }
 
@@ -151,8 +151,8 @@
     display: none;
   }
 
-  :global(.hyd__weather-btn[data-loading="true"]) .hyd__spinner { display: block; }
-  :global(.hyd__weather-btn[data-loading="true"]) .hyd__weather-icon { display: none; }
+  .hyd__weather-btn[data-loading="true"] .hyd__spinner { display: block; }
+  .hyd__weather-btn[data-loading="true"] .hyd__weather-icon { display: none; }
 
   @keyframes hyd-spin {
     to { transform: rotate(360deg); }
@@ -255,7 +255,7 @@
     box-shadow: 0 8px 24px rgba(14, 165, 233, 0.1), inset 0 0 12px rgba(0,0,0,0.02);
   }
 
-  :global(.theme-dark) .hyd__bottle {
+  .theme-dark .hyd__bottle {
     background: #1e293b;
     border-color: #334155;
   }

package/src/tool/pelliRobsonTest/pelli-robson-contrast-sensitivity-test.css

@@ -300,7 +300,7 @@
   }
 
   
-  :global(.theme-dark) .pr {
+  .theme-dark .pr {
     --pr-bg: #0c1120;
     --pr-card-bg: #111827;
     --pr-primary: #38bdf8;
@@ -314,7 +314,7 @@
     --pr-glow-primary: rgba(56, 189, 248, 0.25);
   }
 
-  :global(.theme-dark) .pr::before {
+  .theme-dark .pr::before {
     color: #1e293b;
     opacity: 0.4;
   }

package/src/tool/peripheralVisionTrainer/peripheral-vision-trainer.css

@@ -254,13 +254,13 @@
     transition: background 0.1s ease;
   }
 
-  .pvt :global(.pvt__target--wrong) {
+  .pvt .pvt__target--wrong {
     background: var(--pvt-danger);
     color: #fff;
     animation: pvt-shake 0.4s ease;
   }
 
-  .pvt :global(.pvt__target--correct) {
+  .pvt .pvt__target--correct {
     background: var(--pvt-success);
     color: #fff;
     animation: pvt-pop 0.3s ease;
@@ -312,7 +312,7 @@
   }
 
   
-  :global(.theme-dark) .pvt {
+  .theme-dark .pvt {
     --pvt-bg: #0f172a;
     --pvt-surface: #1e293b;
     --pvt-primary: #60a5fa;

package/src/tool/readingDistanceCalculator/reading-distance-calculator.css

@@ -23,7 +23,7 @@
     margin: 0 auto;
   }
 
-  :global(.theme-dark) .rdc {
+  .theme-dark .rdc {
     --rdc-bg: #0f172a;
     --rdc-border: rgba(99, 102, 241, 0.2);
     --rdc-divider: rgba(99, 102, 241, 0.12);
@@ -183,7 +183,7 @@
     outline: none;
   }
 
-  :global(.theme-dark) .rdc__slider {
+  .theme-dark .rdc__slider {
     background: linear-gradient(to right, var(--rdc-primary) 0%, var(--rdc-primary) 22%, #1e293b 22%);
   }
 
@@ -267,17 +267,17 @@
     transition: background 0.3s, border-color 0.3s;
   }
 
-  :global(.rdc__status[data-state="warning"]) .rdc__status-icon {
+  .rdc__status[data-state="warning"] .rdc__status-icon {
     background: #fee2e2;
     color: #991b1b;
   }
 
-  :global(.rdc__status[data-state="ideal"]) .rdc__status-icon {
+  .rdc__status[data-state="ideal"] .rdc__status-icon {
     background: #dcfce7;
     color: #166534;
   }
 
-  :global(.rdc__status[data-state="safe"]) .rdc__status-icon {
+  .rdc__status[data-state="safe"] .rdc__status-icon {
     background: #dbeafe;
     color: #1e40af;
   }

package/src/tool/screenDecompressionTime/ocular-decompression-rest-calculator.css

@@ -346,7 +346,7 @@
   .sdt__legend-item--other .sdt__legend-dot { background: rgba(0,0,0,0.1); }
 
   
-  :global(.theme-dark) .sdt {
+  .theme-dark .sdt {
     --sdt-bg: #0a2030;
     --sdt-border: rgba(6, 182, 212, 0.28);
     --sdt-divider: rgba(6, 182, 212, 0.1);
@@ -358,14 +358,14 @@
     --sdt-input-border: rgba(6, 182, 212, 0.28);
   }
 
-  :global(.theme-dark) .sdt__timeline-bar,
-  :global(.theme-dark) .sdt__tl-other {
+  .theme-dark .sdt__timeline-bar,
+  .theme-dark .sdt__tl-other {
     background: rgba(255,255,255,0.04);
   }
 
-  :global(.theme-dark) .sdt__legend-item--other .sdt__legend-dot { background: rgba(255,255,255,0.08); }
-  :global(.theme-dark) .sdt__number { color: #67e8f9; }
-  :global(.theme-dark) .sdt__stat + .sdt__stat { border-color: rgba(6,182,212,0.12); }
+  .theme-dark .sdt__legend-item--other .sdt__legend-dot { background: rgba(255,255,255,0.08); }
+  .theme-dark .sdt__number { color: #67e8f9; }
+  .theme-dark .sdt__stat + .sdt__stat { border-color: rgba(6,182,212,0.12); }
 
   
   @media (max-width: 768px) {

package/src/tool/tinnitusReliever/tinnitus-relief.css

@@ -40,7 +40,7 @@
     opacity: 0.6;
   }
 
-  :global(.theme-dark) .tr {
+  .theme-dark .tr {
     --tr-accent: #2dd4bf;
     --tr-bg-canvas: #020617;
     --tr-bg-controls: #0f172a;

package/src/tool/ubeCalculator/standard-drink-unit-calculator.css

@@ -185,7 +185,7 @@
     gap: 0.625rem;
   }
 
-  :global(.ube__drink) {
+  .ube__drink {
     background: var(--ube-preset-bg);
     border: 1px solid var(--ube-preset-border);
     border-radius: 1rem;
@@ -196,41 +196,41 @@
     animation: ube-slide-in 0.28s cubic-bezier(0.23, 1, 0.32, 1);
   }
 
-  :global(.ube__drink-icon) {
+  .ube__drink-icon {
     width: 1.6rem;
     height: 1.6rem;
     flex-shrink: 0;
     color: var(--ube-primary);
   }
 
-  :global(.ube__drink-icon) svg { width: 100%; height: 100%; display: block; }
+  .ube__drink-icon svg { width: 100%; height: 100%; display: block; }
 
-  :global(.ube__drink-info) {
+  .ube__drink-info {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 0.15rem;
   }
 
-  :global(.ube__drink-name) {
+  .ube__drink-name {
     font-size: 0.9rem;
     font-weight: 700;
     color: var(--ube-text);
   }
 
-  :global(.ube__drink-detail) {
+  .ube__drink-detail {
     font-size: 0.75rem;
     color: var(--ube-muted);
   }
 
-  :global(.ube__drink-grams) {
+  .ube__drink-grams {
     font-size: 0.82rem;
     font-weight: 700;
     color: var(--ube-primary);
     flex-shrink: 0;
   }
 
-  :global(.ube__drink-remove) {
+  .ube__drink-remove {
     background: none;
     border: none;
     width: 1.3rem;
@@ -243,9 +243,9 @@
     color: var(--ube-muted);
   }
 
-  :global(.ube__drink-remove) svg { width: 100%; height: 100%; display: block; }
+  .ube__drink-remove svg { width: 100%; height: 100%; display: block; }
 
-  :global(.ube__drink-remove):hover {
+  .ube__drink-remove:hover {
     opacity: 1;
     color: var(--ube-danger);
   }
@@ -375,13 +375,13 @@
     transition: all 0.3s ease;
   }
 
-  :global(.ube__risk-badge--none) { background: rgba(107,114,128,0.1); color: #6b7280; border: 2px solid #6b7280; }
-  :global(.ube__risk-badge--low)  { background: rgba(16,185,129,0.1);  color: #10b981; border: 2px solid #10b981; }
-  :global(.ube__risk-badge--mid)  { background: rgba(245,158,11,0.1);  color: #f59e0b; border: 2px solid #f59e0b; }
-  :global(.ube__risk-badge--high) { background: rgba(239,68,68,0.1);   color: #ef4444; border: 2px solid #ef4444; }
+  .ube__risk-badge--none { background: rgba(107,114,128,0.1); color: #6b7280; border: 2px solid #6b7280; }
+  .ube__risk-badge--low  { background: rgba(16,185,129,0.1);  color: #10b981; border: 2px solid #10b981; }
+  .ube__risk-badge--mid  { background: rgba(245,158,11,0.1);  color: #f59e0b; border: 2px solid #f59e0b; }
+  .ube__risk-badge--high { background: rgba(239,68,68,0.1);   color: #ef4444; border: 2px solid #ef4444; }
 
   
-  :global(.theme-dark) .ube {
+  .theme-dark .ube {
     --ube-bg: #1a1033;
     --ube-border: rgba(139, 92, 246, 0.28);
     --ube-divider: rgba(139, 92, 246, 0.12);
@@ -394,15 +394,15 @@
     --ube-results-bg: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(236, 72, 153, 0.08) 100%);
   }
 
-  :global(.theme-dark) .ube__stat {
+  .theme-dark .ube__stat {
     background: rgba(255, 255, 255, 0.04);
   }
 
-  :global(.theme-dark) .ube__risk-bar {
+  .theme-dark .ube__risk-bar {
     background: rgba(255, 255, 255, 0.06);
   }
 
-  :global(.theme-dark) .ube__input {
+  .theme-dark .ube__input {
     color: var(--ube-text);
   }
 

package/src/tool/waterPurifier/water-purifier.css

@@ -16,7 +16,7 @@
     position: relative;
   }
 
-  :global(.theme-dark) .wp {
+  .theme-dark .wp {
     --wp-card-bg: #1f2937;
     --wp-border: #374151;
     --wp-text: #f9fafb;