.navbar{align-items:center;background-color:#3498db;background-color:var(--pastel-blue-dark);box-shadow:0 2px 10px #0000001a;color:#fff;color:var(--text-color-light);display:flex;justify-content:space-between;padding:1rem 2rem;transition:all .3s ease}.navbar:hover{box-shadow:0 4px 15px #00000026}.navbar-logo{gap:.75rem}.navbar-logo,.navbar-logo a{align-items:center;display:flex}.navbar-logo a{color:#fff;text-decoration:none}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-1px;transition:transform .3s ease}.logo-text:hover{transform:scale(1.05)}.logo-icon{font-size:1.8rem;transition:transform .3s ease}.logo-icon:hover{transform:rotate(15deg)}.navbar-links{display:flex;gap:2rem;list-style:none}.navbar-links li a{color:#fff;color:var(--text-color-light);font-weight:500;letter-spacing:.5px;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.navbar-links li a:hover{color:#b0d4f0;color:var(--pastel-blue-light)}.navbar-links li a:after{background-color:#b0d4f0;background-color:var(--pastel-blue-light);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links li a:hover:after{width:100%}.user-greeting{color:#fff;font-weight:500;margin-right:10px}.logout-btn{background:#0000;border:1px solid #fff;border-radius:20px;border-radius:var(--border-radius);color:#fff;color:var(--text-color-light);cursor:pointer;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.logout-btn:hover{background-color:#fff;background-color:var(--text-color-light);box-shadow:0 4px 6px #0000001a;color:#3498db;color:var(--pastel-blue-dark);transform:translateY(-2px)}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-logo{margin-bottom:10px}.navbar-links{align-items:center;flex-direction:column;gap:1rem;width:100%}}.pendulum-experiment,.titration-experiment{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.pendulum-experiment,.titration-experiment{flex-direction:row}}.experiment-controls{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.experiment-visualization{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:400px}.experiment-info h3{color:#2c3e50;margin-bottom:.5rem}.experiment-info p{color:#64748b;margin-bottom:1rem}.solution-info{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.solution-info .label{color:#64748b;font-weight:500;margin-right:.5rem}.control-buttons{display:flex;gap:1rem}.control-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:700;padding:.75rem 1.5rem;transition:all .2s}.start-button{background-color:#2ecc71;color:#fff}.start-button:hover{background-color:#27ae60}.stop-button{background-color:#e74c3c;color:#fff}.stop-button:hover{background-color:#c0392b}.reset-button{background-color:#3498db;color:#fff}.reset-button:hover{background-color:#2980b9}.readings{grid-gap:1rem;background-color:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem}.reading{display:flex;flex-direction:column}.reading-label{color:#64748b;font-size:.9rem;margin-bottom:.25rem}.reading-value{color:#2c3e50;font-size:1.2rem;font-weight:500}.results{background-color:#f0f7ff;border-radius:8px;padding:1rem}.results h4{border-bottom:1px solid #0000001a;color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem}.result-item{display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.75rem}.result-item.accuracy{border-top:1px solid #0000001a;font-weight:700;margin-top:1rem;padding-top:.5rem}.chemistry-equipment{max-width:400px;width:100%}.flask-solution.clear{fill:#fffc}.flask-solution.very-light-pink{fill:#ffebeecc}.flask-solution.light-pink{fill:#f8bbd0cc}.flask-solution.dark-pink{fill:#f48fb1cc}.settings{display:flex;flex-direction:column;gap:1rem}.setting{align-items:center;display:flex;gap:.5rem}.setting label{color:#64748b;font-size:.9rem;min-width:160px}.setting input{flex:1 1}.setting-value{font-weight:500;min-width:40px;text-align:right}.physics-equipment canvas{max-height:400px;max-width:100%}.very-light-yellow{fill:#fffacd}.flash-pink{fill:#ffb6c1;animation:flash 1s infinite}.light-purple{fill:#e6e6fa}.dark-purple{fill:#9370db}@keyframes flash{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.solution-selection{gap:20px;margin-bottom:20px}.solution-dropdown{display:flex;flex-direction:column;width:250px}.solution-dropdown label{color:#333;font-weight:700;margin-bottom:8px}.custom-select{position:relative;width:100%}.custom-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #4a90e2;border-radius:6px;color:#333;cursor:pointer;font-size:16px;padding:10px 15px;transition:all .3s ease;width:100%}.custom-select select:disabled{background-color:#f4f4f4;border-color:#ccc;cursor:not-allowed}.custom-select:after{color:#4a90e2;content:"▼";font-size:14px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.custom-select select:focus{border-color:#2c3e50;box-shadow:0 0 5px #4a90e280;outline:none}.custom-select select:hover:not(:disabled){background-color:#f7f7f7}.drop-speed-control{align-items:center;display:flex;gap:15px;margin-bottom:20px}.drop-speed-control label{font-weight:700}.drop-speed-control input[type=range]{flex-grow:1}.drop-speed-control span{min-width:60px;text-align:right}.solution-selection{display:flex;justify-content:space-between;margin-bottom:15px}.drop-speed-control,.solution-select{display:flex;flex-direction:column;gap:5px}.drop-speed-control label,.solution-select label{color:#333;font-weight:700}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #4a90e2;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease;width:250px}select:hover{border-color:#2c3e50;box-shadow:0 2px 4px #0000001a}select:focus{border-color:#3498db;box-shadow:0 0 5px #3498db80;outline:none}select:disabled{background-color:#f4f4f4;border-color:#ccc;color:#888;cursor:not-allowed}.drop-speed-control{margin-top:10px}.ai-assistant{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 10px #51e2ff1a;margin:0 auto;max-width:600px;overflow:hidden}.ai-header{align-items:center;background-color:#3d9dfd;color:#fff;display:flex;justify-content:space-between;padding:15px}.ai-badge{background-color:rgba(237,137,78,.847);border-radius:20px;font-size:.8rem;padding:5px 10px}.messages-container{background-color:#f0f2f5;height:300px;overflow-y:auto;padding:15px}.message{display:flex;margin-bottom:10px}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 5px #0000001a;max-width:80%;padding:10px}.user-message .message-content{background-color:#e6f2ff}.typing-indicator{align-items:center;display:flex}.dot{animation:typing 1.4s infinite;background-color:#bbb;border-radius:50%;height:6px;margin:0 3px;width:6px}@keyframes typing{0%,to{opacity:.4}50%{opacity:1}}.contextual-hint{align-items:center;background-color:#a0d9ff;color:rgba(0,0,0,.789);display:flex;padding:10px}.hint-icon{font-size:1.2rem;margin-right:10px}.question-form{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;padding:15px}.question-input{border:1px solid #ddd;border-radius:6px;flex-grow:1;margin-right:10px;padding:10px}.send-button{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}.send-button:disabled{background-color:#bdc3c7;cursor:not-allowed}<<<<<<< HEAD
:root{--pastel-blue-lightest:#e6f2ff;--pastel-blue-light:#b0d4f0;--pastel-blue-medium:#7ab0e0;--pastel-blue-dark:#3498db;--text-color-dark:#2c3e50;--text-color-light:#fff;--background-translucent:#fffc;--border-radius:20px;--box-shadow:0 10px 30px #0000001a;--transition-speed:0.3s}.footer{background-color:var(--pastel-blue-dark);box-shadow:0 -2px 10px #0000001a;color:var(--text-color-light);padding:.5rem;transition:all .3s ease}.footer:hover{box-shadow:0 -4px 15px #00000026}.footer-content{align-items:center;gap:1rem;margin:0 auto;max-width:800px}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.footer-logo-text{color:var(--text-color-light);font-size:1.5rem;font-weight:700;letter-spacing:-1px;transition:transform .3s ease}.footer-logo-text:hover{transform:scale(1.05)}.footer-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.footer-links a{color:var(--text-color-light);font-weight:500;letter-spacing:.5px;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:var(--pastel-blue-light)}.footer-links a:after{background-color:var(--pastel-blue-light);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover:after{width:100%}.footer-social{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.footer-social a{color:var(--text-color-light);font-size:1.5rem;transition:transform .3s ease,color .3s ease}.footer-social a:hover{color:var(--pastel-blue-light);transform:scale(1.2) rotate(10deg)}.footer-copyright{font-size:.9rem;margin-top:1rem;opacity:.8}@media (max-width:768px){.footer-links{align-items:center;flex-direction:column;gap:1rem}.footer-social{flex-wrap:wrap}}.footer{background-color:var(--secondary-color);color:#fff;padding:20px;text-align:center}.footer-content{display:flex;flex-direction:column;gap:10px}.footer p{font-size:.9rem;margin:0;opacity:.8}.home-page{align-items:center;background-color:#e6f2ff;background-color:var(--pastel-blue-lightest);display:flex;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.background-animation{animation:gradient-shift 15s ease infinite;background:linear-gradient(135deg,#e6f2ff,#b0d4f0);background:linear-gradient(135deg,var(--pastel-blue-lightest),var(--pastel-blue-light));background-size:200% 200%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.science-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.science-element{fill:#3498db;fill:var(--pastel-blue-dark);opacity:.6;transform-origin:center;transition:all .3s ease}.hero-section{align-items:center;color:#2c3e50;color:var(--text-color-dark);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 20px;text-align:center}.hero-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;background-color:var(--background-translucent);border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:800px;padding:40px;transition:all .3s ease;width:100%}.hero-content:hover{box-shadow:0 15px 40px #0000001f;transform:scale(1.02)}.hero-content h1{color:#3498db;color:var(--pastel-blue-dark);font-size:3rem;letter-spacing:-1px;margin-bottom:20px}.hero-content h2{color:#2c3e50;color:var(--text-color-dark);font-size:1.5rem;line-height:1.4;margin-bottom:30px}.hero-buttons{display:flex;gap:20px;justify-content:center}@media (max-width:768px){.hero-content{padding:20px;width:90%}.hero-content h1{font-size:2.5rem}.hero-buttons{align-items:center;flex-direction:column;gap:15px}.btn{width:80%}}.home-container{align-items:center;background-color:#0a192f;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative}.home-content{max-width:800px;padding:20px;position:relative;text-align:center;z-index:10}.home-content h1{color:#64ffda;font-size:3rem;margin-bottom:20px}.home-content h2{font-size:1.5rem;margin-bottom:15px}.home-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.btn{border-radius:5px}.btn-primary{background-color:#64ffda;color:#0a192f}.btn-secondary{background-color:initial;border:2px solid #64ffda;color:#64ffda}.btn:hover{transform:scale(1.05)}.science-elements-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.science-element{animation:float 10s ease-in-out infinite;opacity:.5;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.about-page{background-color:#fff;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);overflow:hidden}.about-header{background:linear-gradient(135deg,#7ab0e0,#b0d4f0);background:linear-gradient(135deg,var(--pastel-blue-dark),var(--pastel-blue-medium));color:#fff;padding:60px 20px;text-align:center}.about-header h1{color:#fff;font-size:2.5rem;letter-spacing:-1px;margin-bottom:15px}.about-tagline{font-size:1.2rem;opacity:.9}.about-future,.about-how-it-works,.about-mission,.about-team{margin:0 auto;max-width:800px;padding:50px 20px}.about-mission{border-bottom:1px solid #eee}.about-future h2,.about-how-it-works h2,.about-mission h2,.about-team h2{color:#7ab0e0;color:var(--pastel-blue-dark);font-size:1.8rem;margin-bottom:20px}.about-future p,.about-mission p,.about-team p{color:#2c3e50;color:var(--text-color-dark);line-height:1.7;margin-bottom:20px}.how-it-works-steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.step{background-color:#e6f2ff;background-color:var(--pastel-blue-light);border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);padding:20px;text-align:center;transition:all .3s ease}.step:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.step-number{align-items:center;background-color:#7ab0e0;background-color:var(--pastel-blue-dark);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.step h3{color:#2c3e50;color:var(--text-color-dark);margin-bottom:10px}.about-future,.about-team{background-color:#e6f2ff;background-color:var(--pastel-blue-light)}@media (max-width:768px){.about-header h1{font-size:2rem}.how-it-works-steps{grid-template-columns:1fr}}:root{--pastel-blue-light:#e6f2ff;--pastel-blue-medium:#b0d4f0;--pastel-blue-dark:#7ab0e0;--shadow:0 10px 30px #0000001a}.contact-page{background-color:#fff;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);overflow:hidden}.contact-header{background:linear-gradient(135deg,#7ab0e0,#b0d4f0);background:linear-gradient(135deg,var(--pastel-blue-dark),var(--pastel-blue-medium));color:#fff;padding:60px 20px;text-align:center}.contact-header h1{color:#fff;font-size:2.5rem;letter-spacing:-1px;margin-bottom:15px}.contact-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1000px;padding:50px 20px}.contact-info{padding:20px}.contact-method{margin-bottom:30px}.contact-method h3{border-bottom:2px solid #7ab0e0;border-bottom:2px solid var(--pastel-blue-dark);color:#7ab0e0;color:var(--pastel-blue-dark);font-size:1.3rem;margin-bottom:10px;padding-bottom:5px}.social-links{display:flex;gap:15px}.social-link{align-items:center;color:#7ab0e0;color:var(--pastel-blue-dark);display:flex;text-decoration:none;transition:all .3s ease}.social-link:hover{color:#b0d4f0;color:var(--pastel-blue-medium);transform:translateY(-3px)}.contact-form-container{background-color:#e6f2ff;background-color:var(--pastel-blue-light);border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);padding:30px;transition:all .3s ease}.contact-form-container:hover{box-shadow:0 15px 40px #0000001f;transform:scale(1.02)}.contact-form .form-group{margin-bottom:20px}.contact-form input,.contact-form textarea{border:1px solid #b0d4f0;border:1px solid var(--pastel-blue-medium);border-radius:10px;padding:10px;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#7ab0e0;border-color:var(--pastel-blue-dark);box-shadow:0 0 0 2px #7ab0e033;outline:none}.contact-form .btn{background-color:#7ab0e0;background-color:var(--pastel-blue-dark);border:none;border-radius:30px;color:#fff;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.contact-form .btn:hover{background-color:#b0d4f0;background-color:var(--pastel-blue-medium);box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.form-success-message{padding:30px 20px;text-align:center}.form-success-message h2{color:#7ab0e0;color:var(--pastel-blue-dark);margin-bottom:15px}.form-success-message p{color:#2c3e50;color:var(--text-color-dark);margin-bottom:25px}@media (max-width:768px){.contact-content{grid-template-columns:1fr}.contact-header h1{font-size:2rem}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-page{align-items:center;background-color:#e6f2ff;background-color:var(--pastel-blue-lightest);display:flex;justify-content:center;min-height:calc(100vh - 120px)}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;background-color:var(--background-translucent);border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--box-shadow);max-width:400px;padding:30px;text-align:center;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.auth-container:hover{box-shadow:0 15px 40px #0000001f;transform:scale(1.02)}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#3498db;color:var(--pastel-blue-dark);font-size:1.8rem;letter-spacing:-1px;margin-bottom:10px}.auth-header p{color:#2c3e50;color:var(--text-color-dark);opacity:.8}.auth-error{background-color:#ff6b6b;border-radius:20px;border-radius:var(--border-radius);color:#fff;color:var(--text-color-light);padding:10px;text-align:center}.auth-error,.auth-form,.auth-form .form-group{margin-bottom:20px}.auth-form input{border:1px solid #b0d4f0;border:1px solid var(--pastel-blue-light);border-radius:20px;border-radius:var(--border-radius);padding:10px;text-align:center;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.auth-form input:focus{border-color:#3498db;border-color:var(--pastel-blue-dark);box-shadow:0 0 0 2px #3498db33;outline:none}.btn{transition:all var(--transition-speed) ease;width:100%}.auth-footer{border-top:1px solid #0000001a;padding-top:20px;text-align:center}.auth-footer a{color:#3498db;color:var(--pastel-blue-dark);text-decoration:none;transition:color .3s ease;transition:color var(--transition-speed) ease}.auth-footer a:hover{color:#7ab0e0;color:var(--pastel-blue-medium);text-decoration:underline}@media (max-width:768px){.auth-container{margin:0 20px;width:90%}}:root{--pastel-blue-lightest:#e6f2ff;--pastel-blue-light:#b0d4f0;--pastel-blue-medium:#7ab0e0;--pastel-blue-dark:#3498db;--text-color-dark:#2c3e50;--text-color-light:#fff;--background-translucent:#fffc;--border-radius:20px;--box-shadow:0 10px 30px #0000001a;--transition-speed:0.3s}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#e6f2ff;background-color:var(--pastel-blue-lightest);color:#2c3e50;color:var(--text-color-dark);line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.experiment-area,.main-content{display:flex;flex-direction:column}.experiment-area{gap:1.5rem;margin-bottom:1.5rem}@media (min-width:768px){.main-content{flex-direction:row;gap:2rem}.experiment-area{flex:3 1;margin-bottom:0}}.welcome-message{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;background-color:var(--background-translucent);border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--box-shadow);margin-top:2rem;padding:2rem;text-align:center;transition:all .3s ease}.welcome-message:hover{box-shadow:0 15px 40px #0000001f;transform:scale(1.02)}.welcome-message h2{color:#3498db;color:var(--pastel-blue-dark);letter-spacing:-1px;margin-bottom:1rem}.welcome-message p{color:#2c3e50;color:var(--text-color-dark);font-size:1.1rem}.current-experiment{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;background-color:var(--background-translucent);border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--box-shadow);padding:1.5rem;transition:all .3s ease}.current-experiment:hover{box-shadow:0 15px 40px #0000001f;transform:scale(1.02)}.current-experiment h2{border-bottom:1px solid #0000001a;color:#3498db;color:var(--pastel-blue-dark);letter-spacing:-1px;margin-bottom:1.5rem;padding-bottom:.75rem}.experiment-container{min-height:500px}.btn{background-color:#3498db;background-color:var(--pastel-blue-dark);border:none;border-radius:30px;color:#fff;color:var(--text-color-light);font-weight:600;letter-spacing:.5px;padding:12px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn:hover{background-color:#7ab0e0;background-color:var(--pastel-blue-medium);box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.experiment-selector{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;background-color:var(--background-translucent);border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--box-shadow);padding:1.5rem;transition:all .3s ease}.experiment-selector:hover{box-shadow:0 15px 40px #0000001f;transform:scale(1.02)}.experiment-selector h3{color:#3498db;color:var(--pastel-blue-dark);letter-spacing:-1px;margin-bottom:1rem}.experiment-buttons{display:flex;flex-wrap:wrap;gap:1rem}.experiment-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;background-color:var(--background-translucent);border:1px solid #0000001a;border-radius:20px;border-radius:var(--border-radius);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:.5rem;min-width:150px;padding:1rem;transition:all .3s ease}.experiment-button:hover{border-color:#3498db;border-color:var(--pastel-blue-dark);box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}@media (max-width:768px){.current-experiment,.experiment-selector,.welcome-message{padding:1rem}.experiment-button{flex-basis:100%}}:root{--primary-color:#2c3e50;--secondary-color:#3498db;--background-color:#f4f6f7;--text-color:#34495e;--accent-color:#27ae60}.ai-assistant-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;overflow:hidden}.ai-assistant-header{align-items:center;background-color:#2c3e50;background-color:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:15px}.ai-assistant-header h2{font-size:1.2rem;margin:0}.ai-assistant-body{background-color:#f4f6f7;background-color:var(--background-color);padding:20px}.ai-assistant-welcome{color:#34495e;color:var(--text-color);margin-bottom:15px}.ai-assistant-tip{background-color:#3498db;background-color:var(--secondary-color);border-radius:8px;color:#fff;font-size:.9rem;margin-top:15px;padding:10px}.ai-assistant-input{border:1px solid #ddd;border-radius:6px;margin-top:10px;padding:10px;width:100%}.ai-assistant-button{background-color:#27ae60;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}.ai-assistant-button:hover{background-color:#2ecc71}.ai-assistant-footer{background-color:#2c3e50;background-color:var(--primary-color);color:#fff;font-size:.8rem;padding:10px;text-align:center}
/*# sourceMappingURL=main.abbfc88f.css.map*/