@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;600&display=swap";:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--primary-color: #667eea;--secondary-color: #764ba2;--bg-dark: #0f172a;--bg-darker: #1e293b;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:var(--bg-dark)}code{font-family:Courier New,Courier,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:#4a90e2;color:#fff}::-moz-selection{background:#4a90e2;color:#fff}*:focus-visible{outline:2px solid #4A90E2;outline-offset:2px}.chemical-dropdown{position:relative;width:100%;min-width:200px;z-index:1}.chemical-dropdown.dropdown-open{z-index:1000}.dropdown-trigger{width:100%;padding:12px 16px;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.dropdown-trigger:hover{border-color:#4a90e2;box-shadow:0 4px 8px #4a90e226;transform:translateY(-1px)}.dropdown-trigger:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.dropdown-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;text-align:left}.selected-name{font-weight:600;color:#333}.selected-formula{font-size:12px;color:#666;font-style:italic}.placeholder{color:#999;font-style:italic}.dropdown-arrow{font-size:10px;color:#666;transition:transform .3s ease;margin-left:8px}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:9999;max-height:400px;display:flex;flex-direction:column;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{padding:12px;border-bottom:1px solid #e0e0e0}.search-input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.dropdown-list{overflow-y:auto;max-height:320px;padding:4px}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-radius:6px;transition:all .2s ease}.dropdown-item:hover,.dropdown-item:focus{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);outline:none}.chemical-icon{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 6px #00000026;flex-shrink:0}.chemical-info{flex:1;display:flex;flex-direction:column;gap:2px}.chemical-name{font-weight:600;font-size:13px;color:#333}.chemical-formula{font-size:11px;color:#666;font-style:italic}.hazard-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.hazard-low{background:#d4edda;color:#155724}.hazard-medium{background:#fff3cd;color:#856404}.hazard-high{background:#f8d7da;color:#721c24}.dropdown-empty{padding:20px;text-align:center;color:#999;font-style:italic}@media (max-width: 768px){.dropdown-menu{max-height:300px}.dropdown-list{max-height:240px}}.chemical-rack{background:#15193299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,243,255,.3);border-radius:16px;padding:24px;box-shadow:0 8px 24px #00f3ff33;margin-bottom:32px}.rack-title{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px;text-align:center;text-transform:uppercase;letter-spacing:1px;filter:drop-shadow(0 0 10px rgba(0,243,255,.5))}.rack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.rack-column{position:relative;background:#1a1f3acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(0,243,255,.2);border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:1}.rack-column:hover{transform:translateY(-4px);border-color:var(--neon-cyan);box-shadow:0 8px 20px #00f3ff66;z-index:10}.column-header{margin-bottom:12px}.column-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:var(--neon-cyan);margin:0 0 4px}.column-description{font-size:12px;color:#fff9;margin:0 0 12px;font-style:italic}.chemical-rack-error{padding:40px;text-align:center;color:var(--neon-pink);font-size:16px;background:#ff006e1a;border-radius:12px;border:2px solid var(--neon-pink)}@media (max-width: 1200px){.rack-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.chemical-rack{padding:16px}.rack-grid{grid-template-columns:1fr;gap:16px}.rack-title{font-size:20px}}.reaction-display{background:#151932cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,243,255,.3);border-radius:12px;padding:16px;margin-top:16px;box-shadow:0 4px 12px #00f3ff4d;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reaction-display.loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top:4px solid var(--neon-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reaction-display.active{border-left:4px solid var(--neon-green)}.reaction-display.inactive{border-left:4px solid rgba(255,255,255,.3)}.reaction-title{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--neon-cyan);font-family:Orbitron,sans-serif}.reaction-equation{background:#1a1f3a99;border:1px solid rgba(0,243,255,.2);padding:12px;border-radius:8px;margin-bottom:12px;font-family:Courier New,monospace;font-size:14px;color:#ffffffe6}.color-change{margin-bottom:12px;font-size:14px;color:#fffc}.visual-effects{margin-bottom:12px}.visual-effects strong{display:block;margin-bottom:8px;color:var(--neon-green);font-size:14px}.effects-list{display:flex;flex-wrap:wrap;gap:8px}.effect-badge{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-green));color:var(--deep-space);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:700;box-shadow:0 2px 6px #00f3ff66}.explanation{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);padding:12px;border-radius:8px;margin-bottom:12px}.explanation strong{display:block;margin-bottom:6px;color:var(--neon-cyan);font-size:14px}.explanation p{margin:0;font-size:13px;color:#fffc;line-height:1.5}.safety-warning{background:#ffc1071a;border:2px solid var(--neon-pink);padding:12px;border-radius:8px;color:#ffffffe6;font-size:13px}.safety-warning strong{display:block;margin-bottom:4px;color:var(--neon-pink)}@keyframes bubble{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-100px) scale(1.5);opacity:0}}.explosive-animation-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:visible}.danger-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,0,0,.3),transparent);animation:flash .3s ease-in-out infinite}.danger-flash.cracking{animation:intensify .5s ease-in-out}@keyframes flash{0%,to{opacity:.3}50%{opacity:.7}}@keyframes intensify{0%{opacity:.3}to{opacity:.9}}.beaker-cracks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.crack{stroke-dasharray:200;stroke-dashoffset:200;animation:drawCrack .3s ease-out forwards;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.crack-1{animation-delay:0s}.crack-2{animation-delay:.1s}.crack-3{animation-delay:.15s}.crack-4{animation-delay:.2s}.explosion-particles{position:absolute;top:50%;left:50%;width:0;height:0}.explosion-particle{position:absolute;width:var(--size);height:var(--size);border-radius:50%;animation:explode 1s ease-out forwards;box-shadow:0 0 10px currentColor}@keyframes explode{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--vx),var(--vy)) rotate(var(--rotation)) scale(.5);opacity:0}}.splash-container{position:absolute;top:50%;left:50%;width:0;height:0}.splash-droplet{position:absolute;width:8px;height:12px;background:linear-gradient(180deg,#6496c8cc,#32649699);border-radius:50% 50% 50% 0;animation:splash .8s ease-out forwards;animation-delay:var(--delay);transform-origin:center}@keyframes splash{0%{transform:rotate(var(--angle)) translate(0) scale(1);opacity:1}50%{transform:rotate(var(--angle)) translate(calc(var(--distance) * .7)) scale(1.2);opacity:.8}to{transform:rotate(var(--angle)) translate(var(--distance)) scale(.5) translateY(30px);opacity:0}}.explosion-warning{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#ff4500f2;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #ff450080;animation:warningPulse .5s ease-in-out infinite;z-index:1001}.warning-icon{font-size:20px;animation:warningShake .3s ease-in-out infinite}.warning-text{letter-spacing:1px}@keyframes warningPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}@keyframes warningShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.shaking{animation:shake .1s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-1deg)}75%{transform:translate(3px) rotate(1deg)}}.page-destruction-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden}.cracked-glass{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glass-crack{stroke-dasharray:500;stroke-dashoffset:500;filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.crack-main-1{animation:drawCrack .3s ease-out forwards;animation-delay:0s}.crack-main-2{animation:drawCrack .3s ease-out forwards;animation-delay:.1s}.crack-main-3{animation:drawCrack .3s ease-out forwards;animation-delay:.15s}.crack-main-4{animation:drawCrack .3s ease-out forwards;animation-delay:.2s}.crack-secondary-1{animation:drawCrack .2s ease-out forwards;animation-delay:.3s}.crack-secondary-2{animation:drawCrack .2s ease-out forwards;animation-delay:.35s}.crack-secondary-3{animation:drawCrack .2s ease-out forwards;animation-delay:.4s}.crack-secondary-4{animation:drawCrack .2s ease-out forwards;animation-delay:.45s}@keyframes drawCrack{to{stroke-dashoffset:0}}.debris-container{position:absolute;width:100%;height:100%}.debris-particle{position:absolute;width:var(--size);height:var(--size);background:linear-gradient(135deg,#c8c8c8cc,#96969699);border-radius:2px;left:var(--start-x);top:var(--start-y);animation:debrisFly var(--duration) ease-out infinite;animation-delay:var(--delay);box-shadow:0 2px 4px #0000004d}@keyframes debrisFly{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.3}to{transform:translate(calc(var(--end-x) - var(--start-x)),calc(var(--end-y) - var(--start-y))) rotate(var(--rotation));opacity:0}}.smoke-container{position:absolute;bottom:0;width:100%;height:50%;pointer-events:none}.smoke-puff{position:absolute;bottom:0;left:var(--x-pos);width:150px;height:150px;background:radial-gradient(circle,rgba(100,100,100,.4),transparent 70%);border-radius:50%;animation:smokeRise 4s ease-out infinite;animation-delay:var(--delay);opacity:0}@keyframes smokeRise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:.6}to{transform:translateY(-400px) scale(2);opacity:0}}.persistent-warning-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none}.warning-banner-content{background:linear-gradient(135deg,#ff4500,tomato);color:#fff;padding:16px 32px;border-radius:12px;font-weight:700;font-size:18px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #ff450099,0 0 0 3px #ffffff4d;animation:bannerPulse 1s ease-in-out infinite;border:3px solid rgba(255,255,255,.8)}.warning-banner-icon{font-size:24px;animation:iconRotate 2s linear infinite}.warning-banner-text{letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@keyframes bannerPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #ff450099,0 0 0 3px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 12px 40px #ff4500cc,0 0 0 4px #ffffff80}}@keyframes iconRotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(15deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.screen-shake{animation:screenShake .5s ease-in-out infinite}@keyframes screenShake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-5px,-3px) rotate(-.5deg)}20%{transform:translate(5px,3px) rotate(.5deg)}30%{transform:translate(-3px,5px) rotate(-.3deg)}40%{transform:translate(3px,-5px) rotate(.3deg)}50%{transform:translate(-5px,3px) rotate(-.5deg)}60%{transform:translate(5px,-3px) rotate(.5deg)}70%{transform:translate(-3px,-5px) rotate(-.3deg)}80%{transform:translate(3px,5px) rotate(.3deg)}90%{transform:translate(-5px,-3px) rotate(-.5deg)}}.element-distorted{animation:elementDistort 1s ease-in-out infinite}@keyframes elementDistort{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-3px,2px) rotate(-2deg) scale(.98)}50%{transform:translate(3px,-2px) rotate(2deg) scale(1.02)}75%{transform:translate(-2px,3px) rotate(-1deg) scale(.99)}}.mixing-flask-container{background:#15193299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,243,255,.3);border-radius:16px;padding:24px;box-shadow:0 8px 24px #00f3ff33}.flask-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px;text-align:center;filter:drop-shadow(0 0 10px rgba(0,243,255,.5))}.mixing-flask-wrapper{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:350px;margin-bottom:24px;padding-bottom:50px}.mixing-flask-large{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;margin-bottom:40px}.mixing-flask-large.stirring{animation:flaskShake .3s ease-in-out infinite}@keyframes flaskShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.flask-neck-large{width:40px;height:40px;background:linear-gradient(to right,#fff6,#ffffff1a,#fff6);border:3px solid rgba(200,200,200,.6);border-bottom:none;border-radius:6px 6px 0 0;position:relative;z-index:2}.flask-body-large{position:relative;width:150px;height:220px;background:linear-gradient(135deg,#ffffff80,#ffffff1a,#fff6);border:3px solid rgba(200,200,200,.6);border-radius:0 0 45% 45%;overflow:hidden;box-shadow:inset 4px 4px 12px #fff9,inset -4px -4px 12px #0000001a,0 8px 24px #0003}.flask-liquid-large{position:absolute;bottom:0;left:0;right:0;opacity:.75;transition:all .5s ease;border-radius:0 0 45% 45%;overflow:hidden}.flask-shine-large{position:absolute;top:15%;left:20%;width:30%;height:45%;background:linear-gradient(135deg,#ffffffb3,#fff0 70%);border-radius:50%;pointer-events:none}.bubbles{position:absolute;width:100%;height:100%;overflow:hidden}.bubbles:before,.bubbles:after{content:"";position:absolute;bottom:0;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff4d);border-radius:50%;animation:bubble 2s ease-in-out infinite;box-shadow:inset -2px -2px 4px #0000001a}.bubbles:before{left:30%;animation-delay:.5s}.bubbles:after{left:70%;animation-delay:1s}@keyframes bubble{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-150px) scale(1.5);opacity:0}}.flask-liquid-large.stirring:before,.flask-liquid-large.stirring:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffffff2,#c8dcff66);box-shadow:inset -3px -3px 6px #00000026,0 0 8px #ffffff4d;animation:advancedBubble 3s ease-in-out infinite}.flask-liquid-large.stirring:before{width:15px;height:15px;bottom:10%;left:25%;animation-delay:.3s}.flask-liquid-large.stirring:after{width:8px;height:8px;bottom:15%;right:30%;animation-delay:1.2s}@keyframes advancedBubble{0%{transform:translateY(0) scale(.5) translate(0);opacity:0}10%{opacity:.8}50%{transform:translateY(-80px) scale(1) translate(10px);opacity:.9}to{transform:translateY(-160px) scale(1.3) translate(-5px);opacity:0}}.flask-liquid-large.stirring{animation:liquidVortex 2s ease-in-out infinite;transform-origin:center bottom}@keyframes liquidVortex{0%,to{border-radius:0 0 45% 45%}25%{border-radius:0 0 48% 42%}50%{border-radius:0 0 42% 48%}75%{border-radius:0 0 46% 44%}}.mixing-flask-large.stirring .flask-liquid-large:before,.mixing-flask-large.stirring .flask-liquid-large:after{content:"⚛";position:absolute;font-size:20px;color:#ffffffb3;text-shadow:0 0 10px rgba(255,255,255,.8);animation:particleFloat 4s ease-in-out infinite;z-index:5}.mixing-flask-large.stirring .flask-liquid-large:before{top:30%;left:20%;animation-delay:0s}.mixing-flask-large.stirring .flask-liquid-large:after{top:50%;right:25%;animation-delay:2s}@keyframes particleFloat{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.6}25%{transform:translate(15px,-10px) rotate(90deg) scale(1.2);opacity:.9}50%{transform:translate(-10px,15px) rotate(180deg) scale(.8);opacity:.7}75%{transform:translate(20px,5px) rotate(270deg) scale(1.1);opacity:.8}}.flask-liquid-large.stirring{background:linear-gradient(45deg,currentColor 0%,color-mix(in srgb,currentColor 80%,white) 50%,currentColor 100%);background-size:200% 200%;animation:liquidVortex 2s ease-in-out infinite,gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.flask-body-large:after{content:"";position:absolute;top:10%;right:15%;width:25%;height:60%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 30%,transparent 60%);border-radius:50%;pointer-events:none;animation:refractionShimmer 3s ease-in-out infinite}@keyframes refractionShimmer{0%,to{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:.9;transform:translateY(-10px) scale(1.05)}}.mixing-flask-large.stirring .flask-neck-large:before,.mixing-flask-large.stirring .flask-neck-large:after{content:"";position:absolute;width:30px;height:40px;background:radial-gradient(ellipse at center,rgba(255,255,255,.4),transparent 70%);border-radius:50%;animation:vaporRise 3s ease-out infinite;top:-20px}.mixing-flask-large.stirring .flask-neck-large:before{left:-5px;animation-delay:0s}.mixing-flask-large.stirring .flask-neck-large:after{right:-5px;animation-delay:1.5s}@keyframes vaporRise{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:.6}to{transform:translateY(-60px) scale(1.5);opacity:0}}.mixing-flask-large.stirring .flask-liquid-large{box-shadow:0 0 20px #00f3ff66,inset 0 0 30px #00f3ff33;animation:liquidVortex 2s ease-in-out infinite,gradientShift 3s ease-in-out infinite,bioluminescentGlow 2s ease-in-out infinite}@keyframes bioluminescentGlow{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.4)}}.precipitate{position:absolute;bottom:0;left:0;right:0;height:20%;background:#c8c8c899;animation:precipitateSettle 2s ease-out}@keyframes precipitateSettle{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.ion-animation{position:absolute;width:100%;height:100%;pointer-events:none}.ion{position:absolute;font-size:16px;font-weight:700;color:#2c3e50;animation:ionMove 3s ease-in-out infinite}.ion-1{top:20%;left:20%;animation-delay:0s}.ion-2{top:30%;right:20%;animation-delay:.5s}.ion-3{bottom:30%;left:30%;animation-delay:1s}.ion-4{bottom:20%;right:30%;animation-delay:1.5s}@keyframes ionMove{0%,to{transform:translate(0) scale(1);opacity:.8}25%{transform:translate(20px,-20px) scale(1.2);opacity:1}50%{transform:translate(-20px,20px) scale(.8);opacity:.6}75%{transform:translate(10px,10px) scale(1.1);opacity:.9}}.product-labels{position:absolute;bottom:10%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;z-index:10}.product-label{background:#fffffffa;border:3px solid #4A90E2;border-radius:12px;padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 4px 16px #0000004d;animation:labelFadeIn .5s ease-out forwards;opacity:0}@keyframes labelFadeIn{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.product-formula{font-size:18px;font-weight:800;color:#1a202c;text-shadow:0 1px 2px rgba(255,255,255,.8)}.product-name{font-size:10px;color:#7f8c8d;font-weight:600}.heat-waves{position:absolute;bottom:-10px;left:0;right:0;height:30px;background:linear-gradient(to top,rgba(255,100,0,.3),transparent);animation:heatWave 1s ease-in-out infinite}@keyframes heatWave{0%,to{opacity:.5}50%{opacity:.8}}.bunsen-burner{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1}.burner-base{width:60px;height:40px;background:linear-gradient(to bottom,#7f8c8d,#95a5a6);border-radius:4px;box-shadow:0 4px 8px #0000004d}.flame{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:40px;height:60px;background:linear-gradient(to top,#ff6b00,#ff9500,#ffbb00,transparent);border-radius:50%/60% 60% 40% 40%;animation:flicker .3s ease-in-out infinite;filter:blur(2px)}@keyframes flicker{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05,.95)}}.flask-contents{background:#1a1f3a99;border:1px solid rgba(0,243,255,.2);border-radius:8px;padding:16px;margin-bottom:16px}.flask-contents h4{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--neon-cyan)}.contents-list{list-style:none;padding:0;margin:0}.contents-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contents-list li:last-child{border-bottom:none}.content-info{display:flex;justify-content:space-between;flex:1;margin-right:12px}.content-name{font-weight:600;color:#ffffffe6}.content-amount{color:var(--neon-green);font-size:14px}.remove-chemical-btn{background:#ff006e33;border:1px solid rgba(255,0,110,.4);color:var(--neon-pink);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;flex-shrink:0}.remove-chemical-btn:hover{background:#ff006e66;border-color:var(--neon-pink);transform:scale(1.1);box-shadow:0 0 8px #ff006e80}.empty-message{color:#ffffff80;font-style:italic;margin:0;text-align:center}.flask-controls{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.flask-controls button{flex:1;min-width:140px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-analyze{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-green));color:var(--deep-space);font-weight:700;box-shadow:0 4px 12px #00f3ff66}.btn-analyze:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00f3ff99}.btn-heat{background:linear-gradient(135deg,var(--neon-pink),#ff9500);color:#fff;font-weight:700;box-shadow:0 4px 12px #ff006e66}.btn-heat:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff006e99}.btn-heat.active{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-clear{background:linear-gradient(135deg,#95a5a64d,#7f8c8d4d);border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:700;box-shadow:0 4px 12px #0000004d}.btn-clear:hover:not(:disabled){transform:translateY(-2px);border-color:#ffffff80;box-shadow:0 6px 16px #fff3}.flask-controls button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.mixing-flask-container{padding:16px}.flask-body-large{width:120px;height:180px}.flask-controls{flex-direction:column}.flask-controls button{width:100%}}.gas-bubbles{position:absolute;width:100%;height:100%;pointer-events:none;overflow:visible}.gas-bubble{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:30px;height:30px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#c8dcff99);border:2px solid rgba(100,150,255,.4);border-radius:50%;animation:bubbleRise 3s ease-in var(--delay, 0s) infinite;opacity:0;display:flex;align-items:center;justify-content:center}.gas-label{font-size:10px;font-weight:700;color:#2c3e50;text-shadow:0 0 2px white}@keyframes bubbleRise{0%{bottom:20%;left:calc(50% + var(--x-offset, 0px));opacity:0;transform:translate(-50%) scale(.5)}10%{opacity:.9}50%{opacity:.8;transform:translate(-50%) scale(1)}90%{opacity:.3}to{bottom:110%;left:calc(50% + var(--x-offset, 0px) + 10px);opacity:0;transform:translate(-50%) scale(1.2)}}.ion-animation-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:24px;margin:24px 0;box-shadow:0 8px 24px #0000001a}.animation-title{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 16px;text-align:center}.reaction-equation{background:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:16px;color:#34495e;box-shadow:0 2px 8px #0000000d}.ion-visualization{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;min-height:200px}.ion-section{flex:1;background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000014}.ion-section h4{font-size:14px;font-weight:700;color:#2c3e50;margin:0 0 12px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.ion-particles{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;min-height:100px;align-items:center}.ion-particle{position:relative;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;border:3px solid rgba(255,255,255,.8);transition:all .3s ease;cursor:pointer}.ion-particle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.ion-particle.animating{animation:ionFloat 2s ease-in-out infinite}@keyframes ionFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(-5deg)}}.ion-formula{font-size:16px;font-weight:700;color:#2c3e50;text-shadow:0 1px 2px rgba(255,255,255,.8)}.ion-name{font-size:9px;color:#34495e;text-align:center;margin-top:2px;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8)}.ion-charge{position:absolute;top:5px;right:5px;background:#ffffffe6;color:#e74c3c;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.reaction-arrow{display:flex;flex-direction:column;align-items:center;gap:8px}.arrow{font-size:48px;color:#4a90e2;font-weight:700;transition:all .3s ease}.arrow.pulse{animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:scale(1);color:#4a90e2}50%{transform:scale(1.2);color:#357abd}}.arrow-label{font-size:12px;font-weight:600;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.formation-steps{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.formation-steps h4{font-size:16px;font-weight:700;color:#2c3e50;margin:0 0 12px}.steps-list{margin:0;padding-left:24px;list-style-type:none;counter-reset:step-counter}.steps-list li{counter-increment:step-counter;position:relative;padding:12px 0 12px 16px;border-left:3px solid #4A90E2;margin-bottom:8px;color:#34495e;line-height:1.6}.steps-list li:before{content:counter(step-counter);position:absolute;left:-15px;top:8px;background:#4a90e2;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;box-shadow:0 2px 6px #4a90e24d}.steps-list li.step-reveal{animation:stepReveal .5s ease-out forwards;opacity:0}@keyframes stepReveal{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.ion-visualization{flex-direction:column;gap:16px}.reaction-arrow{transform:rotate(90deg)}.ion-particle{width:70px;height:70px}.ion-formula{font-size:14px}.ion-name{font-size:8px}}.reaction-mechanism{background:linear-gradient(135deg,#fffffff2,#f0f8fff2);border-radius:16px;padding:20px;margin:20px 0;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(100,150,255,.3);max-height:fit-content}.mechanism-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mechanism-header h3{margin:0;font-size:20px;color:#2c3e50;font-weight:600}.reaction-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.flowchart-container{background:#fff;border-radius:12px;padding:30px 20px;margin-bottom:20px}.flowchart-animation{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:nowrap;overflow-x:auto;padding:10px 0}.flowchart-section{flex:0 0 auto;min-width:150px;transition:all .5s ease}.section-label{font-size:12px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;text-align:center}.molecules-container{display:flex;flex-direction:column;gap:8px;align-items:center}.molecule-box{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;box-shadow:0 4px 12px #4a90e24d;transition:all .5s ease;text-align:center;min-width:80px}.reactant-molecule{background:linear-gradient(135deg,#e53e3e,#c53030)}.product-molecule{background:linear-gradient(135deg,#48bb78,#38a169)}.reactants-section.active .molecule-box{animation:pulse 1s ease-in-out infinite}.reactants-section.breaking .molecule-box{animation:breakApart 1s ease-out forwards}.products-section.forming .molecule-box{animation:formTogether 1s ease-out forwards;opacity:0}.products-section.active .molecule-box{animation:pulse 1s ease-in-out infinite;opacity:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 6px 16px #4a90e280}}@keyframes breakApart{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2)}to{transform:scale(.3);opacity:.3}}@keyframes formTogether{0%{transform:scale(.3);opacity:.3}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.transition-section{min-width:180px}.transition-particles{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;padding:20px 10px}.particle-group{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.transition-particle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 12px;border-radius:6px;font-weight:600;font-size:12px;box-shadow:0 2px 8px #667eea4d;opacity:1;transform:scale(.85);min-width:35px;text-align:center}.transition-section.active .transition-particle{animation:particleFloat 1.5s ease-in-out var(--delay, 0s) infinite}@keyframes particleFloat{0%,to{transform:translateY(0) scale(.85)}50%{transform:translateY(-10px) scale(1.05)}}.flow-arrow{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.3;transition:all .5s ease}.flow-arrow.active{opacity:1}.arrow-line{width:40px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);position:relative}.flow-arrow.active .arrow-line{animation:arrowFlow 1.5s ease-in-out infinite}@keyframes arrowFlow{0%{transform:scaleX(.8);opacity:.5}50%{transform:scaleX(1.2);opacity:1}to{transform:scaleX(.8);opacity:.5}}.arrow-head{font-size:20px;color:#667eea;font-weight:700}.arrow-label{font-size:10px;color:#718096;font-weight:600;text-align:center;white-space:nowrap}.mechanism-steps-section{background:#667eea0d;border-radius:12px;padding:20px;margin-top:20px}.steps-header{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:16px;text-align:center}.step-display{background:#fff;border-radius:8px;padding:16px}.step-number{font-size:14px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;text-align:center}.step-content{display:flex;flex-direction:column;gap:12px}.step-description-box{background:#667eea1a;border-left:4px solid #667eea;padding:12px;border-radius:6px}.step-title{font-size:14px;color:#2c3e50;font-weight:500;line-height:1.5}.step-hint-box{font-size:12px;color:#718096;font-style:italic;margin-top:6px;padding:6px 10px;background:#ffffffb3;border-radius:4px}.participants-display{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.participant-box{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;padding:8px 14px;border-radius:6px;font-weight:600;font-size:13px;box-shadow:0 2px 8px #4a90e24d}.visual-type-indicator{text-align:center;font-size:15px;font-weight:600;color:#667eea;padding:10px;background:#667eea1a;border-radius:6px}.energy-display{display:flex;justify-content:center;align-items:center;gap:6px;padding:10px;background:#e74c3c1a;border-radius:6px}.energy-label{font-weight:600;color:#2c3e50;font-size:13px}.energy-value{font-weight:700;font-size:14px}.energy-value.exothermic{color:#e74c3c}.energy-value.endothermic{color:#3498db}.step-progress{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.progress-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e0;transition:all .3s ease;cursor:pointer}.progress-dot:hover{transform:scale(1.2)}.progress-dot.active{background:#667eea;transform:scale(1.4);box-shadow:0 0 10px #667eea99}.progress-dot.completed{background:#48bb78}@media (max-width: 768px){.flowchart-animation{flex-direction:column;align-items:stretch}.flowchart-section{min-width:100%}.flow-arrow{transform:rotate(90deg);margin:10px 0}.arrow-line{width:30px}}.reaction-report{background:#151932b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,243,255,.4);border-radius:16px;padding:20px;box-shadow:0 8px 32px #00f3ff4d;max-height:800px;overflow-y:auto;font-family:JetBrains Mono,monospace}.reaction-report::-webkit-scrollbar{width:8px}.reaction-report::-webkit-scrollbar-track{background:#1a1f3a80;border-radius:4px}.reaction-report::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),var(--neon-pink));border-radius:4px}.reaction-report::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-pink),var(--neon-green))}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(0,243,255,.3)}.report-title-section{display:flex;align-items:center;gap:12px}.report-title{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 10px rgba(0,243,255,.5))}.phase-indicator{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:#f0f;background:#ff00ff26;border:1px solid rgba(255,0,255,.4);padding:4px 12px;border-radius:12px;text-shadow:0 0 8px rgba(255,0,255,.6);animation:pulsePink 2s ease-in-out infinite}@keyframes pulsePink{0%,to{box-shadow:0 0 5px #ff00ff4d}50%{box-shadow:0 0 15px #f0f9}}.download-btn{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-green));color:var(--deep-space);border:none;padding:10px 20px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #00f3ff66;transition:all .3s ease}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f3ff99}.download-btn:active{transform:translateY(0)}.download-icon{font-size:18px}.report-content{display:flex;flex-direction:column;gap:20px}.report-section{background:#1a1f3a80;border:1px solid rgba(0,243,255,.2);border-radius:12px;padding:16px}.section-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;color:var(--neon-cyan);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.section-content{color:#e0e0e0;font-size:13px;line-height:1.6}.info-group{margin-bottom:12px}.info-group strong{color:var(--neon-cyan);display:block;margin-bottom:4px}.info-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:8px}.info-row strong{color:var(--neon-cyan)}.reactant-list{list-style:none;padding-left:0;margin:4px 0}.reactant-list li{padding:4px 0 4px 20px;position:relative}.reactant-list li:before{content:"⚗️";position:absolute;left:0}.equation-box{background:#0a0e2799;border:1px solid rgba(0,243,255,.3);border-radius:6px;padding:10px;font-family:JetBrains Mono,monospace;color:#fff;text-align:center;margin-top:4px}.danger-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.danger-low{background:#39ff1433;color:var(--neon-green);border:1px solid var(--neon-green)}.danger-medium{background:#fff30033;color:#ffeb3b;border:1px solid #ffeb3b}.danger-high{background:#ff980033;color:#ff9800;border:1px solid #ff9800}.danger-extreme{background:#ff006e33;color:var(--neon-pink);border:1px solid var(--neon-pink)}.product-card{background:#0a0e2766;border:1px solid rgba(0,243,255,.2);border-radius:8px;padding:12px;margin-bottom:12px}.product-name{font-family:Orbitron,sans-serif;font-size:14px;color:var(--neon-green);margin:0 0 8px}.product-basic{display:flex;gap:15px;margin-bottom:8px;font-size:12px;color:#b0b0b0}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3);vertical-align:middle;margin-right:4px}.product-details p{margin:4px 0;font-size:12px}.product-details strong{color:var(--neon-cyan)}.uses-section{margin-top:8px}.uses-section ul{margin:4px 0;padding-left:20px}.uses-section li{font-size:12px;margin:2px 0}.steps-group{margin-bottom:12px}.steps-group strong{color:var(--neon-cyan);display:block;margin-bottom:6px}.mechanism-list,.formation-list{margin:4px 0;padding-left:20px}.mechanism-list li,.formation-list li{margin:6px 0;font-size:12px}.step-desc{color:#e0e0e0}.step-energy{color:var(--neon-green);font-size:11px;margin-top:2px}.fun-facts-group{margin-bottom:12px}.fun-facts-group strong{color:var(--neon-green);display:block;margin-bottom:4px}.fun-facts-list{list-style:none;padding-left:0;margin:4px 0}.fun-facts-list li{padding:4px 0 4px 20px;position:relative;font-size:12px}.fun-facts-list li:before{content:"💡";position:absolute;left:0}.safety-box{background:#ff006e1a;border:1px solid rgba(255,0,110,.3);border-radius:6px;padding:10px;margin-bottom:12px}.safety-box strong{color:var(--neon-pink)}.health-card{background:#0a0e2766;border:1px solid rgba(0,243,255,.2);border-radius:8px;padding:12px;margin-bottom:12px}.health-card h5{font-family:Orbitron,sans-serif;font-size:13px;color:var(--neon-cyan);margin:0 0 8px}.health-group{margin:8px 0}.health-group strong{display:block;margin-bottom:4px}.health-group.benefits strong{color:var(--neon-green)}.health-group.hazards strong{color:var(--neon-pink)}.health-group ul{margin:4px 0;padding-left:20px}.health-group li{font-size:12px;margin:2px 0}.health-card p{margin:4px 0;font-size:12px}.health-card strong{color:var(--neon-cyan)}.effects-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.effect-tag{background:linear-gradient(135deg,#00f3ff33,#39ff1433);border:1px solid rgba(0,243,255,.4);color:var(--neon-cyan);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}@media (max-width: 768px){.reaction-report{max-height:600px;padding:15px}.report-header{flex-direction:column;align-items:flex-start;gap:10px}.download-btn{width:100%;justify-content:center}.info-row{flex-direction:column;gap:8px}.product-basic{flex-direction:column;gap:4px}}.product-selector{background:#0a0e27b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,243,255,.3);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #00f3ff1a}.product-selector-header{margin-bottom:20px}.product-selector-title{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#00f3ff;margin:0 0 8px;text-shadow:0 0 10px rgba(0,243,255,.5)}.product-selector-subtitle{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#fff9;margin:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.product-card{background:#141831cc;border:2px solid rgba(0,243,255,.2);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00f3ff0d,#ff00ff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.product-card:hover{border-color:#00f3ff;box-shadow:0 0 20px #00f3ff66;transform:translateY(-4px)}.product-card:hover:before{opacity:1}.product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-phase-badge{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#f0f;background:#ff00ff1a;border:1px solid rgba(255,0,255,.3);padding:4px 8px;border-radius:6px;text-shadow:0 0 5px rgba(255,0,255,.5)}.product-color-indicator{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 10px currentColor}.product-card-body{margin-bottom:12px}.product-name{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#fff;margin:0 0 4px}.product-formula{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#0f8;margin:0 0 8px}.product-details{display:flex;justify-content:space-between;gap:8px;font-family:JetBrains Mono,monospace;font-size:.8rem}.product-state{color:#ffffffb3;background:#ffffff1a;padding:2px 8px;border-radius:4px}.product-amount{color:#00f3ff}.product-card-footer{margin-top:12px}.add-product-btn{width:100%;background:linear-gradient(135deg,#00f3ff33,#00f3ff1a);border:1px solid #00F3FF;color:#00f3ff;font-family:Orbitron,sans-serif;font-size:.9rem;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.add-product-btn span{font-size:1.2rem;font-weight:700}.add-product-btn:hover{background:linear-gradient(135deg,#00f3ff4d,#00f3ff33);box-shadow:0 0 15px #00f3ff80;transform:scale(1.05)}.add-product-btn:active{transform:scale(.98)}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.product-selector{padding:16px}.product-selector-title{font-size:1.2rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e0e0e0}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#2c3e50}.close-button{background:none;border:none;font-size:32px;color:#95a5a6;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background:#f0f0f0;color:#e74c3c}.modal-body{padding:24px}.chemical-display{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:24px}.chemical-icon-large{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #00000026;flex-shrink:0}.chemical-details h4{margin:0 0 4px;font-size:18px;font-weight:700;color:#2c3e50}.chemical-details .formula{margin:0 0 4px;font-size:14px;color:#7f8c8d;font-style:italic}.chemical-details .category{margin:0;font-size:12px;color:#95a5a6;text-transform:uppercase;letter-spacing:.5px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#34495e;font-size:14px}.amount-input-wrapper{display:flex;gap:8px}.amount-input-wrapper input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .2s ease}.amount-input-wrapper input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.unit-select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:80px}.unit-select:focus{outline:none;border-color:#4a90e2}.unit-display{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#f8f9fa;color:#666;font-weight:600;min-width:80px;display:flex;align-items:center;justify-content:center}.warning-box{padding:12px 16px;border-radius:8px;border-left:4px solid;margin-top:16px}.warning-box.hazard-medium{background:#fff3cd;border-color:#ffc107;color:#856404}.warning-box.hazard-high{background:#f8d7da;border-color:#dc3545;color:#721c24}.warning-box strong{display:block;margin-bottom:4px}.warning-box p{margin:0;font-size:13px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:2px solid #e0e0e0}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#e0e0e0;color:#666}.btn-cancel:hover{background:#d0d0d0}.btn-confirm{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 4px 12px #4a90e24d}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a90e266}.btn-confirm:active{transform:translateY(0)}@media (max-width: 768px){.modal-content{width:95%}.modal-header,.modal-body,.modal-footer{padding:16px}}.lab-navbar{background-color:#1a1a2e;border-bottom:1px solid #30475e;padding:0 2rem;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px #0000004d}.lab-navbar-content{max-width:1400px;margin:0 auto;height:60px;display:flex;align-items:center;justify-content:space-between}.lab-logo{font-size:1.25rem;font-weight:700;color:#e94560;letter-spacing:.5px}.lab-nav-links{display:flex;gap:1rem;height:100%}.lab-nav-item{color:#a0a0a0;text-decoration:none;font-weight:500;font-size:.95rem;padding:0 1rem;display:flex;align-items:center;height:100%;border-bottom:3px solid transparent;transition:all .2s ease}.lab-nav-item:hover{color:#e0e0e0;background-color:#ffffff08}.lab-nav-item.active{color:#e94560;border-bottom-color:#e94560}.lab-exit-btn{text-decoration:none;color:#e0e0e0;font-size:.9rem;padding:.5rem 1rem;border:1px solid #30475e;border-radius:6px;transition:all .2s ease}.lab-exit-btn:hover{background-color:#30475e;border-color:#4a6fa5}@media (max-width: 768px){.lab-navbar{padding:0 1rem}.lab-logo{display:none}.lab-nav-item{padding:0 .75rem;font-size:.85rem}}:root{--neon-cyan: #00f3ff;--neon-pink: #ff006e;--neon-green: #39ff14;--neon-purple: #bf00ff;--deep-space: #0a0e27;--dark-matter: #151932;--cosmic-blue: #1a1f3a}.chemical-lab{min-height:100vh;background:linear-gradient(135deg,var(--deep-space) 0%,var(--cosmic-blue) 50%,var(--dark-matter) 100%);padding:40px 20px 20px;font-family:JetBrains Mono,monospace;color:#fff;position:relative;overflow-x:hidden}.chemical-lab:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,var(--neon-cyan),transparent),radial-gradient(2px 2px at 60% 70%,var(--neon-pink),transparent),radial-gradient(2px 2px at 50% 50%,var(--neon-green),transparent),radial-gradient(2px 2px at 80% 10%,var(--neon-purple),transparent),radial-gradient(2px 2px at 90% 60%,var(--neon-cyan),transparent);background-size:200% 200%;background-position:0% 0%;animation:particleFloat 20s ease-in-out infinite;opacity:.3;pointer-events:none;z-index:0}@keyframes particleFloat{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.lab-header{text-align:center;color:#fff;margin-bottom:32px;animation:fadeInDown .6s ease;position:relative;z-index:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lab-header h1{font-family:Orbitron,sans-serif;font-size:48px;font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink),var(--neon-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;filter:drop-shadow(0 0 20px rgba(0,243,255,.6));animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(0,243,255,.6))}50%{filter:drop-shadow(0 0 40px rgba(255,0,110,.8))}}.lab-subtitle{font-size:18px;margin:0;color:var(--neon-cyan);font-weight:400;opacity:.9;letter-spacing:1px;text-transform:uppercase}.lab-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:20px;animation:fadeIn .8s ease;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lab-section{animation:slideUp .6s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lab-footer{text-align:center;color:#fff;margin-top:32px;padding:20px;animation:fadeIn 1s ease;position:relative;z-index:1}.lab-footer p{margin:8px 0;font-size:16px;opacity:.9;color:#fffc}.api-note{font-size:14px;opacity:.7;font-style:italic;color:var(--neon-cyan)}@media (max-width: 1024px){.lab-content{grid-template-columns:1fr}.lab-header h1{font-size:36px}.lab-subtitle{font-size:16px}}@media (max-width: 768px){.chemical-lab{padding:20px 12px 12px}.lab-header h1{font-size:28px}.lab-subtitle{font-size:14px}.lab-content{gap:16px}}.chemical-lab ::-webkit-scrollbar{width:10px}.chemical-lab ::-webkit-scrollbar-track{background:var(--dark-matter)}.chemical-lab ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),var(--neon-pink));border-radius:10px}.chemical-lab ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-pink),var(--neon-purple))}.calculators-page{background-color:#162447;min-height:100vh;color:#e0e0e0}.calculators-container{max-width:800px;margin:3rem auto;padding:0 1rem}.calculators-header{text-align:center;margin-bottom:2.5rem}.calculators-header h1{font-size:2.5rem;color:#e94560;margin-bottom:.5rem}.calculators-header p{color:#a0a0a0;font-size:1.1rem}.calculator-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tab-btn{background:transparent;border:2px solid #30475e;color:#a0a0a0;padding:.75rem 2rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600}.tab-btn:hover{border-color:#536f8f;color:#e0e0e0}.tab-btn.active{background:#e94560;border-color:#e94560;color:#fff;box-shadow:0 4px 15px #e9456066}.calculator-card{background:#1f4068;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.05)}.calc-content h2{color:#fff;margin-bottom:.5rem;border-bottom:2px solid #e94560;display:inline-block;padding-bottom:.25rem}.formula{font-family:Courier New,monospace;background:#0003;padding:.5rem 1rem;border-radius:6px;display:inline-block;color:#a0a0a0;margin-bottom:2rem;font-size:.9rem}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-group label{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500}.radio-group input[type=radio]{accent-color:#e94560;width:1.1rem;height:1.1rem;margin:0}.input-group>label{color:#fff;font-weight:600;font-size:1rem;margin-bottom:.5rem;display:block}.inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.input-field{display:flex;flex-direction:column;gap:.5rem}.input-field.full-width{grid-column:1 / -1}.input-field label{font-size:.9rem;font-weight:600;color:#cbd5e0}.input-field input{background:#162447;border:1px solid #30475e;padding:.75rem 1rem;border-radius:6px;color:#fff;font-size:1rem;transition:all .2s}.input-field input:focus{border-color:#e94560;outline:none;box-shadow:0 0 0 2px #e9456033}.calc-btn{width:100%;background:#e94560;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.calc-btn:hover{background:#d63753;transform:translateY(-2px);box-shadow:0 5px 15px #e9456066}.result-display{margin-top:2rem;background:#16244780;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid #e94560;animation:fadeIn .3s ease}.result-label{display:block;color:#a0a0a0;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.result-value{font-size:2.5rem;font-weight:700;color:#fff}.result-value small{font-size:1.5rem;color:#e94560;margin-left:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.calculator-tabs{flex-direction:column}.inputs-grid{grid-template-columns:1fr}}.balancer-page{background-color:#162447;min-height:100vh;color:#e0e0e0}.balancer-container{max-width:900px;margin:3rem auto;padding:0 1rem}.balancer-header{text-align:center;margin-bottom:2.5rem}.balancer-header h1{font-size:2.5rem;color:#4cd137;margin-bottom:.5rem}.balancer-header p{color:#a0a0a0;font-size:1.1rem}.balancer-card{background:#1f4068;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.05)}.input-section{display:flex;gap:1rem;margin-bottom:2rem}.equation-input{flex:1;background:#162447;border:2px solid #30475e;padding:1rem 1.5rem;border-radius:8px;color:#fff;font-size:1.2rem;font-family:Courier New,monospace;transition:all .2s}.equation-input:focus{border-color:#4cd137;outline:none;box-shadow:0 0 0 2px #4cd13733}.balance-btn{background:#4cd137;color:#162447;border:none;padding:0 2rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.balance-btn:hover:not(:disabled){background:#44bd32;transform:translateY(-2px);box-shadow:0 5px 15px #4cd13766}.balance-btn:disabled{background:#30475e;color:#888;cursor:not-allowed}.error-message{background:#e74c3c1a;color:#e74c3c;padding:1rem;border-radius:8px;border:1px solid #e74c3c;margin-bottom:1.5rem;text-align:center}.result-section{animation:slideUp .4s ease}.balanced-equation-display{text-align:center;margin-bottom:2.5rem;background:#16244799;padding:1.5rem;border-radius:12px;border-left:5px solid #4cd137}.balanced-equation-display h3{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.equation-text{font-size:1.8rem;font-family:Times New Roman,serif;color:#fff;font-style:italic}.coefficients-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.coeff-pill{background:#162447;padding:.5rem 1.2rem;border-radius:50px;border:1px solid #30475e;display:flex;align-items:center;gap:.5rem}.compound{color:#a0a0a0;font-weight:500}.coeff-value{color:#4cd137;font-weight:800;font-size:1.1rem}.steps-container{background:#ffffff08;border-radius:12px;padding:2rem}.steps-container h3{margin-bottom:1.5rem;color:#e0e0e0;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.step-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.step-number{background:#4cd137;color:#162447;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0;margin-top:2px}.step-content{line-height:1.6;color:#dcdde1;font-size:1.05rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.input-section{flex-direction:column}.equation-text{font-size:1.4rem}}.material-storage{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:30px;box-shadow:0 10px 40px #0000004d;border:2px solid #0f3460}.storage-title{color:#e94560;font-size:1.8rem;margin-bottom:10px;text-align:center;text-shadow:0 0 10px rgba(233,69,96,.5)}.storage-subtitle{color:#aaa;text-align:center;margin-bottom:30px;font-size:1rem}.storage-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.storage-section{background:#ffffff0d;padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;z-index:1}.storage-section:hover{background:#ffffff14;border-color:#e9456080;transform:translateY(-2px);z-index:10}.section-title{color:#e94560;font-size:1.2rem;margin-bottom:5px}.section-desc{color:#999;font-size:.9rem;margin-bottom:15px}.furnace-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;padding:30px;box-shadow:0 10px 40px #ff64004d;border:2px solid #ff6600}.furnace-title{color:#f93;font-size:1.8rem;margin-bottom:20px;text-align:center;text-shadow:0 0 10px rgba(255,153,51,.5)}.furnace-wrapper{display:flex;justify-content:center;margin:30px 0}.furnace{width:300px;height:400px;position:relative;transition:all .3s ease}.furnace-top{width:100%;height:40px;background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border-radius:10px 10px 0 0;border:3px solid #2a2a2a}.furnace-body{width:100%;height:300px;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border:3px solid #2a2a2a;border-top:none;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c}.molten-metal{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#f60,#f30);transition:height .5s ease,background-color .5s ease;box-shadow:0 -5px 30px #f60c}.furnace.smelting .molten-metal{animation:bubbling 1s infinite}@keyframes bubbling{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.heat-wave{position:absolute;width:100%;height:30px;background:linear-gradient(180deg,rgba(255,200,0,.3) 0%,transparent 100%);animation:heatWave 2s infinite}.wave-1{top:10%;animation-delay:0s}.wave-2{top:30%;animation-delay:.5s}.wave-3{top:50%;animation-delay:1s}@keyframes heatWave{0%,to{opacity:.3;transform:translateY(0) scaleX(1)}50%{opacity:.6;transform:translateY(-10px) scaleX(1.1)}}.sparks{position:absolute;width:100%;height:100%}.spark{position:absolute;width:3px;height:3px;background:#ff0;border-radius:50%;bottom:0;left:50%;animation:sparkFly 1.5s infinite;animation-delay:var(--delay);box-shadow:0 0 5px #ff0}@keyframes sparkFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(var(--delay) * 50px - 100px),-200px) scale(0);opacity:0}}.alloy-name-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:700;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.5);padding:10px 20px;background:#00000080;border-radius:10px;animation:glow 2s infinite}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.5)}50%{text-shadow:0 0 10px rgba(0,0,0,.8),0 0 30px rgba(255,200,0,.8)}}.furnace-fire{width:100%;height:60px;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:10px}.flame{width:40px;height:50px;background:linear-gradient(180deg,#f30,#f60,#fc0);border-radius:50% 50% 0 0;animation:flicker .5s infinite alternate;box-shadow:0 0 20px #f60c}.flame-1{animation-delay:0s}.flame-2{animation-delay:.2s;height:60px}.flame-3{animation-delay:.4s}@keyframes flicker{0%{transform:scaleY(1) scaleX(1);opacity:.9}to{transform:scaleY(1.1) scaleX(.95);opacity:1}}.temperature-control{margin:20px 0;padding:15px;background:#ffffff0d;border-radius:10px}.temperature-control label{display:block;color:#f93;font-weight:700;margin-bottom:10px}.temp-value{color:#fc0;font-size:1.2rem}.temperature-slider{width:100%;height:8px;border-radius:5px;background:linear-gradient(90deg,#39f,#f30);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.temperature-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#f60;cursor:pointer;box-shadow:0 0 10px #f60c}.temperature-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#f60;cursor:pointer;box-shadow:0 0 10px #f60c}.temp-range{display:flex;justify-content:space-between;color:#999;font-size:.9rem;margin-top:5px}.furnace-contents{margin:20px 0}.furnace-contents h4{color:#f93;margin-bottom:10px}.materials-list{list-style:none;padding:0;max-height:200px;overflow-y:auto}.materials-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:8px;background:#ffffff0d;border-radius:8px;border-left:3px solid #ff6600}.material-info{display:flex;align-items:center;gap:10px;flex:1}.material-color-indicator{width:20px;height:20px;border-radius:50%;border:2px solid #fff}.material-name{color:#fff;font-weight:700}.material-weight{color:#fc0;margin-left:auto}.remove-material-btn{background:#f003;color:#f66;border:1px solid #ff3333;border-radius:50%;width:25px;height:25px;cursor:pointer;transition:all .3s ease}.remove-material-btn:hover{background:#f006;transform:scale(1.1)}.empty-message{color:#999;text-align:center;padding:20px}.furnace-controls{display:flex;gap:15px;margin-top:20px}.btn-smelt,.btn-clear{flex:1;padding:15px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.btn-smelt{background:linear-gradient(135deg,#f60,#f30);color:#fff;box-shadow:0 5px 20px #f606}.btn-smelt:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 25px #f609}.btn-smelt:disabled{opacity:.5;cursor:not-allowed}.btn-clear{background:linear-gradient(135deg,#666,#444);color:#fff;box-shadow:0 5px 20px #0000004d}.btn-clear:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 25px #00000080}.btn-clear:disabled{opacity:.5;cursor:not-allowed}.alloy-report{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border-radius:20px;padding:30px;margin-top:30px;box-shadow:0 10px 40px #00000080;border:2px solid #4a90a4;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-title{color:#4fc3f7;font-size:2rem;text-align:center;margin-bottom:30px;text-shadow:0 0 20px rgba(79,195,247,.5)}.report-section{background:#ffffff0d;padding:20px;border-radius:15px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.viability-warning{background:linear-gradient(135deg,#ff980033,#ff572233);border:2px solid #ff9800;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 0 10px #ff98004d}50%{box-shadow:0 0 20px #ff980099}}.viability-warning .section-title{color:#ff9800}.warning-text{color:#fff;font-size:1.1rem;line-height:1.6;margin:0;padding:10px;background:#0003;border-radius:8px;border-left:4px solid #ff5722}.alloy-header{text-align:center;background:linear-gradient(135deg,#4fc3f733,#29b6f633);border:2px solid #4fc3f7}.alloy-name{color:#fff;font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 10px rgba(255,255,255,.5)}.composition-formula{color:#4fc3f7;font-size:1.5rem;font-family:Courier New,monospace}.section-title{color:#4fc3f7;font-size:1.3rem;margin-bottom:15px;display:flex;align-items:center;gap:10px}.weight-percentages{display:flex;flex-direction:column;gap:15px}.percentage-item{display:flex;align-items:center;gap:15px}.element-symbol{color:#fff;font-weight:700;font-size:1.2rem;min-width:40px}.percentage-bar{flex:1;height:25px;background:#ffffff1a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.percentage-fill{height:100%;background:linear-gradient(90deg,#4fc3f7,#29b6f6);transition:width .5s ease;box-shadow:0 0 10px #4fc3f780}.percentage-value{color:#4fc3f7;font-weight:700;min-width:60px;text-align:right}.properties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.property-item{background:#ffffff0d;padding:12px;border-radius:8px;border-left:3px solid #4fc3f7}.property-item.full-width{grid-column:1 / -1}.property-label{color:#aaa;display:block;margin-bottom:5px;font-size:.9rem}.property-value{color:#fff;font-weight:700;font-size:1.1rem}.color-display{display:flex;align-items:center;gap:10px}.color-swatch{width:30px;height:30px;border-radius:5px;border:2px solid #fff;box-shadow:0 0 10px #00000080}.applications-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.applications-list li{background:#4fc3f71a;padding:12px;border-radius:8px;border-left:3px solid #4fc3f7;color:#fff}.applications-list li:before{content:"▸ ";color:#4fc3f7;font-weight:700}.fun-facts-section{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:2px solid rgba(255,193,7,.3)}.fun-facts-list{display:flex;flex-direction:column;gap:15px}.fun-fact-item{display:flex;gap:15px;background:#ffffff0d;padding:15px;border-radius:10px;border-left:3px solid #ffc107}.fact-icon{font-size:1.5rem;flex-shrink:0}.fun-fact-item p{color:#fff;margin:0;line-height:1.6}.historical-text{color:#fff;line-height:1.8;font-size:1.05rem}.pros-cons-section{background:transparent;border:none;padding:0}.pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.pros,.cons{background:#ffffff0d;padding:20px;border-radius:15px}.pros{border:2px solid rgba(76,175,80,.5)}.cons{border:2px solid rgba(244,67,54,.5)}.pros ul,.cons ul{list-style:none;padding:0}.pros li,.cons li{padding:10px;margin-bottom:8px;border-radius:8px;color:#fff}.pros li{background:#4caf501a;border-left:3px solid #4caf50}.cons li{background:#f443361a;border-left:3px solid #f44336}.pros li:before{content:"✓ ";color:#4caf50;font-weight:700}.cons li:before{content:"✗ ";color:#f44336;font-weight:700}.alloy-forge{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff}.forge-header{text-align:center;padding:40px 20px;background:linear-gradient(180deg,rgba(233,69,96,.1) 0%,transparent 100%)}.forge-header h1{font-size:3rem;color:#e94560;margin-bottom:10px;text-shadow:0 0 20px rgba(233,69,96,.5);animation:glow 2s infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px rgba(233,69,96,.5),0 0 30px rgba(233,69,96,.3)}to{text-shadow:0 0 30px rgba(233,69,96,.8),0 0 40px rgba(233,69,96,.5)}}.forge-subtitle{font-size:1.2rem;color:#aaa}.forge-content{max-width:1400px;margin:0 auto;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 1024px){.forge-content{grid-template-columns:1fr}}.forge-section{display:flex;flex-direction:column;gap:20px}.forge-report-container{max-width:1400px;margin:0 auto;padding:0 20px}.forge-footer{text-align:center;padding:30px 20px;background:#0000004d;margin-top:40px}.forge-footer p{color:#aaa;margin:5px 0}.api-note{color:#666;font-size:.9rem}.App{width:100%;min-height:100vh}