.column{display:flex;flex-direction:column;gap:1rem}#input-section,#results-section,#visualization-section{background:var(--surface-color);border-radius:var(--border-radius);padding:1.25rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.input-group{display:flex;flex-direction:column;margin-bottom:1rem}.input-group label{font-weight:500;font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.slider-container{display:flex;align-items:center;gap:.75rem;background:var(--background-color);padding:.75rem;border-radius:6px;border:1px solid var(--border-color)}.slider-container input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--border-color);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.slider-container input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:var(--shadow-sm)}.slider-container input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;box-shadow:var(--shadow-sm)}.slider-value{font-weight:600;color:var(--primary-color);min-width:5rem;text-align:center}.unit{font-size:.85rem;color:var(--text-secondary);min-width:2.5rem}#reset-button{width:100%;margin-top:.5rem}.results-grid{display:grid;gap:.75rem}.result-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;background:var(--background-color);border-radius:6px;border:1px solid var(--border-color)}.result-item .label{font-weight:500;color:var(--text-secondary)}.result-item span:last-child{font-weight:600;color:var(--text-primary);text-align:right}.equation{margin-top:1rem;text-align:center;font-size:1rem;font-weight:600;color:var(--primary-color)}.visualization-header{margin-bottom:1rem}.visualization-header p{color:var(--text-secondary)}.schematic{min-height:420px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);background:linear-gradient(180deg,#f8fbff,#eef4ff)}.schematic svg{display:block;width:100%;height:auto}.schematic text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;fill:#1f2937}.schematic .datum-label,.schematic .dimension-label,.schematic .caption-label,.schematic .head-line-label,.schematic .flow-label,.schematic .delta-label,.schematic .caption-note{font-size:14px}.schematic .caption-strong{font-size:15px;font-weight:700;fill:#5b3a1f}.schematic .datum-label,.schematic .caption-note{fill:#64748b}.schematic .head-line-label{fill:#2563eb;font-weight:600}.schematic .flow-label{fill:#0f766e;font-weight:600}.schematic .delta-label{fill:#dc2626;font-weight:600}.info-panel{margin-top:1rem;padding:1rem;border-radius:6px;background:#f8f9ff;border:1px solid #e0e4ff;color:var(--text-secondary)}.info-panel strong{color:var(--text-primary)}@media(max-width:768px){.slider-container{flex-wrap:wrap}.slider-container input[type=range]{width:100%}.slider-value{min-width:4.5rem}.schematic{min-height:320px}.schematic .datum-label,.schematic .dimension-label,.schematic .caption-label,.schematic .head-line-label,.schematic .flow-label,.schematic .delta-label,.schematic .caption-note,.schematic .caption-strong{font-size:16px}}