.genesys-screen-shell{width:100%;height:100%;min-height:0;display:grid;place-items:center;padding:6px;overflow:hidden}.genesys-touchscreen-frame{position:relative;max-width:100%;max-height:100%;border-radius:22px;background:linear-gradient(145deg,#33393d,#111416);box-shadow:0 24px 65px #00000085,inset 0 1px #ffffff14}.genesys-logical-screen{position:absolute;width:1024px;height:768px;transform-origin:top left;overflow:hidden;border-radius:4px}.genesys-ui{--white: #fff;--lighther-grey: #9f9f9f;--light-grey: #777;--medium-light-grey: #666;--medium-grey: #555;--dark-grey: #444;--super-dark-grey: #333;--blue: #00a7e1;--dark-blue: #006b8f;--orange-accent: #e05c3e;--dark-orange-accent: #d34322;--dark-green: #3d792c;--green: #5db540;width:1024px;height:768px;color:var(--white);background:var(--super-dark-grey);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.genesys-header{height:115px;padding:6px 16px 5px 12px;display:flex;align-items:center;gap:10px;background:var(--dark-grey);border-bottom:2px solid var(--medium-grey)}.genesys-brand{width:112px;flex:0 0 112px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.genesys-brand-emblem{width:56px;height:56px;display:grid;place-items:center;border:3px solid #fff;border-radius:16px}.genesys-brand-emblem img{width:31px;height:31px;object-fit:contain;filter:invert(1)}.genesys-brand-mark{font-size:12px;font-weight:800;letter-spacing:.02em}.genesys-timer{width:103px;flex:0 0 103px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:15px;text-align:center}.genesys-timer span{font-size:13px;font-weight:700}.genesys-timer strong{font-size:17px}.genesys-nav{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:7px}.nav-item{position:relative;width:72px;min-width:0;height:92px;padding:6px 2px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;background:transparent;border:0;font-size:10px;font-weight:700;cursor:pointer}.nav-item img{width:45px;height:45px;object-fit:contain;filter:invert(70%) sepia(0%) saturate(0%) brightness(90%) contrast(90%);opacity:.82}.nav-item.active img{filter:invert(100%) sepia(100%) saturate(0%) brightness(100%) contrast(100%);opacity:1}.nav-item.active span{color:#fff}.notification-badge{position:absolute;top:3px;right:8px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--orange-accent);color:#fff;font-size:11px}.genesys-date-time{width:108px;flex:0 0 108px;padding-right:8px;transform:translate(-7px);display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;white-space:nowrap}.genesys-date-time strong{color:#ff8000;font-size:14px}.genesys-content{height:653px;padding:10px;overflow:hidden}.main-tab-layout{width:100%;height:100%}.real-main-layout{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.slot-acid{grid-column:1;grid-row:1}.slot-base{grid-column:1;grid-row:2}.slot-antifoam{grid-column:1;grid-row:3}.slot-feed{grid-column:1;grid-row:4}.slot-stirring{grid-column:2;grid-row:1}.slot-air{grid-column:2;grid-row:2}.center-process-box{grid-column:2;grid-row:3 / 5}.slot-temperature{grid-column:3;grid-row:1}.slot-ph{grid-column:3;grid-row:2}.slot-po2{grid-column:3;grid-row:3}.slot-emptyfill{grid-column:3;grid-row:4}.real-control-box{min-width:0;min-height:0;display:grid;align-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#5a5a5a;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0000002e;overflow:hidden}.pump-real,.actuator-real{grid-template-columns:70px minmax(0,1fr) 91px;padding:10px 8px}.sensor-real{grid-template-columns:83px minmax(0,1fr) 51px;padding:9px 8px}.real-icon-column{min-width:0;height:100%;display:grid;place-items:center}.real-field-icon{width:46px;height:46px;object-fit:contain;filter:invert(1)}.pump-icon{width:45px;height:60px}.actuator-icon{width:56px;height:56px}.real-control-body{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.real-title-row{display:flex;align-items:center;justify-content:center;gap:7px;font-size:15px}.real-title-row strong{white-space:nowrap}.real-status-dot{width:17px;height:17px;flex:0 0 17px;border-radius:50%;background:var(--orange-accent);border:1px solid #343434}.real-status-dot.running{background:var(--green)}.ingredient-label{margin-top:3px;color:#d2d2d2;font-size:12px}.real-value-row{margin-top:7px;display:flex;align-items:center;justify-content:center}.real-value{min-width:73px;height:30px;display:grid;place-items:center;border-radius:6px 0 0 6px;color:#fff;background:#3c3c3c;font-size:14px;font-weight:700}.edit-value{background:#0085b2}.real-unit{min-height:30px;padding:0 6px;display:flex;align-items:center;background:#676767;border-radius:0 6px 6px 0;font-size:10px;font-weight:700;white-space:nowrap}.cumulative-row{margin-top:5px;display:flex;flex-direction:column;align-items:center;color:#fff;line-height:1.05;font-size:10px}.cumulative-row strong{font-size:11px}.four-way-controls{display:grid;grid-template-columns:42px 42px;grid-template-rows:42px 42px;gap:20px 10px;justify-content:end;align-content:center}.vertical-controls{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.four-way-controls button,.vertical-controls button{width:42px;height:42px;padding:0;display:grid;place-items:center;border:0;border-radius:14px;color:#fff;background:#818181;font-size:20px;font-weight:800;cursor:pointer}.four-way-controls button:hover,.vertical-controls button:hover{background:#909090}.actuator-body{gap:7px}.sensor-left-column{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.calibrate-pill{min-width:70px;height:28px;padding:0 6px;border:0;border-radius:4px;color:#fff;background:#303030;font-size:9px;font-weight:800}.sensor-icon{width:45px;height:45px}.sensor-body{gap:6px}.sensor-title{font-size:15px;font-weight:700;white-space:nowrap}.sensor-readout-row{display:flex;align-items:center}.sensor-value{min-width:69px;height:30px;font-size:14px}.target-value{background:#454545}.compact-switch{position:relative;width:72px;height:34px;padding:0;border:0;border-radius:999px;background:#303030;color:#fff;cursor:pointer}.compact-switch.on{background:#0085b2}.compact-switch-knob{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#5a5a5a;transition:transform .2s ease}.compact-switch strong{position:absolute;left:10px;top:9px;font-size:11px}.compact-switch.on .compact-switch-knob{transform:translate(-38px)}.compact-switch.on strong{left:auto;right:9px}.center-process-box{min-width:0;min-height:0;padding:8px 9px;display:grid;grid-template-rows:1fr 36px;gap:6px;border-radius:8px;background:#343434;border:1px solid rgba(255,255,255,.04);overflow:hidden}.center-process-main{min-height:0;display:grid;grid-template-columns:48% 52%}.mini-vessel-column,.center-action-column{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-process-vessel{position:relative;width:116px;height:177px}.mini-motor{position:absolute;top:0;left:50%;width:36px;height:44px;transform:translate(-50%);border-radius:6px;background:#070707}.mini-coupler{position:absolute;top:41px;left:50%;width:10px;height:19px;transform:translate(-50%);background:#eee}.mini-lid{position:absolute;top:56px;left:50%;width:92px;height:12px;transform:translate(-50%);background:#aab0b3}.mini-glass{position:absolute;left:50%;top:63px;width:78px;height:109px;transform:translate(-50%);overflow:hidden;border:7px solid #8f9ba2;border-top-width:4px;border-radius:0 0 38px 38px;background:#ffffff12}.mini-liquid{position:absolute;left:0;right:0;bottom:0;height:68%;background:#7195c1}.mini-probe{position:absolute;top:0;width:3px;height:78px;background:#050505;z-index:2}.mini-probe-left{left:27px}.mini-probe-right{right:20px}.mini-shaft{position:absolute;top:0;left:50%;width:4px;height:90px;transform:translate(-50%);background:#101010;z-index:2}.mini-impeller{position:absolute;left:50%;bottom:21px;width:44px;height:4px;transform:translate(-50%);background:#111;z-index:3}.mini-impeller:before,.mini-impeller:after{content:"";position:absolute;top:-4px;width:4px;height:13px;background:#111}.mini-impeller:before{left:0}.mini-impeller:after{right:0}.center-volume{margin-top:3px;font-size:20px}.center-action-column{gap:10px}.center-start-button{width:92px;height:92px;padding:0;border:0;background:transparent;cursor:pointer}.center-start-button img{width:100%;height:100%;filter:invert(38%) sepia(50%) saturate(1139%) hue-rotate(66deg) brightness(88%) contrast(91%)}.center-start-button.stop img{filter:invert(31%) sepia(81%) saturate(2079%) hue-rotate(347deg) brightness(94%) contrast(88%)}.center-toggle-row{width:118px;display:flex;align-items:center;justify-content:space-between}.center-toggle-row>img{width:34px;height:34px;object-fit:contain;filter:invert(1)}.process-name-input{width:100%;min-width:0;padding:0 9px;border:0;border-radius:4px;color:#fff;background:#5a5a5a;font-size:14px;outline:none}.process-name-input::placeholder{color:#b8b8b8}.panel-page{width:100%;height:100%;overflow:auto;padding:12px}.panel-card{padding:14px;border-radius:8px;background:var(--dark-grey)}.panel-card h2,.panel-card h3{margin-top:0}.panel-table{width:100%;border-collapse:collapse}.panel-table th,.panel-table td{padding:8px;border-bottom:1px solid #666;text-align:left}.panel-button{min-height:34px;padding:0 12px;border:0;border-radius:20px;color:#fff;background:var(--dark-blue);cursor:pointer}.panel-button.danger{background:var(--orange-accent)}.notification-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #666}.notification-row span{opacity:.72}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-switch-row{display:flex;gap:24px;margin:16px 0}.graph-placeholder{min-height:360px;margin-top:20px;display:grid;place-items:center;padding:24px;border:1px solid var(--medium-grey);border-radius:8px;background:var(--super-dark-grey);text-align:center;opacity:.85}.programming-page{padding:6px;overflow:hidden}.programming-card{height:100%;padding:12px;display:flex;flex-direction:column;gap:10px;border-radius:8px;background:#454545}.programming-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.programming-toolbar h2{margin:0 0 4px;font-size:20px}.programming-toolbar p{margin:0;color:#c8c8c8;font-size:12px}.programming-actions{display:flex;align-items:center;gap:9px}.program-enable-button{min-height:34px;padding:0 14px;border:0;border-radius:18px;color:#fff;background:#303030;font-weight:700;cursor:pointer}.program-enable-button.active{background:var(--dark-green)}.programming-actions .panel-button:disabled{opacity:.4;cursor:default}.programming-status-row{min-height:34px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:6px;background:#383838;font-size:12px}.programming-status-row strong{color:#fff}.programming-table-wrap{flex:1;min-height:0;overflow:auto}.programming-table{background:#4b4b4b}.programming-table th{position:sticky;top:0;z-index:2;background:#454545}.programming-table td,.programming-table th{padding:7px 8px;vertical-align:middle}.programming-table tr.active-program-row{background:#5db54029}.program-input{width:104px;height:34px;padding:0 9px;border:1px solid #666;border-radius:6px;outline:none;color:#fff;background:#333;font-size:14px;text-align:center}.program-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #00a7e12e}.programming-footnote{margin:0;color:#bdbdbd;font-size:11px;line-height:1.35}.monitoring-page{padding:6px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.monitoring-toolbar{min-height:42px;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:7px;background:#444}.monitoring-toolbar>div{display:flex;align-items:baseline;gap:14px}.monitoring-toolbar strong{font-size:18px}.monitoring-toolbar span{color:#c5c5c5;font-size:12px}.monitoring-live{min-width:66px;padding:6px 11px;border-radius:999px;color:#fff!important;background:#555;text-align:center;font-weight:800;letter-spacing:.08em}.monitoring-live.running{background:var(--dark-green)}.monitoring-chart-card{min-height:0;flex:1;padding:8px 10px 5px;border:1px solid #555;border-radius:8px;background:#444}.monitoring-chart-heading{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:10px}.monitoring-chart-heading>strong{flex:0 0 auto;font-size:15px}.monitoring-legend{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;font-size:9px}.legend-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.legend-item i{width:8px;height:8px;border-radius:50%;background:currentColor}.legend-air,.series-air{color:#00a7e1;stroke:#00a7e1;fill:#00a7e1}.legend-stirring,.series-stirring{color:#f4ad18;stroke:#f4ad18;fill:#f4ad18}.legend-acid,.series-acid{color:#ff4b43;stroke:#ff4b43;fill:#ff4b43}.legend-base,.series-base{color:#57c938;stroke:#57c938;fill:#57c938}.legend-antifoam,.series-antifoam{color:#448fff;stroke:#448fff;fill:#448fff}.legend-feed,.series-feed{color:#ef3fa7;stroke:#ef3fa7;fill:#ef3fa7}.legend-temperature,.series-temperature{color:#f36a49;stroke:#f36a49;fill:#f36a49}.legend-po2,.series-po2{color:#35aee8;stroke:#35aee8;fill:#35aee8}.legend-ph,.series-ph{color:#6bc642;stroke:#6bc642;fill:#6bc642}.monitoring-svg{width:100%;height:calc(100% - 31px);min-height:132px;display:block;overflow:visible}.monitoring-grid-line{stroke:#ffffff1a;stroke-width:1}.monitoring-grid-line.vertical{stroke:#ffffff0f}.monitoring-axis-label{fill:#bcbcbc;font-size:10px}.monitoring-series-line{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.monitoring-series-point{stroke:#333;stroke-width:1.5;vector-effect:non-scaling-stroke}.monitoring-note{margin:0;color:#aeb0b2;font-size:10px;text-align:center}.settings-real-page{position:relative;width:100%;height:100%;overflow:hidden;background:#333}.settings-real-content{width:100%;height:100%;padding:32px 30px 24px}.settings-top-grid{min-height:205px;display:grid;grid-template-columns:43% 57%;gap:28px}.water-pumps-control{padding:28px 0 0 28px}.water-pumps-control h3{margin:0 0 10px 52px;font-size:18px}.water-pump-row{display:grid;grid-template-columns:50px 72px 50px 72px;gap:10px;align-items:center;margin-bottom:11px}.water-pump-row img{width:42px;height:42px;object-fit:contain}.water-pump-row:nth-of-type(1) img:first-child{filter:invert(49%) sepia(89%) saturate(3374%) hue-rotate(163deg) brightness(100%) contrast(102%)}.water-pump-row:nth-of-type(1) img:nth-child(3){filter:invert(51%) sepia(97%) saturate(2165%) hue-rotate(161deg) brightness(99%) contrast(103%)}.water-pump-row:nth-of-type(2) img:first-child{filter:invert(49%) sepia(83%) saturate(2472%) hue-rotate(337deg) brightness(103%) contrast(92%)}.water-pump-row:nth-of-type(2) img:nth-child(3){filter:invert(52%) sepia(96%) saturate(2772%) hue-rotate(164deg) brightness(101%) contrast(101%)}.settings-fake-switch{position:relative;width:70px;height:34px;display:block;border-radius:999px;background:#aaa}.settings-fake-switch>span{position:absolute;left:5px;top:5px;width:24px;height:24px;border-radius:50%;background:#444}.device-settings-block{padding-top:7px;display:flex;flex-direction:column;gap:8px}.device-setting-row{display:flex;align-items:center;gap:7px;font-size:16px}.device-setting-row strong{color:#aeb7bd}.device-setting-row span,.device-setting-row button{min-height:31px;padding:4px 8px;border:0;border-radius:6px;color:#fff;background:#5d5d5d;font-size:16px}.device-setting-row button{cursor:default}.cascade-settings-block{margin-top:3px}.cascade-settings-block h2{margin:0 0 8px;text-align:center;font-size:22px;font-weight:500}.cascade-header-row,.cascade-setting-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr) 70px;gap:12px;align-items:center}.cascade-header-row{padding:0 16px 7px;font-size:14px;text-align:center}.cascade-setting-row{min-height:49px;padding:2px 16px}.cascade-setting-row>strong{text-align:center}.cascade-slider-cell{display:grid;grid-template-columns:1fr 62px;gap:9px;align-items:center}.cascade-slider-cell input[type=range]{width:100%;accent-color:#00a7e1}.cascade-slider-cell span{min-height:31px;display:grid;place-items:center;border-radius:4px;background:#0085b2;font-size:13px;font-weight:700}.settings-demo-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:30px;background:#5050509e;-webkit-backdrop-filter:blur(1.2px);backdrop-filter:blur(1.2px)}.settings-demo-message{max-width:650px;padding:23px 30px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#262626e0;box-shadow:0 12px 34px #00000047;color:#fff;font-size:25px;font-weight:700;line-height:1.25;text-align:center}.vessel-demo{min-height:100%;padding:40px 48px 28px;display:grid;grid-template-rows:auto minmax(0,1fr);color:#fff;overflow:hidden}.vessel-copy{position:relative;z-index:20;max-width:660px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;opacity:.6}.vessel-copy h1{margin:12px 0 8px;font-size:clamp(38px,5vw,72px);line-height:.95}.vessel-copy p{margin:0;max-width:520px;font-size:17px;line-height:1.5;opacity:.72}.process-status{margin-top:18px;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.05);border-radius:999px;background:#ffffff12;box-shadow:inset 0 1px #ffffff0a}.live-dot{width:9px;height:9px;border-radius:50%;background:#777}.live-dot.running{background:#5db540;box-shadow:0 0 14px #5db540b3}.reactor-stage{position:relative;min-height:590px;display:grid;place-items:center;padding-left:0}.reactor-rig{position:relative;width:430px;height:590px;margin-left:0;transform:translateY(6px) scale(.94);transform-origin:center center}.reactor-motor{position:absolute;top:7px;left:50%;width:94px;height:92px;transform:translate(-50%);border-radius:11px 11px 7px 7px;background:linear-gradient(90deg,#111619,#252b2e 20%,#111619 46%,#252b2e 75%,#0b0e10);box-shadow:0 13px 28px #00000075,inset 1px 0 #ffffff0a,inset -1px 0 #0000008c;z-index:14}.motor-top{position:absolute;left:7px;right:7px;top:-3px;height:8px;border-radius:50%;background:linear-gradient(90deg,#15191b,#3d4245 48%,#111416);opacity:.8}.motor-rib{position:absolute;left:5px;right:5px;height:2px;border-radius:999px;background:#ffffff17;box-shadow:0 2px #00000080}.motor-rib-1{top:17px}.motor-rib-2{top:31px}.motor-rib-3{top:45px}.motor-rib-4{top:59px}.motor-rib-5{top:73px}.motor-coupler{position:absolute;top:93px;left:50%;width:28px;height:47px;transform:translate(-50%);border-radius:3px;background:linear-gradient(90deg,#626c72,#e8ecee 38%,#aeb7bb 58%,#566067);box-shadow:inset 0 0 4px #ffffff73,0 4px 8px #00000040;z-index:13}.reactor-lid{position:absolute;top:127px;left:50%;width:352px;height:35px;transform:translate(-50%);border-radius:18px;background:linear-gradient(180deg,#f4f6f7,#c4cbcf,#8a969d 68%,#d7dcdf);border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 2px 2px #ffffffb8,inset 0 -3px 5px #3740456b,0 7px 12px #00000057;z-index:12}.lid-highlight{position:absolute;left:18px;right:18px;top:5px;height:3px;border-radius:50%;background:#ffffff94}.lid-port{position:absolute;bottom:23px;width:12px;height:42px;border-radius:5px 5px 2px 2px;background:linear-gradient(90deg,#707a80,#f1f3f4 44%,#89949a);box-shadow:inset 1px 0 #ffffff70,0 2px 5px #00000052}.lid-port:after{content:"";position:absolute;left:-1px;right:-1px;top:-2px;height:5px;border-radius:50%;background:#d8dde0}.lid-port-1{left:41px}.lid-port-2{left:101px}.lid-port-3{right:101px}.lid-port-4{right:41px}.reactor-vessel{position:absolute;top:151px;left:50%;width:302px;height:407px;transform:translate(-50%);overflow:hidden;border:7px solid rgba(196,211,220,.82);border-top-width:5px;border-radius:11px 11px 70px 70px/9px 9px 62px 62px;background:linear-gradient(90deg,#dcedf70f,#f4fafd29 13%,#88a0ae0f 28%,#060f152e 48%,#d6eaf414 73%,#deeff826 89%,#0d171d21),linear-gradient(180deg,#aec3ce1a,#28394314);box-shadow:inset 0 0 34px #e1f1fa14,inset 0 -20px 38px #0511192e,0 24px 50px #0000005c;z-index:5}.reactor-vessel:before{content:"";position:absolute;left:3px;right:3px;top:0;height:7px;border-radius:50%;background:linear-gradient(90deg,#ffffff4d,#ffffffb8 22%,#ffffff2e 55%,#ffffff85 82%,#ffffff2e);z-index:8}.glass-highlight{position:absolute;top:32px;bottom:53px;width:7px;border-radius:999px;background:linear-gradient(180deg,#ffffff29,#ffffff6b 18%,#ffffff1f 75%,#ffffff08);filter:blur(.2px);z-index:7;pointer-events:none}.glass-highlight-left{left:21px}.glass-highlight-right{right:21px;opacity:.38}.glass-edge{position:absolute;top:25px;bottom:62px;width:1px;background:#ffffff24;z-index:7}.glass-edge-left{left:38px}.glass-edge-right{right:38px}.reactor-liquid{position:absolute;left:0;right:0;bottom:0;height:var(--liquid-height);overflow:hidden;border-radius:0 0 61px 61px/0 0 54px 54px;background:linear-gradient(90deg,#1a6b9fe6,#328cc3ed 18%,#2b7fb8f5 52%,#19669cf0);box-shadow:inset 0 8px 18px #ffffff0a,inset 0 -24px 45px #08305038;transition:height .8s ease;z-index:2}.liquid-meniscus{position:absolute;left:-1px;right:-1px;top:-5px;height:12px;border-radius:50%;background:linear-gradient(180deg,#8bd2f6b3,#449dd35c 45%,#0d639a1f);box-shadow:0 2px 3px #ffffff42,inset 0 2px 2px #ffffff40;z-index:4}.foam-layer{position:absolute;left:0;right:0;top:0;min-height:2px;background:radial-gradient(circle at 9% 75%,rgba(255,255,255,.96) 0 4px,transparent 5px),radial-gradient(circle at 25% 65%,rgba(255,255,255,.88) 0 6px,transparent 7px),radial-gradient(circle at 46% 80%,rgba(255,255,255,.92) 0 5px,transparent 6px),radial-gradient(circle at 70% 68%,rgba(255,255,255,.84) 0 7px,transparent 8px),radial-gradient(circle at 88% 82%,rgba(255,255,255,.9) 0 4px,transparent 5px),#eaf8ffbd;transition:height .8s ease,opacity .4s ease;z-index:5}.bubble-field{position:absolute;inset:0;overflow:hidden}.demo-bubble{position:absolute;bottom:27px;border:1px solid rgba(207,239,255,.72);border-radius:50%;box-shadow:inset 1px 1px 2px #ffffff3b;opacity:.66;animation:bubbleRise linear infinite}@keyframes bubbleRise{0%{transform:translateY(0) translate(0) scale(.72);opacity:0}14%{opacity:.72}70%{transform:translateY(-210px) translate(8px) scale(1)}to{transform:translateY(-340px) translate(-5px) scale(1.18);opacity:0}}.agitator-shaft{position:absolute;top:0;bottom:56px;left:50%;width:7px;transform:translate(-50%);background:linear-gradient(90deg,#5b656a,#eef1f2 35%,#b0b8bc 63%,#59636a);box-shadow:1px 0 2px #ffffff47,-1px 0 2px #0000003d;z-index:6}.probe{position:absolute;top:7px;width:4px;height:205px;border-radius:1px;background:linear-gradient(90deg,#050708,#222a2e 45%,#050708);box-shadow:0 0 2px #000000bf;z-index:6}.probe-left{left:29%}.probe-right{right:27%}.rushton-impeller{position:absolute;left:50%;bottom:49px;width:128px;height:39px;margin-left:-64px;z-index:8;transform-style:preserve-3d;perspective:500px;transform-origin:center center}.rushton-impeller.spinning{animation:rushtonSpin linear infinite}@keyframes rushtonSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.rushton-disc{position:absolute;left:25px;top:13px;width:78px;height:12px;border-radius:50%;background:linear-gradient(to bottom,#edf0f1,#9aa5ab 42%,#566066 69%,#c5cdd1);box-shadow:0 3px 5px #00000070,inset 0 1px 1px #ffffff73;z-index:2}.rushton-blade{position:absolute;top:9px;width:38px;height:20px;background:linear-gradient(to bottom,#edf0f1,#929da3 53%,#545e64);box-shadow:inset 0 2px 2px #ffffff47,0 2px 4px #0000005c;z-index:1}.blade-left{left:0;border-radius:6px 2px 2px 6px;transform:perspective(150px) rotateX(6deg)}.blade-right{right:0;border-radius:2px 6px 6px 2px;transform:perspective(150px) rotateX(-6deg)}.rushton-hub{position:absolute;left:50%;top:8px;width:22px;height:22px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f8f9f9,#939da2 58%,#3f484d);box-shadow:0 2px 4px #00000080;z-index:4}.reactor-shadow{position:absolute;left:50%;bottom:1px;width:292px;height:38px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#000000ad,#0000006b 48%,#0000 76%);filter:blur(2px);z-index:1}.vessel-metrics{position:absolute;left:50%;bottom:7px;z-index:20;display:flex;gap:8px;transform:translate(-50%)}.vessel-metrics>div{min-width:90px;padding:9px 12px;display:flex;align-items:baseline;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.04);border-radius:10px;background:#111518c7;box-shadow:inset 0 1px #ffffff09,0 7px 18px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vessel-metrics strong{font-size:20px}.vessel-metrics span{font-size:11px;opacity:.65}@media(max-height:820px)and (min-width:951px){.vessel-demo{padding-top:32px}.reactor-rig{transform:translateY(-10px) scale(.86)}.reactor-stage{min-height:520px}}@media(max-width:950px){.vessel-demo{min-height:100vh;padding:34px 24px 24px}.reactor-stage{min-height:570px}.reactor-rig{transform:translateY(0) scale(.87)}.vessel-metrics{bottom:16px}}html,body,#root{margin:0;padding:0;width:100%;min-width:100%;min-height:100vh}*{box-sizing:border-box}body{margin:0;background:#171a1d;font-family:Arial,Helvetica,sans-serif}.demo-page{width:100%;min-height:100vh;padding:18px 22px;display:flex;align-items:center;justify-content:center}.demo-shell{width:min(1720px,100%);min-height:calc(100vh - 36px);display:grid;grid-template-columns:minmax(560px,1.02fr) minmax(760px,1.08fr);gap:clamp(20px,2vw,38px);align-items:center;margin:0 auto}.experiment-panel,.genesys-panel{min-width:0;min-height:calc(100vh - 36px);overflow:hidden;border-radius:20px}.experiment-panel{display:flex;align-items:stretch;justify-content:center;background:radial-gradient(circle at 50% 42%,#30383e,#20262b 48%,#15191d);box-shadow:0 18px 48px #00000040,inset 0 1px #ffffff08}.genesys-panel{display:flex;align-items:center;justify-content:center;padding:8px;background:radial-gradient(circle at center,#2b3034,#191d20 70%);box-shadow:0 18px 48px #00000040,inset 0 1px #ffffff08}@media(max-width:1500px){.demo-shell{grid-template-columns:minmax(520px,1fr) minmax(700px,1.05fr);gap:24px}}@media(max-width:1200px){.demo-page{padding:16px}.demo-shell{grid-template-columns:1fr;width:min(1100px,100%)}.experiment-panel,.genesys-panel{min-height:auto}}.demo-device-gate{width:100%;min-height:100vh;padding:32px 24px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 50% 35%,#283038,#1d2328 48%,#15191d)}.demo-device-gate-card{width:min(560px,100%);padding:36px 30px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#ffffff0b;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.device-gate-eyebrow{display:block;margin-bottom:16px;color:#ffffff94;font-size:11px;font-weight:800;letter-spacing:.16em}.demo-device-gate-card h1{margin:0 0 18px;font-size:clamp(34px,9vw,54px);line-height:.98}.demo-device-gate-card p{margin:0;color:#ffffffb8;font-size:17px;line-height:1.55}.device-gate-hint{margin-top:28px;padding:14px 16px;display:flex;align-items:center;gap:12px;border-radius:12px;background:#ffffff12;color:#ffffffe0;font-size:14px;line-height:1.4}.device-gate-icon{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;font-size:20px}@media(max-width:480px){.demo-device-gate{padding:20px}.demo-device-gate-card{padding:30px 24px}}