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