npm - @jjlmoya/utils-alcohol - Versions diffs - 1.24.0 → 1.25.0 - Mend

@jjlmoya/utils-alcohol 1.24.0 → 1.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/package.json +1 -1
package/src/tool/alcoholClearance/alcohol-clearance-calculator.css +23 -23
package/src/tool/beerCooler/beer-cooler.css +22 -22
package/src/tool/carbonationCalculator/beer-carbonation-calculator.css +19 -19
package/src/tool/cocktailBalancer/cocktail-balancer.css +59 -59
package/src/tool/partyKeg/party-stock-calculator.css +23 -23

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-alcohol",
-    "version": "1.24.0",
+    "version": "1.25.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/tool/alcoholClearance/alcohol-clearance-calculator.css CHANGED Viewed

@@ -13,7 +13,7 @@
         box-shadow: 0 4px 20px rgba(0,0,0,0.06);
         color: #1e293b;
     }
-    :global(.theme-dark) .alc-card {
+    .theme-dark .alc-card {
         background: #0f172a;
         border-color: #1e293b;
         color: #f1f5f9;
@@ -34,13 +34,13 @@
     }
     @media (min-width: 768px) { .alc-inputs-panel { border-right: 1px solid #e2e8f0; } }
-    :global(.theme-dark) .alc-inputs-panel { border-color: #1e293b; }
+    .theme-dark .alc-inputs-panel { border-color: #1e293b; }
     .alc-sec {
         padding: 1.25rem 1.5rem;
         border-bottom: 1px solid #e2e8f0;
     }
-    :global(.theme-dark) .alc-sec { border-color: #1e293b; }
+    .theme-dark .alc-sec { border-color: #1e293b; }
     .alc-sec:last-child { border-bottom: none; }
     .alc-sex-weight {
@@ -76,7 +76,7 @@
         background: #f1f5f9;
         border-radius: 0.75rem;
     }
-    :global(.theme-dark) .sex-toggle { background: #1e293b; }
+    .theme-dark .sex-toggle { background: #1e293b; }
     .sex-btn {
         flex: 1;
@@ -97,7 +97,7 @@
         color: #4f46e5;
         box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     }
-    :global(.theme-dark) .sex-btn.selected {
+    .theme-dark .sex-btn.selected {
         background: #334155;
         color: #818cf8;
     }
@@ -119,7 +119,7 @@
         transition: border-color 0.2s;
         box-sizing: border-box;
     }
-    :global(.theme-dark) .weight-input {
+    .theme-dark .weight-input {
         background: rgba(0,0,0,0.2);
         border-color: #334155;
         color: #f1f5f9;
@@ -155,7 +155,7 @@
         color: #475569;
         transition: all 0.15s;
     }
-    :global(.theme-dark) .drink-add-btn {
+    .theme-dark .drink-add-btn {
         background: #1e293b;
         color: #94a3b8;
     }
@@ -200,7 +200,7 @@
         align-items: center;
         gap: 0.75rem;
     }
-    :global(.theme-dark) .list-empty { color: #334155; }
+    .theme-dark .list-empty { color: #334155; }
     .list-empty-icon {
         width: 2.5rem;
         height: 2.5rem;
@@ -218,7 +218,7 @@
         border-radius: 10px;
     }
-    :global(.drink-list-row) {
+    .drink-list-row {
         display: flex;
         align-items: center;
         justify-content: space-between;
@@ -227,26 +227,26 @@
         border-radius: 0.75rem;
         border: 1px solid #e2e8f0;
     }
-    :global(.theme-dark) :global(.drink-list-row) {
+    .theme-dark .drink-list-row {
         background: #1e293b;
         border-color: #334155;
     }
-    :global(.drink-row-info) {
+    .drink-row-info {
         display: flex;
         align-items: center;
         gap: 0.75rem;
     }
-    :global(.drink-row-name) {
+    .drink-row-name {
         font-weight: 700;
         color: #334155;
     }
-    :global(.theme-dark) :global(.drink-row-name) {
+    .theme-dark .drink-row-name {
         color: #e2e8f0;
     }
-    :global(.drink-row-qty) {
+    .drink-row-qty {
         font-size: 0.75rem;
         background: #e0e7ff;
         color: #4f46e5;
@@ -254,12 +254,12 @@
         border-radius: 0.25rem;
         font-weight: 700;
     }
-    :global(.theme-dark) :global(.drink-row-qty) {
+    .theme-dark .drink-row-qty {
         background: #312e81;
         color: #a5b4fc;
     }
-    :global(.drink-row-del) {
+    .drink-row-del {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -272,11 +272,11 @@
         cursor: pointer;
         transition: background 0.2s;
     }
-    :global(.drink-row-del:hover) {
+    .drink-row-del:hover {
         background: #fef2f2;
         border-radius: 0.5rem;
     }
-    :global(.theme-dark) :global(.drink-row-del:hover) {
+    .theme-dark .drink-row-del:hover {
         background: rgba(239,68,68,0.1);
     }
@@ -285,7 +285,7 @@
         flex-direction: column;
         background: #f8fafc;
     }
-    :global(.theme-dark) .alc-results-panel { background: rgba(0,0,0,0.2); }
+    .theme-dark .alc-results-panel { background: rgba(0,0,0,0.2); }
     .bac-section {
         background: #4f46e5;
@@ -295,7 +295,7 @@
         overflow: hidden;
         flex-shrink: 0;
     }
-    :global(.theme-dark) .bac-section { background: #4338ca; }
+    .theme-dark .bac-section { background: #4338ca; }
     .bac-bg-icon {
         position: absolute;
         top: 0;
@@ -382,12 +382,12 @@
         background: #dbeafe;
         color: #3b82f6;
     }
-    :global(.theme-dark) .advice-icon-blue { background: rgba(59,130,246,0.2); }
+    .theme-dark .advice-icon-blue { background: rgba(59,130,246,0.2); }
     .advice-icon-amber {
         background: #fef3c7;
         color: #f59e0b;
     }
-    :global(.theme-dark) .advice-icon-amber { background: rgba(245,158,11,0.2); }
+    .theme-dark .advice-icon-amber { background: rgba(245,158,11,0.2); }
     .advice-icon-svg {
         width: 1.25rem;
         height: 1.25rem;
@@ -418,7 +418,7 @@
         line-height: 1.6;
         border: 1px solid #fde68a;
     }
-    :global(.theme-dark) .disclaimer {
+    .theme-dark .disclaimer {
         background: rgba(120,53,15,0.2);
         border-color: rgba(120,53,15,0.5);
         color: #f59e0b;

package/src/tool/beerCooler/beer-cooler.css CHANGED Viewed

@@ -13,7 +13,7 @@
         box-shadow: 0 4px 20px rgba(0,0,0,0.06);
         color: #1e293b;
     }
-    :global(.theme-dark) .beer-card {
+    .theme-dark .beer-card {
         background: #0f172a;
         border-color: #1e293b;
         color: #f1f5f9;
@@ -37,7 +37,7 @@
         padding: 1.25rem 1.5rem;
         border-bottom: 1px solid #e2e8f0;
     }
-    :global(.theme-dark) .beer-sec { border-color: #1e293b; }
+    .theme-dark .beer-sec { border-color: #1e293b; }
     .beer-sec:last-child { border-bottom: none; }
     .step-header {
@@ -50,7 +50,7 @@
         color: #1e293b;
     }
-    :global(.theme-dark) .step-header { color: #f1f5f9; }
+    .theme-dark .step-header { color: #f1f5f9; }
     .step-number {
         width: 1.75rem;
         height: 1.75rem;
@@ -63,7 +63,7 @@
         font-size: 0.75rem;
         flex-shrink: 0;
     }
-    :global(.theme-dark) .step-number {
+    .theme-dark .step-number {
         background: #fff;
         color: #0f172a;
     }
@@ -86,12 +86,12 @@
         background: #f8fafc;
         cursor: pointer;
     }
-    :global(.theme-dark) .selector-card {
+    .theme-dark .selector-card {
         border-color: #1e293b;
         background: #0c1527;
     }
     .selector-card:hover { border-color: #cbd5e1; }
-    :global(.theme-dark) .selector-card:hover { border-color: #334155; }
+    .theme-dark .selector-card:hover { border-color: #334155; }
     .selector-content {
         position: relative;
@@ -118,7 +118,7 @@
         color: #1e293b;
     }
-    :global(.theme-dark) .selector-label { color: #f1f5f9; }
+    .theme-dark .selector-label { color: #f1f5f9; }
     .selector-sub {
         font-size: 0.7rem;
@@ -128,7 +128,7 @@
         letter-spacing: 0.05em;
     }
-    :global(.theme-dark) .selector-sub { color: #94a3b8; }
+    .theme-dark .selector-sub { color: #94a3b8; }
     .bg-el {
         position: absolute;
@@ -163,7 +163,7 @@
         letter-spacing: 0.1em;
     }
-    :global(.theme-dark) .slider-label { color: #94a3b8; }
+    .theme-dark .slider-label { color: #94a3b8; }
     .temp-display {
         font-size: 1rem;
@@ -174,7 +174,7 @@
         border-radius: 0.4rem;
     }
-    :global(.theme-dark) .temp-display {
+    .theme-dark .temp-display {
         background: #1e293b;
         color: #f1f5f9;
     }
@@ -187,9 +187,9 @@
         cursor: pointer;
         background: #e2e8f0;
     }
-    :global(.theme-dark) .slider-custom { background: #334155; }
+    .theme-dark .slider-custom { background: #334155; }
     .slider-dark { accent-color: #0f172a; }
-    :global(.theme-dark) .slider-dark { accent-color: #fff; }
+    .theme-dark .slider-dark { accent-color: #fff; }
     .slider-blue { accent-color: #3b82f6; }
     .slider-custom::-webkit-slider-thumb {
         -webkit-appearance: none;
@@ -217,12 +217,12 @@
     @media (min-width: 1024px) { .beer-result-panel { border-left: 1px solid #e2e8f0; } }
-    :global(.theme-dark) .beer-result-panel {
+    .theme-dark .beer-result-panel {
         background: linear-gradient(to bottom right, #1e293b, #020617);
         color: #fff;
     }
-    @media (min-width: 1024px) { :global(.theme-dark) .beer-result-panel { border-left-color: #334155; } }
+    @media (min-width: 1024px) { .theme-dark .beer-result-panel { border-left-color: #334155; } }
     .result-inner {
         width: 100%;
@@ -253,7 +253,7 @@
         color: #6366f1;
     }
-    :global(.theme-dark) .empty-icon {
+    .theme-dark .empty-icon {
         background: #1e293b;
         color: #475569;
     }
@@ -268,7 +268,7 @@
         margin: 0;
     }
-    :global(.theme-dark) .empty-title { color: #64748b; }
+    .theme-dark .empty-title { color: #64748b; }
     .empty-desc {
         color: #94a3b8;
@@ -276,7 +276,7 @@
         font-size: 0.875rem;
     }
-    :global(.theme-dark) .empty-desc { color: #475569; }
+    .theme-dark .empty-desc { color: #475569; }
     .result-content {
         flex-direction: column;
@@ -305,7 +305,7 @@
         line-height: 1;
     }
-    :global(.theme-dark) .result-time-num { color: #fff; }
+    .theme-dark .result-time-num { color: #fff; }
     .result-time-unit {
         position: absolute;
@@ -326,7 +326,7 @@
         margin: 0 0 0.5rem;
     }
-    :global(.theme-dark) .result-est-label { color: #60a5fa; }
+    .theme-dark .result-est-label { color: #60a5fa; }
     .result-finish-time {
         font-size: 1.5rem;
@@ -335,7 +335,7 @@
         margin: 0;
     }
-    :global(.theme-dark) .result-finish-time { color: #fff; }
+    .theme-dark .result-finish-time { color: #fff; }
     .result-meta-grid {
         display: grid;
@@ -351,7 +351,7 @@
         border: 1px solid #e2e8f0;
     }
-    :global(.theme-dark) .result-meta-item {
+    .theme-dark .result-meta-item {
         background: rgba(30,41,59,0.5);
         border-color: #334155;
     }
@@ -370,7 +370,7 @@
         font-size: 0.875rem;
     }
-    :global(.theme-dark) .result-meta-value { color: #fff; }
+    .theme-dark .result-meta-value { color: #fff; }
     .bubbles-layer {
         position: absolute;

package/src/tool/carbonationCalculator/beer-carbonation-calculator.css CHANGED Viewed

@@ -15,7 +15,7 @@
     color: #18181b;
 }
-:global(.theme-dark) .carb-card {
+.theme-dark .carb-card {
     background: #18181b;
     border-color: #27272a;
     color: #f4f4f5;
@@ -45,7 +45,7 @@
     }
 }
-:global(.theme-dark) .carb-left { border-color: #27272a; }
+.theme-dark .carb-left { border-color: #27272a; }
 .carb-sec {
     padding: 1.5rem;
@@ -54,7 +54,7 @@
     overflow: hidden;
 }
-:global(.theme-dark) .carb-sec { border-color: #27272a; }
+.theme-dark .carb-sec { border-color: #27272a; }
 .carb-sec:last-child { border-bottom: none; }
 .carb-params-deco {
@@ -105,7 +105,7 @@
     margin-bottom: 1.25rem;
 }
-:global(.theme-dark) .units-toggle { background: #27272a; }
+.theme-dark .units-toggle { background: #27272a; }
 .unit-btn {
     padding: 0.4rem 1.25rem;
@@ -119,9 +119,9 @@
     background: transparent;
 }
-:global(.theme-dark) .unit-btn { color: #a1a1aa; }
+.theme-dark .unit-btn { color: #a1a1aa; }
 .unit-btn:hover { color: #18181b; }
-:global(.theme-dark) .unit-btn:hover { color: #e4e4e7; }
+.theme-dark .unit-btn:hover { color: #e4e4e7; }
 .unit-btn-active {
     background: #fff;
@@ -129,7 +129,7 @@
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
-:global(.theme-dark) .unit-btn-active {
+.theme-dark .unit-btn-active {
     background: #3f3f46;
     color: #fff;
 }
@@ -159,7 +159,7 @@
     letter-spacing: 0.05em;
 }
-:global(.theme-dark) .input-label { color: #a1a1aa; }
+.theme-dark .input-label { color: #a1a1aa; }
 .input-badge {
     padding: 0.125rem 0.5rem;
@@ -172,7 +172,7 @@
     color: #b45309;
 }
-:global(.theme-dark) .input-badge-amber {
+.theme-dark .input-badge-amber {
     background: rgba(245,158,11,0.2);
     color: #fbbf24;
 }
@@ -182,7 +182,7 @@
     color: #1d4ed8;
 }
-:global(.theme-dark) .input-badge-blue {
+.theme-dark .input-badge-blue {
     background: rgba(59,130,246,0.2);
     color: #60a5fa;
 }
@@ -200,7 +200,7 @@
     box-sizing: border-box;
 }
-:global(.theme-dark) .carb-input {
+.theme-dark .carb-input {
     background: rgba(0,0,0,0.2);
     border-color: #3f3f46;
     color: #f4f4f5;
@@ -213,7 +213,7 @@
     border-top: 1px dashed #e4e4e7;
 }
-:global(.theme-dark) .co2-section { border-color: #3f3f46; }
+.theme-dark .co2-section { border-color: #3f3f46; }
 .co2-header {
     display: flex;
@@ -230,7 +230,7 @@
     letter-spacing: 0.05em;
 }
-:global(.theme-dark) .co2-label { color: #a1a1aa; }
+.theme-dark .co2-label { color: #a1a1aa; }
 .co2-value-wrap { text-align: right; }
 .co2-value {
@@ -258,7 +258,7 @@
     accent-color: #f59e0b;
 }
-:global(.theme-dark) .co2-slider { background: #3f3f46; }
+.theme-dark .co2-slider { background: #3f3f46; }
 .preset-row {
     display: flex;
@@ -324,14 +324,14 @@
     border: 1px solid #f4f4f5;
 }
-:global(.theme-dark) .result-row { border-color: #27272a; }
+.theme-dark .result-row { border-color: #27272a; }
 .result-row-primary {
     background: #fafafa;
     border-color: #e4e4e7;
 }
-:global(.theme-dark) .result-row-primary {
+.theme-dark .result-row-primary {
     background: rgba(0,0,0,0.2);
     border-color: #3f3f46;
 }
@@ -343,7 +343,7 @@
     color: #71717a;
 }
-:global(.theme-dark) .result-name-muted { color: #a1a1aa; }
+.theme-dark .result-name-muted { color: #a1a1aa; }
 .result-value {
     font-size: 1.125rem;
     font-weight: 700;
@@ -355,7 +355,7 @@
     color: #4f46e5;
 }
-:global(.theme-dark) .result-value-primary { color: #818cf8; }
+.theme-dark .result-value-primary { color: #818cf8; }
 .carb-right {
     display: flex;
@@ -370,7 +370,7 @@
     .carb-right { width: 50%; }
 }
-:global(.theme-dark) .carb-right { background: rgba(0,0,0,0.15); }
+.theme-dark .carb-right { background: rgba(0,0,0,0.15); }
 .safety-box {
     width: 100%;

package/src/tool/cocktailBalancer/cocktail-balancer.css CHANGED Viewed

@@ -5,7 +5,7 @@
     color: #1e293b;
 }
-:global(.theme-dark) .balancer-app {
+.theme-dark .balancer-app {
     color: #f1f5f9;
 }
@@ -17,7 +17,7 @@
     box-shadow: 0 4px 20px rgba(0,0,0,0.06);
 }
-:global(.theme-dark) .balancer-card {
+.theme-dark .balancer-card {
     background: #0f172a;
     border-color: #1e293b;
 }
@@ -38,7 +38,7 @@
     }
 }
-:global(.theme-dark) .balancer-header {
+.theme-dark .balancer-header {
     border-color: #1e293b;
 }
@@ -65,7 +65,7 @@
     border-radius: 9999px;
 }
-:global(.theme-dark) .balancer-version {
+.theme-dark .balancer-version {
     background: #1e1b4b;
     color: #a5b4fc;
 }
@@ -111,7 +111,7 @@
     transition: background 0.2s;
 }
-:global(.theme-dark) .btn-secondary {
+.theme-dark .btn-secondary {
     background: #1e293b;
     color: #94a3b8;
 }
@@ -121,7 +121,7 @@
     color: #4f46e5;
 }
-:global(.theme-dark) .btn-secondary:hover {
+.theme-dark .btn-secondary:hover {
     background: rgba(99,102,241,0.2);
 }
@@ -144,7 +144,7 @@
     background: #fef2f2;
 }
-:global(.theme-dark) .btn-danger:hover {
+.theme-dark .btn-danger:hover {
     background: rgba(239,68,68,0.1);
 }
@@ -188,7 +188,7 @@
     }
 }
-:global(.theme-dark) .recipe-column {
+.theme-dark .recipe-column {
     border-color: #1e293b;
 }
@@ -210,7 +210,7 @@
     background: rgba(248,250,252,0.5);
 }
-:global(.theme-dark) .empty-state {
+.theme-dark .empty-state {
     border-color: #334155;
     background: rgba(30,41,59,0.5);
 }
@@ -228,7 +228,7 @@
     margin-bottom: 1rem;
 }
-:global(.theme-dark) .empty-icon-wrap {
+.theme-dark .empty-icon-wrap {
     background: rgba(99,102,241,0.2);
 }
@@ -244,7 +244,7 @@
     margin: 0 0 0.5rem;
 }
-:global(.theme-dark) .empty-title {
+.theme-dark .empty-title {
     color: #e2e8f0;
 }
@@ -256,7 +256,7 @@
     text-align: center;
 }
-:global(.theme-dark) .empty-desc {
+.theme-dark .empty-desc {
     color: #94a3b8;
 }
@@ -281,7 +281,7 @@
     transition: all 0.2s;
 }
-:global(.theme-dark) .btn-add-more {
+.theme-dark .btn-add-more {
     border-color: #334155;
 }
@@ -302,7 +302,7 @@
     background: #f8fafc;
 }
-:global(.theme-dark) .dashboard-column {
+.theme-dark .dashboard-column {
     background: rgba(0,0,0,0.15);
 }
@@ -313,7 +313,7 @@
     overflow: hidden;
 }
-:global(.theme-dark) .flavor-card {
+.theme-dark .flavor-card {
     border-color: #1e293b;
 }
@@ -348,7 +348,7 @@
     color: #64748b;
 }
-:global(.theme-dark) .abv-badge {
+.theme-dark .abv-badge {
     background: #1e293b;
 }
@@ -370,7 +370,7 @@
     stroke: #e2e8f0;
 }
-:global(.theme-dark) .radar-bg-poly {
+.theme-dark .radar-bg-poly {
     stroke: #334155;
 }
@@ -396,7 +396,7 @@
     padding: 0 2px;
 }
-:global(.theme-dark) .radar-label {
+.theme-dark .radar-label {
     background: transparent;
 }
@@ -438,7 +438,7 @@
     gap: 0.75rem;
 }
-:global(.theme-dark) .stats-grid {
+.theme-dark .stats-grid {
     border-color: #1e293b;
 }
@@ -449,7 +449,7 @@
     text-align: center;
 }
-:global(.theme-dark) .stat-card {
+.theme-dark .stat-card {
     border-color: #1e293b;
 }
@@ -467,7 +467,7 @@
     color: #334155;
 }
-:global(.theme-dark) .stat-card-value {
+.theme-dark .stat-card-value {
     color: #e2e8f0;
 }
@@ -498,7 +498,7 @@
     margin-top: 0.5rem;
 }
-:global(.theme-dark) .color-swatch {
+.theme-dark .color-swatch {
     border-color: #334155;
 }
@@ -514,7 +514,7 @@
     border-bottom: 1px solid #e2e8f0;
 }
-:global(.theme-dark) .balance-card {
+.theme-dark .balance-card {
     border-color: #1e293b;
 }
@@ -548,7 +548,7 @@
     margin: 0 0.5rem 2rem;
 }
-:global(.theme-dark) .balance-track {
+.theme-dark .balance-track {
     background: #1e293b;
 }
@@ -595,7 +595,7 @@
     z-index: 1;
 }
-:global(.theme-dark) .balance-needle {
+.theme-dark .balance-needle {
     background: #334155;
     border-color: #fff;
 }
@@ -630,7 +630,7 @@
     border-top: 1px solid #e0e7ff;
 }
-:global(.theme-dark) .fix-box {
+.theme-dark .fix-box {
     background: rgba(99,102,241,0.08);
     border-color: rgba(99,102,241,0.2);
 }
@@ -648,7 +648,7 @@
     font-size: 1.25rem;
 }
-:global(.theme-dark) .fix-icon-wrap {
+.theme-dark .fix-icon-wrap {
     background: rgba(99,102,241,0.2);
     color: #818cf8;
 }
@@ -665,7 +665,7 @@
     font-size: 0.875rem;
 }
-:global(.theme-dark) .fix-title {
+.theme-dark .fix-title {
     color: #c7d2fe;
 }
@@ -676,7 +676,7 @@
     margin: 0;
 }
-:global(.theme-dark) .fix-text {
+.theme-dark .fix-text {
     color: #a5b4fc;
 }
@@ -714,7 +714,7 @@
     flex-direction: column;
 }
-:global(.theme-dark) .modal-body {
+.theme-dark .modal-body {
     background: #0f172a;
     border-color: #1e293b;
 }
@@ -729,7 +729,7 @@
     z-index: 1;
 }
-:global(.theme-dark) .modal-header {
+.theme-dark .modal-header {
     background: rgba(15,23,42,0.8);
     border-color: #1e293b;
 }
@@ -780,7 +780,7 @@
     background: #f1f5f9;
 }
-:global(.theme-dark) .modal-close-btn:hover {
+.theme-dark .modal-close-btn:hover {
     background: #1e293b;
 }
@@ -809,7 +809,7 @@
     box-sizing: border-box;
 }
-:global(.theme-dark) .modal-search-input {
+.theme-dark .modal-search-input {
     background: #1e293b;
     border-color: #334155;
     color: #f1f5f9;
@@ -829,7 +829,7 @@
     background: #f8fafc;
 }
-:global(.theme-dark) .modal-scroll-bg {
+.theme-dark .modal-scroll-bg {
     background: rgba(0,0,0,0.1);
 }
@@ -857,7 +857,7 @@
     transition: all 0.15s;
 }
-:global(.theme-dark) .ing-select-btn {
+.theme-dark .ing-select-btn {
     background: rgba(30,41,59,0.5);
 }
@@ -866,7 +866,7 @@
     border-color: #c7d2fe;
 }
-:global(.theme-dark) .ing-select-btn:hover {
+.theme-dark .ing-select-btn:hover {
     background: rgba(99,102,241,0.1);
     border-color: rgba(99,102,241,0.4);
 }
@@ -914,7 +914,7 @@
     font-size: 0.875rem;
 }
-:global(.theme-dark) .ing-name {
+.theme-dark .ing-name {
     color: #e2e8f0;
 }
@@ -922,7 +922,7 @@
     color: #4f46e5;
 }
-:global(.theme-dark) .ing-select-btn:hover .ing-name {
+.theme-dark .ing-select-btn:hover .ing-name {
     color: #818cf8;
 }
@@ -967,7 +967,7 @@
     box-shadow: 0 1px 3px rgba(0,0,0,0.05);
 }
-:global(.theme-dark) .preset-load-btn {
+.theme-dark .preset-load-btn {
     background: #1e293b;
     border-color: #334155;
 }
@@ -996,7 +996,7 @@
     font-size: 0.875rem;
 }
-:global(.theme-dark) .preset-name {
+.theme-dark .preset-name {
     color: #fff;
 }
@@ -1036,7 +1036,7 @@
     text-align: center;
 }
-:global(.theme-dark) .confirm-body {
+.theme-dark .confirm-body {
     background: #0f172a;
     border-color: #1e293b;
 }
@@ -1054,7 +1054,7 @@
     margin-bottom: 0.5rem;
 }
-:global(.theme-dark) .confirm-icon-wrap {
+.theme-dark .confirm-icon-wrap {
     background: rgba(239,68,68,0.2);
 }
@@ -1075,7 +1075,7 @@
     margin: 0;
 }
-:global(.theme-dark) .confirm-text {
+.theme-dark .confirm-text {
     color: #94a3b8;
 }
@@ -1091,7 +1091,7 @@
     padding: 0.75rem;
 }
-:global(.recipe-row) {
+.recipe-row {
     background: #fff;
     border-radius: 1rem;
     padding: 1rem;
@@ -1099,34 +1099,34 @@
     border: 1px solid #f1f5f9;
 }
-:global(.theme-dark .recipe-row) {
+.theme-dark .recipe-row {
     background: #0f172a;
     border-color: #1e293b;
 }
-:global(.recipe-row-top) {
+.recipe-row-top {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 0.75rem;
 }
-:global(.recipe-row-info) {
+.recipe-row-info {
     display: flex;
     align-items: center;
     gap: 0.75rem;
 }
-:global(.recipe-row-name) {
+.recipe-row-name {
     font-weight: 700;
     color: #334155;
 }
-:global(.theme-dark .recipe-row-name) {
+.theme-dark .recipe-row-name {
     color: #e2e8f0;
 }
-:global(.recipe-row-type) {
+.recipe-row-type {
     font-size: 0.625rem;
     background: #f1f5f9;
     padding: 0.125rem 0.5rem;
@@ -1136,26 +1136,26 @@
     text-transform: uppercase;
 }
-:global(.theme-dark .recipe-row-type) {
+.theme-dark .recipe-row-type {
     background: #1e293b;
 }
-:global(.recipe-row-del) {
+.recipe-row-del {
     opacity: 0;
     transition: opacity 0.2s;
 }
-:global(.recipe-row:hover .recipe-row-del) {
+.recipe-row:hover .recipe-row-del {
     opacity: 1;
 }
-:global(.recipe-row-controls) {
+.recipe-row-controls {
     display: flex;
     align-items: center;
     gap: 1rem;
 }
-:global(.recipe-range) {
+.recipe-range {
     flex: 1;
     height: 0.5rem;
     border-radius: 0.5rem;
@@ -1165,16 +1165,16 @@
     background: #e2e8f0;
 }
-:global(.theme-dark .recipe-range) {
+.theme-dark .recipe-range {
     background: #334155;
 }
-:global(.recipe-number-wrap) {
+.recipe-number-wrap {
     position: relative;
     width: 5rem;
 }
-:global(.recipe-number) {
+.recipe-number {
     width: 100%;
     background: #f8fafc;
     border: 1px solid #e2e8f0;
@@ -1187,7 +1187,7 @@
     box-sizing: border-box;
 }
-:global(.theme-dark .recipe-number) {
+.theme-dark .recipe-number {
     background: #1e293b;
     border-color: #334155;
     color: #e2e8f0;

package/src/tool/partyKeg/party-stock-calculator.css CHANGED Viewed

@@ -17,7 +17,7 @@
     box-shadow: 0 10px 30px rgba(0,0,0,0.1);
 }
-:global(.theme-dark) .party-card {
+.theme-dark .party-card {
     background: rgba(15,23,42,0.9);
     border-color: rgba(255,255,255,0.1);
 }
@@ -71,7 +71,7 @@
     }
 }
-:global(.theme-dark) .party-inputs {
+.theme-dark .party-inputs {
     background: rgba(255,255,255,0.03);
     border-color: #1e293b;
 }
@@ -108,7 +108,7 @@
     color: #1e293b;
 }
-:global(.theme-dark) .calc-title {
+.theme-dark .calc-title {
     color: #f1f5f9;
 }
@@ -147,7 +147,7 @@
     letter-spacing: -0.05em;
 }
-:global(.theme-dark) .slider-val {
+.theme-dark .slider-val {
     color: #f1f5f9;
 }
@@ -177,7 +177,7 @@
     cursor: pointer;
 }
-:global(.theme-dark) .custom-slider-wrap {
+.theme-dark .custom-slider-wrap {
     background: #1e293b;
     border-color: #334155;
 }
@@ -254,7 +254,7 @@
     transition: all 0.2s;
 }
-:global(.theme-dark) .vibe-btn {
+.theme-dark .vibe-btn {
     border-color: #334155;
     background: #0f172a;
 }
@@ -355,7 +355,7 @@
     border-top: 1px solid #e2e8f0;
 }
-:global(.theme-dark) .temp-section {
+.theme-dark .temp-section {
     border-color: #334155;
 }
@@ -378,7 +378,7 @@
     position: relative;
 }
-:global(.theme-dark) .party-results {
+.theme-dark .party-results {
     background: rgba(0,0,0,0.2);
 }
@@ -390,7 +390,7 @@
     backdrop-filter: blur(4px);
 }
-:global(.theme-dark) .stats-header {
+.theme-dark .stats-header {
     border-color: #1e293b;
     background: rgba(255,255,255,0.03);
 }
@@ -405,7 +405,7 @@
     border-right: 1px solid #e2e8f0;
 }
-:global(.theme-dark) .stat-block-left {
+.theme-dark .stat-block-left {
     border-color: #1e293b;
 }
@@ -456,7 +456,7 @@
     letter-spacing: -0.05em;
 }
-:global(.theme-dark) .stat-number {
+.theme-dark .stat-number {
     color: #f1f5f9;
 }
@@ -492,7 +492,7 @@
     background: linear-gradient(to top, rgba(203,213,225,0.5) 0%, rgba(248,250,252,0) 100%);
 }
-:global(.theme-dark) .visual-stage-wrap {
+.theme-dark .visual-stage-wrap {
     background: linear-gradient(to top, rgba(15,23,42,0.5) 0%, transparent 100%);
 }
@@ -535,7 +535,7 @@
     background: #cbd5e1;
 }
-:global(.theme-dark) .stage-baseline {
+.theme-dark .stage-baseline {
     background: #334155;
 }
@@ -555,7 +555,7 @@
     animation: drop-in 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
 }
-:global(.visual-container) {
+.visual-container {
     display: flex;
     align-items: flex-end;
     justify-content: center;
@@ -565,12 +565,12 @@
 }
 @media (min-width: 1024px) {
-    :global(.visual-container) {
+    .visual-container {
         gap: 4rem;
     }
 }
-:global(.keg-stack) {
+.keg-stack {
     display: flex;
     flex-direction: column-reverse;
     align-items: center;
@@ -580,18 +580,18 @@
     min-width: 80px;
 }
-:global(.keg-item) {
+.keg-item {
     position: relative;
     transition: transform 0.3s;
     transform-origin: bottom;
     cursor: default;
 }
-:global(.keg-item:hover) {
+.keg-item:hover {
     transform: scale(1.05);
 }
-:global(.keg-plus) {
+.keg-plus {
     text-align: center;
     font-weight: 900;
     font-size: 1.25rem;
@@ -621,7 +621,7 @@
     }
 }
-:global(.ice-pile) {
+.ice-pile {
     display: flex;
     flex-wrap: wrap;
     align-content: flex-end;
@@ -632,17 +632,17 @@
     position: relative;
 }
-:global(.ice-bag) {
+.ice-bag {
     transition: transform 0.3s;
     cursor: pointer;
 }
-:global(.ice-bag:hover) {
+.ice-bag:hover {
     transform: scale(1.1);
     z-index: 50;
 }
-:global(.bags-plus) {
+.bags-plus {
     position: absolute;
     top: -3rem;
     left: 50%;