.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:1920px;height:1080px;padding:75px;display:flex;gap:19px;z-index:5;background:#e2e3e5}.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-primary)}.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-primary-dark),var(--color-primary));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,opacity .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:not([aria-disabled=true]){transform:translateY(-2px);box-shadow:0 0 28px #00cbd38c,0 0 50px #00cbd340}.start-screen__btn:active:not([aria-disabled=true]){transform:translateY(0)}.start-screen__btn[aria-disabled=true]{cursor:default}.pyrolysis-screen{position:relative;width:1920px;height:1080px;overflow:hidden;-webkit-user-select:none;user-select:none}.pyrolysis-screen__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.pout-readout-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.pout-readout-wrap .readout-card{pointer-events:auto}.pout-readout-wrap__leader{position:absolute;top:951px;left:992px;width:2px;height:70px;background:linear-gradient(180deg,#0b2a3859,#0b2a380d)}.pout-readout-wrap__leader:after{content:"";position:absolute;left:-4px;bottom:-4px;width:10px;height:10px;border-radius:50%;background:#0b2a3859}.screen-tabs{position:absolute;top:40px;left:633px;width:640px;height:115px;display:flex;align-items:center;justify-content:center;gap:30px;z-index:10;border-radius:20px;background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px #0b2a3814}.screen-tabs__tab{height:60px;border:none;border-radius:20px;font-family:var(--font-family);font-size:17px;font-weight:500;cursor:pointer;white-space:nowrap;padding:0 28px}.screen-tabs__tab--active{min-width:230px;color:var(--color-white);background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 10px 20px #00cbd366,inset 0 0 0 1px #ffffff4d}.screen-tabs__tab--disabled{min-width:290px;color:var(--color-text);background:var(--color-tab-inactive);box-shadow:0 0 20px #e2e2e2;border:2px solid #fafeff;opacity:.75;cursor:not-allowed}.rotary-knob{position:absolute;z-index:8;touch-action:none;cursor:grab}.rotary-knob--locked{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}.rotary-knob--completed{cursor:default}.rotary-knob--active{cursor:grab}.rotary-knob--active:active{cursor:grabbing}.rotary-knob__handler{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;mix-blend-mode:screen}.rotary-knob__indicator{position:absolute;right:0;bottom:0;pointer-events:none;transform-origin:50% 50%;will-change:transform;width:73%;height:72%;top:10%;left:14%}.rotary-knob__handle{position:absolute;top:-11px;left:50%;translate:-50%;width:45px;height:45px;object-fit:contain;mix-blend-mode:screen}.value-card{position:absolute;z-index:7;border-radius:16px;overflow:hidden;background:#ffffffeb;box-shadow:0 8px 24px #0b2a381f;border:1px solid rgba(255,255,255,.85);display:flex;flex-direction:column}.value-card__label{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 16px 0;font-size:18px;font-weight:500;color:var(--color-text);text-align:center;line-height:1.15}.value-card__value-row{height:57px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:0 40px 0 16px}.value-card--active .value-card__value-row{background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary))}.value-card--inactive .value-card__value-row{background:#dfe3e8}.value-card__value{font-size:28px;font-weight:700;line-height:1}.value-card--active .value-card__value{color:var(--color-white)}.value-card--inactive .value-card__value{color:#6b7785}.value-card__hint{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:31px;height:31px;padding:0;border:none;background:transparent;cursor:pointer}.value-card__hint img{width:100%;height:100%;display:block}.value-card__hint:hover{opacity:.9}.readout-card{position:absolute;z-index:4;border-radius:14px;background:#fffffff0;box-shadow:0 6px 18px #0b2a381a;border:1px solid rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;text-align:center}.readout-card__label{font-size:14px;font-weight:500;color:var(--color-text);line-height:1.2;margin-bottom:6px}.readout-card--multiline .readout-card__label{white-space:pre-line}.readout-card__value{font-size:28px;font-weight:700;color:var(--color-text);line-height:1}.task-card{position:absolute;z-index:6;border-radius:24px;padding:28px 32px;background:#ffffffc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 32px #0b2a381a,inset 0 0 0 1px #ffffffa6}.task-card__header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.task-card__icon{width:40px;height:40px;object-fit:contain}.task-card__title{font-size:22px;font-weight:700;color:var(--color-text)}.task-card__text{font-size:18px;line-height:1.35;color:var(--color-text);max-width:484px}.tooltip-popover{position:absolute;z-index:20;border-radius:18px;padding:18px 20px 22px;background:#fffffff5;box-shadow:0 14px 36px #0b2a382e;border:1px solid rgba(0,203,211,.25)}.tooltip-popover__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tooltip-popover__badge{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.tooltip-popover__title{flex:1;font-size:18px;font-weight:700;color:var(--color-text)}.tooltip-popover__close{width:28px;height:28px;border:none;border-radius:50%;background:#eef1f4;color:#5a6a76;font-size:20px;line-height:1;cursor:pointer}.tooltip-popover__close:hover{background:#e2e7ec}.tooltip-popover__body{font-size:15px;line-height:1.4;color:var(--color-text)}.pyrogas-chart{position:absolute;z-index:3;border-radius:20px;overflow:hidden}.pyrogas-chart__svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.pyrogas-chart__panel{fill:#fff;fill-opacity:.5}.pyrogas-chart__title{fill:#0b2a38;font-size:24px;font-weight:700;font-family:var(--font-family)}.pyrogas-chart__axis-label{fill:#0b2a38;font-size:14px;font-weight:700;font-family:var(--font-family)}.pyrogas-chart__grid{stroke:#0b2a382e;stroke-width:1}.pyrogas-chart__axis{stroke:#8d969a;stroke-width:1.5}.pyrogas-chart__tick{fill:#0b2a38;font-size:14px;font-weight:400;font-family:var(--font-family)}.pyrogas-chart__legend{position:absolute;left:43px;right:28px;bottom:22px;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.pyrogas-chart__legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#0b2a38}.pyrogas-chart__legend-swatch{width:35px;height:12px;border-radius:2px;flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;background:#000}.video-overlay__video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.video-overlay .close-button{z-index:1}.close-button{position:absolute;top:50px;right:50px;width:60px;height:60px;padding:0;border:none;background:transparent;cursor:pointer;z-index:10}.close-button img{width:100%;height:100%;display:block}.close-button:hover{opacity:.85}.close-button:active{transform:scale(.96)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #00cbd3;--color-primary-dark: #008c95;--color-text: #0b2a38;--color-inactive-opacity: .5;--color-tab-inactive: #f1f2f4;--color-white: #ffffff;--font-family: "Roboto", sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background:#e2e3e5;color:var(--color-text)}.viewport-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewport-canvas{width:1920px;height:1080px;position:relative;overflow:hidden;background:#e2e3e5}