:root{--n-bg-main: #f8fafc;--n-card-bg: #fff;--n-card-border: #e2e8f0;--n-text-main: #0f172a;--n-text-muted: #64748b;--n-primary: #d97706;--n-primary-hover: #b45309;--n-primary-light: #fef3c7;--n-kettle-copper-light: #fbbf24;--n-kettle-copper-mid: #d97706;--n-kettle-copper-dark: #78350f;--n-kettle-border: #451a03;--n-kettle-inner: #0f172a;--n-wort-bottom: #92400e;--n-grain-bed: #b45309;--n-badge-excellent-bg: #dcfce7;--n-badge-excellent-text: #166534;--n-badge-good-bg: #e0f2fe;--n-badge-good-text: #075985;--n-badge-average-bg: #fef3c7;--n-badge-average-text: #92400e;--n-badge-poor-bg: #fee2e2;--n-badge-poor-text: #991b1b}.theme-dark{--n-bg-main: #090d16;--n-card-bg: #111827;--n-card-border: #1f2937;--n-text-main: #f9fafb;--n-text-muted: #9ca3af;--n-primary: #f59e0b;--n-primary-hover: #d97706;--n-primary-light: #451a03;--n-kettle-copper-light: #d97706;--n-kettle-copper-mid: #92400e;--n-kettle-copper-dark: #451a03;--n-kettle-border: #290e02;--n-kettle-inner: #030712;--n-wort-bottom: #78350f;--n-grain-bed: #92400e;--n-badge-excellent-bg: #064e3b;--n-badge-excellent-text: #6ee7b7;--n-badge-good-bg: #0c4a6e;--n-badge-good-text: #7dd3fc;--n-badge-average-bg: #78350f;--n-badge-average-text: #fde68a;--n-badge-poor-bg: #7f1d1d;--n-badge-poor-text: #fca5a5}.beer-mash-calculator-card{background-color:var(--n-card-bg);border:1px solid var(--n-card-border);border-radius:1rem;padding:1.75rem;color:var(--n-text-main);box-shadow:0 12px 30px -8px #0000000f;display:grid;grid-template-columns:1fr;gap:1.75rem}@media(min-width:840px){.beer-mash-calculator-card{grid-template-columns:1fr 1fr}}.unit-switcher,.stage-switcher{display:flex;gap:.5rem;background:#ffffff0d;padding:.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.unit-btn,.stage-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:var(--n-text-muted, #94a3b8);font-weight:600;font-size:.875rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.unit-btn.active,.stage-btn.active{background:var(--n-primary, #f59e0b);color:#000;box-shadow:0 2px 4px #0003}.form-group{margin-bottom:1.35rem}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--n-text-main)}.form-val{font-size:.9375rem;font-weight:800;color:var(--n-primary)}.range-input{width:100%;accent-color:var(--n-primary);cursor:pointer}.custom-select-wrapper{position:relative}.select-trigger{width:100%;padding:.65rem 1rem;background-color:var(--n-bg-main);border:1px solid var(--n-card-border);border-radius:.5rem;color:var(--n-text-main);font-size:.875rem;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background-color:var(--n-card-bg);border:1px solid var(--n-card-border);border-radius:.5rem;box-shadow:0 10px 20px -3px #0000001f;display:none;z-index:20;max-height:230px;overflow-y:auto}.select-dropdown.open{display:block}.preset-option{width:100%;padding:.65rem 1rem;border:none;background:transparent;color:var(--n-text-main);font-size:.875rem;text-align:left;cursor:pointer}.preset-option:hover{background-color:var(--n-primary-light)}.results-column{display:flex;flex-direction:column;gap:1.25rem;background-color:var(--n-bg-main);border:1px solid var(--n-card-border);border-radius:.875rem;padding:1.25rem}.kettle-box{width:100%;height:200px;display:flex;justify-content:center;align-items:center}.badge-wrapper{text-align:center;margin-top:-.5rem}.status-badge{display:inline-block;padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.badge-excellent{background-color:var(--n-badge-excellent-bg);color:var(--n-badge-excellent-text)}.badge-good{background-color:var(--n-badge-good-bg);color:var(--n-badge-good-text)}.badge-average{background-color:var(--n-badge-average-bg);color:var(--n-badge-average-text)}.badge-poor{background-color:var(--n-badge-poor-bg);color:var(--n-badge-poor-text)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-card{background-color:var(--n-card-bg);border:1px solid var(--n-card-border);border-radius:.625rem;padding:.85rem}.metric-title{font-size:.75rem;color:var(--n-text-muted);font-weight:600}.metric-val{font-size:1.0625rem;font-weight:800;color:var(--n-text-main);margin-top:.25rem}.expected-table{width:100%;font-size:.8125rem;border-collapse:collapse;margin-top:.25rem;background-color:var(--n-card-bg);border-radius:.5rem;border:1px solid var(--n-card-border);overflow:hidden}.expected-table th,.expected-table td{padding:.5rem .65rem;text-align:center;border-bottom:1px solid var(--n-card-border)}.expected-table th{color:var(--n-text-muted);font-weight:700;background-color:#00000005}