:root{--primary-color: #4a90e2;--secondary-color: #2c3e50;--accent-color: #e74c3c;--text-color: #333;--bg-color: #f5f6fa;--dark-bg: #1a1a1a;--dark-text: #ffffff;--orb-size: 120px;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-speed)}body.dark-mode{background-color:var(--dark-bg);color:var(--dark-text)}.assistant-app{min-height:100vh;position:relative;overflow:hidden}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6e8efb,#a777e3);opacity:.1;z-index:-1}.main-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.assistant-orb{width:var(--orb-size);height:var(--orb-size);position:relative;margin:2rem auto;cursor:pointer;transition:transform var(--transition-speed)}.assistant-orb:hover{transform:scale(1.05)}.orb-core{width:100%;height:100%;background:radial-gradient(circle at center,var(--primary-color),var(--secondary-color));border-radius:50%;position:relative;overflow:hidden}.wave-animation{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.2),transparent);animation:wave 2s infinite}.orb-ring{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid var(--primary-color);border-radius:50%;animation:rotate 10s linear infinite}.orb-status{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:.9rem;color:var(--text-color)}.status-display{text-align:center;margin:1rem 0}.status-text{font-size:1.2rem;margin-bottom:.5rem}.language-toggle{display:flex;justify-content:center;gap:1rem}.lang-option{cursor:pointer;padding:.3rem .8rem;border-radius:15px;background:#4a90e21a;transition:background var(--transition-speed)}.lang-option.active{background:var(--primary-color);color:#fff}.conversation-window{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;height:400px;margin:2rem 0;position:relative;overflow:hidden}.messages-container{height:100%;overflow-y:auto;padding:1rem}.welcome-message{text-align:center;padding:2rem}.welcome-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.scroll-indicator{position:absolute;bottom:1rem;right:1rem;background:var(--primary-color);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity var(--transition-speed)}.scroll-indicator:hover{opacity:1}.input-panel{display:flex;gap:1rem;align-items:center;background:#fff;padding:1rem;border-radius:15px;box-shadow:0 4px 6px #0000001a}.input-field{flex:1;min-height:40px;padding:.5rem 1rem;border:1px solid #ddd;border-radius:20px;outline:none;transition:border-color var(--transition-speed)}.input-field:focus{border-color:var(--primary-color)}.action-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--primary-color);color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:background var(--transition-speed)}.action-btn:hover{background:var(--secondary-color)}.ripple-effect{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple .6s linear}.quick-actions{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.quick-actions .action-btn{display:flex;flex-direction:column;align-items:center;width:auto;height:auto;padding:.5rem 1rem;border-radius:10px;background:#fff;color:var(--text-color);box-shadow:0 2px 4px #0000001a}.quick-actions .action-btn i{margin-bottom:.3rem}.features-panel{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem}.feature-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--primary-color);color:#fff;cursor:pointer;transition:transform var(--transition-speed)}.feature-btn:hover{transform:scale(1.1)}.dark-mode-toggle{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(26px)}@keyframes wave{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.2}to{transform:scale(1);opacity:.5}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@media (max-width: 768px){.main-container{padding:1rem}.assistant-orb{--orb-size: 80px;margin:1rem auto}.status-display{margin:.5rem 0}.status-text{font-size:1rem}.language-toggle{flex-wrap:wrap;gap:.5rem}.lang-option{font-size:.9rem;padding:.2rem .6rem}.conversation-window{height:300px;margin:1rem 0}.welcome-message{padding:1rem}.welcome-icon{font-size:2rem}.input-panel{flex-wrap:wrap;gap:.5rem;padding:.5rem}.input-field{width:100%;order:-1}.action-btn{width:35px;height:35px}.quick-actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0}.quick-actions .action-btn{width:calc(50% - .5rem);padding:.4rem .8rem;font-size:.9rem}.features-panel{position:fixed;bottom:1rem;right:1rem;flex-direction:column;gap:.5rem}.feature-btn{width:35px;height:35px}.dark-mode-toggle{position:fixed;top:1rem;right:1rem}}@media (max-width: 480px){.main-container{padding:.5rem}.assistant-orb{--orb-size: 60px}.conversation-window{height:250px}.quick-actions .action-btn{width:100%}.features-panel{bottom:.5rem;right:.5rem}.dark-mode-toggle{top:.5rem;right:.5rem}}@supports (-webkit-touch-callout: none){.assistant-app{min-height:-webkit-fill-available}}html,body{overflow-x:hidden;position:relative;width:100%}@media (hover: none){.action-btn,.feature-btn,.lang-option{min-height:44px;min-width:44px}}