:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0;padding:0;touch-action:pan-y}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:6px;background:#cbd5e1;border-radius:3px}input[type=range]::-moz-range-track{height:6px;background:#cbd5e1;border-radius:3px;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#0b6e99;border:2px solid white;box-shadow:0 0 0 1px #cbd5e1;margin-top:-8px;cursor:pointer;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15)}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #0b6e9933}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#0b6e99;border:2px solid white;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer}input[type=range]::-moz-range-thumb:active{transform:scale(1.15)}button,input[type=checkbox],select{touch-action:manipulation}input[type=checkbox]{width:18px;height:18px;cursor:pointer}input[type=number]{min-height:32px}@media (max-width: 700px){body{padding-bottom:env(safe-area-inset-bottom)}}.process-grid{display:grid;gap:1rem;grid-template-areas:"equipment" "zone" "chart"}@media (min-width: 820px){.process-grid{grid-template-areas:"equipment zone" "chart chart";grid-template-columns:1fr 1fr;align-items:start}}@media (min-width: 1200px){.process-grid{grid-template-areas:"equipment zone chart";grid-template-columns:1fr 1fr 1.4fr}}.mix-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 900px){.mix-grid{grid-template-columns:minmax(280px,340px) 1fr;align-items:start}}