.fog-tool{max-width:720px;margin:0 auto;padding-bottom:var(--space-2xl)}.fog-section{background:var(--bg-secondary);border:1px solid rgba(201,165,90,.15);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.fog-section-label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:var(--space-md)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm)}.preset-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid rgba(201,165,90,.12);border-radius:6px;padding:var(--space-sm) var(--space-md);font-size:.8rem;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.preset-btn:hover{background:#c9a55a0f;color:var(--text-primary);border-color:#c9a55a4d}.preset-btn.selected{background:#c9a55a1f;color:var(--accent-gold);border-color:var(--accent-gold)}.preset-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dim-inputs{display:flex;gap:var(--space-md);flex-wrap:wrap}.dim-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:100px}.dim-field label{font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.dim-disabled-note{color:var(--text-muted);font-size:.7rem}.dim-field input{height:44px;background:var(--bg-tertiary);border:1px solid rgba(201,165,90,.2);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;padding:0 var(--space-md);-moz-appearance:textfield}.dim-field input::-webkit-outer-spin-button,.dim-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dim-field input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dim-field input:disabled{opacity:.4;cursor:not-allowed}.toggle-group{display:inline-flex;border:1px solid rgba(201,165,90,.2);border-radius:6px;overflow:hidden}.toggle-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:none;padding:var(--space-sm) var(--space-xl);font-size:.875rem;cursor:pointer;transition:background .2s ease,color .2s ease}.toggle-btn+.toggle-btn{border-left:1px solid rgba(201,165,90,.2)}.toggle-btn.active{background:#c9a55a26;color:var(--accent-gold);font-weight:600}.toggle-btn:hover:not(.active){background:#c9a55a0f;color:var(--text-primary)}.toggle-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.env-note{margin:var(--space-md) 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.5}.density-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm)}.density-btn{display:flex;flex-direction:column;gap:4px;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid rgba(201,165,90,.12);border-radius:6px;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}.density-btn:hover{background:#c9a55a0f;border-color:#c9a55a4d}.density-btn.selected{background:#c9a55a1f;border-color:var(--accent-gold)}.density-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.density-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.density-btn.selected .density-label{color:var(--accent-gold)}.density-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.hours-input{display:flex;align-items:center;gap:var(--space-md)}.hours-input input{width:100px;height:44px;background:var(--bg-tertiary);border:1px solid rgba(201,165,90,.2);border-radius:4px;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;padding:0 var(--space-md);-moz-appearance:textfield}.hours-input input::-webkit-outer-spin-button,.hours-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hours-input input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hours-unit{font-size:.875rem;color:var(--text-muted);font-family:var(--font-mono)}.fog-results{margin-top:var(--space-2xl)}.fog-results h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--accent-gold);margin:0 0 var(--space-lg)}.fog-results h4{font-family:var(--font-heading);font-size:1.05rem;color:var(--accent-gold);margin:0 0 var(--space-md)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.result-card{display:flex;flex-direction:column;gap:4px;background:var(--bg-secondary);border:1px solid rgba(201,165,90,.15);border-radius:8px;padding:var(--space-md)}.result-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.result-value{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--accent-gold);line-height:1.1}.result-note{font-size:.72rem;color:var(--text-muted);line-height:1.4}.placement-section{background:var(--bg-secondary);border:1px solid rgba(201,165,90,.12);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.placement-section ul{margin:0;padding:0 0 0 var(--space-lg)}.placement-section li{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xs)}.chiller-section{background:#8b451314;border:1px solid rgba(139,69,19,.35);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.chiller-reason{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-md);line-height:1.6}.chiller-diy{font-size:.875rem;color:var(--text-muted);margin:0 0 var(--space-lg);line-height:1.6}.chiller-diy a{color:var(--accent-gold);text-decoration:underline}.chiller-diy a:hover{opacity:.8}.chiller-products{display:flex;flex-direction:column;gap:var(--space-sm)}.machine-section{margin-bottom:var(--space-xl)}.machine-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.machine-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:4px var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid rgba(201,165,90,.1);border-radius:6px;text-decoration:none;transition:border-color .2s ease,background .2s ease;position:relative}.machine-card:hover{border-color:#c9a55a59;background:#c9a55a0a}.machine-card.recommended{border-color:var(--accent-gold);background:#c9a55a0f}.machine-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.recommended-badge{grid-column:1 / -1;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:2px}.mc-name{grid-column:1;font-size:.9rem;font-weight:600;color:var(--text-primary)}.mc-price{grid-column:2;font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--accent-gold);white-space:nowrap;align-self:start}.mc-specs{grid-column:1;display:flex;gap:var(--space-md);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.mc-tier{font-size:.65rem;letter-spacing:.08em}.mc-tier--budget{color:#aaa}.mc-tier--mid{color:var(--accent-gold)}.mc-tier--pro{color:#c07030}.mc-note{grid-column:1 / -1;font-size:.75rem;color:var(--text-muted);line-height:1.4}.fluid-section{margin-bottom:var(--space-2xl)}.fluid-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.fluid-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;gap:4px var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid rgba(201,165,90,.1);border-radius:6px;text-decoration:none;transition:border-color .2s ease,background .2s ease}.fluid-card:hover{border-color:#c9a55a59;background:#c9a55a0a}.fluid-card.recommended{border-color:var(--accent-gold);background:#c9a55a0f}.fluid-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.fc-name{grid-column:1;font-size:.9rem;font-weight:600;color:var(--text-primary)}.fc-price{grid-column:2;font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--accent-gold);white-space:nowrap;align-self:start}.fc-bottles{grid-column:1;font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.fc-note{grid-column:1 / -1;font-size:.75rem;color:var(--text-muted);line-height:1.4}@media(max-width:500px){.preset-grid,.density-grid,.result-grid{grid-template-columns:1fr 1fr}.fog-section{padding:var(--space-md)}.machine-card,.fluid-card{grid-template-columns:1fr}.mc-price,.fc-price{grid-column:1}}@media(prefers-reduced-motion:reduce){.preset-btn,.toggle-btn,.density-btn,.machine-card,.fluid-card,.chiller-diy a{transition:none}}