:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#db2b2b;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn{position:absolute;right:-5px;top:10px}#root{max-width:1280px;margin:0 auto;text-align:center;position:relative}svg{-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;touch-action:none}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.solid:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}p{margin-bottom:0;line-height:1.8}@font-face{font-family:digital;src:url(./digital-7-DyjIeNPX.ttf) format("truetype")}@font-face{font-family:digital-mono;src:url(./digital-7-mono-CnVgky5u.ttf) format("truetype")}.rotameter-ball{transition:transform 1s ease-in-out}.kettle-exterior{transition:opacity 1s}.kettle-exterior-hidden{opacity:0}.steam{fill:url(#steamGrad);filter:url(#softBlur);transform-box:fill-box;transform-origin:center}.source{transform-box:fill-box;transform-origin:50% 100%}.steam{fill:url(#steamGrad);filter:url(#softBlur);transform-box:fill-box;transform-origin:center;animation-name:rise;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,.9,.36,1);will-change:transform,opacity}@keyframes rise{0%{transform:translate(var(--dx, 0px)) scale(1);opacity:0}8%{opacity:.6}to{transform:translate(calc(var(--dx, 0px) * .6),var(--rise, -160px)) scale(var(--end-scale, .25));opacity:0}}.soft{opacity:.6;animation-timing-function:ease-out}.digital-label{font-family:digital-mono!important;font-weight:100;font-size:12;position:absolute;text-anchor:middle;text-justify:middle;dominant-baseline:middle}.valveHandle{cursor:pointer;transition:transform .3s}.valveHandle:hover{filter:brightness(1.1) drop-shadow(-1px -1px 1px rgba(255,205,39,255)) drop-shadow(1px 1px 1px rgba(23,206,255,255))}.globeValveHandle{cursor:pointer}.globeValveHandle:hover path{filter:brightness(1.1) drop-shadow(-.5px -.5px .5px rgba(255,205,39,255)) drop-shadow(.5px .5px .5px rgba(23,206,255,255))}.beaker{cursor:grab}.beaker:hover{filter:brightness(1.1)}.beaker:active{cursor:grabbing}.hidden{display:none!important}.scale-label{font-weight:100;font-size:11;position:absolute;text-anchor:end;text-justify:end;dominant-baseline:middle}.button{cursor:pointer}.button:hover{filter:brightness(1.1)}.preg-valve{cursor:grab}.preg-valve:active{cursor:grabbing}.preg-valve:hover rect{filter:brightness(1.1) drop-shadow(-.5px -.5px .5px rgba(255,205,39,255)) drop-shadow(.5px .5px .5px rgba(23,206,255,255))}.lens{position:absolute;width:150px;height:150px;border:2px solid black;border-radius:100%;transform:translate(-50%,-50%)}.lens canvas{overflow:hidden;clip-path:circle(50%)}.tube-selector{position:absolute;width:8%;height:100%;top:0%}.hamburger-menu{position:absolute;top:0;left:10px;z-index:1000}.menu-btn{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#3498db;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .3s}.menu-btn:hover{background-color:#2980b9;transform:scale(1.05)}.menu-btn i{color:#fff;font-size:24px}.menu-content{display:none;position:absolute;top:60px;left:0;background-color:#fff;min-width:160px;box-shadow:0 2px 10px #0003;border-radius:5px;overflow:hidden;z-index:1000}.menu-content.show{display:block;animation:fadeIn .3s}.menu-item{margin:1em;background-color:#3498db;border-radius:.5em;color:#fff;padding:10px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center}.menu-item:hover{background-color:#67aedd}.menu-item i{margin-left:5px;margin-right:10px;color:#fff}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn .3s;overflow-y:auto}.modal-content{background-color:#fff;margin:5% auto;padding:20px;border-radius:8px;box-shadow:0 4px 20px #0003;width:80%;max-width:800px;position:relative;animation:slideIn .3s;text-align:left}.close-btn{position:absolute;top:15px;right:20px;font-size:24px;font-weight:700;color:#aaa;cursor:pointer;transition:color .3s}.close-btn:hover{color:#333}.modal-header{padding:10px;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:#2c3e50}.modal-body{padding:10px;line-height:1.6}