:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--ink:#e8f4f6;--muted:#91abb5;--glass:#081a26b8;--glass-strong:#081c29e6;--line:#93ccdc2e;--cyan:#71dfdf;--gold:#ffd078;--danger:#ff806f;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#06121d;width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,.molecular-canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled,input:disabled{cursor:not-allowed;opacity:.46}.lab-shell{--system-accent:#71dfdf;--system-accent-rgb:113, 223, 223;isolation:isolate;width:100%;height:100%;min-height:440px;color:var(--ink);background:#06121d;position:relative}.lab-shell.system-polymer{--system-accent:#aa91ff;--system-accent-rgb:170, 145, 255}.lab-shell.system-everything{--system-accent:#ffd078;--system-accent-rgb:255, 208, 120}.molecular-canvas{z-index:0;cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.molecular-canvas:active{cursor:grabbing}.molecular-canvas.is-spark-armed{cursor:crosshair}.lab-header{z-index:5;pointer-events:none;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;display:grid;position:absolute;top:18px;left:20px;right:20px}.identity{color:#e1f2f6e0;letter-spacing:.01em;text-shadow:0 1px 18px #0000006b;justify-self:start;align-items:center;gap:9px;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:650;display:inline-flex}.identity-mark{width:26px;height:20px;position:relative}.identity-mark:before,.identity-mark:after{content:"";transform-origin:100%;background:#87dee194;width:13px;height:1px;position:absolute;top:9px}.identity-mark:before{left:2px;transform:rotate(-28deg)}.identity-mark:after{transform-origin:0;right:2px;transform:rotate(28deg)}.identity-mark i{z-index:1;background:#274c5c;border:1px solid #c9eef1d1;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 8px #67e0dc66}.identity-mark i:first-child{top:0;left:9px}.identity-mark i:nth-child(2){bottom:0;left:1px}.identity-mark i:last-child{bottom:0;right:1px}.experiment-switcher{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);pointer-events:auto;border-radius:15px;grid-column:2;align-items:center;gap:3px;padding:4px;display:flex;box-shadow:0 12px 36px #00000038,inset 0 1px #ffffff0a}.experiment-switcher button{color:#91aab4;letter-spacing:.005em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:35px;padding:0 15px;font-size:12px;font-weight:600;transition:color .18s,background .18s,box-shadow .18s}.experiment-switcher button:hover{color:#dff2f3;background:#89d1da14}.experiment-switcher button.is-active{color:#f2fbfa;background:rgba(var(--system-accent-rgb), .17);box-shadow:inset 0 0 0 1px rgba(var(--system-accent-rgb), .16), 0 5px 14px #00000029}.experiment-cue{z-index:3;color:#e0f1f3c2;pointer-events:none;text-shadow:0 2px 16px #000c;align-items:baseline;gap:9px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.experiment-cue span{letter-spacing:.035em;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:700}.experiment-cue small{color:#9bb8c0ad;font-size:11px}.system-panel{z-index:6;pointer-events:none;flex-direction:column;gap:12px;width:142px;display:flex;position:absolute;top:76px;bottom:18px;left:18px}.system-switcher,.ingredient-tray{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);pointer-events:auto;box-shadow:0 18px 44px #00000040,inset 0 1px #ffffff0a}.system-switcher{border-radius:18px;flex-direction:column;gap:3px;padding:8px;display:flex}.panel-label,.tray-label{color:#9ab8c0b3;letter-spacing:.13em;text-transform:uppercase;padding:1px 5px 4px;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:9px;font-weight:700}.system-switcher button{color:#a9c1c9b8;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:34px 1fr;align-items:center;min-height:39px;padding:0 8px 0 5px;transition:color .16s,border-color .16s,background .16s,transform .16s;display:grid}.system-switcher button>span{color:rgba(var(--system-accent-rgb), .74);text-align:center;font-size:11px;font-weight:750}.system-switcher button strong{font-size:11px;font-weight:650}.system-switcher button:hover{color:#eff9fa;background:rgba(var(--system-accent-rgb), .07)}.system-switcher button.is-active{border-color:rgba(var(--system-accent-rgb), .18);color:#f5fbfb;background:rgba(var(--system-accent-rgb), .13)}.ingredient-tray{border-radius:18px;flex-direction:column;align-items:stretch;gap:5px;margin-top:auto;padding:9px 8px 10px;display:flex}.tray-label{align-self:flex-start}.ingredient-list{grid-template-columns:repeat(2,1fr);gap:5px;animation:.22s ease-out both ingredient-enter;display:grid}@keyframes ingredient-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ingredient-button{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#6fb8c609;border:1px solid #0000;border-radius:13px;width:60px;height:55px;padding:0;transition:border-color .15s,background .15s,transform .15s;position:relative}.ingredient-button:hover{background:#70cdcf17;border-color:#7ae0dc2e;transform:translateY(-2px)}.ingredient-button:active{cursor:grabbing;transform:scale(.97)}.ingredient-visual{place-items:center;display:grid;position:absolute;inset:0}.ingredient-visual svg{filter:drop-shadow(0 4px 6px #00000040);width:72px;height:49px;position:absolute;inset:-1px -3px auto;overflow:visible}.ingredient-visual>span{color:#dceff1c2;text-align:center;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-size:10px;font-weight:700;position:absolute;bottom:2px;left:0;right:0}.ingredient-bond{stroke:#d2edefbf;stroke-linecap:round;stroke-width:3.2px}.action-dock{z-index:6;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.spark-button,.round-control{border:1px solid var(--line);color:#daeef0d1;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);cursor:pointer;height:48px;transition:border-color .16s,color .16s,background .16s,transform .16s;box-shadow:0 12px 30px #00000047,inset 0 1px #ffffff0b}.spark-button:hover,.round-control:hover{color:#f2fcfc;border-color:#8ce2e047;transform:translateY(-1px)}.spark-button{border-radius:15px;align-items:center;gap:7px;padding:0 14px 0 12px;font-size:11px;font-weight:700;display:flex}.spark-button svg,.round-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:21px;height:21px}.spark-button.is-active{color:#ffe29d;background:#614116e0;border-color:#ffd5748c;box-shadow:0 0 0 4px #ffc34c14,0 12px 30px #00000047}.round-control{border-radius:50%;place-items:center;width:48px;padding:0;display:grid}.temperature-control{--heat:32%;z-index:6;border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);border-radius:17px;grid-template-rows:26px 13px;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;width:min(450px,100vw - 620px);min-width:340px;height:54px;padding:8px 16px 7px;display:grid;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #00000042,inset 0 1px #ffffff0a}.temperature-label{color:#9db8c2;letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600}.temperature-label.cold{color:#9ddff1;grid-area:1/1}.temperature-label.warm{color:#dedeba8a;grid-area:2/2;justify-self:center;font-size:8px}.temperature-label.hot{color:#ffac79;grid-area:1/3}.temperature-track{grid-area:1/2;align-items:center;height:22px;display:flex;position:relative}.temperature-track:before{content:"";opacity:.82;background:linear-gradient(90deg,#78cce8,#87d7d3 43%,#e6c66f 68%,#ff765c),#ffffff1a;border-radius:99px;height:5px;position:absolute;left:0;right:0;box-shadow:inset 0 1px 2px #0000006b,0 0 10px #ff77521a}.temperature-track:after{content:"";left:var(--heat);filter:blur(8px);pointer-events:none;background:#ffa75f26;border-radius:50%;width:32px;height:18px;position:absolute;transform:translate(-50%)}.temperature-track input{z-index:1;appearance:none;cursor:ew-resize;touch-action:pan-x;background:0 0;width:100%;height:24px;margin:0;position:relative}.temperature-track input::-webkit-slider-runnable-track{background:0 0;height:5px}.temperature-track input::-moz-range-track{background:0 0;height:5px}.temperature-track input::-webkit-slider-thumb{appearance:none;background:#19394a;border:2px solid #eef8f7f0;border-radius:50%;width:18px;height:18px;margin-top:-6.5px;box-shadow:0 2px 9px #0000008a,0 0 0 4px #6cd6da1a}.temperature-track input::-moz-range-thumb{background:#19394a;border:2px solid #eef8f7f0;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 9px #0000008a,0 0 0 4px #6cd6da1a}.piston-hint{z-index:2;color:#ffd37e73;letter-spacing:.06em;text-transform:uppercase;transform-origin:100%;pointer-events:none;align-items:center;gap:7px;font-size:9px;font-weight:600;display:flex;position:absolute;top:50%;right:24px;transform:rotate(-90deg)translate(50%)}.piston-hint i{background:currentColor;width:22px;height:1px}.ingredient-ghost{--ghost-x:0px;--ghost-y:0px;z-index:20;opacity:.58;width:72px;height:64px;transform:translate(calc(var(--ghost-x) - 36px), calc(var(--ghost-y) - 32px)) scale(.86);pointer-events:none;background:#091f2cd6;border:1px solid #7be0dc42;border-radius:16px;transition:opacity .12s,transform .12s;position:fixed;top:0;left:0;box-shadow:0 15px 32px #0000006b,0 0 24px #5ddeda14}.ingredient-ghost.is-active{opacity:.96;transform:translate(calc(var(--ghost-x) - 36px), calc(var(--ghost-y) - 32px)) scale(1)}.stream-ripple{border:1px solid #75e8e09e;border-radius:22px;animation:.7s ease-out infinite stream-pulse;position:absolute;inset:-9px}@keyframes stream-pulse{0%{opacity:.8;transform:scale(.86)}to{opacity:0;transform:scale(1.16)}}.engine-status{z-index:30;color:#daf0f2d1;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061621e6;border:1px solid #7fd7dc38;border-radius:14px;max-width:min(390px,100vw - 40px);padding:12px 16px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 46px #00000059}.engine-status.is-error{color:#ffd0c8;border-color:#ff806f59}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=1040px){.lab-header{grid-template-columns:auto 1fr}.experiment-switcher{grid-column:2;justify-self:end}.temperature-control{width:min(390px,100vw - 480px);min-width:300px}.experiment-switcher button{padding:0 11px}}@media (width<=760px){.lab-shell{min-height:520px}.lab-header{flex-direction:column;align-items:stretch;gap:8px;display:flex;top:10px;left:10px;right:10px}.identity{align-self:flex-start;margin-left:4px}.experiment-switcher{z-index:7;scrollbar-width:none;width:auto;min-width:0;position:fixed;top:84px;left:10px;right:10px;overflow-x:auto}.experiment-switcher::-webkit-scrollbar{display:none}.experiment-switcher button{flex:1 0 auto;min-height:32px;padding:0 12px;font-size:11px}.experiment-cue{justify-content:center;width:calc(100% - 24px);top:132px}.experiment-cue small{text-overflow:ellipsis;white-space:nowrap;max-width:50vw;overflow:hidden}.system-panel{width:auto;position:static}.system-switcher{z-index:7;border-radius:13px;flex-direction:row;gap:3px;padding:3px;position:absolute;top:42px;left:10px;right:10px}.panel-label{display:none}.system-switcher button{flex:1 1 0;grid-template-columns:30px 1fr;min-width:0;min-height:32px;padding:0 7px 0 3px}.system-switcher button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ingredient-tray{z-index:7;height:88px;padding:7px 8px max(7px, env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:18px 18px 0 0;display:block;position:absolute;inset:auto 0 0;transform:none}.tray-label{display:none}.ingredient-list{scrollbar-width:none;justify-content:center;gap:4px;height:68px;display:flex;overflow-x:auto}.ingredient-list::-webkit-scrollbar{display:none}.ingredient-button{flex:0 0 62px;width:62px;height:62px}.ingredient-button:hover{transform:none}.temperature-control{width:auto;min-width:0;height:50px;bottom:96px;left:10px;right:10px;transform:none}.action-dock{bottom:155px;right:10px}.spark-button,.round-control{height:44px}.round-control{width:44px}.piston-hint{display:none}}@media (width<=410px){.identity span:last-child{font-size:12px}.experiment-cue small{display:none}.ingredient-list{justify-content:flex-start}.system-switcher button{justify-content:center;padding:0 6px;display:flex}.system-switcher button>span{display:none}.temperature-control{padding-left:12px;padding-right:12px}.temperature-label.warm,.spark-button span{display:none}.spark-button{border-radius:50%;justify-content:center;width:44px;padding:0}}@media (height<=620px) and (width>=761px){.system-panel{transform-origin:0;transform:scale(.88)}.experiment-cue{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}