:root{color-scheme:light;--bg: #f1eee5;--bg-deep: #e8e3d6;--panel: #fffdf8;--panel-soft: #f7f5ed;--panel-tint: #f0eee4;--ink: #17231f;--muted: #6c7872;--muted-2: #8d978f;--line: #e1dccf;--line-strong: #d1caba;--green: #0d6654;--green-deep: #0a4b3e;--green-soft: #e4f1eb;--green-bright: #18a382;--amber: #d1842e;--amber-soft: #fbefd9;--rose: #c25079;--rose-soft: #f9e7ed;--blue: #2c6f9e;--blue-soft: #e5f0f6;--red: #b94738;--shadow-lg: 0 28px 70px rgba(35, 45, 39, .18);--shadow-md: 0 12px 32px rgba(35, 45, 39, .1);--shadow-sm: 0 4px 14px rgba(35, 45, 39, .07);--sans: "Segoe UI Variable", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", "Songti SC", "Noto Serif SC", Georgia, serif;--mono: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;background-color:var(--bg);background-image:radial-gradient(circle at 4% 2%,rgba(204,228,213,.75),transparent 31%),radial-gradient(circle at 96% 4%,rgba(244,225,191,.65),transparent 29%),linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);background-size:auto,auto,34px 34px,34px 34px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid rgba(13,102,84,.55);outline-offset:2px}::selection{background:#cde9dd}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:#cfc9ba transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#d2ccbe;border-radius:99px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;min-height:72px;padding:10px 24px;border-bottom:1px solid rgba(209,202,186,.7);background:#f7f4ecdb;backdrop-filter:blur(18px) saturate(1.15)}.brand{display:flex;align-items:center;gap:11px;padding:0;background:none;border:none;text-align:left;flex:none}.brand-mark{position:relative;width:43px;height:43px;display:grid;place-items:center;color:#f4fbf7;border-radius:14px;background:radial-gradient(circle at 28% 16%,rgba(125,218,187,.55),transparent 40%),linear-gradient(145deg,#12735f,#093f35);box-shadow:0 7px 18px #093f3547,inset 0 1px #ffffff40}.brand-bubble{position:absolute;border-radius:50%;background:#f0c579;box-shadow:0 0 0 2px #08362d47}.brand-bubble--one{width:5px;height:5px;right:10px;top:11px}.brand-bubble--two{width:3px;height:3px;right:15px;top:18px;background:#9ee5cd}.brand-copy{display:flex;flex-direction:column;line-height:1.12}.brand-copy strong{font-family:var(--serif);font-size:21px;letter-spacing:-.02em;color:var(--green-deep)}.brand-copy small{margin-top:3px;color:var(--muted);font-size:10.5px;letter-spacing:.18em}.topnav{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(209,202,186,.8);border-radius:999px;background:#fffdf78c;min-width:0}.nav-button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:none;border-radius:999px;background:transparent;color:#61706a;font-size:12.5px;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.nav-button:hover{background:#ffffffbf;color:var(--ink)}.nav-button.is-active{color:var(--green-deep);background:#fffdf8;box-shadow:0 2px 8px #25332c1c;font-weight:600}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.edge-badge{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;color:#7b5b24;font-size:10.5px;font-weight:600;letter-spacing:.04em;border:1px solid #e7d4ac;border-radius:999px;background:linear-gradient(180deg,#fdf6e3,#f8ecd2)}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fffdf8;color:#5c6a64;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.icon-button:hover:not(:disabled){color:var(--green);border-color:#c6d8d0;background:#f5fbf8}.icon-button:active:not(:disabled){transform:scale(.96)}.icon-button--ghost{background:transparent;border-color:transparent}.icon-button--ghost:hover{background:#ffffffb3}.button-group{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:11px;background:#f8f6ef}.button-group .icon-button{border:none;background:transparent;width:29px;height:29px}.button-group .icon-button:hover:not(:disabled){background:#fff}.workspace{flex:1;display:grid;grid-template-columns:278px minmax(0,1fr) 354px;gap:18px;width:100%;max-width:1840px;margin:0 auto;padding:18px 22px 28px;align-items:start}.panel{border:1px solid var(--line);border-radius:22px;background:#fffdf8f0;box-shadow:var(--shadow-sm)}.eyebrow{color:#87938c;font-size:9px;font-weight:700;letter-spacing:.15em;line-height:1.2;text-transform:uppercase}.muted-small{color:var(--muted-2);font-size:10.5px;font-weight:500}.badge{display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 7px;border:1px solid #e4dfd4;border-radius:999px;background:#f7f5ef;color:#69756f;font-size:9.5px;font-weight:650;line-height:1.3;white-space:nowrap}.badge--green{color:#0d6a55;border-color:#cfe6dc;background:#e9f6f0}.badge--amber{color:#8b5a16;border-color:#eed9b6;background:#fcf3e3}.badge--blue{color:#255f8b;border-color:#cfe0ec;background:#edf5fa}.badge--rose{color:#9b3e61;border-color:#efd2dd;background:#fbeef3}.badge--dark{color:#f7fbf9;border-color:#123f35;background:#123f35}.primary-button,.soft-button,.text-button,.action-button,.tool-button,.mini-icon,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.primary-button{min-height:38px;padding:8px 15px;border-radius:11px;background:linear-gradient(180deg,#11745f,#0b5b4b);color:#fff;font-size:12.5px;font-weight:650;box-shadow:0 6px 16px #0a4b3e33,inset 0 1px #ffffff2e}.primary-button:hover:not(:disabled){background:linear-gradient(180deg,#14836b,#0c6553);transform:translateY(-1px)}.primary-button--lg{min-height:44px;padding:10px 18px;font-size:13px}.soft-button{min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:10px;background:#fffdf8;color:#52615b;font-size:11.5px;font-weight:550}.soft-button:hover:not(:disabled){border-color:#c3d6ce;background:#f5fbf8;color:var(--green)}.text-button{padding:2px;background:none;color:var(--green);font-size:10.5px;font-weight:650}.text-button:hover{color:var(--green-deep)}.mini-icon{width:25px;height:25px;padding:0;border-radius:8px;background:transparent;color:var(--muted)}.mini-icon:hover{background:#ece9df;color:var(--ink)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#79857f;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-empty{padding:11px 12px;border:1px dashed #ddd7c9;border-radius:10px;color:var(--muted-2);font-size:11px;line-height:1.55;background:#faf8f2b3}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 22px;color:var(--muted)}.empty-state-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:13px;border:1px solid #dbe5df;border-radius:17px;background:linear-gradient(180deg,#f5fbf8,#e9f3ee);color:var(--green)}.empty-state h3{margin-bottom:5px;color:var(--ink);font-family:var(--serif);font-size:18px;font-weight:600}.empty-state p{max-width:270px;margin-bottom:14px;font-size:11.5px;line-height:1.65}.search-field{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:#f8f6ef;color:#87938c;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.search-field:focus-within{border-color:#a9cbbd;background:#fff;box-shadow:0 0 0 3px #0d665414}.search-field input{width:100%;min-width:0;border:none;outline:none;background:transparent;font-size:11.5px;color:var(--ink)}.search-field input::placeholder{color:#98a19b}.search-clear{display:grid;place-items:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:#e8e5db;color:#66736d}.search-field--wide{flex:1;max-width:440px}.stage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 2px 15px}.stage-title h2{margin:2px 0 3px;font-family:var(--serif);font-size:32px;font-weight:600;letter-spacing:-.035em;line-height:1;color:#17352c}.stage-title>p:last-child{color:var(--muted);font-size:11.5px}.stage-head-actions{display:flex;gap:7px;flex:none}.shelf{position:sticky;top:90px;display:flex;flex-direction:column;gap:10px;height:calc(100vh - 114px);max-height:920px;min-height:460px;padding:15px 13px 10px;overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:0 2px}.panel-heading h2{margin-top:2px;font-family:var(--serif);font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.1}.count-pill{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border:1px solid #d7e5de;border-radius:9px;background:#edf7f2;color:var(--green);font-size:10px;font-weight:700}.category-scroller{display:flex;gap:4px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none}.category-scroller::-webkit-scrollbar{display:none}.category-chip,.filter-chip{flex:none;padding:5px 9px;border:1px solid transparent;border-radius:999px;background:#f3f1e9;color:#6d7a74;font-size:10px;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.category-chip:hover,.filter-chip:hover{background:#e9f3ee;color:var(--green)}.category-chip.is-active,.filter-chip.is-active{border-color:#cfe4db;background:#e5f4ed;color:var(--green-deep)}.filter-chip small{margin-left:4px;color:#9aa59f;font-size:9px}.shelf-hint{display:flex;align-items:center;gap:5px;padding:1px 2px;color:#85918b;font-size:9.5px;line-height:1.5}.selected-reagent{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid #cfe4db;border-radius:12px;background:linear-gradient(135deg,#eaf7f1,#f4fbf7)}.selected-reagent>div{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.selected-reagent-label{color:#6d8d82;font-size:8px;font-weight:700;letter-spacing:.09em}.selected-reagent strong{margin-top:1px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.selected-reagent-hint{color:#7d8e87;font-size:8.5px}.reagent-grid{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:1px 2px 4px 1px}.reagent-card{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:5px 7px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease}.reagent-card:hover{border-color:#e0dbce;background:#fbf9f3;transform:translate(2px)}.reagent-card.is-selected{border-color:#bcdccd;background:#eef9f4;box-shadow:inset 0 0 0 1px #0d66540d}.reagent-art{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.9),transparent 60%),#f1efe6}.reagent-card.is-selected .reagent-art{background:#fffdf8}.reagent-icon{display:block;flex:none}.reagent-copy{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.reagent-name{overflow:hidden;color:#27352f;font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.reagent-formula{margin-top:1px;overflow:hidden;color:#78857e;font-family:var(--mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.reagent-meta{margin-top:1px;color:#9aa39d;font-size:8px}.reagent-dot{flex:none;width:5px;height:5px;border-radius:50%;box-shadow:0 0 0 2px #ffffffbf}.shelf-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 8px;color:var(--muted);font-size:11px}.shelf-foot{display:flex;align-items:center;gap:5px;padding:2px 2px 0;border-top:1px solid #eeeae0;color:#9aa49e;font-size:8.5px}.bench-wrap{min-width:0}.toolbar-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.toolbar{display:flex;align-items:center;gap:3px;min-width:0;padding:5px;border:1px solid var(--line);border-radius:15px;background:#fffdf8eb;box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.tool-button{flex:none;display:inline-flex;align-items:center;gap:5px;height:33px;padding:0 9px;border-radius:9px;background:transparent;color:#64716b;font-size:10.5px;font-weight:550;white-space:nowrap}.tool-button:hover{background:#f1f4ef;color:var(--green-deep)}.tool-button.is-active{background:var(--green-deep);color:#f6fcf9;box-shadow:0 4px 10px #093f3538}.toolbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.dropdown{position:relative}.dropdown-scrim{position:fixed;inset:0;z-index:15;border:none;background:transparent}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:265px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;box-shadow:var(--shadow-md);animation:popIn .15s ease both}.dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:none;border-radius:9px;background:transparent;text-align:left}.dropdown-item:hover{background:#f1f7f3}.dropdown-item-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#e7f3ed;color:var(--green)}.dropdown-item>span:last-child{display:flex;flex-direction:column;gap:1px}.dropdown-item strong{font-size:11.5px}.dropdown-item small{color:var(--muted);font-size:9.5px}.active-reagent-bar{display:flex;align-items:center;gap:9px;min-height:56px;margin-bottom:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:radial-gradient(circle at 88% 20%,rgba(109,217,181,.22),transparent 30%),linear-gradient(115deg,#0d5b4a,#0a453a);color:#f2fbf7;box-shadow:0 7px 20px #093f352b}.active-reagent-art{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#ffffffe6}.active-reagent-copy{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}.active-reagent-copy>span{color:#a4d5c4;font-size:8.5px;font-weight:600;letter-spacing:.06em}.active-reagent-copy strong{font-size:12px;font-weight:600}.active-reagent-copy em{color:#b9d8cc;font-family:var(--mono);font-size:9.5px;font-style:normal;font-weight:400}.active-reagent-bar .badge{border-color:#9fdcc54d;background:#ffffff1f;color:#e1f5ec}.active-reagent-bar .mini-icon{color:#b9d8cc}.active-reagent-bar .mini-icon:hover{background:#ffffff21;color:#fff}.bench-tip-bar{display:flex;align-items:center;gap:7px;min-height:34px;margin-bottom:10px;padding:4px 9px;border:1px dashed #dbd6c8;border-radius:11px;color:#78857e;font-size:10px;background:#fffdf873}.bench-tip-bar>svg{color:var(--amber);flex:none}.bench-tip-bar .text-button{margin-left:auto;flex:none}.bench{position:relative;overflow:hidden;min-height:420px;padding:18px 14px 58px;border:1px solid #ddd7c8;border-radius:25px;background:radial-gradient(circle at 22% 0%,rgba(255,255,255,.9),transparent 26%),radial-gradient(circle at 85% 4%,rgba(221,238,228,.65),transparent 28%),linear-gradient(180deg,#fbfaf5,#f1eee4);box-shadow:inset 0 1px #fff,0 15px 40px #2f38310f}.bench:before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(118,137,128,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(118,137,128,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,black,transparent 72%);pointer-events:none}.bench-decoration{position:absolute;top:18px;right:22px;display:flex;gap:5px;align-items:flex-start;color:#25473a26;font-family:var(--mono);font-size:9px;pointer-events:none}.bench-decoration>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(37,71,58,.1);border-radius:6px}.bench-decoration .bench-formula{width:auto;height:auto;margin-left:8px;padding:5px 8px;border:1px dashed rgba(37,71,58,.12);border-radius:7px;font-size:8px;letter-spacing:.03em}.bench-surface{position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 18%),linear-gradient(90deg,#c5a17a,#d0af89 30%,#bd9871 70%,#c9a67f);border-top:1px solid #b18c66;box-shadow:inset 0 8px 20px #744d2f1a}.bench-surface:after{content:"";position:absolute;inset:8px 0 auto;height:1px;background:#5f3f2621;box-shadow:0 9px #5f3f2612}.vessel-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;align-items:stretch;margin-bottom:8px}.vessel-card{position:relative;min-width:0;padding:7px 8px 9px;border:1px solid transparent;border-radius:18px;background:transparent;cursor:pointer;outline:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.vessel-card:hover{background:#ffffff7a;border-color:#d6d0c2d9}.vessel-card.is-selected{background:linear-gradient(180deg,#ffffffd1,#fafdf88c);border-color:#b9d8ca;box-shadow:0 8px 24px #334c401a,inset 0 0 0 1px #fffc}.vessel-card.is-dragover{border-color:var(--green-bright);border-style:dashed;background:#e0f5ebb8;transform:translateY(-2px)}.vessel-card.is-source{border-color:#e2b264;background:#fcf2de99}.vessel-head{display:flex;align-items:center;justify-content:space-between;height:19px;padding:0 1px}.vessel-kind{color:#9b9f93;font-family:var(--mono);font-size:7.5px;letter-spacing:.1em}.vessel-remove{display:grid;place-items:center;width:21px;height:21px;padding:0;border:none;border-radius:6px;background:transparent;color:#a5aaa3;opacity:0}.vessel-card:hover .vessel-remove,.vessel-card.is-selected .vessel-remove{opacity:1}.vessel-remove:hover{background:#f6e6e3;color:#b94738}.glass-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;height:225px;margin-top:1px}.glass-svg{position:relative;z-index:2;width:100%;max-width:205px;height:225px;overflow:visible;filter:drop-shadow(0 10px 9px rgba(54,76,66,.09))}.vessel-card--dish .glass-svg{max-width:215px}.vessel-card--tube .glass-stage{height:232px}.vessel-card--tube .glass-svg{max-width:123px;height:232px}.vessel-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:5px;margin-top:2px;padding:0 1px}.vessel-title{display:flex;flex-direction:column;line-height:1.25;min-width:0}.vessel-title strong{overflow:hidden;font-size:11.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.vessel-title span{color:#8b958f;font-family:var(--mono);font-size:8px}.vessel-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px;max-width:132px}.vessel-badges .badge{min-height:18px;padding:1px 5px;font-size:8.5px}.drop-text{fill:#0b6b57;font-family:var(--sans);font-size:15px;font-weight:700}.fx-pulse{position:absolute;left:50%;top:46%;width:70%;aspect-ratio:1;border:2px solid rgba(24,163,130,.35);border-radius:50%;transform:translate(-50%,-50%);animation:fxRing 1.4s ease-out forwards;pointer-events:none;z-index:1}.fx-pulse--bubble{border-color:#4599c666}.fx-pulse--flame{border-color:#e8942c73}.fx-pulse--stir{border-color:#7a66c459}.fx-pulse--clean{border-color:#96a09a40}.bubble{transform-box:fill-box;transform-origin:center;animation:bubbleRise 1.5s ease-in infinite}.steam{transform-box:fill-box;transform-origin:center;animation:steamRise 3.2s ease-out infinite}.svg-flame-test{animation:flameFade 3.4s ease-out forwards;transform-box:fill-box}.burner{position:absolute;bottom:-2px;left:50%;z-index:1;width:54px;height:72px;transform:translate(-50%);pointer-events:none}.burner-base{position:absolute;bottom:0;left:50%;width:32px;height:9px;border-radius:50% 50% 4px 4px;background:linear-gradient(180deg,#666b65,#30332f);transform:translate(-50%);box-shadow:0 2px 4px #00000040}.burner-base:after{content:"";position:absolute;left:50%;bottom:6px;width:5px;height:16px;border-radius:3px;background:#4a4e48;transform:translate(-50%)}.burner-flame{position:absolute;bottom:19px;left:50%;width:28px;height:43px;border-radius:50% 50% 44% 44%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 76%,#fff7c2 0 15%,#ffd35c 34%,#f29a32 64%,rgba(226,89,35,.8) 85%,transparent 100%);filter:blur(.4px) drop-shadow(0 0 8px rgba(243,160,55,.55));transform:translate(-50%);transform-origin:bottom center;animation:burnerFlicker .62s ease-in-out infinite alternate}.burner-flame--inner{width:13px;height:26px;bottom:20px;background:linear-gradient(180deg,#9edcff,#f7fbff 45%,#ffef9d);opacity:.8;animation-duration:.42s;filter:blur(.3px) drop-shadow(0 0 4px rgba(162,220,255,.6))}.add-vessel-card{display:flex;min-height:305px;align-self:stretch;border:1.5px dashed #d6d0c1;border-radius:18px;background:#fffdf74d;transition:border-color .16s ease,background .16s ease}.add-vessel-card:hover,.add-vessel-card.is-open{border-color:#b8cfc4;background:#f1f9f599}.add-vessel-trigger{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:16px;border:none;background:transparent;color:#8a948d}.add-vessel-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:3px;border:1px dashed #bdc9c2;border-radius:13px;background:#ffffff80;color:#6f8379}.add-vessel-trigger strong{color:#60736a;font-size:11.5px;font-weight:600}.add-vessel-trigger span:last-child{font-size:9px}.add-vessel-menu{display:flex;flex:1;flex-direction:column;gap:4px;padding:18px 15px}.add-vessel-menu p{margin-bottom:4px;color:#8b968f;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.add-vessel-menu>button{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e5e0d4;border-radius:9px;background:#fffdf8;color:#4d5d55;font-size:11px;text-align:left}.add-vessel-menu>button:hover{border-color:#c2d8ce;background:#f0f9f4}.add-vessel-menu .text-button{justify-content:center;border:none;background:transparent}.gas-test-bar{display:flex;align-items:center;gap:9px;margin-top:10px;padding:8px 11px;border:1px solid #cddfe8;border-radius:13px;background:linear-gradient(110deg,#edf7fb,#f8fcfd)}.gas-test-icon{width:22px;height:22px;flex:none;border-radius:50%;border:1px solid #b9d6e3;background:radial-gradient(circle at 35% 30%,#fff,transparent 30%),radial-gradient(circle at 50% 60%,#b8ddeb,#7eb4ca);box-shadow:inset 0 0 5px #fffc}.gas-test-bar>div{display:flex;flex:1;flex-direction:column;line-height:1.3}.gas-test-bar strong{color:#2f5d73;font-size:10.5px}.gas-test-bar span{color:#78909c;font-size:9px}.gas-test-bar .text-button{color:#2f6f8d}.reaction-ticker{display:flex;align-items:center;gap:12px;margin-top:11px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:#fffdf8eb;box-shadow:var(--shadow-sm)}.ticker-label{display:flex;align-items:center;gap:5px;flex:none;padding-right:12px;border-right:1px solid #ebe6da;color:#7f8a84;font-size:9px;font-weight:700;letter-spacing:.07em;white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:#21a17e;box-shadow:0 0 0 4px #21a17e1a;animation:livePulse 2.2s ease-in-out infinite}.ticker-body{flex:1;min-width:0}.ticker-eq{overflow:hidden;color:#125f4e;font-family:var(--mono);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ticker-body p{overflow:hidden;margin-top:1px;color:#83908a;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.ticker-body--empty .ticker-eq{color:#9ca59f;font-weight:500}.bench-footnote{display:flex;justify-content:space-between;gap:10px;margin:7px 3px 0;color:#9ca59f;font-size:8.5px}.inspector{position:sticky;top:90px;display:flex;flex-direction:column;height:calc(100vh - 114px);max-height:920px;min-height:520px;overflow:hidden}.inspector-tabs{display:flex;gap:3px;flex:none;padding:9px 10px;border-bottom:1px solid #eee9dd;background:#f9f7f0b3}.inspector-tabs button{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;height:31px;border:1px solid transparent;border-radius:9px;background:transparent;color:#77837c;font-size:10.5px;font-weight:600}.inspector-tabs button:hover{background:#ffffffa6}.inspector-tabs button.is-active{border-color:#e0dbce;background:#fffdf8;color:var(--green-deep);box-shadow:0 2px 7px #303d350f}.tab-count{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e8e5da;color:#7e8983;font-size:8px}.inspector-body{flex:1;overflow-y:auto;padding:0 16px 20px}.inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 1px 10px}.inspector-head h2{margin:2px 0 1px;font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:-.03em;line-height:1.05}.inspector-head p:last-child{color:#8a958f;font-size:9.5px}.inspector-head-badges{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.readout{min-width:0;padding:9px 10px;border:1px solid #ebe5d8;border-radius:12px;background:#faf8f2}.readout--ph{grid-column:1 / -1;padding-bottom:7px}.readout-top{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.readout-top>span{display:flex;align-items:center;gap:4px;color:#7d8982;font-size:9px;font-weight:600}.readout-top strong{color:#244037;font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:-.03em}.readout--ph .readout-top strong{font-size:22px}.ph-track{position:relative;height:7px;margin-top:5px;border-radius:99px;background:linear-gradient(90deg,#c82323,#e14b25 12%,#ed9f22 28%,#e6c72f 40%,#63bd59,#33ad82,#288cb4,#2c63ba 80%,#6735a8 92%,#60277f);box-shadow:inset 0 1px 2px #00000021}.ph-marker{position:absolute;top:50%;width:9px;height:13px;border:2px solid #fff;border-radius:3px;background:#1e2c27;box-shadow:0 1px 4px #0000004d;transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.2,.8,.2,1)}.ph-scale{display:flex;justify-content:space-between;margin-top:2px;color:#a0a9a3;font-family:var(--mono);font-size:7px}.meter{height:5px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e9e5da}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e7b65a,#d1842e);transition:width .5s ease}.meter--blue span{background:linear-gradient(90deg,#81b9d3,#2c6f9e)}.readout-foot{margin-top:4px;color:#9aa49e;font-size:7.5px}.inspector-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0 10px}.action-button{min-height:31px;padding:4px 5px;border:1px solid #e7e2d6;border-radius:9px;background:#fffdf8;color:#5e6d66;font-size:9.5px;font-weight:550}.action-button:hover{border-color:#c5d8cf;background:#f3faf6;color:var(--green)}.action-button.is-on{border-color:#efc58f;background:#fcf2e1;color:#a35d12}.gas-callout{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:9px;padding:8px 9px;border:1px solid #cfe1e9;border-radius:11px;background:#f1f9fc;text-align:left}.gas-callout:hover{border-color:#afcedc;background:#eaf6fb}.gas-orb{width:24px;height:24px;flex:none;border:1px solid #b3d3df;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#b9dfec 50%,#7ab4c8);box-shadow:inset 0 0 5px #fffc}.gas-callout>span:nth-child(2){display:flex;flex:1;flex-direction:column;line-height:1.3}.gas-callout strong{color:#335f70;font-size:9.5px}.gas-callout small{color:#7e9aa5;font-size:8px}.gas-callout>svg{color:#56879b}.gas-result{margin-bottom:10px;padding:9px 10px;border:1px solid #cfe4dc;border-radius:11px;background:linear-gradient(135deg,#eef9f4,#f9fdfb)}.gas-result-head{display:flex;align-items:center;gap:5px;color:var(--green)}.gas-result-head strong{font-size:9.5px}.gas-result p{margin-top:4px;color:#63776d;font-size:9.5px;line-height:1.55}.inspector-section{margin-top:12px}.species-list{display:flex;flex-direction:column;gap:2px;max-height:188px;overflow-y:auto;padding-right:2px}.species-row{display:flex;align-items:center;gap:7px;min-height:33px;padding:4px 5px;border-radius:7px}.species-row:hover{background:#f7f5ee}.species-dot{width:7px;height:7px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.species-copy{display:flex;flex:1;align-items:baseline;gap:5px;min-width:0}.species-copy strong{color:#284139;font-family:var(--mono);font-size:10.5px;font-weight:600;white-space:nowrap}.species-copy span{overflow:hidden;color:#8e9993;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.species-amount{flex:none;color:#77837c;font-family:var(--mono);font-size:8px}.phase-chips{display:flex;flex-wrap:wrap;gap:4px}.phase-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #e5e0d4;border-radius:7px;background:#faf8f2;color:#56665e;font-family:var(--mono);font-size:8.5px}.phase-chip>span{width:6px;height:6px;border-radius:2px}.phase-chip small{color:#9ba49e;font-family:var(--sans);font-size:7.5px}.phase-chip--gas{border-color:#d5e5ec;background:#f2f9fc;color:#456b7d;font-family:var(--sans)}.latest-reaction{padding:9px 10px;border:1px solid #e8e2d5;border-radius:11px;background:#fbfaf5}.latest-reaction-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.latest-equation{margin:6px 0 4px;padding:6px 7px;border-radius:6px;background:#f0f5f1;color:#1a5f4e;font-family:var(--mono);font-size:9px;line-height:1.5;word-break:break-word}.latest-reaction p{color:#78857e;font-size:9.5px;line-height:1.55}.notebook-cta{display:flex;align-items:center;gap:6px;width:100%;margin-top:12px;padding:9px 10px;border:1px dashed #cfdcd5;border-radius:10px;background:#f6fbf8;color:var(--green);font-size:9.5px;font-weight:550;text-align:left}.notebook-cta:hover{border-color:#aecfc0;background:#eff9f4}.notebook-cta svg:last-child{margin-left:auto}.inspector-note{display:flex;gap:5px;margin-top:10px;color:#a1aaa4;font-size:8.5px;line-height:1.55}.inspector-note svg{flex:none;margin-top:1px}.inspector-empty{flex:1;overflow-y:auto;padding:20px 16px}.inspector-quick{margin-top:2px;padding-top:14px;border-top:1px solid #eee9dd}.inspector-quick>button{display:flex;align-items:center;gap:7px;width:100%;padding:8px 4px;border:none;border-bottom:1px solid #f0ece2;background:transparent;color:#5d6d65;font-size:10px;text-align:left}.inspector-quick>button:hover{color:var(--green)}.inspector-quick>button svg:last-child{margin-left:auto;color:#a4ada7}.log-panel{display:flex;flex:1;flex-direction:column;min-height:0}.log-head{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px 8px}.log-head h2{margin-top:2px;font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:-.03em}.log-scope{display:flex;gap:4px;padding:0 15px 9px;border-bottom:1px solid #eee9dd}.log-scope button{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid transparent;border-radius:999px;background:transparent;color:#7f8a84;font-size:9px;font-weight:600}.log-scope button.is-active{border-color:#d5e5dd;background:#ecf7f2;color:var(--green)}.log-scope button span{color:#9aa59f;font-size:8px}.log-list{flex:1;overflow-y:auto;padding:10px 14px 18px}.log-entry{position:relative;padding:8px 0 9px 15px;border-bottom:1px solid #f0ece2}.log-entry:last-child{border-bottom:none}.log-mark{position:absolute;top:13px;left:2px;width:5px;height:5px;border-radius:50%;background:#a8b5ae}.log-entry--reaction .log-mark{background:#1a9d7c;box-shadow:0 0 0 3px #1a9d7c17}.log-entry--test .log-mark{background:#cb8a32}.log-entry--system .log-mark{background:#7c89a0}.log-entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:7px}.log-entry-head strong{color:#34473f;font-size:10px;font-weight:600}.log-entry-head time{flex:none;color:#a1aaa4;font-family:var(--mono);font-size:7.5px}.log-equation{margin-top:3px;color:#18705a;font-family:var(--mono);font-size:8.5px;line-height:1.45;word-break:break-word}.log-entry p{margin-top:2px;color:#837f77;font-size:8.5px;line-height:1.55}.log-vessel{display:inline-block;margin-top:4px;padding:1px 5px;border-radius:4px;background:#f2efe7;color:#8b968f;font-size:7px}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;background:#0e1d1875;backdrop-filter:blur(7px);animation:overlayFade .18s ease both}.overlay--drawer{justify-content:flex-end;padding:0}.overlay-panel{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 44px);overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:23px;background:#fcfaf4;box-shadow:var(--shadow-lg);animation:panelRise .24s cubic-bezier(.2,.9,.25,1) both}.overlay-panel--sm{max-width:470px}.overlay-panel--md{max-width:720px}.overlay-panel--lg{max-width:930px}.overlay-panel--xl{max-width:1200px}.overlay--drawer .overlay-panel{max-width:850px;height:100vh;max-height:100vh;border-radius:22px 0 0 22px;animation:drawerIn .26s cubic-bezier(.2,.9,.25,1) both}.overlay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none;padding:18px 22px 15px;border-bottom:1px solid #e9e4d7;background:radial-gradient(circle at 20% 0%,rgba(219,239,226,.7),transparent 35%),#fcfaf4}.overlay-heading{display:flex;align-items:flex-start;gap:11px;min-width:0}.overlay-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #cfe1d8;border-radius:13px;background:linear-gradient(145deg,#f4fbf7,#e5f2eb);color:var(--green)}.overlay-head h2{margin:2px 0 1px;font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:-.035em;line-height:1.1}.overlay-subtitle{max-width:780px;color:#7f8a84;font-size:10.5px;line-height:1.55}.overlay-body{flex:1;min-height:0;overflow-y:auto;padding:16px 22px}.overlay-footer{flex:none;padding:11px 22px;border-top:1px solid #e9e4d7;background:#f8f6ef}.library-tools{display:flex;flex-direction:column;gap:10px;margin-bottom:13px}.filter-row{display:flex;flex-wrap:wrap;gap:4px}.reaction-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reaction-card{position:relative;padding:12px 13px;border:1px solid #e6e0d3;border-radius:13px;background:#fffdf8;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.reaction-card:hover{border-color:#c9ddd3;box-shadow:0 6px 18px #2d3e350f;transform:translateY(-1px)}.reaction-card.is-custom{border-color:#e8cdd7;background:linear-gradient(145deg,#fffdf8,#fdf6f8)}.reaction-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.reaction-tag{color:#94a09a;font-size:8px;font-weight:700;letter-spacing:.09em}.reaction-card h3{margin-top:2px;color:#2c4037;font-size:12.5px;font-weight:600}.reaction-equation{margin:8px 0 6px;padding:7px 8px;border-radius:7px;background:#f1f6f2;color:#1b6653;font-family:var(--mono);font-size:9.5px;line-height:1.5;word-break:break-word}.reaction-conditions{display:flex;flex-wrap:wrap;gap:8px;color:#89958e;font-size:8.5px}.reaction-conditions span{display:inline-flex;align-items:center;gap:3px}.reaction-conditions .is-exo{color:#b76725}.reaction-conditions .is-endo{color:#517a9e}.reaction-phenomena{margin-top:6px;color:#77847d;font-size:9.5px;line-height:1.55}.reaction-safety{margin-top:5px;padding-top:5px;border-top:1px dashed #ebe5d9;color:#a18b6e;font-size:8.5px;line-height:1.5}.preset-layout{display:grid;grid-template-columns:278px minmax(0,1fr);gap:16px;min-height:530px}.preset-list{display:flex;flex-direction:column;gap:5px;max-height:calc(100vh - 250px);overflow-y:auto;padding-right:3px}.preset-list-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left}.preset-list-item:hover{background:#f5f2ea}.preset-list-item.is-active{border-color:#d4e5dc;background:#f0f9f5}.preset-index{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:8px;background:#f0ede4;color:#8e9992;font-family:var(--mono);font-size:8px}.preset-list-item.is-active .preset-index{background:var(--preset-accent);color:#fff}.preset-list-copy{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.3}.preset-list-copy strong{overflow:hidden;font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.preset-list-copy small{overflow:hidden;color:#8f9993;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.preset-level{flex:none;padding:2px 5px;border-radius:4px;font-size:7px;font-weight:650}.preset-level--入门{background:#e6f4ed;color:#15735c}.preset-level--进阶{background:#e9f0f8;color:#2d6491}.preset-level--探究{background:#f8ecdc;color:#9a611d}.preset-detail{display:flex;flex-direction:column;min-width:0;padding:15px 16px 13px;border:1px solid #e6e0d3;border-radius:15px;background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--preset-accent) 12%,transparent),transparent 32%),#fffdf8;overflow-y:auto;max-height:calc(100vh - 250px)}.preset-hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.preset-kicker{display:flex;align-items:center;gap:5px;color:#8e9993;font-size:8.5px;font-weight:650;letter-spacing:.05em}.preset-orb{width:7px;height:7px;border-radius:50%;background:var(--preset-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--preset-accent) 13%,transparent)}.preset-hero h2{margin:10px 0 2px;color:#203b30;font-family:var(--serif);font-size:29px;font-weight:600;letter-spacing:-.04em;line-height:1.05}.preset-subtitle{color:var(--preset-accent);font-size:10.5px;font-weight:600}.preset-description{margin-top:9px;color:#68766f;font-size:10.5px;line-height:1.65}.preset-principle{display:flex;align-items:baseline;gap:9px;margin-top:10px;padding:8px 9px;border-left:3px solid var(--preset-accent);border-radius:0 7px 7px 0;background:#f7f5ee}.preset-principle span{flex:none;color:#9aa39d;font-size:8px;font-weight:650;letter-spacing:.08em}.preset-principle strong{color:#2a4a3e;font-family:var(--mono);font-size:10px;font-weight:550;line-height:1.5}.preset-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:14px}.preset-columns h3,.preset-reagents h3{margin-bottom:6px;color:#78857e;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.phenomena-list{display:flex;flex-direction:column;gap:5px;list-style:none}.phenomena-list li{display:flex;align-items:flex-start;gap:5px;color:#6e7c75;font-size:9.5px;line-height:1.5}.phenomena-list svg{flex:none;margin-top:2px;color:var(--preset-accent)}.steps-list{display:flex;flex-direction:column;gap:6px;list-style:none;counter-reset:step}.steps-list li{display:flex;align-items:flex-start;gap:6px;color:#6e7c75;font-size:9.5px;line-height:1.5;counter-increment:step}.steps-list li>span{display:grid;place-items:center;width:16px;height:16px;flex:none;margin-top:.5px;border-radius:50%;background:#f1eee5;color:#8d978f;font-family:var(--mono);font-size:7px}.steps-list li>span:before{content:counter(step)}.preset-reagents{margin-top:14px}.preset-reagent-row{display:flex;flex-wrap:wrap;gap:5px}.preset-reagent{display:inline-flex;align-items:center;gap:4px;padding:3px 7px 3px 3px;border:1px solid #ebe5d9;border-radius:8px;background:#faf8f2;color:#58675f;font-size:8.5px}.preset-reagent small{color:#a18d72;font-size:7.5px}.preset-safety{display:flex;align-items:flex-start;gap:5px;margin-top:11px;padding:7px 8px;border-radius:8px;background:#fcf3e5;color:#946b35;font-size:8.5px;line-height:1.5}.preset-safety svg{flex:none;margin-top:1px}.preset-run{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}.preset-run-note{display:flex;align-items:center;gap:5px;max-width:260px;color:#99a29c;font-size:8px;line-height:1.45}.preset-run-note svg{flex:none}.preset-progress{position:relative;height:3px;margin-top:9px;overflow:hidden;border-radius:99px;background:#ebe6db}.preset-progress-bar{position:absolute;inset:0;width:40%;border-radius:inherit;background:var(--preset-accent);animation:indeterminate 1.2s ease-in-out infinite}.preset-progress-text{display:block;margin-top:4px;color:#84918a;font-size:8px}.preset-footer-note{display:flex;align-items:center;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid #ebe6db;color:#9aa49e;font-size:8.5px}.preset-footer-note svg{color:var(--green)}.custom-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:18px}.custom-editor{min-width:0}.template-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:11px}.template-row>span{margin-right:2px;color:#8f9a94;font-size:8.5px;font-weight:650;letter-spacing:.07em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span{color:#77837c;font-size:9px;font-weight:650}.field input,.field textarea,.field select,.term-row select,.check-card select{width:100%;border:1px solid #e2dccf;border-radius:8px;outline:none;background:#fffdf8;color:#33463d;font-size:10.5px;transition:border-color .15s ease,box-shadow .15s ease}.field input,.field select{height:34px;padding:0 9px}.field textarea{padding:7px 9px;resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus,.term-row select:focus{border-color:#a8cbbd;box-shadow:0 0 0 3px #0d665412}.field--wide{grid-column:span 1}.form-grid .field--wide{grid-column:1 / -1}.equation-editor{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:8px;align-items:start;margin:13px 0 9px;padding:11px;border:1px solid #e4ded1;border-radius:13px;background:#faf8f2}.equation-side{min-width:0}.equation-side-label{display:block;margin-bottom:5px;color:#8e9993;font-size:8px;font-weight:700;letter-spacing:.07em}.term-row{display:grid;grid-template-columns:45px minmax(0,1fr) 25px;gap:4px;margin-bottom:4px}.term-row select{height:32px;padding:0 5px;font-size:9.5px}.species-select{min-width:0}.equation-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:47px;color:var(--green)}.equation-arrow small{color:#9aa49e;font-size:7px}.add-term{display:inline-flex;align-items:center;gap:3px;padding:2px;border:none;background:transparent;color:var(--green);font-size:8.5px;font-weight:600}.equation-preview{display:flex;align-items:baseline;gap:8px;padding:8px 10px;border:1px solid #d7e6de;border-radius:9px;background:#f1f9f5}.equation-preview span{flex:none;color:#8da39a;font-size:8px;font-weight:650;letter-spacing:.06em}.equation-preview strong{overflow-wrap:anywhere;color:#145d4b;font-family:var(--mono);font-size:10px;font-weight:600;line-height:1.5}.condition-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:7px;margin:10px 0}.check-card{display:flex;align-items:flex-start;gap:6px;min-width:0;padding:8px;border:1px solid #e7e1d5;border-radius:9px;background:#fffdf8;cursor:pointer}.check-card input{width:13px;height:13px;margin:2px 0 0;accent-color:var(--green);flex:none}.check-card>span{display:flex;flex-direction:column;line-height:1.3}.check-card strong{font-size:9.5px;font-weight:600}.check-card small{color:#9aa49e;font-size:7.5px}.check-card--select{align-items:center;cursor:default}.check-card--select>span{flex:1}.check-card select{width:76px;height:29px;padding:0 5px;font-size:9px}.form-error{display:flex;align-items:center;gap:4px;margin-top:7px;padding:7px 8px;border-radius:7px;background:#fbecea;color:#a13e34;font-size:9px}.custom-tip{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding:8px 9px;border-radius:8px;background:#f5f2e9;color:#8c9189}.custom-tip svg{flex:none;margin-top:1px;color:#a98a54}.custom-tip p{font-size:8.5px;line-height:1.55}.custom-side{display:flex;flex-direction:column;min-height:420px;padding:12px;border:1px solid #e7e1d5;border-radius:14px;background:#faf8f2}.custom-side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #ebe5d9}.custom-side-head h3{margin-top:2px;font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:-.02em}.custom-rule-list{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;padding:8px 0}.custom-rule-item{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;padding:7px;border:1px solid #e9e3d7;border-radius:8px;background:#fffdf8}.custom-rule-item>div{display:flex;flex-direction:column;min-width:0;line-height:1.4}.custom-rule-item strong{font-size:9.5px;font-weight:600}.custom-rule-item span{overflow-wrap:anywhere;color:#7c8c84;font-family:var(--mono);font-size:7.5px}.custom-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 10px;color:#9aa49e}.custom-empty svg{margin-bottom:6px;color:#acb8b1}.custom-empty p{color:#69776f;font-size:10px;font-weight:600}.custom-empty span{margin-top:3px;font-size:8.5px;line-height:1.5}.custom-side-foot{padding-top:8px;border-top:1px solid #ebe5d9}.custom-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.custom-footer-note{display:flex;align-items:center;gap:5px;color:#98a29c;font-size:8.5px}.confirm-actions{display:flex;align-items:center;gap:7px}.notebook-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px}.notebook-save{align-self:start;padding:13px;border:1px solid #e7e1d5;border-radius:14px;background:radial-gradient(circle at 90% 0%,rgba(215,238,225,.65),transparent 35%),#faf8f2}.notebook-save-head{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin-bottom:5px}.notebook-save-head h3{margin-top:2px;font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:-.02em}.notebook-save-note{margin-bottom:10px;color:#8a958f;font-size:8.5px;line-height:1.55}.notebook-save .field{margin-bottom:8px}.notebook-save .primary-button{width:100%}.notebook-list{display:flex;flex-direction:column;gap:8px;min-width:0}.notebook-card{padding:11px 12px;border:1px solid #e6e0d3;border-radius:13px;background:#fffdf8}.notebook-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.notebook-date{color:#9ba49e;font-family:var(--mono);font-size:7.5px}.notebook-card h3{margin-top:1px;color:#2a3e35;font-size:12px;font-weight:600}.notebook-note{margin-top:5px;color:#7e8a84;font-size:9.5px;line-height:1.55}.notebook-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;margin-top:8px}.notebook-vessel{padding:6px 7px;border:1px solid #eee9dd;border-radius:8px;background:#faf9f4}.notebook-vessel>div{display:flex;align-items:center;gap:4px;color:#476156}.notebook-vessel strong{font-size:9px}.notebook-vessel>span{display:block;margin-top:2px;color:#7d8983;font-family:var(--mono);font-size:7.5px}.notebook-vessel>small{display:block;overflow:hidden;margin-top:1px;color:#a0a9a3;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.notebook-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px dashed #ece6da}.notebook-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#99a39d;font-size:8.5px}.help-tabs{display:flex;gap:4px;margin-bottom:14px;padding:4px;border:1px solid #e7e1d5;border-radius:11px;background:#f7f5ee}.help-tabs button{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;height:31px;border:1px solid transparent;border-radius:8px;background:transparent;color:#7d8982;font-size:9.5px;font-weight:600}.help-tabs button.is-active{border-color:#e2dccf;background:#fffdf8;color:var(--green-deep);box-shadow:0 2px 6px #2d3c330f}.help-content{min-height:360px}.help-intro{margin-bottom:13px}.help-intro h3{margin-bottom:3px;font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:-.03em}.help-intro p{color:#74817a;font-size:10.5px;line-height:1.65}.help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.help-steps>div{padding:11px;border:1px solid #e8e2d6;border-radius:12px;background:#fbfaf5}.help-step-number{display:inline-block;margin-bottom:6px;color:var(--green-bright);font-family:var(--serif);font-size:22px;font-weight:600}.help-steps h4{font-size:11px;font-weight:600}.help-steps p{margin-top:3px;color:#7e8a84;font-size:9px;line-height:1.55}.help-callout{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 11px;border:1px solid #d4e6dc;border-radius:10px;background:#f1f9f5;color:#557267}.help-callout svg{flex:none;margin-top:1px;color:var(--green)}.help-callout strong{display:block;color:#2c5e4d;font-size:10px}.help-callout p{margin-top:2px;font-size:9px;line-height:1.55}.help-callout--quiet{border-color:#e8e2d6;background:#faf8f2;color:#7f8983}.help-callout--quiet svg{color:#a98a54}.help-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.help-key-grid>div{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border:1px solid #ebe5d9;border-radius:9px;color:#7c8882}.help-key-grid svg{color:var(--green)}.help-key-grid strong{color:#45594f;font-size:9.5px}.help-key-grid span{font-size:8.5px;line-height:1.5}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.model-grid>div{padding:10px;border:1px solid #e8e2d6;border-radius:10px;background:#fbfaf5}.model-grid p{margin-top:5px;color:#7d8982;font-size:9px;line-height:1.55}.help-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #efd6c3;border-radius:12px;background:#fdf4e9;color:#8c5e2d}.help-warning svg{flex:none;color:#c17b2e}.help-warning h3{color:#7c4d1d;font-family:var(--serif);font-size:18px;font-weight:600}.help-warning p{margin-top:4px;font-size:9.5px;line-height:1.65}.safety-list{display:flex;flex-direction:column;gap:6px;margin-top:11px}.safety-list>div{display:flex;align-items:flex-start;gap:7px;padding:8px 9px;border-bottom:1px solid #eee9dd}.safety-list svg{flex:none;margin-top:1px;color:var(--green)}.safety-list p{color:#6f7d76;font-size:9.5px;line-height:1.6}.confirm-visual{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 10px 10px;color:#86928b}.confirm-visual svg{color:#b98236}.confirm-visual p{max-width:310px;font-size:10.5px;line-height:1.6}.mobile-nav{display:none}.toast-stack{position:fixed;left:50%;bottom:24px;z-index:200;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(92vw,460px);transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:7px;max-width:100%;padding:8px 10px;border:1px solid #d7d2c5;border-radius:11px;background:#fffdf8f7;box-shadow:0 12px 30px #1c28212b;color:#48594f;font-size:10.5px;pointer-events:auto;animation:toastIn .26s cubic-bezier(.2,.9,.25,1) both}.toast--good{border-color:#c6e1d6;background:#f2fbf7;color:#236651}.toast--warn{border-color:#efd7b6;background:#fff9ef;color:#8b5d22}.toast--neutral{border-color:#d9e3dd;background:#f8fbf9;color:#53685d}.toast span{flex:1}.toast button{display:grid;place-items:center;width:20px;height:20px;border:none;border-radius:6px;background:transparent;color:inherit;opacity:.55}.toast button:hover{background:#0000000f;opacity:1}.spin{animation:spin .9s linear infinite}.error-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 10%,rgba(205,232,218,.75),transparent 34%),var(--bg)}.error-card{width:min(92vw,440px);padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-md);text-align:center}.error-card>svg{color:#b98236}.error-card h1{margin:9px 0 5px;font-family:var(--serif);font-size:25px;font-weight:600}.error-card p{color:var(--muted);font-size:11px;line-height:1.6}.error-card pre{overflow-x:auto;margin:12px 0;padding:8px;border-radius:8px;background:#f5f2e9;color:#9a4b3d;font-size:9px;text-align:left}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes panelRise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawerIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes livePulse{0%,to{box-shadow:0 0 0 3px #21a17e1a}50%{box-shadow:0 0 0 6px #21a17e0a}}@keyframes fxRing{0%{opacity:.7;transform:translate(-50%,-50%) scale(.55)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes bubbleRise{0%{transform:translateY(0) scale(.7);opacity:0}18%{opacity:.65}80%{opacity:.45}to{transform:translateY(-80px) scale(1.15);opacity:0}}@keyframes steamRise{0%{opacity:0;transform:translateY(8px) scale(.85)}25%{opacity:.36}75%{opacity:.2}to{opacity:0;transform:translateY(-28px) scale(1.12)}}@keyframes burnerFlicker{0%{transform:translate(-50%) scale(1) rotate(-1deg);opacity:.93}to{transform:translate(-50%) scale(.92,1.08) rotate(1.5deg);opacity:1}}@keyframes flameFade{0%{opacity:0}12%{opacity:1}65%{opacity:.85}to{opacity:0}}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(360%)}}@media(max-width:1560px){.workspace{grid-template-columns:260px minmax(0,1fr) 330px;gap:15px;padding:16px 18px 24px}.nav-button{padding-inline:9px}.tool-button{padding-inline:8px}.vessel-grid{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.reaction-library-grid{grid-template-columns:1fr 1fr}}@media(max-width:1330px){.workspace{grid-template-columns:244px minmax(0,1fr) 310px;gap:13px}.topnav{gap:0}.nav-button{padding-inline:8px;font-size:11.5px}.edge-badge{display:none}.stage-title h2{font-size:28px}.toolbar-actions{margin-left:0}.toolbar{flex:1}.tool-button span{display:none}.tool-button{width:34px;justify-content:center;padding:0}.shelf{padding-inline:11px}.reagent-name{font-size:10.5px}.reagent-art{width:36px;height:36px}.readout-top strong{font-size:13px}.readout--ph .readout-top strong{font-size:20px}}@media(max-width:1120px){.workspace{grid-template-columns:224px minmax(0,1fr) 292px}.nav-button{font-size:10.5px;padding-inline:7px}.brand-copy small{display:none}.brand-copy strong{font-size:18px}.stage-head-actions .soft-button{padding-inline:8px;font-size:10.5px}.inspector-body{padding-inline:12px}.inspector-head h2{font-size:21px}.action-button{font-size:8.5px}.species-copy span{display:none}}@media(max-width:980px){.topbar{flex-wrap:wrap;gap:8px;min-height:62px;padding:9px 14px}.topnav{order:3;width:100%;padding:3px;overflow-x:auto;border-radius:12px;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.nav-button{flex:1;justify-content:center;padding:6px 7px;font-size:9.5px;gap:0}.nav-button svg{display:none}.brand-copy small{display:block}.workspace{display:block;padding:12px 12px 94px}.shelf,.inspector,.bench-wrap{display:none}.workspace[data-mobile-tab=shelf] .shelf,.workspace[data-mobile-tab=bench] .bench-wrap,.workspace[data-mobile-tab=inspector] .inspector{display:flex}.workspace[data-mobile-tab=bench] .bench-wrap{display:block}.shelf{position:static;height:auto;max-height:none;min-height:0}.shelf .reagent-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;overflow:visible}.shelf{overflow:visible}.inspector{position:static;height:auto;max-height:none;min-height:0}.inspector-body{overflow:visible}.log-panel{max-height:none}.log-list{max-height:none;overflow:visible}.stage-head{align-items:flex-start}.stage-title h2{font-size:27px}.tool-button span{display:inline}.tool-button{width:auto;padding:0 9px}.toolbar{width:100%;flex:none}.toolbar-actions{width:100%;justify-content:flex-end}.mobile-nav{position:fixed;left:50%;bottom:12px;z-index:70;display:flex;gap:3px;width:min(92vw,390px);padding:5px;border:1px solid rgba(206,199,184,.9);border-radius:16px;background:#fffdf8f0;box-shadow:0 14px 35px #1d2c242e;backdrop-filter:blur(14px);transform:translate(-50%)}.mobile-nav button{display:flex;flex:1;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border:none;border-radius:11px;background:transparent;color:#7d8982;font-size:8.5px;font-weight:600}.mobile-nav button.is-active{background:#e9f5ef;color:var(--green-deep)}.toast-stack{bottom:84px}.overlay{padding:10px}.overlay-panel{max-height:calc(100vh - 20px);border-radius:18px}.overlay--drawer{padding:0}.overlay--drawer .overlay-panel{max-width:100%;border-radius:0}.overlay-head{padding:14px 15px 12px}.overlay-head h2{font-size:23px}.overlay-body{padding:13px 15px}.overlay-footer{padding:10px 15px}.preset-layout,.custom-layout,.notebook-layout{grid-template-columns:1fr}.preset-list{flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:4px}.preset-list-item{min-width:210px}.preset-detail{max-height:none;overflow:visible}.custom-side{min-height:250px}.custom-rule-list{max-height:220px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .field--wide{grid-column:1 / -1}.condition-grid{grid-template-columns:1fr 1fr}.check-card--select{grid-column:1 / -1}.reaction-library-grid{grid-template-columns:1fr}.preset-columns{grid-template-columns:1fr;gap:12px}.preset-run{flex-direction:column;align-items:stretch}.preset-run-note{max-width:none}.preset-run .primary-button{width:100%}.help-steps,.model-grid,.help-key-grid{grid-template-columns:1fr}}@media(max-width:640px){.topbar{padding:8px 11px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:8.5px}.topnav{gap:0}.nav-button{font-size:9.5px;padding:5px 7px;gap:3px}.nav-button svg{width:13px;height:13px}.workspace{padding:10px 9px 92px}.stage-head{flex-direction:column;gap:8px;margin-bottom:10px}.stage-head-actions{width:100%}.stage-head-actions .soft-button{flex:1}.stage-title h2{font-size:25px}.active-reagent-bar{position:sticky;top:108px;z-index:12}.bench{padding:12px 7px 52px;border-radius:18px}.toolbar{flex-wrap:nowrap;justify-content:space-between;gap:1px;overflow:visible}.tool-button{width:40px;height:42px;padding:2px 0;flex-direction:column;gap:2px;justify-content:center}.tool-button span{display:block;font-size:7px;line-height:1;letter-spacing:-.02em}.vessel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.vessel-card{padding:4px 4px 7px;border-radius:13px}.glass-stage,.glass-svg{height:186px}.vessel-card--tube .glass-stage,.vessel-card--tube .glass-svg{height:190px}.vessel-kind{font-size:6.5px}.vessel-title strong{font-size:10px}.vessel-badges{max-width:92px}.vessel-badges .badge{font-size:7px;padding-inline:4px}.bench-decoration{display:none}.reaction-ticker{align-items:flex-start;flex-wrap:wrap;gap:5px;padding:8px 9px}.ticker-label{border:none;padding-right:2px}.ticker-body{flex-basis:calc(100% - 80px)}.bench-footnote{flex-direction:column;gap:2px;line-height:1.4}.shelf .reagent-grid{grid-template-columns:1fr}.shelf{padding:12px 10px}.mobile-nav{bottom:8px}.overlay{padding:0}.overlay-panel{max-height:100vh;height:100vh;border-radius:0;border:none}.overlay-head{padding:12px}.overlay-icon{width:36px;height:36px}.overlay-head h2{font-size:21px}.overlay-subtitle{font-size:9.5px}.overlay-body{padding:11px 12px}.overlay-footer{padding:9px 12px}.form-grid,.condition-grid,.equation-editor{grid-template-columns:1fr}.equation-arrow{flex-direction:row;height:22px;gap:5px}.equation-arrow svg{transform:rotate(90deg)}.custom-footer{flex-direction:column;align-items:stretch}.custom-footer .confirm-actions{justify-content:stretch}.custom-footer .confirm-actions button{flex:1}.preset-hero h2{font-size:24px}.preset-list-item{min-width:180px}.notebook-footer{flex-direction:column;align-items:stretch}.help-tabs button{font-size:8.5px;gap:3px}.overlay--drawer .overlay-panel{border-radius:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app{height:100vh;overflow:hidden}.game-topbar{position:relative;z-index:60;display:flex;align-items:center;gap:20px;height:64px;padding:8px 18px;border-bottom:1px solid rgba(195,189,173,.75);background:radial-gradient(circle at 12% 0%,rgba(213,235,222,.55),transparent 28%),#f9f6eef0;backdrop-filter:blur(14px)}.game-topbar .brand-mark{width:39px;height:39px;border-radius:12px}.game-topbar .brand-copy strong{font-size:19px}.game-topbar .brand-copy small{font-size:9px;letter-spacing:.12em}.game-topbar .topnav{border-radius:13px}.safety-toggle{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 7px 0 10px;border:1px solid #cfe3d9;border-radius:999px;background:#eef9f3;color:#176d58;font-size:10px;font-weight:650;transition:background .16s ease,border-color .16s ease,color .16s ease}.safety-toggle em{display:grid;place-items:center;min-width:24px;height:20px;padding:0 4px;border-radius:999px;background:#d8eee4;color:#176d58;font-family:var(--mono);font-size:9px;font-style:normal}.safety-toggle.is-off{border-color:#efc7bd;background:#fbece8;color:#a23e30}.safety-toggle.is-off em{background:#f4d2ca;color:#a23e30}.lab-stage{position:relative;display:flex;gap:12px;height:calc(100vh - 64px);padding:12px;overflow:hidden}.cabinet-shell{width:308px;flex:none;height:100%;overflow:hidden;transition:width .2s ease,margin .2s ease}.cabinet-shell:not(.is-open){width:0}.supply-cabinet{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #d9d1bf;border-radius:20px;background:#fcf9f1;box-shadow:0 10px 28px #363e3117}.cabinet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 14px 12px;color:#f3fbf7;background:radial-gradient(circle at 10% 0%,rgba(97,190,157,.28),transparent 40%),linear-gradient(135deg,#0f5f4f,#0a453a)}.cabinet-head .eyebrow{color:#9bcdbb}.cabinet-head h2{margin-top:2px;font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:-.03em;line-height:1}.cabinet-close{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff1a;color:#d6eee3}.cabinet-close:hover{background:#fff3}.cabinet-tabs{display:flex;gap:3px;padding:7px;border-bottom:1px solid #e9e3d6;background:#f6f2e9}.cabinet-tabs button{display:flex;flex:1;align-items:center;justify-content:center;gap:4px;height:31px;border:1px solid transparent;border-radius:9px;background:transparent;color:#7c8881;font-size:10px;font-weight:600}.cabinet-tabs button span{display:grid;place-items:center;min-width:17px;height:16px;border-radius:999px;background:#e8e3d7;color:#8b958f;font-size:8px}.cabinet-tabs button.is-active{border-color:#d6e6dd;background:#eef9f4;color:#0d6754}.cabinet-tabs button.is-active span{background:#d5eee3;color:#0d6754}.cabinet-search{display:flex;align-items:center;gap:6px;height:33px;margin:8px 10px 5px;padding:0 9px;border:1px solid #e2dccf;border-radius:10px;background:#f9f6ef;color:#94a098}.cabinet-search:focus-within{border-color:#a8cbbd;background:#fff}.cabinet-search input{width:100%;min-width:0;border:none;outline:none;background:transparent;font-size:10.5px}.cabinet-search button{display:grid;place-items:center;width:18px;height:18px;border:none;border-radius:50%;background:#e8e3d7;color:#75827b}.cabinet-categories{display:flex;gap:3px;overflow-x:auto;padding:2px 10px 6px;scrollbar-width:none}.cabinet-categories::-webkit-scrollbar{display:none}.cabinet-categories button{flex:none;padding:4px 7px;border:1px solid transparent;border-radius:999px;background:#f1eee5;color:#7d8982;font-size:8.5px;font-weight:600}.cabinet-categories button.is-active{border-color:#cce3d8;background:#e8f6ef;color:#0d6754}.cabinet-grid{flex:1;min-height:0;overflow-y:auto;padding:2px 9px 8px}.cabinet-grid--reagents{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:start}.cabinet-reagent{position:relative;display:flex;align-items:center;gap:5px;min-width:0;min-height:54px;padding:5px;border:1px solid transparent;border-radius:10px;background:#faf7ef;text-align:left;touch-action:none;user-select:none;transition:background .14s ease,border-color .14s ease,transform .14s ease}.cabinet-reagent:hover{border-color:#d8e4dc;background:#fffdf8;transform:translateY(-1px)}.cabinet-reagent.is-selected{border-color:#9fcab7;background:#edf9f3;box-shadow:0 0 0 2px #0d675414}.cabinet-reagent-art{display:grid;place-items:center;width:37px;height:43px;flex:none;border-radius:8px;background:#f0ede3}.cabinet-reagent-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}.cabinet-reagent-copy strong{overflow:hidden;color:#35463e;font-size:9.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.cabinet-reagent-copy small{overflow:hidden;margin-top:1px;color:#8a958f;font-family:var(--mono);font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.cabinet-reagent-copy em{margin-top:1px;color:#9ca69f;font-size:7px;font-style:normal}.cabinet-risk{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#f7e6cf;color:#a56c22}.cabinet-risk--toxic,.cabinet-risk--water-reactive{background:#f8dede;color:#b44336}.cabinet-risk--oxidizer{background:#f5e9cd;color:#9a6a1c}.cabinet-empty{grid-column:1 / -1;padding:22px 8px;color:#98a29c;font-size:10px;text-align:center}.cabinet-grid--apparatus{display:grid;grid-template-columns:1fr;gap:5px;align-content:start}.cabinet-apparatus{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e7e1d4;border-radius:10px;background:#fbf8f1;text-align:left;touch-action:none;user-select:none}.cabinet-apparatus:hover{border-color:#bddacd;background:#f1faf5}.cabinet-apparatus-icon{position:relative;display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#e8f4ee;color:#26765f}.cabinet-apparatus-icon svg:last-child{position:absolute;right:1px;bottom:1px;color:#8ca89b}.cabinet-apparatus>span:last-child{display:flex;flex-direction:column;line-height:1.3}.cabinet-apparatus strong{font-size:10px;font-weight:600}.cabinet-apparatus small{color:#96a19a;font-size:8px}.cabinet-foot{display:flex;justify-content:space-between;gap:6px;padding:7px 10px;border-top:1px solid #eae4d8;background:#f7f3ea;color:#99a39d;font-size:7.5px}.cabinet-foot span{display:flex;align-items:center;gap:3px}.cabinet-scrim{display:none}.lab-room{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d6cebd;border-radius:22px;background:radial-gradient(circle at 75% 0%,rgba(255,250,220,.72),transparent 34%),linear-gradient(180deg,#e7eee6,#f1ede1 53%,#e4d5c1 53.1%,#e9ddcb);box-shadow:0 12px 35px #343d321a}.lab-wall{position:absolute;inset:0 0 auto;height:39%;overflow:hidden;pointer-events:none;background:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(180deg,#e6efe6,#dce8df);background-size:36px 36px,36px 36px,auto}.lab-wall:after{content:"";position:absolute;inset:auto 0 0;height:28px;background:linear-gradient(180deg,#7a8f8014,#7a8f802e)}.wall-shelf{position:absolute;left:18px;display:flex;align-items:flex-end;gap:5px;height:30px;padding:0 9px;border-radius:4px;background:linear-gradient(180deg,#b99772,#8d6e4e);box-shadow:0 4px 7px #55422d26}.wall-shelf--one{top:30px}.wall-shelf--two{top:76px;left:42px}.wall-shelf span{display:grid;place-items:end center;width:24px;height:25px;padding-bottom:2px;border:1px solid rgba(90,108,98,.25);border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,#f8f5e9,#dfe9dd);color:#61776b;font-family:var(--mono);font-size:6px}.wall-shelf span:nth-child(2n){height:21px;background:linear-gradient(180deg,#f2e9d8,#d6e5d8)}.safety-poster{position:absolute;top:28px;right:300px;width:70px;height:86px;padding:5px;border:1px solid rgba(85,119,103,.25);border-radius:4px;background:#f8f7ed;box-shadow:0 4px 10px #4c5e4e1a}.safety-poster svg{width:100%;height:100%}.wall-window{position:absolute;top:28px;right:120px;width:155px;height:92px;border:8px solid #e9e3d4;border-radius:7px;background:linear-gradient(180deg,#d4ecf5,#eaf7f3 60%,#d9e7d3 60%,#c8ddc2);box-shadow:inset 0 0 22px #ffffffb3,0 6px 16px #485b4a1a}.wall-window:before,.wall-window:after{content:"";position:absolute;background:#e9e3d4}.wall-window:before{top:0;bottom:0;left:50%;width:5px;transform:translate(-50%)}.wall-window:after{left:0;right:0;top:50%;height:5px}.bench-header{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:16px 20px 10px}.bench-heading{min-width:0}.bench-badge{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid rgba(16,87,71,.2);border-radius:5px;background:#fffdf699;color:#2f6757;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.bench-heading h1{margin:4px 0 1px;color:#183b30;font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-.045em;line-height:1}.bench-heading p{color:#738079;font-size:10px}.bench-head-tools{display:flex;align-items:center;gap:6px;flex:none}.cabinet-reopen,.bench-help-button{display:inline-flex;align-items:center;gap:5px;height:31px;padding:0 10px;border:1px solid #d5d0c1;border-radius:9px;background:#fffdf8cc;color:#607069;font-size:9.5px;font-weight:600;backdrop-filter:blur(6px)}.cabinet-reopen:hover,.bench-help-button:hover{border-color:#b9d2c6;background:#f3faf6;color:#176b58}.bench-canvas{position:relative;z-index:2;flex:1;min-height:440px;margin:0 16px;overflow:hidden;border:1px solid rgba(147,114,78,.3);border-radius:20px 20px 8px 8px;background:radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.7),transparent 48%),linear-gradient(180deg,#f6f1e5,#eee6d7 76%,#e5d8c4);box-shadow:inset 0 2px #fffc,inset 0 -18px 30px #8d6d4817,0 12px 24px #4840311f;touch-action:none}.bench-canvas:before{content:"";position:absolute;inset:0;opacity:.48;background-image:linear-gradient(90deg,rgba(133,116,89,.055) 1px,transparent 1px),linear-gradient(rgba(133,116,89,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,black,transparent 85%);pointer-events:none}.bench-top{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 22%),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.45),transparent 58%);pointer-events:none}.bench-edge{position:absolute;inset:auto 0 0;height:28px;border-top:1px solid #b7926b;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 30%),linear-gradient(90deg,#bd956c,#cda37a 45%,#b48b64);box-shadow:inset 0 6px 10px #5f3c1d14;pointer-events:none}.bench-note{position:absolute;top:9px;left:12px;display:flex;align-items:center;gap:4px;color:#a19179;font-size:8px;font-weight:600;letter-spacing:.06em;pointer-events:none}.bench-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#948b7b;pointer-events:none}.bench-empty-state strong{color:#756b5e;font-family:var(--serif);font-size:19px}.bench-empty-state span{font-size:10px}.apparatus-object{position:absolute;transform-origin:50% 100%;touch-action:none;cursor:grab;user-select:none;filter:drop-shadow(0 12px 8px rgba(75,66,52,.13));transition:filter .15s ease,opacity .15s ease}.apparatus-object:active{cursor:grabbing}.apparatus-object.is-dragging{opacity:.9;filter:drop-shadow(0 18px 14px rgba(75,66,52,.18))}.apparatus-object.is-drop-target{filter:drop-shadow(0 0 12px rgba(20,150,116,.7))}.apparatus-object.is-selected{filter:drop-shadow(0 12px 9px rgba(75,66,52,.16)) drop-shadow(0 0 7px rgba(18,147,114,.34))}.apparatus-object.is-broken .apparatus-svg{filter:grayscale(.45) brightness(.92)}.apparatus-svg{position:relative;z-index:2;display:block;width:100%;height:100%;overflow:visible}.object-ground-shadow,.bottle-ground-shadow{position:absolute;z-index:0;left:12%;right:12%;bottom:-3px;height:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(82,69,49,.22),transparent 70%);filter:blur(2px)}.bottle-ground-shadow{left:20%;right:20%;bottom:1px;height:9px}.object-label{position:absolute;left:50%;bottom:-34px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 6px;border:1px solid rgba(217,209,194,.7);border-radius:6px;background:#fffdf8d6;color:#52635a;line-height:1.25;white-space:nowrap;transform:translate(-50%);pointer-events:none;backdrop-filter:blur(4px)}.object-label strong{font-size:8.5px;font-weight:650}.object-label span{color:#8f9a93;font-family:var(--mono);font-size:7px}.object-label .badge{min-height:14px;padding:0 4px;font-size:6.5px}.rotate-handle{position:absolute;top:-24px;left:50%;z-index:8;display:flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid #b8d4c7;border-radius:999px;background:#f8fffb;color:#16715b;font-size:7.5px;font-weight:650;box-shadow:0 3px 9px #234c3b2e;transform:translate(-50%);cursor:grab;touch-action:none}.rotate-handle:hover{background:#e8f8f1}.rotate-handle:active{cursor:grabbing}.rotate-handle--bottle{top:-21px;padding:3px}.selection-ring{position:absolute;left:12%;right:12%;bottom:-6px;z-index:1;height:14px;border:1.5px dashed rgba(13,112,87,.45);border-radius:50%;pointer-events:none}.scene-burner{position:absolute;bottom:-9px;left:50%;z-index:1;width:46px;height:64px;transform:translate(-50%);pointer-events:none}.scene-burner-base{position:absolute;bottom:0;left:50%;width:30px;height:9px;border-radius:50% 50% 4px 4px;background:linear-gradient(180deg,#696e66,#2f332e);transform:translate(-50%);box-shadow:0 2px 4px #0000003b}.scene-burner-base:after{content:"";position:absolute;left:50%;bottom:6px;width:5px;height:14px;border-radius:3px;background:#4a4f48;transform:translate(-50%)}.scene-burner-flame{position:absolute;bottom:17px;left:50%;width:26px;height:40px;border-radius:50% 50% 44% 44%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 76%,#fff7c2 0 15%,#ffd35c 34%,#f29a32 64%,rgba(226,89,35,.8) 85%,transparent 100%);filter:blur(.4px) drop-shadow(0 0 8px rgba(243,160,55,.55));transform:translate(-50%);transform-origin:bottom center;animation:burnerFlicker .62s ease-in-out infinite alternate}.scene-burner-flame--inner{width:12px;height:24px;bottom:18px;background:linear-gradient(180deg,#9edcff,#f7fbff 45%,#ffef9d);opacity:.8;animation-duration:.42s}.bottle-object{position:absolute;width:76px;transform-origin:50% 100%;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 8px 6px rgba(68,56,39,.14))}.bottle-object.is-dragging{opacity:.9}.bottle-object .reagent-icon{position:relative;z-index:2;display:block;margin:0 auto}.bottle-label{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1px;margin:2px auto 0;padding:2px 5px;border:1px solid #e1dbcd;border-radius:5px;background:#fffdf8e0;line-height:1.15;white-space:nowrap;pointer-events:none}.bottle-label strong{color:#4d5e55;font-size:7.5px;font-weight:650}.bottle-label span{color:#98a29c;font-family:var(--mono);font-size:6.5px}.risk-tag{display:inline-flex;align-items:center;gap:2px;margin-top:1px;color:#a26822;font-size:6px;font-style:normal}.risk-tag--toxic,.risk-tag--water-reactive{color:#ac4235}.bottle-object.is-selected{filter:drop-shadow(0 8px 6px rgba(68,56,39,.14)) drop-shadow(0 0 6px rgba(18,147,114,.4))}.drag-ghost{position:fixed;z-index:500;display:flex;align-items:center;gap:7px;max-width:250px;padding:6px 9px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#0a463af0;color:#f1fbf6;font-size:10px;box-shadow:0 10px 24px #132c2240;pointer-events:none;transform:translate(8px,8px);backdrop-filter:blur(8px)}.drag-ghost em{display:block;padding-left:6px;border-left:1px solid rgba(255,255,255,.2);color:#a8d9c7;font-size:7.5px;font-style:normal}.guide-card{position:absolute;top:14px;left:14px;z-index:45;width:270px;padding:12px;border:1px solid #d8e4da;border-radius:14px;background:radial-gradient(circle at 100% 0%,rgba(255,245,204,.7),transparent 45%),#fffdf6f2;box-shadow:0 12px 30px #28443629;backdrop-filter:blur(8px);animation:guideIn .3s ease both}.guide-close{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:20px;height:20px;border:none;border-radius:6px;background:#f0ede3;color:#86928b}.guide-card h3{margin:2px 0 7px;font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:-.03em}.guide-card ol{display:flex;flex-direction:column;gap:6px;list-style:none}.guide-card li{display:flex;align-items:flex-start;gap:6px;color:#68776f;font-size:9px;line-height:1.5}.guide-card li span{display:grid;place-items:center;width:16px;height:16px;flex:none;margin-top:1px;border-radius:50%;background:#e1f2e9;color:#15725d;font-family:var(--mono);font-size:7px;font-weight:700}.guide-ok{width:100%;height:29px;margin-top:9px;border:none;border-radius:8px;background:#0d6653;color:#f4fbf8;font-size:9.5px;font-weight:650}.hint-bar{position:relative;z-index:4;display:flex;align-items:center;gap:7px;min-height:36px;margin:8px 16px 0;padding:5px 11px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:radial-gradient(circle at 90% 0%,rgba(95,201,166,.22),transparent 30%),linear-gradient(100deg,#104f41,#0c3d33);color:#d1e9df;box-shadow:0 5px 14px #0e392e24}.hint-bar-icon{display:grid;place-items:center;width:21px;height:21px;flex:none;border-radius:7px;background:#ffffff1f;color:#f0cf89}.hint-bar p{flex:1;min-width:0;font-size:9px;line-height:1.45}.hint-clear{flex:none;padding:2px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff1a;color:#d7efe5;font-size:8px}.hint-drag-note{display:flex;align-items:center;gap:3px;flex:none;padding-left:8px;border-left:1px solid rgba(255,255,255,.15);color:#92bdac;font-size:7.5px}.tool-dock{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 16px 12px;padding:5px 7px;border:1px solid #dcd5c6;border-radius:15px;background:#fffdf8e6;box-shadow:0 7px 18px #39413214;backdrop-filter:blur(10px)}.tool-dock-main{display:flex;align-items:center;gap:3px}.dock-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:54px;height:44px;border:1px solid transparent;border-radius:9px;background:transparent;color:#64736b;font-size:7.5px;font-weight:600}.dock-tool:hover{background:#f2f5ef;color:#125f4e}.dock-tool.is-active{border-color:#0e5c4a;background:#0e5c4a;color:#f2fbf7;box-shadow:0 4px 10px #094b3b38}.dock-tool.is-danger{color:#a84d31}.dock-tool.is-danger.is-active{border-color:#a63f27;background:#a63f27;color:#fff8f4}.tool-dock-side{display:flex;align-items:center;gap:2px;padding-left:8px;border-left:1px solid #e8e2d5}.dock-util{display:grid;place-items:center;width:29px;height:29px;border:none;border-radius:8px;background:transparent;color:#7a8780}.dock-util:hover:not(:disabled){background:#eef3ee;color:#166450}.dock-util--danger:hover:not(:disabled){background:#f8e8e3;color:#a54432}.hud-inspector{position:absolute;right:13px;bottom:13px;z-index:50;width:318px;max-height:calc(100% - 26px);overflow-y:auto;padding:11px;border:1px solid #d8d2c3;border-radius:15px;background:#fffdf8f2;box-shadow:0 15px 36px #27352c30;backdrop-filter:blur(14px);animation:hudIn .22s ease both}.hud-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hud-head h2{margin:2px 0 1px;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.05}.hud-head>div>span{color:#8b968f;font-size:8.5px}.hud-close{display:grid;place-items:center;width:24px;height:24px;flex:none;border:none;border-radius:7px;background:#f1eee5;color:#7e8a83}.hud-close:hover{background:#e8e2d6}.hud-stats{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:4px;margin:8px 0 6px}.hud-stats>div{padding:5px 7px;border:1px solid #eae4d7;border-radius:7px;background:#faf8f2}.hud-stats span{display:flex;align-items:center;gap:3px;color:#8d9992;font-size:7px}.hud-stats strong{display:block;margin-top:1px;color:#24463b;font-family:var(--mono);font-size:12px;font-weight:600}.angle-control{padding:5px 7px;border:1px solid #eae4d7;border-radius:7px;background:#faf8f2}.angle-control-top{display:flex;align-items:center;justify-content:space-between;color:#7f8b84;font-size:7.5px}.angle-control-top span{display:flex;align-items:center;gap:3px}.angle-control-top strong{color:#376b59;font-family:var(--mono);font-size:8px}.angle-control input{width:100%;height:13px;margin:2px 0 1px;accent-color:#0d6653}.angle-control small{display:block;color:#a3aca6;font-size:6.5px}.hud-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:7px 0}.hud-action{display:flex;align-items:center;justify-content:center;gap:3px;min-height:27px;padding:3px 2px;border:1px solid #e7e1d4;border-radius:6px;background:#fffdf8;color:#607068;font-size:7.5px;font-weight:550}.hud-action:hover{border-color:#c5d9cf;background:#f2faf6;color:#0e6955}.hud-action.is-active{border-color:#eccb99;background:#fcf3e5;color:#a15d16}.hud-action.is-danger{color:#a44b34}.hud-contents{display:flex;flex-wrap:wrap;gap:3px;max-height:86px;overflow-y:auto}.hud-species{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid #e7e1d4;border-radius:5px;background:#faf8f2;color:#3d554a;font-family:var(--mono);font-size:7.5px}.hud-species:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--dot, #aebdb7)}.hud-species small{color:#9aa49e;font-family:var(--sans);font-size:6.5px}.hud-species--solid{border-color:#e7d7b9;background:#fcf6e8;color:#8f682b;font-family:var(--sans)}.hud-species--solid:before{display:none}.hud-species--gas{border-color:#d2e4eb;background:#f1f9fc;color:#3f6b7d;font-family:var(--sans)}.hud-species--gas:before{display:none}.hud-empty{color:#a2aba5;font-size:8px}.hud-reaction{margin-top:7px;padding:6px 7px;border-radius:6px;background:#f3f8f4}.hud-reaction>span{color:#93a099;font-size:6.5px;font-weight:650;letter-spacing:.08em}.hud-reaction strong{display:block;overflow-wrap:anywhere;margin-top:1px;color:#1a6753;font-family:var(--mono);font-size:7.5px;font-weight:550;line-height:1.45}.hud-reaction p{margin-top:2px;color:#7b8881;font-size:7px;line-height:1.45}.hud-tip{margin-top:7px;color:#9aa49e;font-size:7.5px;line-height:1.45}.hud-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:7px;padding-top:6px;border-top:1px solid #eee8dc}.hud-foot>span{color:#a3aca6;font-size:6.5px}.hud-remove{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border:none;border-radius:5px;background:transparent;color:#a5513d;font-size:7.5px}.hud-remove:hover{background:#faece7}.bottle-hero{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #eae4d7;border-radius:8px;background:#faf8f2}.bottle-hero p{color:#718078;font-size:8px;line-height:1.5}.bottle-settings{display:flex;flex-direction:column;gap:5px;margin:7px 0}.bottle-settings label{display:flex;flex-direction:column;gap:2px;padding:5px 7px;border:1px solid #e7e1d4;border-radius:7px;background:#faf8f2}.bottle-settings label>span{display:flex;justify-content:space-between;color:#75837b;font-size:8.5px}.bottle-settings em{color:#276b57;font-family:var(--mono);font-size:8.5px;font-style:normal}.bottle-settings input{width:100%;height:14px;accent-color:#0d6653}.hazard-note{display:flex;align-items:flex-start;gap:5px;margin:7px 0;padding:6px 7px;border:1px solid #efd9b6;border-radius:7px;background:#fdf6e9;color:#8d6121;font-size:7.5px;line-height:1.45}.hazard-note svg{flex:none;margin-top:1px}.hazard-note--toxic,.hazard-note--water-reactive{border-color:#efc9c2;background:#fdf0ee;color:#9e4034}.bottle-add{margin:7px 0}.bottle-add>span{display:flex;align-items:center;gap:4px;color:#85928b;font-size:7.5px}.bottle-add>div{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.bottle-add button{padding:4px 7px;border:1px solid #d5e5dc;border-radius:6px;background:#f0faf5;color:#146650;font-size:7.5px;font-weight:600}.bottle-add button:hover{border-color:#abd1c1;background:#e2f5ec}.lab-room.is-shaking{animation:roomShake .9s cubic-bezier(.36,.07,.19,.97) both}.incident-layer{position:absolute;inset:0;z-index:80;pointer-events:none}.incident-flash{position:fixed;inset:0;z-index:120;background:#fff;opacity:0;pointer-events:none;animation:incidentFlash .9s ease-out both}.incident-layer--toxic .incident-flash{background:#d9f4a4;animation-duration:1.4s}.incident-layer--fire .incident-flash{background:#ffd7a1;animation-duration:.6s}.incident-layer--explosion .incident-flash{animation-duration:1.4s}.incident-layer--explosion .incident-flash{background:#fff6d8}.incident-source{position:absolute;z-index:2;width:1px;height:1px;transform:translate(-50%,-100%)}.explosion-core{position:absolute;left:50%;bottom:10px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#fff 0 10%,#ffe79a 28%,#f79d3c 52%,rgba(200,63,20,.1) 73%,transparent 75%);transform:translate(-50%);animation:explosionCore 1.5s ease-out both;filter:blur(.5px)}.shockwave{position:absolute;left:50%;bottom:0;width:40px;height:40px;border:3px solid rgba(255,207,112,.8);border-radius:50%;transform:translate(-50%,50%);animation:shockwave 1.5s ease-out both}.shockwave--two{animation-delay:.12s;border-color:#ffffffa6}.flare-core{position:absolute;left:50%;bottom:20px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 24px 16px #fff,0 0 60px 40px #fff9c0e6,0 0 140px 80px #ffe1648c;transform:translate(-50%);animation:flarePulse 1.1s ease-out both}.scene-fire{position:absolute;left:50%;bottom:0;width:90px;height:140px;transform:translate(-50%)}.scene-fire span{position:absolute;bottom:0;left:50%;width:38px;height:86px;border-radius:50% 50% 44% 44%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 78%,#fff9cb 0 8%,#ffd35c 28%,#f28b27 62%,#c3330e26 88%);transform-origin:bottom center;animation:fireLick .72s ease-in-out infinite alternate;filter:drop-shadow(0 0 12px rgba(242,138,35,.7))}.scene-fire span:nth-child(2n){width:25px;height:115px;margin-left:-24px;animation-duration:.56s}.scene-fire span:nth-child(3n){width:28px;height:70px;margin-left:20px;animation-duration:.85s}.scene-fire span:nth-child(4n){width:16px;height:130px;margin-left:1px;opacity:.75}.scene-fire--explosion{bottom:8px;width:120px;height:125px}.scene-fire--explosion span{width:48px;height:96px;background:radial-gradient(circle at 50% 76%,#fff8bf 0 9%,#ffc94e 28%,#ef7a1f 60%,#ad280a1f 88%);animation-duration:.54s}.scene-fire--explosion span:nth-child(2){margin-left:-31px;height:120px}.scene-fire--explosion span:nth-child(3){margin-left:25px;height:80px}.toxic-cloud{position:absolute;left:50%;bottom:0;width:120px;height:90px;border-radius:50%;background:radial-gradient(circle at 40% 45%,rgba(208,235,99,.7),rgba(153,194,58,.18) 60%,transparent 72%);filter:blur(8px);transform:translate(-50%);animation:toxicSpread 2.4s ease-out infinite}.toxic-cloud--two{width:150px;height:120px;margin-left:-45px;animation-delay:.7s}.toxic-cloud--three{width:90px;height:80px;margin-left:52px;animation-delay:1.3s}.incident-spark{position:absolute;left:50%;bottom:35px;width:4px;height:4px;border-radius:50%;background:#ffd264;box-shadow:0 0 6px #ffb13b;animation:sparkFly 1s ease-out both}.incident-smoke{position:absolute;left:50%;bottom:0;width:140px;height:140px;transform:translate(-50%)}.incident-smoke span{position:absolute;bottom:0;left:50%;width:55px;height:55px;border-radius:50%;background:#56534a61;filter:blur(10px);animation:smokeRise 2.8s ease-out infinite}.incident-report{position:absolute;top:12px;left:50%;z-index:5;width:min(560px,calc(100% - 34px));padding:11px 12px;border:1px solid #e8b28f;border-radius:13px;background:radial-gradient(circle at 100% 0%,rgba(255,210,160,.4),transparent 40%),#fff8eef7;box-shadow:0 16px 40px #58251540;transform:translate(-50%);pointer-events:auto;animation:reportDrop .32s ease both;backdrop-filter:blur(10px)}.incident-report--toxic{border-color:#c8d78a;background:#f9fcebf7}.incident-report--explosion{border-color:#e39a75}.incident-report-head{display:flex;align-items:flex-start;gap:8px}.incident-report-icon{display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:9px;background:#f8dfc9;color:#b15422}.incident-report--toxic .incident-report-icon{background:#e9f2c9;color:#758b20}.incident-report h2{margin:1px 0;color:#65381f;font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.1}.incident-report--toxic h2{color:#44561a}.incident-report-head .eyebrow{color:#b4824d}.incident-score{display:inline-flex;align-items:center;gap:3px;flex:none;margin-left:auto;padding:3px 6px;border-radius:999px;background:#f8e3d4;color:#9d5226;font-family:var(--mono);font-size:7.5px}.incident-summary{margin-top:5px;color:#7e5d45;font-size:8.5px;line-height:1.5}.incident-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px;padding-top:6px;border-top:1px solid #efdfd0}.incident-cols strong{display:block;color:#9b785d;font-size:7px;letter-spacing:.08em}.incident-cols p{margin-top:2px;color:#7f6b5b;font-size:7.5px;line-height:1.45}.incident-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:8px}.incident-clean,.incident-continue,.incident-undo{display:inline-flex;align-items:center;gap:4px;height:27px;padding:0 9px;border-radius:7px;font-size:8px;font-weight:600}.incident-continue{border:none;background:#0d6653;color:#f4fbf8}.incident-continue:hover{background:#0a5243}.incident-clean{border:none;background:#a94924;color:#fff8f2}.incident-close{display:grid;place-items:center;width:22px;height:22px;margin-left:4px;border:none;border-radius:6px;background:#78553c1a;color:#8b6a4e}.incident-clean:hover{background:#8e3a1b}.incident-undo{border:1px solid #e2cdbb;background:#fffaf3;color:#8f6646}.hazard-overlay{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:18px;background:#19120e9e;backdrop-filter:blur(8px);animation:overlayFade .18s ease both}.hazard-guard{position:relative;width:min(620px,94vw);overflow:hidden;border:1px solid #e5b491;border-radius:18px;background:#fffaf3;box-shadow:0 28px 70px #26120a66;animation:panelRise .24s cubic-bezier(.2,.9,.25,1) both}.hazard-guard-stripe{height:7px;background:repeating-linear-gradient(135deg,#c5672b 0 12px,#f2c08b 12px 24px)}.hazard-guard--critical .hazard-guard-stripe{background:repeating-linear-gradient(135deg,#b33e2a 0 12px,#edb4a4 12px 24px)}.hazard-guard header{display:flex;align-items:flex-start;gap:10px;padding:15px 16px 10px}.hazard-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:#fae3cf;color:#a84922}.hazard-guard--critical .hazard-icon{background:#f8ddd7;color:#a53624}.hazard-guard h2{margin:1px 0 2px;color:#5f3321;font-family:var(--serif);font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.05}.hazard-guard header p:last-child{color:#8e6b55;font-size:9px;line-height:1.5}.hazard-guard header .hud-close{margin-left:auto}.hazard-body{display:flex;flex-direction:column;gap:8px;padding:0 16px 12px}.hazard-body>div{padding:8px 9px;border:1px solid #eee0d0;border-radius:9px;background:#fffcf7}.hazard-body strong{display:block;margin-bottom:2px;color:#7c5b41;font-size:8.5px}.hazard-body p{color:#7c6c5d;font-size:9px;line-height:1.55}.hazard-body .hazard-virtual{display:flex;align-items:flex-start;gap:7px;border-color:#d6e6db;background:#f2faf5;color:#4d7261}.hazard-virtual svg{flex:none;margin-top:1px;color:#1a7b61}.hazard-virtual p{color:#526f61;font-size:8.5px}.hazard-guard footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #eddfd0;background:#f8efe4}.hazard-score{display:flex;align-items:center;gap:4px;color:#a07a5b;font-size:7.5px}.hazard-guard footer>div{display:flex;gap:6px}.hazard-cancel,.hazard-confirm{height:33px;padding:0 12px;border-radius:8px;font-size:9px;font-weight:650}.hazard-cancel{border:1px solid #d8c6b4;background:#fffaf3;color:#7d5f47}.hazard-cancel:hover{background:#fff}.hazard-confirm{border:none;background:#a84626;color:#fff8f4}.hazard-confirm:hover{background:#8c371c}.cabinet-grid--tools{display:flex;flex-direction:column;gap:6px;align-content:start}.cabinet-tool-card{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e7e1d4;border-radius:10px;background:#fbf8f1;text-align:left;touch-action:none;user-select:none}.cabinet-tool-card:hover{border-color:#bddacd;background:#f1faf5}.cabinet-tool-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;line-height:1.3}.cabinet-tool-card strong{font-size:10px;font-weight:600}.cabinet-tool-card small{color:#96a19a;font-size:8px}.cabinet-tool-art{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px}.cabinet-tool-art--lamp{background:#fcf0d9;color:#bd7727}.cabinet-tool-art--match{background:#f9e6db;color:#bb5d34}.cabinet-tool-badge{padding:2px 5px;border-radius:999px;background:#e9f4ee;color:#23725d;font-size:6.5px;font-weight:650}.cabinet-tool-tip{margin-top:2px;padding:8px;border:1px dashed #ded7c8;border-radius:8px;color:#8e988f;font-size:8px;line-height:1.55;background:#faf7ef}.alcohol-lamp{position:absolute;width:54px;height:70px;transform:translate(-50%,-100%);transform-origin:50% 100%;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 7px 5px rgba(69,56,37,.13))}.alcohol-lamp.is-dragging{opacity:.9;cursor:grabbing}.alcohol-lamp:hover .lamp-remove{opacity:1}.lamp-svg{position:relative;z-index:1;display:block;width:100%;height:100%}.lamp-label{position:absolute;left:50%;bottom:-16px;z-index:3;display:flex;align-items:center;gap:2px;padding:1px 4px;border:1px solid #e6dfd1;border-radius:4px;background:#fffdf8e0;color:#7c7568;font-size:6px;white-space:nowrap;transform:translate(-50%);pointer-events:none}.alcohol-lamp.is-lit .lamp-label{border-color:#efc58e;background:#fff5e4;color:#a8641c}.lamp-remove{position:absolute;top:-2px;right:-5px;z-index:5;display:grid;place-items:center;width:18px;height:18px;border:1px solid #e4d8c7;border-radius:50%;background:#fffaf2;color:#a16a3a;opacity:0;transition:opacity .15s ease}.lamp-remove:hover{background:#faeae2;color:#ab3e2c}.lamp-flame{position:absolute;left:50%;bottom:45px;z-index:2;width:18px;height:27px;transform:translate(-50%);pointer-events:none}.lamp-flame-outer{position:absolute;inset:0;border-radius:50% 50% 44% 44%/68% 68% 32% 32%;background:radial-gradient(circle at 50% 76%,#fffbd0 0 16%,#ffd65c 35%,#f39a2f 66%,#d762191a 88%);filter:drop-shadow(0 0 7px rgba(245,165,53,.65));transform-origin:bottom center;animation:lampFlicker .62s ease-in-out infinite alternate}.lamp-flame-inner{position:absolute;left:50%;bottom:2px;width:7px;height:15px;margin-left:-3.5px;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,#c6ecff,#fffce8 65%,#ffeaa0);opacity:.9;transform-origin:bottom center;animation:lampFlicker .43s ease-in-out infinite alternate}.lamp-match-spark{position:absolute;left:50%;bottom:3px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#fff5bd;box-shadow:0 0 10px 5px #ffd66b;animation:matchStrike .5s ease-out both}.lamp-status{position:absolute;top:11px;right:13px;z-index:46;display:flex;align-items:center;gap:5px;padding:4px 6px 4px 8px;border:1px solid #efd3a9;border-radius:999px;background:#fff8ebf2;color:#a5651f;font-size:7.5px;box-shadow:0 4px 12px #6b481f21;backdrop-filter:blur(6px)}.lamp-status button{padding:2px 6px;border:none;border-radius:999px;background:#f1d7b4;color:#8e4f14;font-size:7px;font-weight:650}.lamp-status button:hover{background:#e9c391}.heat-status{display:flex;align-items:flex-start;gap:5px;margin-top:6px;padding:5px 6px;border:1px solid #efd3ae;border-radius:6px;background:#fdf4e6;color:#936427;font-size:7px;line-height:1.45}.heat-status svg{flex:none;margin-top:1px}.heating-stand{position:absolute;width:112px;height:76px;transform:translate(-50%,-100%);pointer-events:none}.stand-gauze{position:absolute;top:0;left:50%;width:98px;height:7px;border:1px solid #8d928c;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(74,82,77,.5) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(74,82,77,.35) 0 1px,transparent 1px 4px),#cfd4ce;transform:translate(-50%);box-shadow:0 2px 3px #393e3733}.stand-ring{position:absolute;top:7px;left:50%;width:62px;height:10px;border:2px solid #737b75;border-top:none;border-radius:0 0 50% 50%;transform:translate(-50%);opacity:.7}.stand-leg{position:absolute;top:7px;width:3px;height:66px;border-radius:2px;background:linear-gradient(90deg,#747b75,#4c534e);transform-origin:top center}.stand-leg--left{left:9px;transform:rotate(7deg)}.stand-leg--right{right:9px;transform:rotate(-7deg)}.stand-leg:after{content:"";position:absolute;bottom:-1px;left:-3px;width:9px;height:3px;border-radius:2px;background:#4c534e}@keyframes matchStrike{0%{opacity:0;transform:scale(.2)}18%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(.2) translateY(-8px)}}@keyframes lampFlicker{0%{transform:scale(.96,.94) rotate(-1.2deg);opacity:.92}to{transform:scale(1.03,1.06) rotate(1.2deg);opacity:1}}@keyframes guideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes hudIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes roomShake{0%,to{transform:translate(0)}10%{transform:translate(-5px,3px) rotate(-.35deg)}22%{transform:translate(6px,-4px) rotate(.35deg)}36%{transform:translate(-4px,-2px)}50%{transform:translate(4px,3px)}66%{transform:translate(-2px,1px)}82%{transform:translate(2px,-1px)}}@keyframes incidentFlash{0%{opacity:0}8%{opacity:.94}22%{opacity:.45}to{opacity:0}}@keyframes explosionCore{0%{opacity:0;transform:translate(-50%) scale(.3)}20%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(2.4)}}@keyframes shockwave{0%{opacity:.9;transform:translate(-50%,50%) scale(.4)}to{opacity:0;transform:translate(-50%,50%) scale(7)}}@keyframes flarePulse{0%{opacity:0;transform:translate(-50%) scale(.4)}12%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%) scale(1.7)}}@keyframes fireLick{0%{transform:translate(-50%) scale(.9) rotate(-2deg);opacity:.85}to{transform:translate(-50%) scale(1.08) rotate(2deg);opacity:1}}@keyframes toxicSpread{0%{opacity:0;transform:translate(-50%) scale(.35)}25%{opacity:.9}to{opacity:0;transform:translate(-50%) scale(2.1)}}@keyframes sparkFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.3)}}@keyframes smokeRise{0%{opacity:0;transform:translate(-50%,10px) scale(.5)}30%{opacity:.5}to{opacity:0;transform:translate(-50%,-100px) scale(1.9)}}@keyframes reportDrop{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1180px){.cabinet-shell{width:280px}.game-topbar{gap:12px}.nav-button{padding-inline:8px;font-size:10.5px}.bench-heading h1{font-size:30px}.hud-inspector{width:290px}.dock-tool{width:48px}}@media(max-width:980px){.app{height:auto;min-height:100vh;overflow:visible}.game-topbar{flex-wrap:wrap;height:auto;min-height:60px;padding:8px 12px;gap:8px}.game-topbar .topnav{order:3;width:100%;overflow-x:auto;border-radius:10px;scrollbar-width:none}.game-topbar .topnav::-webkit-scrollbar{display:none}.game-topbar .nav-button{flex:1;justify-content:center;padding:6px;font-size:9.5px}.game-topbar .nav-button svg{display:none}.safety-toggle span{display:none}.lab-stage{display:block;height:auto;min-height:calc(100vh - 108px);padding:8px}.cabinet-shell{position:fixed;top:0;left:0;z-index:130;width:min(86vw,330px);height:100vh;padding:8px;background:#1e241e38;transform:translate(-105%);transition:transform .22s ease}.cabinet-shell.is-open{transform:translate(0)}.supply-cabinet{height:100%;box-shadow:0 20px 50px #101c1659}.cabinet-scrim{position:fixed;inset:0;z-index:120;display:block;border:none;background:#111a1559;backdrop-filter:blur(2px)}.lab-room{min-height:calc(100vh - 124px);border-radius:18px}.bench-header{padding:13px 13px 9px}.bench-heading h1{font-size:28px}.bench-heading p{max-width:270px;font-size:9px}.bench-canvas{min-height:470px;margin:0 9px}.hint-bar{margin:7px 9px 0}.tool-dock{margin:7px 9px 10px;overflow-x:auto;justify-content:flex-start}.tool-dock-main{flex:none}.hud-inspector{position:fixed;right:10px;bottom:10px;z-index:150;width:min(360px,calc(100vw - 20px));max-height:64vh}.guide-card{width:245px}.hint-drag-note{display:none}}@media(max-width:640px){.game-topbar{padding:7px 9px}.game-topbar .brand-mark{width:35px;height:35px}.game-topbar .brand-copy strong{font-size:17px}.game-topbar .brand-copy small{font-size:8px}.safety-toggle{height:29px;padding:0 6px;font-size:8.5px}.safety-toggle em{min-width:20px;height:18px;font-size:8px}.game-topbar .icon-button{width:30px;height:30px}.bench-header{align-items:flex-start;gap:4px;padding:11px 10px 8px}.bench-heading h1{font-size:24px}.bench-heading p{display:none}.bench-head-tools{gap:4px}.cabinet-reopen,.bench-help-button{height:28px;padding:0 7px;font-size:8px}.bench-canvas{min-height:430px;margin:0 6px;border-radius:14px 14px 6px 6px}.wall-window,.safety-poster{display:none}.bench-canvas .apparatus-object{max-width:30vw}.bench-canvas .apparatus-object--tube,.bench-canvas .apparatus-object--cylinder{max-width:17vw}.bench-canvas .bottle-object{max-width:19vw}.object-label{bottom:-27px;padding:1px 4px}.object-label strong{font-size:7px}.object-label span{font-size:6px}.rotate-handle span{display:none}.rotate-handle{top:-20px;padding:3px}.hint-bar{min-height:33px;margin:6px 6px 0;padding:4px 8px}.hint-bar p{font-size:8px}.tool-dock{margin:6px 6px 8px;padding:4px;gap:4px;border-radius:12px}.dock-tool{width:39px;height:40px;font-size:6.5px}.dock-tool svg{width:16px;height:16px}.tool-dock-side{gap:0;padding-left:5px}.dock-util{width:23px;height:23px}.guide-card{top:9px;left:9px;width:225px;padding:10px}.guide-card h3{font-size:18px}.guide-card li{font-size:8px}.incident-report{top:8px;width:calc(100% - 18px);padding:9px}.incident-cols{grid-template-columns:1fr;gap:4px}.incident-score{font-size:6.5px}.hazard-overlay{padding:8px}.hazard-guard{max-height:94vh;overflow-y:auto}.hazard-guard header{padding:12px 12px 8px}.hazard-guard h2{font-size:20px}.hazard-body{padding:0 12px 10px}.hazard-guard footer{flex-direction:column;align-items:stretch;padding:9px 12px}.hazard-score{justify-content:center}.hazard-guard footer>div{justify-content:stretch}.hazard-cancel,.hazard-confirm{flex:1}.hud-inspector{right:6px;bottom:6px;width:calc(100vw - 12px);max-height:60vh}.hud-stats strong{font-size:11px}}@media(prefers-reduced-motion:reduce){.lab-room.is-shaking,.scene-fire span,.scene-burner-flame,.incident-spark,.incident-smoke span,.toxic-cloud{animation:none!important}}.bench-world{position:absolute;inset:0;transform-origin:50% 100%;transition:transform .18s ease}.zoom-controls{position:absolute;left:13px;bottom:13px;z-index:46;display:flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid #d9d2c3;border-radius:999px;background:#fffdf8f0;box-shadow:0 4px 12px #373f321f;backdrop-filter:blur(8px)}.zoom-controls button{display:grid;place-items:center;width:24px;height:24px;border:none;border-radius:7px;background:transparent;color:#64736b}.zoom-controls button:hover{background:#eaf5ef;color:#116650}.zoom-controls span{min-width:37px;color:#4e6258;font-family:var(--mono);font-size:10px;text-align:center}.support-object{position:absolute;transform:translate(-50%,-100%);cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 7px 5px rgba(67,56,41,.12))}.support-object.is-dragging{opacity:.88;cursor:grabbing}.support-object svg{display:block;width:100%;height:100%;overflow:visible}.support-remove{position:absolute;top:-3px;right:-5px;z-index:5;display:grid;place-items:center;width:18px;height:18px;border:1px solid #e4d8c7;border-radius:50%;background:#fffaf2;color:#a16a3a;opacity:0}.support-object:hover .support-remove{opacity:1}.cabinet-tool-art--stand{background:#edf0ea;color:#59645c}.cabinet-tool-art--clamp{background:#f0eee5;color:#7b6a53}.cabinet-tool-art--stopper{background:#e9f0ef;color:#4f7067}.full-log-list{display:flex;flex-direction:column;gap:8px}.full-log-card{padding:10px 12px;border:1px solid #e5ded0;border-radius:11px;background:#fffdf8}.full-log-card--system{border-color:#e6d7c6;background:#fffaf3}.full-log-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.full-log-vessel{color:#94a099;font-size:9px;font-weight:650}.full-log-head h3{margin-top:1px;color:#2c453a;font-size:12.5px}.full-log-head time{flex:none;color:#9aa49e;font-family:var(--mono);font-size:9px}.full-log-equation{display:flex;align-items:baseline;gap:7px;margin-top:6px;padding:6px 8px;border-radius:7px;background:#f2f7f3}.full-log-equation--ionic{margin-top:3px;background:#eef6f8}.full-log-equation em{flex:none;padding:1px 5px;border-radius:4px;background:#dcece3;color:#2f6e5a;font-size:8px;font-style:normal;font-weight:700}.full-log-equation--ionic em{background:#dcebf0;color:#35687a}.full-log-equation code{color:#1c604d;font-family:var(--mono);font-size:10px;line-height:1.55;word-break:break-word}.full-log-card p{margin-top:5px;color:#7b8780;font-size:10px;line-height:1.55}.equation-row{display:flex;align-items:baseline;gap:6px;margin-top:3px}.equation-row em{flex:none;padding:1px 4px;border-radius:3px;background:#dcece3;color:#2c6d58;font-size:7px;font-style:normal;font-weight:700}.equation-row strong{color:#1b5f4d;font-family:var(--mono);font-size:9px;font-weight:550;line-height:1.45;word-break:break-word}.equation-row--ionic em{background:#dcebf0;color:#35687a}.equation-row--ionic strong{color:#316476}.reaction-equation em{display:inline-block;margin-right:5px;padding:1px 4px;border-radius:3px;background:#dcece3;color:#2c6d58;font-family:var(--sans);font-size:8px;font-style:normal;font-weight:700}.reaction-equation--ionic{background:#eef6f8;color:#316476}.reaction-equation--ionic em{background:#dcebf0;color:#35687a}.eyebrow{font-size:10px}.badge{min-height:22px;padding:3px 8px;font-size:10.5px}.game-topbar .brand-copy strong{font-size:21px}.game-topbar .brand-copy small{font-size:10.5px}.nav-button{font-size:12.5px;padding:8px 11px}.safety-toggle{height:34px;font-size:11.5px}.safety-toggle em{min-width:27px;height:23px;font-size:10px}.cabinet-head h2{font-size:27px}.cabinet-tabs button{height:35px;font-size:12px}.cabinet-tabs button span{min-width:19px;height:18px;font-size:9px}.cabinet-search{height:36px}.cabinet-search input{font-size:12px}.cabinet-categories button{font-size:10.5px;padding:5px 8px}.cabinet-reagent{min-height:62px;padding:6px}.cabinet-reagent-art{width:42px;height:47px}.cabinet-reagent-copy strong{font-size:11.5px}.cabinet-reagent-copy small{font-size:9px}.cabinet-reagent-copy em{font-size:8.5px}.cabinet-apparatus strong,.cabinet-tool-card strong{font-size:12px}.cabinet-apparatus small,.cabinet-tool-card small{font-size:9.5px}.cabinet-tool-tip,.cabinet-foot{font-size:9px}.bench-badge{height:20px;font-size:8.5px}.bench-heading p{font-size:12px}.cabinet-reopen,.bench-help-button{height:34px;font-size:11px}.hint-bar{min-height:41px;padding:7px 12px}.hint-bar p{font-size:11.5px}.hint-clear{font-size:9.5px}.hint-drag-note{font-size:9px}.tool-dock{padding:6px 8px}.dock-tool{width:61px;height:50px;font-size:9.5px}.dock-util{width:31px;height:31px}.object-label{bottom:-37px;padding:3px 7px}.object-label strong{font-size:10.5px}.object-label span{font-size:8.5px}.object-label .badge{min-height:17px;font-size:8px}.bottle-label strong{font-size:9.5px}.bottle-label span{font-size:8px}.risk-tag{font-size:7.5px}.rotate-handle{top:-29px;font-size:9.5px;padding:4px 8px}.guide-card h3{font-size:25px}.guide-card li{font-size:11px}.guide-ok{height:34px;font-size:11px}.lamp-label{bottom:-19px;font-size:7.5px}.lamp-status{font-size:9.5px}.lamp-status button{font-size:8.5px}.hud-head h2{font-size:26px}.hud-head>div>span{font-size:10px}.hud-stats span{font-size:9px}.hud-stats strong{font-size:15px}.angle-control-top,.angle-control small{font-size:9px}.hud-action{min-height:32px;font-size:9.5px}.hud-species{font-size:9.5px;padding:4px 6px}.hud-species small{font-size:8px}.hud-reaction>span{font-size:8.5px}.hud-reaction p,.hud-tip{font-size:9.5px}.heat-status{font-size:9px}.hud-remove,.hud-foot>span{font-size:9px}.incident-report h2{font-size:21px}.incident-summary{font-size:10.5px}.incident-cols strong{font-size:8.5px}.incident-cols p{font-size:9.5px}.incident-clean,.incident-undo{height:31px;font-size:10px}.incident-score{font-size:9px}.hazard-guard h2{font-size:27px}.hazard-guard header p:last-child,.hazard-body p{font-size:11px}.hazard-body strong{font-size:10px}.hazard-score{font-size:9.5px}.hazard-cancel,.hazard-confirm{height:37px;font-size:11px}.overlay-subtitle{font-size:12px}.reaction-card h3{font-size:14px}.reaction-equation{font-size:11px}.reaction-conditions,.reaction-phenomena{font-size:10.5px}.reaction-safety{font-size:9.5px}.preset-list-copy strong{font-size:12px}.preset-list-copy small,.preset-description,.preset-columns h3,.preset-reagents h3{font-size:10px}.phenomena-list li,.steps-list li,.preset-principle strong{font-size:11px}.notebook-save-note,.notebook-note,.notebook-vessel>span{font-size:10px}.notebook-card h3{font-size:13.5px}.help-intro p,.help-steps p,.help-callout p,.model-grid p,.safety-list p{font-size:10.5px}.help-steps h4,.help-key-grid strong,.help-callout strong{font-size:11.5px}.help-key-grid span{font-size:9.5px}.field>span{font-size:10px}.field input,.field textarea,.field select,.term-row select,.log-entry-head strong{font-size:11.5px}.log-entry p,.log-equation{font-size:10px}.equation-row strong{font-size:10.5px}.equation-row em{font-size:8px}.hud-action{font-size:10.5px}.hud-species{font-size:10px}.full-log-equation code{font-size:11px}.dock-tool{width:64px;font-size:10.5px}@media(max-width:640px){.dock-tool{width:41px;font-size:8px}.equation-row strong{font-size:9.5px}.hud-action,.object-label strong{font-size:9px}.object-label span{font-size:7.5px}.hint-bar p{font-size:10px}}@media(min-width:641px){.nav-button{font-size:13px}.cabinet-tabs button{font-size:12.5px}.cabinet-search input{font-size:13px}.cabinet-categories button{font-size:11px;padding-inline:7px}.cabinet-reagent-copy strong{font-size:12.5px}.cabinet-reagent-copy small{font-size:9.5px}.cabinet-reagent-copy em{font-size:9px}.cabinet-apparatus strong,.cabinet-tool-card strong{font-size:13px}.cabinet-apparatus small,.cabinet-tool-card small{font-size:10px}.cabinet-tool-tip{font-size:9.5px}.bench-heading p,.hint-bar p{font-size:12.5px}.dock-tool{width:66px;font-size:11px}.object-label strong{font-size:11px}.object-label span{font-size:9px}.hud-head h2{font-size:28px}.hud-head>div>span{font-size:11px}.hud-stats span{font-size:9.5px}.hud-stats strong{font-size:16px}.hud-action{font-size:11px;min-height:34px}.hud-species{font-size:10.5px}.hud-species small{font-size:8.5px}.hud-reaction p,.hud-tip{font-size:10.5px}.equation-row strong{font-size:11.5px}.hud-inspector{width:338px}.full-log-equation code{font-size:11.5px}.full-log-head h3{font-size:13.5px}.full-log-card p{font-size:11px}.guide-card li{font-size:12px}.incident-summary{font-size:11px}.incident-cols p{font-size:10px}}@media(max-width:640px){.game-topbar .brand-copy strong{font-size:19px}.game-topbar .brand-copy small{font-size:9px}.game-topbar .nav-button{font-size:10.5px;padding:7px 5px}.safety-toggle{font-size:9.5px}.cabinet-reagent-copy strong{font-size:11px}.cabinet-reagent-copy small{font-size:8.5px}.bench-heading h1{font-size:27px}.bench-heading p{display:none}.hint-bar p{font-size:9.5px}.object-label strong{font-size:8.5px}.object-label span{font-size:7px}.dock-tool{width:39px;height:42px;font-size:7px}.dock-util{width:23px;height:23px}.hud-head h2{font-size:23px}.hud-stats strong{font-size:13px}.hud-action{font-size:8.5px}.guide-card h3{font-size:20px}.guide-card li{font-size:9.5px}.zoom-controls{left:6px;bottom:6px;transform:scale(.9);transform-origin:left bottom}}:root{color-scheme:dark;--bg: #080d0c;--bg-deep: #060a09;--panel: #121b18;--panel-soft: #0f1714;--panel-tint: #17231f;--ink: #e8f3ee;--muted: #9eb1a8;--muted-2: #7f948b;--line: #26352f;--line-strong: #344840;--green: #56e0b7;--green-deep: #1fae8a;--green-soft: #14342b;--green-bright: #6bf0c8;--amber: #e9ae5b;--amber-soft: #3a2b18;--rose: #e58aa9;--rose-soft: #382029;--blue: #79c5e8;--blue-soft: #172c35;--red: #f08a70;--shadow-lg: 0 26px 70px rgba(0, 0, 0, .55);--shadow-md: 0 14px 36px rgba(0, 0, 0, .38);--shadow-sm: 0 5px 16px rgba(0, 0, 0, .25)}body{color:var(--ink);background-color:#080d0c;background-image:radial-gradient(circle at 4% 2%,rgba(26,85,63,.22),transparent 30%),radial-gradient(circle at 96% 4%,rgba(111,78,34,.14),transparent 28%),linear-gradient(rgba(90,140,115,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(90,140,115,.035) 1px,transparent 1px);background-size:auto,auto,34px 34px,34px 34px}*{scrollbar-color:#35483f transparent}*::-webkit-scrollbar-thumb{background:#35483f}::selection{background:#1e6e59;color:#effbf6}.app{background:#080d0c}.game-topbar{border-bottom-color:#25342e;background:radial-gradient(circle at 9% 0%,rgba(38,116,88,.18),transparent 30%),#090f0df0;box-shadow:0 6px 24px #0000003d}.brand-mark{background:radial-gradient(circle at 28% 16%,rgba(93,235,194,.4),transparent 42%),linear-gradient(145deg,#0c5f4b,#062b23);box-shadow:0 7px 20px #00000059,inset 0 1px #ffffff29}.brand-copy strong{color:#e6f7ef}.brand-copy small{color:#87a298}.topnav{border-color:#283830;background:#101a16e6}.nav-button{color:#96aaa0}.nav-button:hover{background:#1a2924;color:#d8eee5}.nav-button.is-active{background:#1a3b31;color:#71edc4;box-shadow:inset 0 0 0 1px #5edfb82e,0 3px 10px #00000040}.icon-button{border-color:#2a3b33;background:#101a17;color:#9fb3a9}.icon-button:hover:not(:disabled){border-color:#3a5b4e;background:#162620;color:#6fe8c2}.icon-button--ghost{border-color:transparent;background:transparent}.safety-toggle{border-color:#2b4b3f;background:#10251f;color:#7ce5c0}.safety-toggle em{background:#173d31;color:#83edc8}.safety-toggle.is-off{border-color:#5a342c;background:#2a1815;color:#f3a38d}.safety-toggle.is-off em{background:#3d211b;color:#f3a38d}.supply-cabinet{border-color:#2a3933;background:#0f1714;box-shadow:0 12px 32px #0000005c}.cabinet-head{background:radial-gradient(circle at 10% 0%,rgba(70,190,148,.2),transparent 42%),linear-gradient(135deg,#0a3f33,#08251f)}.cabinet-head .eyebrow{color:#78a996}.cabinet-close{border-color:#2b4a3e;background:#ffffff0d;color:#b9d9cc}.cabinet-tabs{border-bottom-color:#25342e;background:#0c1411}.cabinet-tabs button{color:#8fa59b}.cabinet-tabs button span{background:#1a2923;color:#8da69a}.cabinet-tabs button.is-active{border-color:#2a5545;background:#153a2e;color:#75ecc4}.cabinet-tabs button.is-active span{background:#1b4a3a;color:#8df1cd}.cabinet-search{border-color:#27362f;background:#0e1814;color:#78958a}.cabinet-search:focus-within{border-color:#39715b;background:#111f1a}.cabinet-search input{color:#e2f0ea}.cabinet-search input::placeholder{color:#698177}.cabinet-search button{background:#23332c;color:#a2b5ab}.cabinet-categories button{background:#16231e;color:#8da299}.cabinet-categories button.is-active{border-color:#2d5f4c;background:#153b2e;color:#72eac1}.cabinet-reagent{background:#121c18}.cabinet-reagent:hover{border-color:#2e4a3e;background:#172620}.cabinet-reagent.is-selected{border-color:#3e8e70;background:#14392d;box-shadow:0 0 0 2px #54e1b414}.cabinet-reagent-art{background:#1a2721}.cabinet-reagent-copy strong{color:#dcece5}.cabinet-reagent-copy small{color:#8fa69b}.cabinet-reagent-copy em{color:#708a7e}.cabinet-risk{background:#3b2c18;color:#e6a95b}.cabinet-risk--toxic,.cabinet-risk--water-reactive{background:#3c201d;color:#ef9d89}.cabinet-apparatus,.cabinet-tool-card{border-color:#26362f;background:#121b18}.cabinet-apparatus:hover,.cabinet-tool-card:hover{border-color:#35634f;background:#152a22}.cabinet-apparatus-icon,.cabinet-tool-art{background:#182b24;color:#62cfa9}.cabinet-apparatus strong,.cabinet-tool-card strong{color:#d9ebe4}.cabinet-apparatus small,.cabinet-tool-card small{color:#849b90}.cabinet-tool-badge{background:#18352b;color:#72ddb9}.cabinet-tool-tip{border-color:#2d3d35;background:#0e1714;color:#82988d}.cabinet-tool-art--lamp{background:#362817;color:#e7a64c}.cabinet-tool-art--match{background:#35201a;color:#ef9c78}.cabinet-tool-art--stand{background:#232c27;color:#aebbb3}.cabinet-tool-art--clamp{background:#2c281e;color:#c6ae80}.cabinet-tool-art--stopper{background:#1b2b27;color:#85b7a5}.cabinet-foot{border-top-color:#24332d;background:#0b1411;color:#70877b}.cabinet-empty{color:#7b8f85}.lab-room{border-color:#2b3a33;background:radial-gradient(circle at 76% 0%,rgba(172,126,44,.11),transparent 35%),linear-gradient(180deg,#13201b,#101915 53%,#241910 53.1%,#17100c);box-shadow:0 14px 40px #0006}.lab-wall{background:linear-gradient(rgba(126,171,149,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(126,171,149,.045) 1px,transparent 1px),linear-gradient(180deg,#13251f,#0e1b17);background-size:36px 36px,36px 36px,auto}.lab-wall:after{background:linear-gradient(180deg,#0000000d,#00000059)}.safety-poster{border-color:#345344;background:#18251f;box-shadow:0 5px 14px #00000040}.safety-poster path{stroke:#5f9982}.safety-poster path[fill="#e9f4ee"]{fill:#1a2f28}.safety-poster path[fill="#cfeadf"]{fill:#224239}.safety-poster text{fill:#85a99a}.wall-window{border-color:#2c3b33;background:linear-gradient(180deg,#17343b,#142921 62%,#11221a 63%,#0d1a15);box-shadow:inset 0 0 30px #31869a2e,0 6px 18px #00000040}.wall-window:before,.wall-window:after{background:#2c3b33}.bench-heading h1{color:#e8f5ef}.bench-heading p{color:#91a79c}.bench-badge{border-color:#335f4e;background:#0e261ea6;color:#82c8ae}.cabinet-reopen,.bench-help-button{border-color:#2d4037;background:#0f1915e0;color:#a3b9ae}.cabinet-reopen:hover,.bench-help-button:hover{border-color:#3f6d59;background:#152a22;color:#6fe7c0}.bench-canvas{border-color:#4a3625;background:radial-gradient(ellipse at 50% -10%,rgba(120,161,140,.08),transparent 45%),linear-gradient(180deg,#1a2420,#151f1a 76%,#19140f);box-shadow:inset 0 2px #ffffff0b,inset 0 -18px 30px #00000052,0 14px 28px #00000059}.bench-canvas:before{opacity:.32;background-image:linear-gradient(90deg,rgba(150,190,170,.07) 1px,transparent 1px),linear-gradient(rgba(150,190,170,.05) 1px,transparent 1px);background-size:46px 46px}.bench-top{background:linear-gradient(180deg,rgba(154,207,183,.06),transparent 24%),radial-gradient(ellipse at 50% 0%,rgba(132,177,158,.08),transparent 58%)}.bench-edge{border-top-color:#66452f;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 30%),linear-gradient(90deg,#432e20,#5b3f2b 45%,#38261a);box-shadow:inset 0 6px 12px #00000059}.bench-note{color:#7e8f84}.object-label,.bottle-label{border-color:#34483e;background:#0c1612e6;color:#b9cdc3;backdrop-filter:blur(5px)}.object-label strong,.bottle-label strong{color:#d4e7df}.object-label span,.bottle-label span{color:#8ea79b}.object-label .badge{border-color:#2d4a3d;background:#152b23;color:#8bd9bd}.rotate-handle{border-color:#356a56;background:#102820;color:#79e2be;box-shadow:0 4px 12px #00000059}.rotate-handle:hover{background:#173c2f}.selection-ring{border-color:#5de4b88c}.bottle-settings label{border-color:#2b3b33;background:#111c18}.bottle-settings label>span{color:#8da298}.bottle-settings em{color:#72ddb9}.bottle-settings input,.angle-control input{accent-color:#45d7ad}.scene-burner-base,.lamp-svg path[fill="#d9e5df"],.lamp-svg path[fill="#f6fbf8"]{filter:brightness(.86)}.lamp-label{border-color:#39473d;background:#0c1612e6;color:#9eb0a6}.alcohol-lamp.is-lit .lamp-label{border-color:#785a32;background:#2a2012;color:#e4b874}.lamp-remove,.support-remove{border-color:#3b4b42;background:#15221d;color:#c0a073}.heating-stand .stand-gauze{border-color:#65736b;background:repeating-linear-gradient(90deg,rgba(170,190,180,.25) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(170,190,180,.18) 0 1px,transparent 1px 4px),#293731}.heating-stand .stand-leg{background:linear-gradient(90deg,#6d7d75,#3f4d46)}.hint-bar{border-color:#60d2ab2e;background:radial-gradient(circle at 90% 0%,rgba(72,200,157,.15),transparent 30%),linear-gradient(100deg,#0b2b23,#071c17);color:#b7d8c9;box-shadow:0 5px 18px #0000003d}.hint-bar-icon{background:#60e0b51f;color:#ecc77d}.hint-clear{border-color:#82e0bf3d;background:#68dab21a;color:#a9dfca}.hint-drag-note{color:#6f9c8a}.tool-dock{border-color:#2b3b33;background:#0c1511e6;box-shadow:0 8px 22px #0000004d}.dock-tool{color:#9bb0a6}.dock-tool:hover{background:#17261f;color:#6fe8c1}.dock-tool.is-active{border-color:#2f8c6f;background:#145039;color:#effcf7;box-shadow:0 4px 12px #0000004d}.dock-tool.is-danger{color:#e89b79}.dock-tool.is-danger.is-active{border-color:#a5482d;background:#7f2f1d;color:#fff5ee}.tool-dock-side{border-left-color:#26362e}.dock-util{color:#8da297}.dock-util:hover:not(:disabled){background:#172a22;color:#6fe7c0}.zoom-controls{border-color:#2d3d35;background:#0c1612f0;box-shadow:0 5px 14px #0000004d}.zoom-controls button{color:#9bb0a6}.zoom-controls button:hover{background:#183127;color:#72e9c2}.zoom-controls span{color:#b2c7bc}.lamp-status{border-color:#6c5030;background:#2b1f11f0;color:#e3b778;box-shadow:0 5px 16px #0000004d}.lamp-status button{background:#5b3e24;color:#f0c588}.lamp-status button:hover{background:#704b2a}.guide-card{border-color:#344a3e;background:radial-gradient(circle at 100% 0%,rgba(168,126,50,.12),transparent 45%),#0d1713f5;box-shadow:0 14px 36px #00000061}.guide-card h3{color:#e4f4ed}.guide-card li{color:#a3b8ad}.guide-card li span{background:#19392e;color:#7ce7c2}.guide-close{background:#1a2822;color:#8fa49a}.guide-ok{background:#0f6b53;color:#f1fdf8}.apparatus-object{filter:drop-shadow(0 14px 10px rgba(0,0,0,.42))}.apparatus-svg>path[fill^="url(#glass-"]{fill:#aae4d013}.apparatus-svg>ellipse[fill="#f3faf8"]{fill:#beeedd29;stroke:#a4dac78c}.apparatus-svg>path[stroke="#92afaa"]{stroke:#a6dbc9b8}.apparatus-svg>path[stroke="#ffffff"]{stroke:#ebfff97a}.apparatus-object.is-selected{filter:drop-shadow(0 14px 10px rgba(0,0,0,.42)) drop-shadow(0 0 8px rgba(73,220,174,.4))}.apparatus-object.is-drop-target{filter:drop-shadow(0 0 14px rgba(73,226,177,.65))}.crack-lines{stroke:#d7e7df;opacity:.8}.hud-inspector{border-color:#2e4037;background:#0c1612f2;box-shadow:0 18px 46px #0000007a}.hud-head h2{color:#e8f6f0}.hud-head>div>span{color:#8ba196}.hud-close{background:#1a2923;color:#9aafa4}.hud-close:hover{background:#24372e}.hud-stats>div,.angle-control,.hud-reaction,.bottle-hero,.bottle-settings label{border-color:#293a32;background:#101b17}.hud-stats span,.angle-control-top,.angle-control small{color:#849b8f}.hud-stats strong{color:#d8f3e8}.angle-control-top strong{color:#77dfbe}.hud-action{border-color:#2b3b33;background:#111d18;color:#9eb3a8}.hud-action:hover{border-color:#3c6653;background:#172c24;color:#6fe8c1}.hud-action.is-active{border-color:#765a33;background:#2f2415;color:#ecc17b}.hud-species{border-color:#2b3c33;background:#111d18;color:#b6cbc1}.hud-species small{color:#80968b}.hud-species--solid{border-color:#5b4429;background:#2b2115;color:#e1b878}.hud-species--gas{border-color:#2f4d5a;background:#132630;color:#8bc9df}.hud-reaction>span{color:#81968b}.equation-row em{background:#173b2e;color:#7fe4c0}.equation-row strong{color:#9debd1}.equation-row--ionic em{background:#17313a;color:#88cde3}.equation-row--ionic strong{color:#91d4e8}.hud-reaction p,.hud-tip{color:#8da297}.heat-status{border-color:#654e2d;background:#2b2113;color:#e0b87c}.hud-foot{border-top-color:#26362e}.hud-remove,.hud-foot>span{color:#9eb2a7}.hud-remove{color:#e49b83}.hud-remove:hover{background:#2c1b17}.hazard-note{border-color:#614b2d;background:#2b2113;color:#e1b97e}.hazard-note--toxic,.hazard-note--water-reactive{border-color:#60352d;background:#2d1916;color:#efa28e}.bottle-add>span{color:#8da297}.bottle-add button{border-color:#2d5545;background:#122a22;color:#79e2be}.bottle-add button:hover{border-color:#427b62;background:#173b2e}.incident-report{border-color:#7c5337;background:radial-gradient(circle at 100% 0%,rgba(177,102,46,.16),transparent 42%),#1a1410f7;box-shadow:0 18px 48px #0000008c}.incident-report--toxic{border-color:#64743e;background:#14180ff7}.incident-report h2{color:#f0d4bd}.incident-report--toxic h2{color:#dce9b2}.incident-report-head .eyebrow{color:#b89368}.incident-report-icon{background:#3c2818;color:#f0ad6a}.incident-report--toxic .incident-report-icon{background:#2b3318;color:#c6dd77}.incident-score{background:#3b2718;color:#e8b075}.incident-summary{color:#c7ac95}.incident-cols{border-top-color:#49382b}.incident-cols strong{color:#b69476}.incident-cols p{color:#bba38f}.incident-clean{background:#7d3b22}.incident-continue{background:#14644f}.incident-close{background:#35261b;color:#caa987}.hazard-overlay{background:#040807b8}.hazard-guard{border-color:#6f4934;background:#15100d;box-shadow:0 30px 80px #0000009e}.hazard-guard header h2{color:#f0d6c2}.hazard-guard header p:last-child{color:#b49781}.hazard-icon{background:#3b2418;color:#f0a06a}.hazard-body>div{border-color:#3d3026;background:#19130f}.hazard-body strong{color:#c6a284}.hazard-body p{color:#bba690}.hazard-body .hazard-virtual{border-color:#2d4a3d;background:#10251d}.hazard-virtual p{color:#9fc3b3}.hazard-guard footer{border-top-color:#3b2e24;background:#18120e}.hazard-score{color:#b5957a}.hazard-cancel{border-color:#4b3b2e;background:#1b1511;color:#d2b69d}.hazard-cancel:hover{background:#241b15}.hazard-confirm{background:#8e3b24}.overlay{background:#020605b8}.overlay-panel{border-color:#2c3c34;background:#0e1713;box-shadow:0 30px 80px #0009}.overlay-head{border-bottom-color:#26352e;background:radial-gradient(circle at 20% 0%,rgba(49,136,103,.16),transparent 38%),#0f1915}.overlay-head h2{color:#e9f6f0}.overlay-subtitle{color:#90a49a}.overlay-icon{border-color:#2f5445;background:#132b22;color:#6ee3be}.overlay-footer{border-top-color:#26352e;background:#0b1310}.overlay-body{background:#0e1713}.field>span{color:#9bb0a5}.field input,.field textarea,.field select,.term-row select,.check-card select{border-color:#2e3e36;background:#111c18;color:#dcece5}.field input::placeholder,.field textarea::placeholder{color:#6f857a}.search-field,.cabinet-search{border-color:#2b3a33;background:#111b17;color:#91a69b}.search-field input{color:#e4f1eb}.search-field input::placeholder{color:#6e8278}.soft-button{border-color:#2e3e36;background:#121d19;color:#a8bcb2}.soft-button:hover:not(:disabled){border-color:#42705c;background:#172a22;color:#6fe8c1}.text-button{color:#6fe7c0}.badge{border-color:#2c3d35;background:#16221d;color:#a7bbb1}.badge--green{border-color:#2f5c48;background:#14342a;color:#76e7c1}.badge--amber{border-color:#624c2d;background:#2b2113;color:#e7b979}.badge--blue{border-color:#2f4c59;background:#142832;color:#8bcbe2}.badge--rose{border-color:#5b3542;background:#2d1b22;color:#e7a0b9}.badge--dark{border-color:#315746;background:#173329;color:#b6e5d3}.filter-chip,.category-chip{background:#17231e;color:#90a59a}.filter-chip:hover,.category-chip:hover{background:#20342b;color:#6fe8c1}.filter-chip.is-active,.category-chip.is-active{border-color:#33634f;background:#16392d;color:#72eac2}.reaction-card{border-color:#283a31;background:#111b17}.reaction-card:hover{border-color:#3a6652;box-shadow:0 7px 22px #0000004d}.reaction-card h3{color:#dcece5}.reaction-tag{color:#7f958a}.reaction-equation{background:#14231d;color:#9debd1}.reaction-equation--ionic{background:#14232a;color:#91d4e8}.reaction-equation em{background:#173b2e;color:#7fe4c0}.reaction-equation--ionic em{background:#17313a;color:#88cde3}.reaction-conditions,.reaction-phenomena{color:#8fa499}.reaction-safety{border-top-color:#2b3a32;color:#b99a73}.preset-list-item:hover{background:#16241e}.preset-list-item.is-active{border-color:#2f5a47;background:#13332a}.preset-index{background:#1b2923;color:#8ea399}.preset-detail{border-color:#2b3b33;background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--preset-accent) 12%,transparent),transparent 34%),#0f1915}.preset-hero h2{color:#e5f4ed}.preset-description,.phenomena-list li,.steps-list li,.preset-list-copy small{color:#93a89d}.preset-principle{background:#13201b}.preset-principle strong{color:#a7d8c7}.preset-list-copy strong{color:#d7e8e1}.preset-footer-note,.preset-run-note{border-top-color:#26352e;color:#7f958a}.notebook-save,.notebook-card{border-color:#293a32;background:#111b17}.notebook-save-head h3,.notebook-card h3{color:#dcece5}.notebook-save-note,.notebook-note,.notebook-vessel>span,.notebook-vessel>small{color:#8ea398}.notebook-vessel{border-color:#293a32;background:#0e1814}.notebook-vessel strong{color:#b9d4c8}.notebook-actions,.notebook-card-head .badge{border-color:#2a3a32}.help-tabs{border-color:#2a3a32;background:#0f1915}.help-tabs button{color:#8fa499}.help-tabs button.is-active{border-color:#335846;background:#16271f;color:#72eac2}.help-intro h3,.help-steps h4,.help-callout strong{color:#dcece5}.help-intro p,.help-steps p,.help-callout p,.model-grid p,.safety-list p,.help-key-grid span{color:#91a69b}.help-steps>div,.model-grid>div,.help-key-grid>div{border-color:#293a32;background:#111b17}.help-callout{border-color:#2d4f40;background:#10251d;color:#a8cdbc}.help-callout--quiet{border-color:#2a3a32;background:#111b17;color:#91a69b}.help-warning{border-color:#5e4128;background:#2a1d12;color:#e2b786}.help-warning h3{color:#f0d1ac}.safety-list>div{border-bottom-color:#26352e}.empty-state{color:#8fa499}.empty-state h3{color:#d9ebe4}.empty-state-icon{border-color:#2e4a3c;background:#13251e;color:#6ee3be}.full-log-card{border-color:#2a3a32;background:#111b17}.full-log-card--system{border-color:#3d3528;background:#18140f}.full-log-head h3{color:#dcece5}.full-log-equation{background:#14231d}.full-log-equation--ionic{background:#14232a}.full-log-equation em{background:#173b2e;color:#7fe4c0}.full-log-equation--ionic em{background:#17313a;color:#88cde3}.full-log-equation code{color:#9debd1}.full-log-equation--ionic code{color:#91d4e8}.full-log-card p,.notebook-footer,.log-entry p,.log-equation{color:#8fa499}.preset-safety{border-color:#59452a;background:#2a2114;color:#d9b47c}.preset-reagent{border-color:#2d3e35;background:#111d18;color:#b7ccc1}.preset-reagent small{color:#d2a76e}.preset-run-note{color:#7f958a}.template-row>span{color:#8fa499}.custom-side{border-color:#293b32;background:#0f1915}.custom-side-head{border-bottom-color:#26372e}.custom-side-head h3{color:#dcece5}.custom-rule-item{border-color:#293a32;background:#111d18}.custom-rule-item strong{color:#cfe3da}.custom-rule-item span{color:#8ca297}.custom-empty{color:#7f958a}.custom-empty p{color:#bfd4ca}.custom-empty span{color:#7f958a}.custom-side-foot{border-top-color:#26372e}.equation-editor{border-color:#293b32;background:#101a16}.equation-side-label{color:#8fa499}.equation-preview{border-color:#2c4e40;background:#11271f}.equation-preview span{color:#7fa294}.equation-preview strong{color:#8fe9c9}.check-card{border-color:#2a3b32;background:#111c18}.check-card strong{color:#d2e5dc}.check-card small{color:#7f958a}.check-card input{accent-color:#45d7ad}.custom-tip{background:#141d18;color:#93a89d}.custom-tip svg{color:#d4a869}.form-error{background:#321b17;color:#f0a28e}.custom-footer-note{color:#7f958a}.form-grid .field>span,.field>span{color:#9bb0a5}.term-row select{border-color:#2c3d34;background:#111c18;color:#d9ece4}.add-term{color:#6fe6c0}.toast-stack{top:74px;bottom:auto;z-index:260}.toast{border-color:#6a4b2c;background:#271d12f7;color:#f0c58f;box-shadow:0 14px 34px #0000006b}.toast--warn,.toast--critical{border-color:#7c5530;background:#2b2113;color:#f0c58f}.toast button{color:#d7ac77}.primary-button{background:linear-gradient(180deg,#1b8f6e,#0e5f4d)}.primary-button:hover:not(:disabled){background:linear-gradient(180deg,#23a17d,#11705a)}@media(max-width:980px){.toast-stack{top:122px}.cabinet-shell{background:#00000080}.cabinet-scrim{background:#0000008c}}@media(max-width:640px){.toast-stack{top:128px;width:min(94vw,460px)}.hud-inspector{right:6px;bottom:88px;z-index:300;max-height:52vh}}@media(min-width:641px)and (max-width:980px){.hud-inspector{bottom:88px;z-index:300;max-height:54vh}}.cabinet-tool-art--cover{background:#1c2c27;color:#b7d5ca}.cabinet-tool-art--glow{background:#332714;color:#f0c05f}.cabinet-tool-art--burning{background:#362018;color:#f09a72}.cabinet-tool-art--lime{background:#1d2b24;color:#9bd9bd}.cabinet-tool-art--litmus{background:#2a1e2a;color:#d5a4c9}.gas-dialog-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:#020605b8;backdrop-filter:blur(7px)}.gas-dialog{width:min(590px,94vw);max-height:min(84vh,760px);overflow:auto;border:1px solid #2e4238;border-radius:18px;background:#0e1713;box-shadow:0 34px 90px #000000a6}.gas-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 15px;border-bottom:1px solid #26362e;background:radial-gradient(circle at 15% 0%,rgba(54,160,124,.18),transparent 40%),#0f1915}.gas-dialog-head h2{margin-top:2px;color:#e8f6f0;font-family:var(--serif);font-size:30px;letter-spacing:-.04em}.gas-dialog-head p:last-child{margin-top:5px;color:#90a69a;font-size:11px;line-height:1.55}.gas-dialog-close{display:grid;place-items:center;width:30px;height:30px;border:1px solid #30443a;border-radius:9px;background:#16241e;color:#9fb5aa}.gas-dialog-body{display:flex;flex-direction:column;gap:14px;padding:16px 22px 22px}.gas-source-row{display:flex;align-items:flex-end;gap:12px}.gas-source-row label{flex:1;display:flex;flex-direction:column;gap:5px}.gas-source-row label>span,.gas-jar-capacity span,.gas-section-label{color:#8ea499;font-size:9.5px;font-weight:650}.gas-source-row select{width:100%;height:36px;padding:0 10px;border:1px solid #2e4037;border-radius:8px;background:#111d18;color:#d9ece4;font-size:11px}.gas-jar-capacity{display:flex;flex-direction:column;gap:4px;padding:6px 9px;border:1px solid #2b3b33;border-radius:8px;background:#111c18}.gas-jar-capacity strong{color:#79dfbe;font-family:var(--mono);font-size:12px;white-space:nowrap}.gas-dialog-empty{padding:14px;border:1px dashed #31463b;border-radius:10px;background:#101a16;color:#8fa599;font-size:10.5px;line-height:1.65}.gas-composition{display:flex;flex-direction:column;gap:6px}.gas-chips{display:flex;flex-wrap:wrap;gap:5px}.gas-chip{display:inline-flex;align-items:baseline;gap:5px;padding:4px 7px;border:1px solid #2d493d;border-radius:7px;background:#13261f;color:#8cb2a3;font-family:var(--mono);font-size:9px}.gas-chip strong{color:#8fe9c9;font-size:10.5px}.gas-composition p{color:#839b8e;font-size:10px;line-height:1.6}.gas-methods{display:flex;flex-direction:column;gap:7px}.gas-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gas-method-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:92px;padding:10px;border:1px solid #2b3b33;border-radius:10px;background:#111c18;color:#8da398;text-align:left}.gas-method-card:hover{border-color:#3d6652;background:#16271f}.gas-method-card.is-active{border-color:#3b9a77;background:#14352a;box-shadow:0 0 0 2px #4bdbac1a}.gas-method-card>span{display:flex;flex-direction:column;gap:3px}.gas-method-card strong{color:#d2e9df;font-size:10.5px}.gas-method-card small{color:#819b8e;font-size:8.5px;line-height:1.45}.gas-quality{position:absolute;top:8px;right:8px;padding:1px 4px;border-radius:4px;font-size:7.5px;font-style:normal;font-weight:700}.gas-quality--good{background:#174434;color:#8ce9c7}.gas-quality--partial{background:#3d321b;color:#e4be76}.gas-quality--poor{background:#3b211b;color:#e4a18b}.gas-collect-note,.gas-safety-note{display:flex;align-items:flex-start;gap:7px;padding:9px 10px;border:1px solid #2b4a3d;border-radius:9px;background:#10231b;color:#97b9a9;font-size:9.5px;line-height:1.55}.gas-collect-note svg,.gas-safety-note svg{flex:none;margin-top:1px;color:#6adbb6}.gas-collect-note strong{color:#8ce9c7}.gas-feedback{padding:8px 10px;border:1px solid #2e5b48;border-radius:8px;background:#122b21;color:#8ee6c5;font-size:10px;line-height:1.55}.gas-collect-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border:none;border-radius:9px;background:linear-gradient(180deg,#1c8f6f,#0e5f4d);color:#f1fdf8;font-size:11px;font-weight:650}.gas-collect-button:hover{background:linear-gradient(180deg,#23a17d,#11705a)}.gas-current{display:flex;flex-direction:column;gap:6px}.gas-test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gas-test-card{display:flex;align-items:flex-start;gap:9px;min-height:75px;padding:10px;border:1px solid #2b3b33;border-radius:10px;background:#111c18;text-align:left}.gas-test-card:hover{border-color:#4a735e;background:#172a22}.gas-test-art{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:9px;background:#1c2e27;color:#ecc477}.gas-test-card:nth-child(2) .gas-test-art{background:#35251b;color:#ef9e72}.gas-test-card:nth-child(3) .gas-test-art{background:#1d2a2f;color:#9bd4e8}.gas-test-card:nth-child(4) .gas-test-art{background:#2a2130;color:#d9a8d0}.gas-test-card>span:last-child{display:flex;flex-direction:column;gap:3px}.gas-test-card strong{color:#d7ebe2;font-size:11px}.gas-test-card small{color:#83998e;font-size:9px;line-height:1.45}.gas-transfer-effect{position:absolute;inset:0;z-index:43;overflow:hidden;pointer-events:none}.gas-transfer-effect svg{position:absolute;inset:0;width:100%;height:100%}.gas-transfer-tube{animation:gasTransferDash .85s linear infinite;filter:drop-shadow(0 0 4px rgba(101,236,190,.6))}.gas-transfer-label{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #2f6b55;border-radius:999px;background:#0a1f18f0;color:#8ceac8;font-family:var(--mono);font-size:8px;white-space:nowrap;box-shadow:0 5px 14px #00000059}@keyframes gasTransferDash{to{stroke-dashoffset:-18}}.gas-test-effect{position:absolute;z-index:62;display:flex;flex-direction:column;align-items:center;width:270px;transform:translate(-50%,calc(-100% - 18px));pointer-events:none}.gas-test-rig{position:relative;width:24px;height:56px}.gas-test-stick{position:absolute;left:50%;bottom:0;width:4px;height:48px;margin-left:-2px;border-radius:3px;background:linear-gradient(180deg,#d9c29c,#8a6a43);transform:rotate(12deg);transform-origin:bottom center}.gas-test-ember{position:absolute;left:50%;bottom:45px;width:12px;height:10px;margin-left:-4px;border-radius:50%;background:#ffd36d;box-shadow:0 0 10px 5px #ffa43a8c;animation:gasEmber .7s ease-in-out infinite alternate}.gas-test-effect--burning .gas-test-ember{width:15px;height:24px;border-radius:50% 50% 45% 45%;background:linear-gradient(180deg,#dfefff,#ffd76a 55%,#ef7b34);box-shadow:0 0 15px 7px #ff8e378c}.gas-test-effect--limewater .gas-test-ember,.gas-test-effect--litmus .gas-test-ember{background:#a9e2cf;box-shadow:0 0 8px 3px #6fdfb966}.gas-test-drop{position:absolute;left:50%;bottom:2px;width:11px;height:14px;margin-left:-5px;border-radius:50% 50% 50% 0;background:#c8f0e2;transform:rotate(-45deg);animation:gasDrop 1s ease-in-out infinite}.gas-test-paper{position:absolute;left:50%;bottom:10px;width:10px;height:26px;margin-left:-5px;border-radius:2px;background:linear-gradient(180deg,#d7b4cf,#e9d5e5);animation:gasPaper 1.1s ease-in-out infinite alternate}.gas-test-effect.is-warn .gas-test-vapor{position:absolute;left:50%;bottom:35px;width:28px;height:22px;margin-left:-14px;border-radius:50%;background:radial-gradient(circle,rgba(180,201,104,.5),transparent 65%);animation:gasVapor 1.3s ease-out infinite}.gas-test-card{margin-top:3px;padding:9px 11px;border:1px solid #2f5545;border-radius:10px;background:#0b1813f7;box-shadow:0 12px 30px #00000073;text-align:left}.gas-test-effect .gas-test-card{display:block;width:100%;min-height:0}.gas-test-effect .gas-test-card strong{display:block;margin-top:3px;color:#a5edd6;font-size:14px;line-height:1.35}.gas-test-effect .gas-test-card p{margin-top:4px;color:#8fa79a;font-size:9.5px;line-height:1.6}.gas-test-effect.is-good .gas-test-card{border-color:#3a8568}.gas-test-effect.is-warn .gas-test-card{border-color:#715531}.gas-test-card-head{display:flex;align-items:center;gap:5px;color:#91af9f;font-size:8px;font-weight:650;letter-spacing:.04em}.gas-test-card strong{display:block;margin-top:3px;color:#a5edd6;font-size:14px}.gas-test-effect.is-warn .gas-test-card strong{color:#efc07d}.gas-test-card p{margin-top:3px;color:#8fa79a;font-size:9.5px;line-height:1.55}.gas-test-card code{display:block;margin-top:5px;color:#8fd8bf;font-family:var(--mono);font-size:9px}@keyframes gasEmber{0%{transform:scale(.92);opacity:.78}to{transform:scale(1.1);opacity:1}}@keyframes gasDrop{0%{transform:translateY(0) rotate(-45deg);opacity:0}30%{opacity:1}to{transform:translateY(22px) rotate(-45deg);opacity:0}}@keyframes gasPaper{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(35deg)}}@keyframes gasVapor{0%{transform:scale(.6) translateY(0);opacity:0}30%{opacity:.8}to{transform:scale(1.4) translateY(-18px);opacity:0}}@media(max-width:640px){.gas-dialog{width:94vw;max-height:86vh}.gas-dialog-head{padding:15px 16px 12px}.gas-dialog-head h2{font-size:25px}.gas-dialog-body{padding:13px 16px 16px}.gas-method-grid{grid-template-columns:1fr}.gas-method-card{min-height:62px;flex-direction:row;align-items:center}.gas-test-grid{grid-template-columns:1fr}.gas-source-row{align-items:stretch;flex-direction:column}.gas-test-effect{width:200px}}