@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root,[data-theme=dark-cyan]{--bg-dark:#04090b;--panel-bg:#09151ae0;--bg-card:#0c1a1f;--border-light:#5ed6c02e;--border-active:#5ed6c073;--primary-glow:#5ed6c0;--secondary-glow:#c3ed75;--warning-glow:#e8bf2d;--danger-glow:#fa8b7d;--text-primary:#eff7f5;--text-muted:#889e9a;--text-dark:#04090b;--input-bg:#04090bb3;--font-sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"DM Mono", Consolas, "Courier New", monospace}[data-theme=solar-light]{--bg-dark:#f0f3f8;--panel-bg:#fffffff2;--bg-card:#fff;--border-light:#0f172a26;--border-active:#0284c7;--primary-glow:#0284c7;--secondary-glow:#16a34a;--warning-glow:#d97706;--danger-glow:#dc2626;--text-primary:#0f172a;--text-muted:#475569;--text-dark:#fff;--input-bg:#f8fafc}[data-theme=emerald-bio]{--bg-dark:#06140e;--panel-bg:#0a2017e6;--bg-card:#0f2b20;--border-light:#52b78838;--border-active:#52b788;--primary-glow:#52b788;--secondary-glow:#b7e4c7;--warning-glow:#e9c46a;--danger-glow:#e76f51;--text-primary:#f0fdf4;--text-muted:#80b99c;--text-dark:#06140e;--input-bg:#06140ebf}[data-theme=cyberpunk]{--bg-dark:#0b021a;--panel-bg:#1a0830eb;--bg-card:#1d0a36;--border-light:#ff007f47;--border-active:#00f5d4;--primary-glow:#ff007f;--secondary-glow:#00f5d4;--warning-glow:#fee440;--danger-glow:#f05;--text-primary:#fff;--text-muted:#c7a7eb;--text-dark:#0b021a;--input-bg:#0b021acc}[data-theme=space-blue]{--bg-dark:#060c1c;--panel-bg:#0c1730e6;--bg-card:#0e1f40;--border-light:#48cae43d;--border-active:#48cae4;--primary-glow:#48cae4;--secondary-glow:#90e0ef;--warning-glow:#ffd166;--danger-glow:#ff6b6b;--text-primary:#f0f8ff;--text-muted:#7fa4cb;--text-dark:#060c1c;--input-bg:#060c1ccc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.app-shell{background:radial-gradient(circle at 50% 25%,#0e272b 0%,#050f11 50%,#03080a 100%);flex-direction:column;min-height:100vh;padding-bottom:70px;display:flex}.app-header{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background-color:#04090be0;justify-content:space-between;align-items:center;height:70px;padding:0 25px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.brand-logo{border:1px solid var(--primary-glow);width:36px;height:36px;color:var(--primary-glow);border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid;box-shadow:inset 0 0 12px #5ed6c04d,0 0 15px #5ed6c033}.brand-titles strong{letter-spacing:.12em;font-size:14px;display:block}.brand-titles small{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;margin-top:1px;display:block}.header-nav{gap:5px;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .2s;position:relative}.nav-link:hover{color:var(--text-primary);background-color:#5ed6c00f}.nav-link.active{color:var(--primary-glow);box-shadow:inset 0 -2px 0 var(--primary-glow);background-color:#5ed6c01a}.notebook-counter{font-family:var(--font-mono);color:var(--primary-glow);background-color:#5ed6c040;border-radius:10px;margin-left:5px;padding:1px 6px;font-size:10px}.pulsing-dot{background-color:var(--secondary-glow);width:6px;height:6px;box-shadow:0 0 8px var(--secondary-glow);border-radius:50%;animation:1.2s infinite pulse-led;position:absolute;top:6px;right:6px}.header-status{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;font-size:10px;display:flex}.safe-sim-led{background-color:var(--secondary-glow);width:7px;height:7px;box-shadow:0 0 10px var(--secondary-glow);border-radius:50%}.app-main-content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:24px}.bench-layout-grid{grid-template-columns:310px 1fr 340px;align-items:start;gap:24px;display:grid}.ppe-checklist-card,.reagent-shelf-card,.weighing-balance-card,.hotplate-stirrer-station,.chart-station-container,.burette-controls-box,.lab-assistant-panel,.lab-completion-success-card{background-color:var(--panel-bg);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;margin-bottom:20px;padding:16px}.ppe-checklist-card h5,.reagent-shelf-card h5,.weighing-balance-card h4,.burette-controls-box h4{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-glow);border-bottom:1px solid var(--border-light);margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:700}.checkboxes{flex-direction:column;gap:8px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-size:12px;display:flex}.checkbox-label input{accent-color:var(--primary-glow);cursor:pointer}.reagent-shelf-card{flex-direction:column;height:380px;display:flex}.shelf-scroll{flex-direction:column;flex:1;gap:6px;padding-right:5px;display:flex;overflow-y:auto}.shelf-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px;transition:all .2s;display:flex}.shelf-item:hover{background-color:#5ed6c00d;border-color:#5ed6c026}.shelf-item.selected{border-color:var(--primary-glow);background-color:#5ed6c01a}.fluid-bottle-icon{border:1px solid #ffffff4d;border-radius:3px 3px 5px 5px;flex-shrink:0;width:22px;height:28px;position:relative}.fluid-bottle-icon:before{content:"";background-color:#889e9a;border-radius:1px;width:8px;height:4px;position:absolute;top:-5px;left:6px}.shelf-item-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.shelf-item-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.shelf-item-info small{font-size:9px;font-family:var(--font-mono);color:var(--text-muted)}.hazard-tag{font-family:var(--font-mono);border-radius:3px;margin-left:auto;padding:1px 4px;font-size:9px;font-weight:700}.hazard-tag.COR{color:var(--danger-glow);background-color:#fa8b7d33}.hazard-tag.TOX{color:var(--warning-glow);background-color:#e8bf2d33}.hazard-tag.OX{color:#e040fb;background-color:#9c27b033}.hazard-tag.FLAM{color:#ff5722;background-color:#ff572233}.hazard-tag.warn{color:var(--text-muted);background-color:#889e9a33}.addition-tray{border-top:1px solid var(--border-light);margin-top:12px;padding-top:12px}.tray-row{font-family:var(--font-mono);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.tray-row strong{color:var(--primary-glow)}.addition-tray input[type=range],.mass-adjuster input[type=range]{width:100%;accent-color:var(--primary-glow);margin-bottom:10px}.primary-btn{color:#03080a;cursor:pointer;background:linear-gradient(135deg,#5ed6c0,#9be885);border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:12px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 15px #5ed6c040}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 18px #5ed6c059}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.secondary-btn{border:1px solid var(--border-active);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:4px;width:100%;padding:9px 12px;font-size:12px;font-weight:600;transition:all .2s}.secondary-btn:hover{border-color:var(--primary-glow);background-color:#5ed6c014}.tray-help-msg{color:var(--text-muted);text-align:center;padding:6px;font-size:11px;line-height:1.4}.balance-grid{flex-direction:column;gap:14px;display:flex}.solid-buttons{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.solid-btn{border:1px solid var(--border-light);cursor:pointer;color:var(--text-primary);text-align:left;background-color:#ffffff08;border-radius:5px;padding:8px;transition:all .2s}.solid-btn:hover{background-color:#ffffff12}.solid-btn.active{border-color:var(--secondary-glow);background-color:#c3ed7514}.solid-formula{font-family:var(--font-mono);color:var(--secondary-glow);font-size:11px;font-weight:700;display:block}.solid-name{color:var(--text-muted);margin-top:2px;font-size:9px;display:block}.balance-hardware{border-top:1px solid var(--border-light);padding-top:12px}.lcd-display{background-color:#03080a;border:1px solid #142c33;border-radius:6px;justify-content:flex-end;align-items:baseline;margin-bottom:12px;padding:8px 15px;display:flex;box-shadow:inset 0 2px 10px #000c}.lcd-text{font-family:var(--font-mono);color:#a7f768;text-shadow:0 0 10px #a7f76866;font-size:26px;font-weight:500}.lcd-unit{font-family:var(--font-mono);color:#a7f768;margin-left:6px;font-size:12px}.mass-labels{font-size:11px;font-family:var(--font-mono);justify-content:space-between;margin-bottom:6px;display:flex}.mass-labels strong{color:var(--secondary-glow)}.balance-buttons{grid-template-columns:75px 1fr;gap:8px;display:grid}.balance-btn-hardware{cursor:pointer;border:none;border-radius:4px;padding:9px;font-size:11px;font-weight:700;transition:all .2s}.balance-btn-hardware.tare{color:var(--text-primary);background-color:#29383f;border:1px solid #ffffff1a}.balance-btn-hardware.tare:hover{background-color:#354a53}.balance-btn-hardware.add-bench{color:#03080a;background:linear-gradient(135deg,#c3ed75,#5ed6c0);box-shadow:0 3px 10px #c3ed7533}.balance-btn-hardware.add-bench:hover{filter:brightness(1.1)}.bench-center-panel{flex-direction:column;align-items:center;display:flex}.bench-status-bar{justify-content:space-between;align-items:center;width:100%;max-width:440px;margin-bottom:15px;display:flex}.live-tag{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;align-items:center;gap:6px;font-size:10px;display:flex}.pulse-indicator{background-color:var(--primary-glow);width:6px;height:6px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%;animation:1s infinite alternate pulse-led}.reset-btn{color:var(--danger-glow);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-mono);background:0 0;border:none}.reset-btn:hover{text-decoration:underline}.glassware-rack-card{background-color:var(--panel-bg);border:1px solid var(--border-light);border-radius:10px;margin-bottom:20px;padding:14px}.glassware-rack-card h5{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-glow);border-bottom:1px solid var(--border-light);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.glassware-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.glass-btn{border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;text-align:center;background-color:#ffffff05;border-radius:4px;padding:8px 4px;font-size:10px;font-weight:600;transition:all .2s}.glass-btn:hover{border-color:var(--border-active);background-color:#ffffff0d}.glass-btn.active{border-color:var(--primary-glow);color:var(--primary-glow);background-color:#5ed6c026;box-shadow:0 0 8px #5ed6c01a}.vessel-outer-wrap{border:1px solid var(--border-light);background:linear-gradient(#091c20 0%,#040d10 45%,#081a17 46%,#03080a 90%,#010304 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:440px;height:330px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080}.vessel-outer-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#5ed6c00a);height:55px;position:absolute;bottom:0;left:0;right:0}.vessel-workspace-rack{flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.vessel-workspace-rack.active-beaker,.vessel-workspace-rack.active-flask{width:200px;height:250px;margin-top:15px}.vessel-workspace-rack.active-tube{width:160px;height:260px;margin-top:10px}.test-tube-rack-visual{pointer-events:none;z-index:0;position:absolute;inset:0}.rack-top-bar{opacity:.85;background:linear-gradient(#7c5835,#553b23);border:1px solid #362516;border-radius:3px;height:12px;position:absolute;top:50px;left:20px;right:20px}.rack-top-bar:after{content:"";background-color:#04090b;border-radius:50%;width:20px;height:6px;position:absolute;top:2px;left:50px}.rack-base-bar{background:linear-gradient(#6c4d2e,#45301c);border:1px solid #2d1f12;border-radius:4px;height:16px;position:absolute;bottom:30px;left:10px;right:10px;box-shadow:0 4px 8px #0009}.rack-post{background:#553b23;border:1px solid #362516;width:8px;position:absolute;top:50px;bottom:30px}.post-left{left:24px}.post-right{right:24px}.steam-cloud{opacity:0;pointer-events:none;z-index:15;transition:opacity .3s;position:absolute}.steam-cloud.active{opacity:.8}.steam-beaker{height:35px;top:-25px;left:15px;right:15px}.steam-flask{height:35px;top:-25px;left:65px;right:65px}.steam-tube{height:35px;top:-30px;left:50px;right:50px}.steam-puff{border-left:2px solid #fff3;border-radius:50%;width:10px;height:25px;animation:1.8s ease-in-out infinite steam-float;position:absolute}.puff-1{left:20%}.puff-2{animation-delay:.5s;left:50%}.puff-3{animation-delay:1s;left:80%}.vessel-body{z-index:1;background:linear-gradient(90deg,#ffffff05 0%,#ffffff0f 50%,#ffffff03 100%);flex-direction:column;justify-content:flex-end;display:flex;position:relative;box-shadow:inset 10px 0 15px #ffffff05,inset -10px 0 15px #ffffff08}.vessel-body.shape-beaker{border:3px solid #dcf5f0a6;border-top:none;border-radius:0 0 16px 16px;position:absolute;inset:20px 15px 15px}.beaker-mouth-lip{z-index:5;background-color:#dcf5f01a;border-top:3px solid #dcf5f0bf;border-radius:50%;height:8px;position:absolute;top:13px;left:3px;right:3px}.beaker-graduations{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:25px;bottom:25px;right:12px}.grad{font-family:var(--font-mono);color:#dcf5f066;text-align:right;border-top:1px solid #dcf5f059;width:22px;padding-top:2px;font-size:8px}.vessel-body.shape-flask{clip-path:polygon(38% 0%,62% 0%,62% 26%,92% 88%,88% 100%,12% 100%,8% 88%,38% 26%);background:#dcf5f073;width:170px;height:215px}.vessel-body.shape-flask:before{content:"";clip-path:polygon(38% 0%,62% 0%,62% 26%,92% 88%,88% 100%,12% 100%,8% 88%,38% 26%);z-index:0;background:linear-gradient(#040e11 0%,#03080a 100%);position:absolute;inset:0 3px 3px}.flask-neck-collar{z-index:5;background-color:#dcf5f0b3;border-radius:3px;width:42px;height:6px;position:absolute;top:0;left:64px}.flask-graduations{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;height:100px;display:flex;position:absolute;bottom:25px;right:48px}.vessel-body.shape-tube{background:linear-gradient(90deg,#ffffff05 0%,#ffffff0d 50%,#ffffff03 100%);border:2.5px solid #dcf5f0a6;border-top:none;border-radius:0 0 25px 25px;width:50px;height:210px;margin-top:15px}.tube-lip{z-index:5;background-color:#dcf5f01a;border-top:2.5px solid #dcf5f0bf;border-radius:50%;width:58px;height:6px;position:absolute;top:13px;left:51px}.tube-graduations{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:50px;bottom:40px;right:6px}.vessel-liquid{z-index:1;flex-direction:column;justify-content:flex-end;width:100%;transition:height .6s cubic-bezier(.2,.8,.2,1),background .5s;display:flex;position:relative;overflow:hidden}.liquid-meniscus{filter:brightness(1.15);opacity:.85;z-index:3;border-radius:50%;height:10px;position:absolute;top:-5px;left:0;right:0}.vessel-liquid.effervescing{animation:.3s infinite alternate liquid-shake}.bubbles-container{z-index:2;position:absolute;inset:0;overflow:hidden}.sim-bubble{background-color:#ffffffb3;border-radius:50%;width:3.5px;height:3.5px;animation:linear infinite bubble-rise-anim;position:absolute;bottom:-5px;box-shadow:0 0 4px #fffc}.magnetic-stir-bar{z-index:5;background-color:#eff7f5;border:1.5px solid #00000080;border-radius:4px;height:8px;position:absolute;bottom:8px;box-shadow:0 2px 5px #00000080}.precipitate-sediment{z-index:4;border-radius:0 0 12px 12px;width:100%;transition:height 1.2s,background .8s;position:relative}.golden-shimmer{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff26 10px 20px);animation:2s linear infinite shimmer-effect;position:absolute;inset:0}.beaker-display-label{text-align:center;width:100%;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.12em;font-size:9px;position:absolute;bottom:-32px}.vol-text{color:var(--primary-glow);margin-left:5px}.science-explanations-card{background-color:var(--panel-bg);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;min-height:200px;margin-top:20px;padding:16px}.science-explanations-card h5{text-transform:uppercase;letter-spacing:.1em;color:var(--primary-glow);border-bottom:1px solid var(--border-light);margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700}.science-manual-empty{color:var(--text-muted);text-align:center;padding:20px 10px;font-size:11px;line-height:1.45}.science-manual-list{flex-direction:column;gap:12px;display:flex}.science-item-card{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:10px}.science-item-card h6{color:var(--primary-glow);margin-bottom:4px;font-size:11px;font-weight:700}.science-eq{font-family:var(--font-mono);color:var(--secondary-glow);white-space:nowrap;background-color:#03080a;border:1px solid #c3ed751a;border-radius:4px;margin-bottom:6px;padding:4px 8px;font-size:9px;display:block;overflow-x:auto}.science-item-card p{color:var(--text-muted);font-size:10px;line-height:1.45}.hotplate-stirrer-station{background:linear-gradient(150deg,#10242a,#071216);border:1px solid #1a3c44;border-radius:10px;width:100%;max-width:440px;margin-top:24px;padding:12px 16px}.station-header{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;font-size:8px;display:flex}.status-led{background-color:#29383f;border-radius:50%;width:5px;height:5px}.status-led.active{background-color:var(--secondary-glow);box-shadow:0 0 8px var(--secondary-glow)}.station-controls{justify-content:space-around;gap:15px;display:flex}.dial-container{flex-direction:column;align-items:center;gap:8px;display:flex}.dial-label{color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:700}.dial-box{align-items:center;gap:8px;display:flex}.rotary-dial{background:radial-gradient(circle,#293d44 0%,#152024 100%);border:2px solid #304e57;border-radius:50%;width:48px;height:48px;position:relative;box-shadow:0 4px 10px #0006}.rotary-dial.stirrer-dial{background:radial-gradient(circle,#29443c 0%,#152420 100%);border-color:#3e5a4f}.dial-pointer{background-color:var(--primary-glow);transform-origin:1.25px 20px;border-radius:1px;width:2.5px;height:14px;transition:transform .3s cubic-bezier(.1,.8,.2,1);position:absolute;top:4px;left:21px}.dial-ticks{flex-direction:column;gap:3px;display:flex}.tick-btn{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:2px;padding:1px 4px;font-size:8px;font-weight:500}.tick-btn:hover{color:var(--text-primary)}.tick-btn.active{color:#03080a;background-color:var(--primary-glow);font-weight:700}.chart-station-container{width:100%;max-width:440px;margin-top:24px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chart-title-tag{color:var(--text-muted);letter-spacing:.1em;font-size:9px}.graph-mode-toggle{border:1px solid var(--border-light);background-color:#04090b;border-radius:4px;padding:2px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:9px;transition:all .2s}.mode-btn.active{color:var(--primary-glow);background-color:#5ed6c026}.canvas-wrapper{border:1px solid var(--border-light);background-color:#0a161b;border-radius:6px;overflow:hidden}.burette-outer-panel{gap:20px;display:flex}.burette-controls-box{flex:1}.burette-column-wrap{flex-direction:column;align-items:center;width:60px;height:520px;display:flex;position:relative}.fill-burette-control{margin-bottom:15px;position:relative}.dropdown-menu{border:1px solid var(--border-active);z-index:10;background-color:#081114;border-radius:5px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 15px #00000080}.dropdown-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:8px 10px;font-size:11px;transition:background .2s;overflow:hidden}.dropdown-menu button:hover{background-color:#5ed6c014}.burette-active-info{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px;display:flex}.titrant-badge{border-left:2.5px solid #ccc;flex-direction:column;padding-left:8px;font-size:11px;display:flex}.titrant-badge strong{font-family:var(--font-mono);color:var(--primary-glow)}.titrant-badge span{color:var(--text-muted);font-size:9px}.small-danger-btn{color:var(--danger-glow);cursor:pointer;background:0 0;border:1px solid #fa8b7d66;border-radius:3px;padding:4px 8px;font-size:9px;font-weight:700}.small-danger-btn:hover{background-color:#fa8b7d1a}.valve-control-group{flex-direction:column;gap:6px;display:flex}.valve-control-group label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:9px}.valve-buttons{flex-direction:column;gap:5px;display:flex}.valve-btn{border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;background-color:#ffffff05;border-radius:4px;padding:8px;font-size:11px;font-weight:600;transition:all .2s}.valve-btn:hover:not(:disabled){background-color:#ffffff0f}.valve-btn.active{border-color:var(--primary-glow);color:var(--primary-glow);background-color:#5ed6c02e}.valve-btn:disabled{opacity:.3;cursor:not-allowed}.burette-glass-tube{background:linear-gradient(90deg,#ffffff03,#ffffff0f,#ffffff03);border-left:2px solid #dcf5f0a6;border-right:2px solid #dcf5f0a6;flex-direction:column;justify-content:flex-end;width:14px;height:400px;display:flex;position:relative}.burette-cap{background-color:#dcf5f0a6;border-radius:20%;width:14px;height:4px;position:absolute;top:-4px;left:-2px}.burette-fluid{width:100%;transition:height .3s linear;position:relative}.burette-meniscus{background-color:inherit;opacity:.85;border-radius:50%;height:6px;position:absolute;top:-3px;left:0;right:0}.burette-markings{pointer-events:none;font-family:var(--font-mono);color:#dcf5f066;font-size:7px;position:absolute;inset:0}.burette-mark{border-top:1px solid #dcf5f059;width:12px;padding-left:4px;position:absolute;left:14px}.mark-0{top:5%}.mark-10{top:23%}.mark-20{top:41%}.mark-30{top:59%}.mark-40{top:77%}.mark-50{top:95%}.stopcock-assembly{width:26px;height:40px;position:relative}.stopcock-assembly:before{content:"";background-color:#dcf5f0a6;width:4px;height:12px;position:absolute;top:0;left:11px}.valve-stopcock-handle{background-color:#fa8b7d;border-radius:4px;width:22px;height:8px;transition:transform .3s;position:absolute;top:8px;left:2px;box-shadow:0 2px 4px #00000080}.valve-stopcock-handle.closed{background-color:#fa8b7d;transform:rotate(90deg)}.valve-stopcock-handle.drip{background-color:#e8bf2d;transform:rotate(45deg)}.valve-stopcock-handle.flow{background-color:#5ed6c0;transform:rotate(0)}.glass-tip{background-color:#dcf5f0a6;border-radius:0 0 2px 2px;width:4px;height:20px;position:absolute;bottom:0;left:11px}.glass-tip:after{content:"";background-color:#dcf5f0a6;width:2px;height:4px;position:absolute;bottom:-4px;left:1px}.dripping-drop{background-color:#eff7f5;border-radius:50% 50% 40% 40%;width:2.5px;height:6px;position:absolute;bottom:-15px;left:1px}.dripping-drop.drip{animation:.4s linear infinite drop-fall}.dripping-drop.flow{border-radius:1px;width:2px;height:25px;animation:.2s linear infinite stream-flow-anim}.lab-assistant-panel{flex-direction:column;min-height:520px;display:flex}.assistant-header{border-bottom:2px solid;margin-bottom:16px;padding-bottom:12px}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.back-btn:hover{color:var(--text-primary)}.assistant-header h3{font-size:15px;font-weight:700;line-height:1.3}.topic-badge{color:#03080a;border-radius:3px;margin-top:6px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.steps-container{flex-direction:column;flex:1;gap:12px;display:flex}.step-card{background-color:#ffffff04;border:1px solid #ffffff0d;border-radius:6px;gap:12px;padding:10px;transition:all .3s;display:flex}.step-card.completed{background-color:#c3ed7505;border-color:#c3ed7540}.step-card.active{background-color:#5ed6c00a;border-color:#5ed6c066;box-shadow:0 0 10px #5ed6c00d}.step-card.failed{background-color:#fa8b7d0a;border-color:#fa8b7d66}.step-num{background-color:#29383f;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.step-card.completed .step-num{background-color:var(--secondary-glow);color:#03080a}.step-card.active .step-num{background-color:var(--primary-glow);color:#03080a}.step-card.failed .step-num{background-color:var(--danger-glow);color:#03080a}.step-text{flex:1}.step-text p{color:var(--text-primary);font-size:11px;line-height:1.4}.step-card.pending p{color:var(--text-muted)}.step-badge-success,.step-badge-active,.step-badge-failed{text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:700;display:inline-block}.step-badge-success{color:var(--secondary-glow)}.step-badge-active{color:var(--primary-glow)}.step-badge-failed{color:var(--danger-glow);font-family:var(--font-mono)}.lab-completion-success-card{border-color:var(--secondary-glow);text-align:center;background-color:#c3ed750d;margin-top:15px}.lab-completion-success-card h4{color:var(--secondary-glow);margin-bottom:6px;font-size:14px}.lab-completion-success-card p{color:var(--text-primary);margin-bottom:12px;font-size:11px;line-height:1.4}.catalog-head{justify-content:space-between;align-items:center;padding:10px 0 20px;display:flex}.eyebrow{font-family:var(--font-mono);color:var(--primary-glow);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.catalog-head h1{margin-top:4px;font-size:26px;font-weight:800}.catalog-head p{color:var(--text-muted);margin-top:4px;font-size:12px}.catalog-search{border:1px solid var(--border-light);width:260px;color:var(--text-primary);background-color:#081114;border-radius:5px;outline:none;padding:10px 14px;font-size:12px}.catalog-search:focus{border-color:var(--primary-glow)}.legend{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.legend-tag{color:#eff7f5;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:600}.periodic-table-grid{grid-template-columns:repeat(18,minmax(40px,1fr));grid-auto-rows:55px;gap:5px;margin-bottom:24px;padding-bottom:10px;display:grid;overflow-x:auto}.element-btn{border:1px solid var(--border-light);color:#eff7f5;text-align:left;cursor:pointer;background-color:#ffffff08;border-radius:4px;flex-direction:column;padding:5px;transition:transform .2s,filter .2s;display:flex}.element-btn:hover{filter:brightness(1.2);z-index:10;transform:translateY(-2px)}.element-btn.selected{box-shadow:0 0 10px #c3ed754d;border:1.5px solid var(--secondary-glow)!important}.element-num{font-family:var(--font-mono);opacity:.6;font-size:8px}.element-sym{font-size:15px;line-height:1.2}.element-name{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:7.5px;overflow:hidden}.cat-nonmetal{background-color:#327265}.cat-noble{background-color:#775284}.cat-alkali{background-color:#a66c50}.cat-alkaline{background-color:#a47d4c}.cat-metalloid{background-color:#7c6c35}.cat-halogen{background-color:#916250}.cat-transition{background-color:#4b608b}.cat-post{background-color:#657d80}.cat-lanthanide,.cat-actinide{background-color:#556950}.cat-unknown{background-color:#4a5057}.element-inspector-panel{background-color:var(--panel-bg);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:30px;padding:24px;display:flex}.inspector-left{flex:1;align-items:center;gap:25px;display:flex}.atom-visualizer-container{border:1px solid var(--border-light);background-color:#0006;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:180px;display:flex;box-shadow:inset 0 0 20px #000c}.inspector-summary h2{letter-spacing:.02em;margin-top:4px;font-size:24px;font-weight:700}.inspector-summary h2 small{color:var(--text-muted)}.inspector-summary p{color:var(--text-muted);max-width:580px;margin-top:8px;font-size:12px;line-height:1.5}.inspector-summary p strong{color:var(--text-primary)}.inspector-right{grid-template-columns:1fr 1fr;gap:10px;width:320px;display:grid}.stat-card{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:5px;flex-direction:column;padding:10px 14px;display:flex}.stat-card span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:8px}.stat-card strong{font-family:var(--font-mono);margin-top:4px;font-size:12px}.guided-labs-screen{padding-bottom:40px}.experiment-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.experiment-card{background:linear-gradient(150deg,#102428,#071012);border:1px solid #1a3a3e;border-radius:8px;flex-direction:column;min-height:200px;padding:20px;transition:transform .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.experiment-card:hover{border-color:var(--accent);transform:translateY(-3px)}.experiment-card:before{content:"";background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.12;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.card-tag{font-family:var(--font-mono);letter-spacing:.08em;font-size:9px;font-weight:700}.experiment-card h3{margin:10px 0 6px;font-size:16px;font-weight:700;line-height:1.35}.experiment-card p{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:11px;line-height:1.5}.start-btn{border:1px solid var(--border-active);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-start;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s}.experiment-card:hover .start-btn{background-color:var(--accent);color:#03080a;border-color:var(--accent)}.lab-notebook-screen{padding-bottom:40px}.export-btn{width:auto;font-family:var(--font-mono)}.export-btn span{margin-left:4px;font-weight:700}.notebook-summary-cards{gap:15px;margin-bottom:24px;display:flex}.summary-card{background-color:var(--panel-bg);border:1px solid var(--border-light);border-radius:8px;flex-direction:column;flex:1;padding:16px 24px;display:flex}.stat-count{color:var(--primary-glow);font-size:28px;font-weight:500}.stat-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:9px}.notebook-table-wrapper{background-color:var(--panel-bg);border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.empty-log-state{color:var(--text-muted);flex-direction:column;align-items:center;padding:50px 20px;display:flex}.journal-icon{margin-bottom:12px;font-size:34px}.empty-log-state p{font-size:12px}.journal-table{border-collapse:collapse;width:100%;font-size:12px}.journal-table th{border-bottom:1px solid var(--border-light);text-align:left;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;background-color:#ffffff05;padding:12px 16px;font-size:9px}.journal-table td{vertical-align:top;border-bottom:1px solid #ffffff08;padding:12px 16px;line-height:1.45}.timestamp-cell{font-family:var(--font-mono);color:var(--text-muted)}.action-cell strong,.observation-cell{color:var(--text-primary)}.safety-badge{font-family:var(--font-mono);text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-block}.safety-badge.safe-flag{color:var(--secondary-glow);background-color:#c3ed7526}.safety-badge.danger-flag{color:var(--danger-glow);background-color:#fa8b7d26}.status-readout-footer{border-top:1px solid var(--border-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:90;background-color:#04090bf2;align-items:center;gap:40px;height:60px;padding:0 30px;display:flex;position:fixed;bottom:0;left:0;right:0}.readout-box{flex-direction:column;display:flex}.readout-box .lbl{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;font-size:8px}.readout-box .val{font-family:var(--font-mono);color:var(--text-primary);margin-top:3px;font-size:13px;font-weight:600}.readout-box .val.temp{color:#f8867a}.readout-box .val.ph{color:#5ed6c0}.color-chip-box{flex:1}.appearance-val{align-items:center;gap:8px;margin-top:3px;display:flex}.color-indicator-circle{border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;width:8px;height:8px}.appearance-val em{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:480px;font-size:11px;font-style:normal;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-box{border:1.5px solid var(--danger-glow);text-align:center;background:linear-gradient(145deg,#162429,#091316);border-radius:10px;width:min(440px,90vw);padding:24px;box-shadow:0 10px 40px #0009}.modal-alert-icon{margin-bottom:12px;font-size:36px;display:block}.modal-box h3{letter-spacing:.08em;color:var(--danger-glow);margin-bottom:8px;font-size:15px}.modal-box p{color:var(--text-primary);margin-bottom:20px;font-size:12px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drop-fall{0%{opacity:1;transform:translateY(0)}to{opacity:.1;transform:translateY(110px)}}@keyframes stream-flow-anim{0%{opacity:.8;height:10px;transform:translateY(0)}to{opacity:.2;height:120px;transform:translateY(20px)}}@keyframes steam-float{0%{opacity:0;transform:translateY(0)scale(1)rotate(0)}25%{opacity:.35}to{opacity:0;transform:translateY(-50px)scale(2.2)rotate(20deg)}}@keyframes bubble-rise-anim{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:.1;transform:translateY(-160px)scale(.6)}}@keyframes liquid-shake{0%{transform:scaleY(1)skew(0)}to{transform:scaleY(1.01)skew(.8deg)}}@keyframes shimmer-effect{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes pulse-led{0%{opacity:.4}to{opacity:1}}@media (width<=1200px){.bench-layout-grid{grid-template-columns:280px 1fr}.bench-right-panel{grid-column:1/span 2;grid-template-columns:1fr;display:grid}}.bench-layout-wrapper{grid-template-columns:310px 1fr 340px;gap:18px;min-height:calc(100vh - 140px);padding:18px;transition:all .3s;display:grid;position:relative}.bench-layout-wrapper.collapsed-left{grid-template-columns:0 1fr 340px}.bench-layout-wrapper.collapsed-right{grid-template-columns:310px 1fr 0}.bench-layout-wrapper.collapsed-left.collapsed-right{grid-template-columns:0 1fr 0}.panel-toggle-btn{z-index:90;background:var(--panel-bg);color:var(--primary-glow);border:1px solid var(--border-light);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:24px;box-shadow:0 4px 12px #0000004d}.panel-toggle-btn:hover{border-color:var(--primary-glow);box-shadow:0 0 12px var(--primary-glow)}.panel-toggle-btn.left-toggle{left:10px}.panel-toggle-btn.right-toggle{right:10px}.bench-left-sidebar,.bench-right-drawer{flex-direction:column;gap:16px;max-height:calc(100vh - 160px);padding-right:4px;display:flex;overflow-y:auto}.bench-left-sidebar::-webkit-scrollbar{width:5px}.bench-right-drawer::-webkit-scrollbar{width:5px}.shelf-scroll::-webkit-scrollbar{width:5px}.bench-left-sidebar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.bench-right-drawer::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.shelf-scroll::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.reagent-filter-tools{border-bottom:1px solid var(--border-light);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.search-input{background:var(--input-bg);border:1px solid var(--border-light);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 12px;font-size:12px}.search-input:focus{border-color:var(--primary-glow);box-shadow:0 0 8px #5ed6c033}.cat-select{background:var(--input-bg);border:1px solid var(--border-light);width:100%;color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:6px 10px;font-size:11px}.account-menu-container{z-index:120;position:relative}.account-tab-btn{background:var(--panel-bg);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;border-radius:25px;align-items:center;gap:10px;padding:6px 14px;transition:all .2s;display:flex}.account-tab-btn:hover,.account-tab-btn.active{border-color:var(--primary-glow);box-shadow:0 0 12px #5ed6c040}.avatar-circle{background:var(--primary-glow);width:28px;height:28px;color:var(--text-dark);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.user-details{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.user-name{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.1}.user-status-tag{color:var(--text-muted);align-items:center;gap:4px;font-size:9px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.online{background:var(--secondary-glow);box-shadow:0 0 6px var(--secondary-glow)}.status-dot.guest{background:var(--warning-glow)}.dropdown-caret{color:var(--text-muted);font-size:10px}.account-dropdown-card{background:var(--panel-bg);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;width:270px;padding:16px;animation:.2s fadeIn;position:absolute;top:48px;right:0;box-shadow:0 12px 32px #00000080}.dropdown-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.lg-avatar{background:var(--primary-glow);width:42px;height:42px;color:var(--text-dark);border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid}.user-card-info{flex-direction:column;gap:2px;display:flex}.user-card-info strong{color:var(--text-primary);font-size:13px}.user-card-info small{color:var(--text-muted);font-size:10px}.pill-badge{border-radius:10px;margin-top:4px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.pill-badge.success{color:var(--secondary-glow);border:1px solid var(--secondary-glow);background:#52b78833}.pill-badge.warn{color:var(--warning-glow);border:1px solid var(--warning-glow);background:#e8bf2d33}.dropdown-divider{background:var(--border-light);height:1px;margin:10px 0}.dropdown-menu-list{flex-direction:column;gap:4px;display:flex}.menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.menu-item:hover{color:var(--primary-glow);background:#ffffff14}.menu-item.highlight{color:var(--primary-glow);border:1px solid var(--border-light);background:#5ed6c026}.menu-item.danger:hover{color:var(--danger-glow);background:#fa8b7d26}.ai-agent-container{z-index:1000;position:fixed;bottom:80px;left:20px}.ai-agent-trigger-btn{background:var(--panel-bg);border:1px solid var(--primary-glow);color:var(--text-primary);cursor:pointer;border-radius:30px;padding:8px 18px;transition:all .3s;box-shadow:0 8px 24px #0006,0 0 15px #5ed6c04d}.ai-agent-trigger-btn:hover,.ai-agent-trigger-btn.active{box-shadow:0 12px 28px #00000080, 0 0 25px var(--primary-glow);transform:translateY(-2px)}.ai-btn-inner{align-items:center;gap:8px;display:flex}.ai-icon{font-size:16px}.ai-label{letter-spacing:.05em;color:var(--primary-glow);font-size:12px;font-weight:800}.ai-pulse-dot{background:var(--secondary-glow);width:8px;height:8px;box-shadow:0 0 8px var(--secondary-glow);border-radius:50%;animation:1.2s infinite alternate pulse-led}.ai-chat-drawer{background:var(--panel-bg);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:18px;flex-direction:column;width:380px;height:520px;animation:.3s slideUp;display:flex;position:absolute;bottom:50px;left:0;overflow:hidden;box-shadow:0 16px 48px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-drawer-header{border-bottom:1px solid var(--border-light);background:#0000004d;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ai-header-info{align-items:center;gap:10px;display:flex}.ai-header-avatar{font-size:22px}.ai-header-info h4{color:var(--text-primary);font-size:14px;font-weight:800;line-height:1}.ai-subtitle{color:var(--text-muted);font-size:10px}.ai-header-controls{align-items:center;gap:10px;display:flex}.groq-badge{border-radius:10px;padding:2px 8px;font-size:9px;font-weight:700}.groq-badge.online{color:var(--secondary-glow);border:1px solid var(--secondary-glow);background:#52b78833}.groq-badge.fallback{color:var(--warning-glow);border:1px solid var(--warning-glow);background:#e8bf2d33}.ai-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.ai-quick-actions{border-bottom:1px solid var(--border-light);background:#00000026;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.ai-action-btn{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-primary);white-space:nowrap;cursor:pointer;border-radius:12px;padding:4px 10px;font-size:10px;transition:all .2s}.ai-action-btn:hover{border-color:var(--primary-glow);color:var(--primary-glow)}.ai-action-btn.analyze-btn{border-color:var(--primary-glow);color:var(--primary-glow);background:#5ed6c026;font-weight:700}.ai-messages-list{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.ai-message-bubble{gap:8px;max-width:90%;font-size:12px;line-height:1.5;display:flex}.ai-message-bubble.user{background:var(--primary-glow);color:var(--text-dark);border-radius:14px 14px 2px;align-self:flex-end;padding:8px 14px;font-weight:600}.ai-message-bubble.assistant{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);border-radius:14px 14px 14px 2px;align-self:flex-start;padding:10px 14px}.msg-content h5{color:var(--primary-glow);margin:6px 0 2px;font-size:12px}.msg-content p{margin-bottom:4px}.typing-indicator{gap:4px;padding:4px;display:flex}.typing-indicator span{background:var(--primary-glow);border-radius:50%;width:6px;height:6px;animation:1s infinite alternate spin}.ai-input-form{border-top:1px solid var(--border-light);background:#0003;gap:6px;padding:10px;display:flex}.ai-input-form input{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:11px}.ai-send-btn{background:var(--primary-glow);color:var(--text-dark);cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:800}.ai-drawer-footer{text-align:center;border-top:1px solid var(--border-light);background:#0006;padding:6px}.ai-drawer-footer small{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em}.preferences-modal,.login-modal{width:540px;max-width:95vw}.pref-modal-header,.login-modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px;display:grid}.theme-card{background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:4px;padding:10px;transition:all .2s;display:flex;position:relative}.theme-card:hover,.theme-card.active{border-color:var(--primary-glow);box-shadow:0 0 10px #5ed6c033}.theme-card.active{background:#5ed6c01a}.theme-icon{font-size:20px}.theme-info strong{color:var(--text-primary);font-size:11px;display:block}.theme-info small{color:var(--text-muted);font-size:9px;display:block}.selected-check{color:var(--primary-glow);font-weight:800;position:absolute;top:6px;right:8px}.pref-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.pref-info strong{color:var(--text-primary);font-size:12px;display:block}.pref-info small{color:var(--text-muted);font-size:10px;display:block}.button-group{gap:4px;display:flex}.choice-btn{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:10px}.choice-btn.active{background:var(--primary-glow);color:var(--text-dark);border-color:var(--primary-glow);font-weight:700}.pref-modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.auth-notice-box{border:1px solid var(--warning-glow);color:var(--text-primary);background:#e8bf2d1f;border-radius:10px;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:11px;display:flex}.auth-tabs{border-bottom:1px solid var(--border-light);gap:6px;margin-bottom:16px;display:flex}.auth-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:12px;font-weight:700}.auth-tab-btn.active{color:var(--primary-glow);border-bottom-color:var(--primary-glow)}.auth-form{flex-direction:column;gap:12px;display:flex}.form-group{text-align:left;flex-direction:column;gap:4px;display:flex}.form-group label{color:var(--text-muted);font-size:11px;font-weight:600}.form-group input{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-primary);border-radius:8px;outline:none;padding:9px 12px;font-size:12px}.form-group input:focus{border-color:var(--primary-glow)}.auth-error-banner{border:1px solid var(--danger-glow);color:var(--danger-glow);background:#fa8b7d33;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:11px}.auth-success-banner{border:1px solid var(--secondary-glow);color:var(--secondary-glow);background:#52b78833;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:11px}.form-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.equipment-tools-bar{border:1px solid var(--border-light);background:#00000040;border-radius:12px;justify-content:center;gap:8px;margin-bottom:12px;padding:6px 10px;display:flex}.equipment-tool-btn{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.equipment-tool-btn:hover{border-color:var(--primary-glow);color:var(--primary-glow)}.equipment-tool-btn.active{border-color:var(--primary-glow);color:var(--primary-glow);background:#5ed6c033;box-shadow:0 0 10px #5ed6c04d}.splash-particles-container{pointer-events:none;z-index:85;width:100%;height:100%;position:absolute;top:0;left:0}.splash-droplet{pointer-events:none;border-radius:50%;animation:.4s ease-out forwards splashFade;position:absolute;box-shadow:0 0 6px #fff9}@keyframes splashFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}.bunsen-burner-unit{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-45px;left:50%;transform:translate(-50%)}.burner-barrel{background:linear-gradient(90deg,#555,#888,#444);border-radius:2px;width:14px;height:34px}.burner-base{background:linear-gradient(#666,#333);border-radius:4px;width:44px;height:12px}.burner-flame{pointer-events:none;width:20px;height:32px;position:absolute;top:-30px}.level-1 .burner-flame .flame-outer{background:radial-gradient(at bottom,#ffd700e6,#ff8c0099,#0000);border-radius:50% 50% 20% 20%;animation:.15s infinite alternate flameFlicker;position:absolute;inset:0}.level-2 .burner-flame .flame-outer{background:radial-gradient(at bottom,#00d4fff2,#0066ffb3,#0000);border-radius:50% 50% 20% 20%;animation:.1s infinite alternate flameFlicker;position:absolute;inset:0}.level-3 .burner-flame .flame-outer{background:radial-gradient(at bottom,#0ff,#0055fff2,#0000);border-radius:50% 50% 20% 20%;animation:60ms infinite alternate flameFlicker;position:absolute;inset:-6px;box-shadow:0 0 20px #00d4ff}@keyframes flameFlicker{0%{transform:scale(1)skew(-1deg)}to{transform:scale(1.1,.95)skew(1.5deg)}}.vessel-body.thermal-overlay-active{border-color:#f05!important;box-shadow:0 0 25px #f05c,inset 0 0 20px #ffe60066!important}.digital-probe-assembly{z-index:80;flex-direction:column;align-items:center;display:flex;position:absolute;top:15px;right:25px}.probe-cable{background:#444;width:2px;height:40px}.probe-head-unit{border:1px solid var(--primary-glow);background:#111;border-radius:6px;padding:3px 8px;box-shadow:0 0 8px #5ed6c066}.probe-readout-text{font-family:var(--font-mono);color:var(--primary-glow);font-size:11px;font-weight:800}.probe-stem-rod{background:linear-gradient(#888,#ccc,#444);border-radius:2px;width:4px;height:110px}.gas-trap-assembly{z-index:85;flex-direction:column;align-items:center;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.stopper-cork{background:#8b5a2b;border-radius:3px;width:32px;height:14px}.gas-delivery-tube{background:#fff9;border:1px solid #ffffff4d;width:4px;height:25px}.gas-syringe-body{border:1px solid var(--primary-glow);background:#ffffff26;border-radius:4px;align-items:center;width:140px;height:22px;padding:0 6px;display:flex;position:relative;overflow:hidden}.gas-syringe-plunger{border-right:2px solid var(--primary-glow);background:#5ed6c066;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.syringe-label{z-index:2;font-family:var(--font-mono);color:var(--text-primary);font-size:9px;font-weight:800;position:relative}.boiling-surge{animation:.12s infinite alternate boilingShake}@keyframes boilingShake{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.boiling-liquid{background-size:200% 200%;animation:.3s linear infinite alternate liquidBoilWaves!important}@keyframes liquidBoilWaves{0%{filter:brightness()}to{filter:brightness(1.25)}}.boiling-bubble{transform:scale(1.4)!important;box-shadow:0 0 8px #ffffffe6!important}.boiling-tag{color:#f36;margin-left:6px;font-size:9px;font-weight:800}.welcome-page-container{justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px 20px;display:flex;position:relative;overflow:hidden}.welcome-bg-glows{pointer-events:none;position:absolute;inset:0}.glow-orb{filter:blur(80px);opacity:.25;border-radius:50%;animation:8s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:var(--primary-glow);width:350px;height:350px;top:10%;left:20%}.orb-2{background:var(--secondary-glow);width:400px;height:400px;bottom:15%;right:20%}.orb-3{background:#ff007f;width:300px;height:300px;top:40%;right:40%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-40px)scale(1.1)}}.welcome-hero-card{z-index:10;background:var(--panel-bg);border:1px solid var(--border-light);text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:24px;flex-direction:column;align-items:center;gap:24px;width:1000px;max-width:95vw;padding:48px;animation:.4s fadeIn;display:flex;position:relative;box-shadow:0 20px 60px #0009}.welcome-badge{border:1px solid var(--primary-glow);color:var(--primary-glow);letter-spacing:.1em;background:#5ed6c01f;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex}.pulsing-emerald-dot{background:var(--primary-glow);width:8px;height:8px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;animation:1s infinite alternate pulse-led}.welcome-title{color:var(--text-primary);letter-spacing:-.02em;font-size:42px;font-weight:800;line-height:1.15}.welcome-title .highlight-text{background:linear-gradient(135deg, var(--primary-glow), var(--secondary-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.welcome-subtitle{color:var(--text-muted);max-width:680px;font-size:16px;line-height:1.6}.welcome-actions{margin-top:10px}.enter-lab-btn{background:var(--primary-glow);color:var(--text-dark);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:12px;padding:16px 36px;font-size:16px;font-weight:800;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #5ed6c066}.enter-lab-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 40px #5ed6c099}.btn-arrow{font-size:18px;transition:transform .2s}.enter-lab-btn:hover .btn-arrow{transform:translate(4px)}.welcome-features-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;width:100%;margin-top:20px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:8px;padding:20px;transition:all .25s;display:flex}.feature-card:hover{border-color:var(--primary-glow);transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.feature-icon{font-size:28px}.feature-card h4{color:var(--text-primary);font-size:14px;font-weight:700}.feature-card p{color:var(--text-muted);font-size:11px;line-height:1.5}.welcome-footer-tag{color:var(--text-muted);letter-spacing:.12em;margin-top:10px;font-size:10px}.welcome-hdr-link{color:var(--primary-glow)!important;font-weight:800!important}.launch-lab-hdr-btn{border-radius:20px;padding:8px 18px;font-size:12px;font-weight:800}.dose-input-wrap{align-items:center;gap:4px;display:flex}.dose-num-input{background:var(--input-bg);border:1px solid var(--border-light);width:60px;color:var(--text-primary);font-family:var(--font-mono);text-align:center;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;font-weight:700}.dose-num-input:focus{border-color:var(--primary-glow)}.quick-dose-pills{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0;display:grid}.dose-pill{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 4px;font-size:10px;font-weight:700;transition:all .2s}.dose-pill:hover,.dose-pill.active{border-color:var(--primary-glow);color:var(--primary-glow);background:#5ed6c026}