:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f0f);overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}a{font-weight:500;color:#4ecdc4;text-decoration:none;transition:color .3s ease}a:hover{color:#ff6b6b}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{border-color:#4ecdc4;transform:translateY(-2px)}button:focus,button:focus-visible{outline:2px solid #4ecdc4;outline-offset:2px}input[type=range]{cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#4ecdc4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b6b}::selection{background-color:#4ecdc4;color:#000}*:focus{outline:2px solid #4ecdc4;outline-offset:2px}*:focus:not(:focus-visible){outline:none}*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f0f);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.stars{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 90% 40%,#fff,transparent);animation:stars 20s linear infinite}.stars2{background:radial-gradient(1px 1px at 10% 10%,#fff,transparent),radial-gradient(1px 1px at 30% 60%,#fff,transparent),radial-gradient(1px 1px at 80% 80%,#fff,transparent);animation:stars 15s linear infinite}.stars3{background:radial-gradient(1px 1px at 60% 20%,#fff,transparent),radial-gradient(1px 1px at 20% 80%,#fff,transparent),radial-gradient(1px 1px at 70% 90%,#fff,transparent);animation:stars 10s linear infinite}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.light-show{animation:lightShow 3s ease-in-out}@keyframes lightShow{0%,to{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}}.lab-accident{animation:labAccident .5s infinite}@keyframes labAccident{0%,to{background-color:#2a0000}50%{background-color:red}}.genius-mode{animation:geniusMode 2s infinite}@keyframes geniusMode{0%,to{background-color:#0f0f23}50%{background-color:#4ecdc4}}.screen-shake{animation:screenShake .8s ease-in-out infinite}@keyframes screenShake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-8px,-2px) rotate(-1deg)}20%{transform:translate(6px,4px) rotate(1deg)}30%{transform:translate(-4px,2px) rotate(0)}40%{transform:translate(8px,-4px) rotate(1deg)}50%{transform:translate(-6px,2px) rotate(-1deg)}60%{transform:translate(4px,-3px) rotate(0)}70%{transform:translate(-2px,3px) rotate(1deg)}80%{transform:translate(3px,-1px) rotate(0)}90%{transform:translate(-1px,1px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.particles-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.particles-effect:before,.particles-effect:after{content:"";position:absolute;width:4px;height:4px;background:#ffd93d;border-radius:50%;animation:particles 2s infinite}.particles-effect:before{top:20%;left:20%;animation-delay:0s}.particles-effect:after{top:70%;left:80%;animation-delay:.5s}@keyframes particles{0%{transform:translateY(0) scale(0) rotate(0);opacity:0}20%{transform:translateY(-30px) scale(1.2) rotate(90deg);opacity:1}40%{transform:translateY(-50px) scale(.8) rotate(180deg);opacity:1}60%{transform:translateY(-70px) scale(1.1) rotate(270deg);opacity:1}80%{transform:translateY(-90px) scale(.9) rotate(360deg);opacity:.8}to{transform:translateY(-120px) scale(1) rotate(450deg);opacity:0}}.header{text-align:center;padding:2rem 1rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #ff6b6b}.title{font-size:clamp(2rem,5vw,4rem);margin-bottom:.5rem;font-weight:900;text-shadow:0 0 20px rgba(255,107,107,.5)}.pinky{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.8)}.and{color:#4ecdc4;font-size:.8em;margin:0 .5rem}.brain{color:#45b7d1;text-shadow:0 0 20px rgba(69,183,209,.8)}.subtitle{font-size:1.2rem;color:#ccc;font-style:italic;margin-top:.5rem}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem;background:none;border:none;padding:0}.social-icon-link{display:inline-block;transition:all .3s ease}.social-icon-link:hover{transform:translateY(-2px) scale(1.1)}.social-svg{width:28px;height:28px;transition:all .3s ease}.instagram-icon .social-svg{filter:brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(2058%) hue-rotate(316deg) brightness(101%) contrast(101%)}.instagram-icon:hover .social-svg{filter:brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(2058%) hue-rotate(316deg) brightness(101%) contrast(101%) drop-shadow(0 0 8px rgba(255,107,107,.6))}.soundcloud-icon:hover .social-svg{filter:drop-shadow(0 0 8px rgba(248,152,16,.6))}@media (max-width: 600px){.social-links{gap:1rem}.social-svg{width:24px;height:24px}}.main-content{padding:2rem 1rem;max-width:1400px;margin:0 auto}.lab-setup{display:flex;flex-direction:column;gap:3rem;align-items:center}.character-section{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;width:100%}.character{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:200px}.character-avatar{position:relative;width:320px;height:320px;cursor:pointer;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.character-avatar:hover{transform:scale(1.02)}.character-image{width:100%;height:100%;object-fit:contain;transition:all .3s ease}.character-avatar.bounce{animation:springyBounce 2.5s cubic-bezier(.175,.885,.32,1.275)}@keyframes springyBounce{0%{transform:translateY(0) scale(1) rotate(0)}8%{transform:translateY(-60px) scale(1.25) rotate(3deg)}15%{transform:translateY(25px) scale(.75) rotate(-2deg)}22%{transform:translateY(-50px) scale(1.2) rotate(4deg)}28%{transform:translateY(20px) scale(.8) rotate(-3deg)}35%{transform:translateY(-40px) scale(1.15) rotate(2deg)}42%{transform:translateY(15px) scale(.85) rotate(-1deg)}48%{transform:translateY(-30px) scale(1.1) rotate(3deg)}54%{transform:translateY(12px) scale(.9) rotate(-2deg)}60%{transform:translateY(-20px) scale(1.08) rotate(1deg)}66%{transform:translateY(8px) scale(.92) rotate(-1deg)}72%{transform:translateY(-15px) scale(1.05) rotate(2deg)}78%{transform:translateY(6px) scale(.95) rotate(-1deg)}84%{transform:translateY(-8px) scale(1.03) rotate(1deg)}88%{transform:translateY(4px) scale(.97) rotate(-.5deg)}92%{transform:translateY(-5px) scale(1.02) rotate(.5deg)}95%{transform:translateY(2px) scale(.99) rotate(-.3deg)}97%{transform:translateY(-2px) scale(1.01) rotate(.2deg)}99%{transform:translateY(1px) scale(.995) rotate(-.1deg)}to{transform:translateY(0) scale(1) rotate(0)}}.character-avatar.shake{animation:characterShake 2.2s cubic-bezier(.175,.885,.32,1.275)}@keyframes characterShake{0%{transform:translate(0) rotate(0) scale(1)}5%{transform:translate(-25px,-15px) rotate(-8deg) scale(1.15)}10%{transform:translate(22px,12px) rotate(6deg) scale(.85)}15%{transform:translate(-30px,18px) rotate(-10deg) scale(1.12)}20%{transform:translate(18px,-10px) rotate(4deg) scale(.88)}25%{transform:translate(-22px,15px) rotate(-6deg) scale(1.08)}30%{transform:translate(28px,-20px) rotate(8deg) scale(.92)}35%{transform:translate(-20px,12px) rotate(-4deg) scale(1.05)}40%{transform:translate(15px,-8px) rotate(3deg) scale(.95)}45%{transform:translate(-18px,10px) rotate(-5deg) scale(1.03)}50%{transform:translate(12px,-6px) rotate(2deg) scale(.97)}55%{transform:translate(-15px,8px) rotate(-3deg) scale(1.02)}60%{transform:translate(10px,-4px) rotate(1deg) scale(.98)}65%{transform:translate(-8px,6px) rotate(-2deg) scale(1.01)}70%{transform:translate(6px,-3px) rotate(1deg) scale(.99)}75%{transform:translate(-5px,4px) rotate(-1deg) scale(1.005)}80%{transform:translate(4px,-2px) rotate(.5deg) scale(.995)}85%{transform:translate(-3px,2px) rotate(-.5deg) scale(1.003)}90%{transform:translate(2px,-1px) rotate(.3deg) scale(.997)}94%{transform:translate(-1px,1px) rotate(-.2deg) scale(1.001)}97%{transform:translate(1px,-.5px) rotate(.1deg) scale(.999)}99%{transform:translate(-.5px,.5px) rotate(-.05deg) scale(1.0005)}to{transform:translate(0) rotate(0) scale(1)}}.character-avatar.glow{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #4ecdc480;transform:scale(1) rotate(0)}25%{box-shadow:0 0 35px #4ecdc4b3;transform:scale(1.02) rotate(.5deg)}50%{box-shadow:0 0 40px #4ecdc4cc;transform:scale(1.05) rotate(0)}75%{box-shadow:0 0 35px #4ecdc4b3;transform:scale(1.02) rotate(-.5deg)}}.success-sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.success-sparkles:before,.success-sparkles:after{content:"✨";position:absolute;font-size:2rem;animation:sparkle 1s ease-out}.success-sparkles:before{top:20%;left:20%;animation-delay:0s}.success-sparkles:after{top:70%;right:20%;animation-delay:.3s}@keyframes sparkle{0%{transform:scale(0) rotate(0) translate(0);opacity:0}15%{transform:scale(1.5) rotate(72deg) translate(-5px,-3px);opacity:.8}30%{transform:scale(.8) rotate(144deg) translate(3px,2px);opacity:1}45%{transform:scale(2.2) rotate(216deg) translate(-2px,5px);opacity:1}60%{transform:scale(1.2) rotate(288deg) translate(4px,-3px);opacity:.9}75%{transform:scale(1.8) rotate(360deg) translate(-3px,2px);opacity:.7}90%{transform:scale(1.4) rotate(432deg) translate(2px,-1px);opacity:.4}to{transform:scale(1.6) rotate(504deg) translate(0);opacity:0}}.failure-smoke{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.failure-smoke:before,.failure-smoke:after{content:"💨";position:absolute;font-size:2rem;animation:smoke 1.5s ease-out}.failure-smoke:before{top:30%;left:30%;animation-delay:0s}.failure-smoke:after{top:50%;right:30%;animation-delay:.5s}@keyframes smoke{0%{transform:translateY(0) scale(0);opacity:0}50%{opacity:1}to{transform:translateY(-50px) scale(1);opacity:0}}.speech-bubble{background:#ffffffe6;color:#333;padding:1rem;border-radius:20px;max-width:250px;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.speech-bubble:hover{transform:scale(1.05);box-shadow:0 6px 25px #0000004d}.speech-bubble:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(255,255,255,.9)}.speech-bubble p{margin:0;font-size:.9rem;line-height:1.4}.click-hint{display:block;font-size:.7rem;color:#666;margin-top:.5rem;font-style:italic}.lab-booth{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);padding:1.5rem;border-radius:15px;box-shadow:0 8px 25px #0006;border:2px solid #4ecdc4;max-width:400px}.beakers{display:flex;gap:1.5rem;align-items:end}.beaker{width:40px;height:100px;background:linear-gradient(180deg,transparent 20%,rgba(78,205,196,.2) 100%);border:3px solid #4ecdc4;border-radius:0 0 20px 20px;position:relative;overflow:hidden;transition:all .3s ease}.beaker:nth-child(2){border-color:#ff6b6b;background:linear-gradient(180deg,transparent 20%,rgba(255,107,107,.2) 100%)}.beaker:nth-child(3){border-color:#ffd93d;background:linear-gradient(180deg,transparent 20%,rgba(255,217,61,.2) 100%)}.beaker-liquid{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#4ecdc499,#4ecdc4cc);transition:all .3s ease}.beaker:nth-child(2) .beaker-liquid{background:linear-gradient(180deg,#ff6b6b99,#ff6b6bcc)}.beaker:nth-child(3) .beaker-liquid{background:linear-gradient(180deg,#ffd93d99,#ffd93dcc)}.beaker-bubbles{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:25px;height:70px;opacity:0;transition:opacity .3s ease}.beaker.bubbling .beaker-bubbles{opacity:1}.bubble{background:#ffffffe6;border-radius:50%;position:absolute;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 4px #fff6}.beaker:nth-child(1) .bubble{width:5px;height:5px;animation:bubble-rise-fast 1.5s infinite cubic-bezier(.25,.46,.45,.94)}.beaker:nth-child(1) .bubble:nth-child(1){left:3px;animation-delay:0s}.beaker:nth-child(1) .bubble:nth-child(2){left:12px;animation-delay:.3s}.beaker:nth-child(1) .bubble:nth-child(3){left:18px;animation-delay:.6s}.beaker:nth-child(1) .bubble:nth-child(4){left:8px;animation-delay:.9s}.beaker:nth-child(1) .bubble:nth-child(5){left:15px;animation-delay:1.2s}.beaker:nth-child(2) .bubble{width:8px;height:8px;animation:bubble-rise-wobble 2.5s infinite cubic-bezier(.68,-.55,.265,1.55)}.beaker:nth-child(2) .bubble:nth-child(1){left:5px;animation-delay:0s}.beaker:nth-child(2) .bubble:nth-child(2){left:15px;animation-delay:.5s}.beaker:nth-child(2) .bubble:nth-child(3){left:10px;animation-delay:1s}.beaker:nth-child(2) .bubble:nth-child(4){left:2px;animation-delay:1.5s}.beaker:nth-child(2) .bubble:nth-child(5){left:18px;animation-delay:2s}.beaker:nth-child(3) .bubble{width:12px;height:12px;animation:bubble-rise-slow 3.5s infinite cubic-bezier(.165,.84,.44,1)}.beaker:nth-child(3) .bubble:nth-child(1){left:6px;animation-delay:0s}.beaker:nth-child(3) .bubble:nth-child(2){left:8px;animation-delay:.8s}.beaker:nth-child(3) .bubble:nth-child(3){left:12px;animation-delay:1.6s}.beaker:nth-child(3) .bubble:nth-child(4){left:4px;animation-delay:2.4s}.beaker:nth-child(3) .bubble:nth-child(5){left:10px;animation-delay:3.2s}@keyframes bubble-rise-fast{0%{transform:translateY(70px) translate(0) scale(.3) rotate(0);opacity:0}10%{transform:translateY(55px) translate(2px) scale(1) rotate(30deg);opacity:.8}30%{transform:translateY(35px) translate(-1px) scale(1.1) rotate(120deg);opacity:1}50%{transform:translateY(20px) translate(3px) scale(.9) rotate(210deg);opacity:.9}70%{transform:translateY(10px) translate(-2px) scale(1.2) rotate(300deg);opacity:.7}90%{transform:translateY(0) translate(1px) scale(1.3) rotate(360deg);opacity:.3}to{transform:translateY(-5px) translate(0) scale(1.4) rotate(390deg);opacity:0}}@keyframes bubble-rise-wobble{0%{transform:translateY(70px) translate(0) scale(.2) rotate(0);opacity:0}15%{transform:translateY(55px) translate(4px) scale(1.1) rotate(45deg);opacity:.6}30%{transform:translateY(40px) translate(-6px) scale(.8) rotate(90deg);opacity:.9}45%{transform:translateY(28px) translate(5px) scale(1.3) rotate(135deg);opacity:1}60%{transform:translateY(18px) translate(-4px) scale(.9) rotate(180deg);opacity:.8}75%{transform:translateY(8px) translate(3px) scale(1.2) rotate(225deg);opacity:.6}90%{transform:translateY(0) translate(-2px) scale(1.4) rotate(270deg);opacity:.3}to{transform:translateY(-8px) translate(0) scale(1.6) rotate(315deg);opacity:0}}@keyframes bubble-rise-slow{0%{transform:translateY(70px) translate(0) scale(.1) rotate(0);opacity:0}20%{transform:translateY(50px) translate(2px) scale(.8) rotate(60deg);opacity:.4}40%{transform:translateY(30px) translate(-3px) scale(1.2) rotate(120deg);opacity:.7}60%{transform:translateY(15px) translate(4px) scale(1) rotate(180deg);opacity:.9}80%{transform:translateY(5px) translate(-2px) scale(1.3) rotate(240deg);opacity:.6}95%{transform:translateY(-2px) translate(1px) scale(1.5) rotate(300deg);opacity:.2}to{transform:translateY(-10px) translate(0) scale(1.7) rotate(360deg);opacity:0}}.mixer{display:flex;flex-direction:column;gap:1rem;align-items:center;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);padding:1rem;border-radius:10px;min-width:250px;border:2px solid #444;box-shadow:inset 0 0 10px #00000080,0 0 15px #0000004d}.current-track{text-align:center;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);padding:.8rem;border-radius:8px;border:1px solid #4ecdc4;box-shadow:inset 0 0 10px #4ecdc41a}.track-label{display:block;font-size:.7rem;color:#ccc;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px}.track-name{font-size:1rem;font-weight:700;color:#4ecdc4}.eq-section{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.eq-knobs{display:flex;gap:1rem;justify-content:center}.eq-knob{display:flex;flex-direction:column;align-items:center;gap:.3rem}.knob{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#3a3a3a,#1a1a1a);border:2px solid #555;position:relative;cursor:pointer;box-shadow:inset 0 0 5px #00000080,0 2px 4px #0000004d}.knob:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:3px;height:8px;background:#4ecdc4;border-radius:2px;box-shadow:0 0 3px #4ecdc480}.knob.high:before{background:#ff6b6b;box-shadow:0 0 3px #ff6b6b80}.knob.mid:before{background:#ffd93d;box-shadow:0 0 3px #ffd93d80}.knob.low:before{background:#4ecdc4;box-shadow:0 0 3px #4ecdc480}.eq-knob label{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.crossfader-section{display:flex;flex-direction:column;align-items:center;gap:.3rem}.crossfader{width:80px;height:8px;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:4px;position:relative;border:1px solid #333;box-shadow:inset 0 0 5px #00000080}.crossfader-track{width:100%;height:100%;background:linear-gradient(90deg,#333,#555,#333);border-radius:3px}.crossfader-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:16px;background:linear-gradient(145deg,#4ecdc4,#45b7d1);border-radius:2px;border:1px solid #333;box-shadow:0 2px 4px #0000004d}.crossfader-section label{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.play-btn,.next-btn{background:linear-gradient(145deg,#ff6b6b,#ff4757);border:none;padding:1rem;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.play-btn:hover,.next-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff6b6b80}.play-btn.playing{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.volume-control{display:flex;flex-direction:column;align-items:center;gap:.3rem}.volume-fader{width:8px;height:60px;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-radius:4px;position:relative;border:1px solid #333;box-shadow:inset 0 0 5px #00000080}.fader-track{width:100%;height:100%;background:linear-gradient(180deg,#333,#555,#333);border-radius:3px}.fader-handle{position:absolute;left:50%;transform:translate(-50%);width:12px;height:8px;background:linear-gradient(145deg,#4ecdc4,#45b7d1);border-radius:2px;border:1px solid #333;box-shadow:0 2px 4px #0000004d;transition:bottom .2s ease}.volume-control label{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.volume-control span{font-size:.7rem;color:#4ecdc4;font-weight:700}.volume-slider{width:100px;height:5px;background:#333;border-radius:5px;outline:none;appearance:none}.volume-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#4ecdc4;border-radius:50%;cursor:pointer}.bpm-display{display:flex;justify-content:center;width:100%}.bpm-led{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);padding:.5rem;border-radius:8px;border:2px solid #333;box-shadow:inset 0 0 5px #00000080,0 0 10px #4ecdc41a}.bpm-led label{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.bpm-value{color:#4ecdc4;font-weight:700;font-size:1.2rem;font-family:Courier New,monospace;text-shadow:0 0 5px rgba(78,205,196,.5)}.bpm-value.pulsing{animation:bpmPulse .5s infinite alternate}@keyframes bpmPulse{0%{color:#4ecdc4;text-shadow:0 0 5px rgba(78,205,196,.5)}to{color:#ff6b6b;text-shadow:0 0 8px rgba(255,107,107,.8)}}.interactive-section{display:flex;gap:3rem;align-items:center;flex-wrap:wrap;justify-content:center}.equalizer{display:flex;gap:5px;align-items:end;height:100px;padding:1rem;background:#0000004d;border-radius:10px;border:1px solid #4ecdc4}.eq-bar{width:15px;background:linear-gradient(180deg,#ff6b6b,#4ecdc4);border-radius:2px;transition:height .3s ease}.eq-bar.dancing{animation:dance .5s ease-in-out infinite alternate}@keyframes dance{0%{height:20%}to{height:80%}}.booking-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.booking-btn{background:linear-gradient(145deg,#4ecdc4,#45b7d1);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4ecdc44d}.booking-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc480}.footer{text-align:center;padding:2rem 1rem;background:#00000080;border-top:1px solid #333;margin-top:2rem}.footer p{color:#ccc;font-style:italic;font-size:1.1rem}.audio-notice{margin-top:1rem;padding:.5rem;background:#4ecdc433;border-radius:10px;border:1px solid #4ecdc4}.audio-notice small{color:#4ecdc4;font-size:.9rem;animation:audioNotice 2s ease-in-out infinite;display:block;margin:.25rem 0}@keyframes audioNotice{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 768px){.character-section{flex-direction:column;gap:2rem}.character-avatar{width:220px;height:220px}.beakers{gap:1rem}.beaker{width:50px;height:70px}.lab-booth{max-width:300px;padding:1rem}.interactive-section{flex-direction:column;gap:1.5rem}.mission-buttons{flex-direction:column;gap:.8rem}.speech-bubble{font-size:.9rem}.status-panel,.stats-panel{gap:1rem}.achievements-panel{padding:.8rem}.lab-controls{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.character-avatar{width:180px;height:180px}.lab-booth{padding:.8rem;max-width:280px}.beaker{width:30px;height:80px}.beakers{gap:.8rem}.control-panel{padding:1rem}.power-btn,.experiment-btn,.scheme-btn,.reset-btn{min-width:100px;font-size:.8rem}.mission-control{padding:1rem}.status-panel{flex-direction:column;gap:.8rem}.status-light{flex-direction:row;gap:.5rem}.stats-panel{flex-direction:column;gap:.8rem}.stat-item{flex-direction:row;gap:.5rem;min-width:auto}.achievements-panel{padding:.8rem}.achievement-item{font-size:.8rem}}.control-panel{display:flex;flex-direction:column;gap:1rem;background:linear-gradient(145deg,#3a3a4a,#2a2a3a);padding:1.2rem;border-radius:10px;border:2px solid #555;box-shadow:inset 0 0 10px #0000004d;width:100%;max-width:350px}.current-scheme{text-align:center;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);padding:.8rem;border-radius:8px;border:1px solid #4ecdc4;box-shadow:inset 0 0 10px #4ecdc41a}.scheme-label{display:block;font-size:.7rem;color:#ccc;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px}.scheme-name{font-size:1rem;font-weight:700;color:#4ecdc4;font-style:italic}.progress-section{display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:20px;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:10px;border:1px solid #333;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00000080}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#4ecdc4);border-radius:10px;transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s infinite}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8)}@keyframes progress-shine{0%{left:-100%}to{left:100%}}.lab-controls{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.power-btn,.experiment-btn,.scheme-btn,.reset-btn{padding:.6rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003;min-width:120px;text-align:center}.power-btn{background:linear-gradient(145deg,#ff6b6b,#ff4757);color:#fff}.power-btn.active{background:linear-gradient(145deg,#4ecdc4,#45b7b8);box-shadow:0 0 15px #4ecdc480}.experiment-btn{background:linear-gradient(145deg,#ffd93d,#f39c12);color:#333}.experiment-btn.running{background:linear-gradient(145deg,#4ecdc4,#45b7b8);color:#fff;animation:pulse 1s infinite}.experiment-btn:disabled{background:linear-gradient(145deg,#555,#444);color:#888;cursor:not-allowed}.scheme-btn{background:linear-gradient(145deg,#9b59b6,#8e44ad);color:#fff}.reset-btn{background:linear-gradient(145deg,#555,#444);color:#ccc}.power-btn:hover,.experiment-btn:hover,.scheme-btn:hover,.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.interactive-section{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;max-width:500px}.status-panel{display:flex;gap:2rem;align-items:center;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);padding:1rem;border-radius:10px;border:2px solid #444;box-shadow:inset 0 0 10px #0000004d}.status-light{display:flex;flex-direction:column;align-items:center;gap:.5rem}.light{width:20px;height:20px;border-radius:50%;border:2px solid #333;transition:all .3s ease}.light.off{background:#333;box-shadow:inset 0 0 5px #00000080}.light.on{background:#4ecdc4;box-shadow:0 0 15px #4ecdc4cc}.light.blinking{background:#ffd93d;box-shadow:0 0 15px #ffd93dcc;animation:blink .5s infinite}.light.genius{background:#9b59b6;box-shadow:0 0 20px #9b59b6cc;animation:genius-pulse 1s infinite}@keyframes genius-pulse{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(90deg)}50%{transform:scale(.9) rotate(180deg)}75%{transform:scale(1.2) rotate(270deg)}to{transform:scale(1) rotate(360deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.status-light label{font-size:.7rem;color:#ccc;text-transform:uppercase;letter-spacing:.5px}.stats-panel{display:flex;gap:1.5rem;align-items:center;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);padding:1rem;border-radius:10px;border:2px solid #444;box-shadow:inset 0 0 10px #0000004d;flex-wrap:wrap;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:80px}.stat-label{font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.1rem;font-weight:700;color:#4ecdc4;text-shadow:0 0 5px rgba(78,205,196,.5)}.achievements-panel{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);padding:1rem;border-radius:10px;border:2px solid #ffd93d;box-shadow:0 0 20px #ffd93d33;width:100%;max-width:500px;animation:achievement-glow 3s ease-in-out infinite}.achievements-panel h3{color:#ffd93d;margin-bottom:.8rem;font-size:1.1rem;text-align:center}.achievements-list{display:flex;flex-direction:column;gap:.5rem}.achievement-item{background:#ffd93d1a;padding:.5rem;border-radius:5px;color:#ffd93d;font-size:.9rem;text-align:center;animation:achievement-appear .5s ease-out}.achievement-item.more{background:#ffd93d0d;color:#999;font-style:italic}@keyframes achievement-glow{0%,to{box-shadow:0 0 20px #ffd93d33}50%{box-shadow:0 0 30px #ffd93d66}}@keyframes achievement-appear{0%{transform:translateY(-30px) scale(.8);opacity:0}50%{transform:translateY(5px) scale(1.1);opacity:.8}70%{transform:translateY(-2px) scale(.95);opacity:1}90%{transform:translateY(1px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.mission-control{text-align:center;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);padding:1.5rem;border-radius:10px;border:2px solid #4ecdc4;box-shadow:0 0 20px #4ecdc433;width:100%}.mission-control h3{color:#4ecdc4;margin-bottom:.5rem;font-size:1.2rem}.mission-control p{color:#ccc;margin-bottom:1rem;font-style:italic}.mission-buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.mission-btn{padding:.6rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003;background:linear-gradient(145deg,#4ecdc4,#45b7b8);color:#fff}.mission-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.lab-notice{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);padding:.8rem;border-radius:8px;border:1px solid #4ecdc4;margin-top:1rem;animation:notice-pulse 2s infinite}.lab-notice small{color:#4ecdc4;font-weight:700}@keyframes notice-pulse{0%,to{box-shadow:0 0 10px #4ecdc44d}50%{box-shadow:0 0 20px #4ecdc499}}