.control-panel{position:relative;width:100%;height:100%}.param-section{position:absolute;top:187px;height:589px;display:flex;flex-direction:column;border-radius:25px;background:var(--color-surface);padding:20px 12px 14px;overflow:hidden;box-sizing:border-box}.param-section__title{flex-shrink:0;margin:0 0 10px;text-align:center;font-size:21px;font-weight:700;color:var(--color-text)}.param-section__charts{flex-shrink:0;display:flex;gap:8px;width:100%;align-items:stretch}.param-section__controls{flex:1;display:flex;justify-content:space-evenly;align-items:center;gap:4px;min-height:0;margin-top:auto;padding-top:8px;overflow:visible}.param-section__control-group{flex:1 1 0;min-width:0;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:visible}.param-section__control-group--locked .vslider{opacity:.45;pointer-events:none}.progress-panel{position:absolute;left:1267px;top:196px;width:576px;z-index:2}.task-panel{background:var(--color-surface);border-radius:25px;padding:28px 36px;height:200px}.task-panel__heading{margin:0 0 20px;font-size:21px;font-weight:700;color:var(--color-text)}.task-panel__items{display:flex;gap:0}.task-panel__item{flex:1}.task-panel__item-title{margin:0 0 8px;font-size:21px;font-weight:700;color:var(--color-text);white-space:pre-line;line-height:1.3}.task-panel__item-value{margin:0;font-size:18px;font-weight:400;color:var(--color-text)}.task-panel__divider{width:1px;background:#d0d2d5;margin:0 20px;align-self:stretch}.progress-panel__meters{position:relative;margin-top:20px;background:var(--color-surface);border-radius:25px;height:589px;display:flex;align-items:center;justify-content:center;gap:60px;padding:40px}.furnace-scale{width:120px;height:440px;display:flex;align-items:center;justify-content:center}.furnace-scale__frame{position:relative;width:100%;height:100%;background:#d8d9db;border-radius:6px;padding:10px 18px;box-shadow:inset 0 2px 8px #00000014;overflow:hidden}.furnace-scale__fill-gradient{position:absolute;bottom:10px;left:18px;right:18px;background:linear-gradient(to top,#008c95,#00cbd3 22%,#5aadb5 40%,#8e9094 62%,#c94a3a 82%,#e04e39);border-radius:2px;transition:height .25s ease-out;z-index:1;box-shadow:0 0 6px #00cbd340}.furnace-scale__bars{position:relative;z-index:2;display:flex;flex-direction:column-reverse;gap:1px;width:100%;height:100%}.furnace-scale__bar{flex:1;min-height:2px;background:#ffffff1f;border-radius:1px}.product-flask{width:207px;height:440px;display:flex;align-items:stretch;justify-content:center;opacity:.5;transition:opacity .5s}.product-flask--active{opacity:1}.product-flask__vessel{position:relative;width:100%;height:100%}.product-flask__liquid{position:absolute;bottom:6%;left:2%;right:2%;background:linear-gradient(180deg,#00cbd3e6,#008c95f2);transition:height .3s ease-out;z-index:3;box-shadow:inset 0 4px 12px #ffffff4d}.product-flask__glass{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}.product-flask__percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:700;color:var(--color-text);z-index:3;text-shadow:0 0 8px rgba(255,255,255,.8)}.infographic{position:absolute;top:805px;height:200px;border-radius:25px;background:var(--color-surface);overflow:hidden;display:flex;align-items:center;justify-content:center}.infographic__image{width:100%;height:100%;object-fit:cover;object-position:center}.vslider{display:flex;flex-direction:row;align-items:start;gap:20px;width:100%;justify-content:center}.vslider--disabled .vslider__track{cursor:not-allowed}.vslider--disabled .vslider__fill{opacity:.4}.vslider__scale-ticks{display:flex;flex-direction:column;justify-content:space-between;height:150px;padding:2px 0;flex-shrink:0}.vslider__tick{font-size:8px;font-weight:400;color:var(--color-text);opacity:.5;text-align:right;min-width:22px;line-height:1}.vslider__track{position:relative;width:10px;height:150px;cursor:pointer;touch-action:none;flex-shrink:0;overflow:visible}.vslider__track-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#e2e3e5;border:.75px solid #f9f8f6;border-radius:10px}.vslider__fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,var(--color-danger-light),var(--color-danger));border-radius:10px;transition:height .05s}.vslider__handle{position:absolute;left:50%;transform:translate(-50%);width:40px;height:62px;object-fit:contain;object-position:top center;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:top .05s}.vslider__hint{display:flex;margin-top:20px;align-items:flex-start;gap:4px;max-width:60px;flex-direction:column;flex-shrink:0}.vslider__hint-icon{flex-shrink:0;width:12px;height:12px;background:#0b2a38;border-radius:50%;color:#fff;font-size:7px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.vslider__hint-text{margin:0;font-size:7px;font-weight:400;line-height:1.35;color:#000}.gauge{display:flex;flex-direction:column;align-items:center;width:100%;transition:filter .3s;overflow:visible}.gauge--in-zone{filter:drop-shadow(0 0 6px rgba(0,203,211,.5))}.gauge--in-zone .gauge__value{color:var(--color-accent-dark)}.gauge__scale-wrap{position:relative;width:100%;max-width:150px;overflow:visible;padding-bottom:6px}.gauge__scale,.gauge__overlay-svg{display:block;width:100%;height:auto;overflow:visible}.gauge__overlay-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:2}.gauge__zone-arc{opacity:.92;transition:opacity .3s}.gauge--in-zone .gauge__zone-arc{opacity:1;filter:drop-shadow(0 0 5px rgba(0,203,211,.65))}.gauge__needle{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.gauge__hub{fill:#1e4a58}.gauge__hub-ring{fill:none;stroke:#ffffff8c;stroke-width:1.2}.gauge__readout{position:absolute;top:42%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:4;pointer-events:none}.gauge__value{font-size:12px;font-weight:300;color:var(--color-text);line-height:1.2;transition:color .3s}.gauge__unit{font-size:7px;font-weight:300;color:var(--color-text);line-height:1.2}.gauge__limits{position:absolute;bottom:2%;left:0;right:0;display:flex;justify-content:space-between;padding:0 6%;pointer-events:none}.gauge__min,.gauge__max{font-size:7px;font-weight:300;color:var(--color-text)}.gauge__label{margin:4px 0 0;font-size:13px;font-weight:400;color:var(--color-text);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis}.param-chart{position:relative;flex:1;min-width:0;width:100%;height:170px;border-radius:12px;overflow:hidden}.param-chart__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.param-chart__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.start-screen{position:absolute;left:75px;top:75px;width:1770px;height:930px;display:flex;gap:19px;z-index:5}.start-screen__card{position:relative;flex:1;min-width:0;height:100%;border-radius:25px;background:linear-gradient(-40deg,#e5e6e8 9.4%,#e2e3e5 108%);overflow:hidden}.start-screen__title{position:relative;z-index:2;margin:0;padding:56px 56px 0 61px;font-size:90px;font-weight:700;line-height:1;color:var(--color-text)}.start-screen__dots{position:relative;z-index:2;display:flex;gap:13px;padding:18px 0 0 61px}.start-screen__dots span{width:12px;height:12px;border-radius:50%;background:var(--color-accent)}.start-screen__dots span:nth-child(2){opacity:.7}.start-screen__dots span:nth-child(3){opacity:.45}.start-screen__description{position:relative;z-index:2;margin:24px 0 0;padding:0 56px 0 61px;max-width:520px;font-size:18px;font-weight:300;line-height:24px;color:var(--color-text)}.start-screen__visual{position:absolute;left:0;right:0;bottom:0;height:62%;z-index:1;pointer-events:none;overflow:hidden;border-radius:0 0 25px 25px}.start-screen__image{width:100%;height:100%;object-fit:cover;object-position:center bottom;mix-blend-mode:darken}.start-screen__btn{position:absolute;left:61px;bottom:232px;z-index:3;width:350px;height:77px;border:none;border-radius:50px;background:linear-gradient(90deg,var(--color-accent-dark),var(--color-accent));color:#fff;font-family:inherit;font-size:24px;font-weight:400;cursor:pointer;box-shadow:0 0 20px #00cbd373,0 0 40px #00cbd333;transition:transform .2s ease,box-shadow .2s ease}.start-screen__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid rgba(0,203,211,.9);pointer-events:none}.start-screen__btn:hover{transform:translateY(-2px);box-shadow:0 0 28px #00cbd38c,0 0 50px #00cbd340}.start-screen__btn:active{transform:translateY(0)}.success-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.success-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b2a3873;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-modal__panel{position:relative;width:560px;padding:48px 40px;border-radius:25px;background:#fff;box-shadow:0 12px 48px #0000002e;text-align:center}.success-modal__title{margin:0 0 16px;font-size:32px;font-weight:700;color:var(--color-text)}.success-modal__message{margin:0 0 32px;font-size:18px;font-weight:300;line-height:1.5;color:var(--color-text)}.success-modal__btn{min-width:320px;height:64px;padding:0 32px;border:none;border-radius:50px;background:linear-gradient(90deg,var(--color-accent-dark),var(--color-accent));color:#fff;font-family:inherit;font-size:18px;cursor:pointer;box-shadow:0 0 24px #00cbd366;transition:transform .2s ease}.success-modal__btn:hover{transform:translateY(-1px)}:root{--color-bg: #efeef2;--color-surface: #f1f3f4;--color-text: #0b2a38;--color-accent: #00cbd3;--color-accent-dark: #008c95;--color-danger: #e04e39;--color-danger-light: #f0796a}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Roboto,system-ui,sans-serif}.viewport-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-bg)}.viewport-canvas{position:relative;width:1920px;height:1080px;overflow:hidden;flex-shrink:0;background:var(--color-bg)}.app{position:relative;width:100%;height:100%}.app__frame{position:absolute;left:40px;top:40px;width:1840px;height:1000px;border-radius:30px;background:#fff;box-shadow:0 2px 40px #0000000f}.app__header-bg{position:absolute;left:75px;top:75px;width:1770px;height:100px;border-radius:25px;background:var(--color-surface)}.screen-tabs{position:absolute;top:95px;left:0;right:0;display:flex;justify-content:center;gap:30px;z-index:10}.screen-tabs__btn{position:relative;height:60px;padding:0 32px;border:2px solid #fafeff;border-radius:50px;background:#f1f2f4;box-shadow:0 0 20px #e2e2e2;color:var(--color-text);font-family:inherit;font-size:17px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.screen-tabs__btn--active{border-color:var(--color-accent);background:linear-gradient(90deg,var(--color-accent-dark),var(--color-accent));color:#fff;box-shadow:0 0 20px #00cbd380,0 0 40px #00cbd333}.screen-tabs__btn--locked{opacity:.5;cursor:not-allowed}.screen-tabs__btn:not(.screen-tabs__btn--locked):not(.screen-tabs__btn--active):hover{background:#e8e9eb}.screen-tabs__lock{margin-right:6px;font-size:14px}@keyframes tab-unlock-glow{0%,to{box-shadow:0 0 20px #e2e2e2}50%{box-shadow:0 0 30px #00cbd399}}.screen-tabs__btn:not(.screen-tabs__btn--locked):not(.screen-tabs__btn--active){animation:tab-unlock-glow 2s ease-in-out infinite}.app-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-bg);z-index:200}.app-loader__spinner{width:40px;height:40px;border:3px solid rgba(0,203,211,.2);border-top-color:var(--color-accent);border-radius:50%;animation:app-loader-spin .8s linear infinite}.app-loader__text{margin:0;font-size:14px;font-weight:300;color:var(--color-text);opacity:.7}@keyframes app-loader-spin{to{transform:rotate(360deg)}}