@tailwind base;@tailwind components;@tailwind utilities;body{background:linear-gradient(135deg,#ff6ec4,#7873f5,#1fd1f9);min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:4em}.read-the-docs{color:#888}main{margin-top:100px}.main-bg{margin-top:-140px;min-height:100vh;background:linear-gradient(135deg,#ff6ec4,#7873f5,#1fd1f9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4.2rem 1.5rem 2.5rem}@media (min-width: 768px){.main-bg{padding:7.2rem 0 4rem}}.main-card{width:100%;max-width:520px;margin:2.5rem auto;background:#ffffff2e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:2.5rem;box-shadow:0 12px 36px #1f268730,0 1.5px 6px #00000012;border:1.5px solid rgba(255,255,255,.28);padding:2.8rem 1.5rem 2.5rem;display:flex;flex-direction:column;align-items:center;min-height:600px;box-sizing:border-box}@media (max-width: 600px){.main-card{padding:2rem .7rem;min-height:480px;margin-top:4.5rem;margin-bottom:1.5rem}}.heading-section{text-align:center;margin-bottom:2.2rem}.heading-gradient{font-size:2.8rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(90deg,#ff6ec4,#ffb86c,#ff6ec4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-move 3s ease-in-out infinite}.heading-desc{font-size:1.15rem;color:#f3eaff;opacity:.95}.section-full{width:100%;margin-bottom:2.4rem}.section-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1.2rem;text-align:center}.personality-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem;margin-bottom:1.6rem}.personality-btn{padding:1.1rem 0;border-radius:1.5rem;font-weight:700;font-size:1.08rem;border:2px solid rgba(255,255,255,.25);color:#fff;background:#ffffff14;box-shadow:0 1px 8px #00000012;transition:all .18s cubic-bezier(.4,2,.6,1);cursor:pointer}.personality-btn.selected{background:linear-gradient(90deg,#ff6ec4,#ffb86c);border-color:#ffb86c;color:#fff;transform:scale(1.08)}.personality-btn:hover{background:#ffffff2e;border-color:#ff6ec4}.voice-gender-row{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.3rem}.voice-btn{padding:.85rem 2.5rem;border-radius:2rem;font-weight:700;font-size:1.08rem;border:2px solid rgba(255,255,255,.25);color:#fff;background:#ffffff14;box-shadow:0 1px 8px #00000012;transition:all .18s cubic-bezier(.4,2,.6,1);cursor:pointer}.voice-btn.selected{background:linear-gradient(90deg,#5b9dfc,#ff6ec4);border-color:#5b9dfc;color:#fff;transform:scale(1.08)}.voice-btn:hover{background:#ffffff2e;border-color:#ff6ec4}.input-row{width:100%;display:flex;flex-direction:column;gap:1.1rem;align-items:center;margin-bottom:2.1rem}@media (min-width: 768px){.input-row{flex-direction:row;gap:1.5rem;margin-bottom:2.3rem}}@media (min-width: 768px){.input-row{flex-direction:row;gap:1.5rem}}.input-box{flex-grow:1;padding:1rem;border-radius:1rem;background:#ffffff2e;color:#fff;border:1.5px solid rgba(255,255,255,.18);font-size:1.08rem;outline:none;transition:border .15s}.input-box:focus{border-color:#ff6ec4}.send-btn{padding:1rem 2.1rem;background:linear-gradient(90deg,#4ade80,#16a34a);color:#fff;border-radius:1rem;font-weight:700;font-size:1.08rem;border:none;transition:background .18s,opacity .15s;box-shadow:0 1px 8px #00000017;cursor:pointer;margin-left:0}@media (min-width: 768px){.send-btn{margin-left:.5rem}}.send-btn:disabled{opacity:.5;cursor:not-allowed}.mic-section{text-align:center;margin-bottom:1.2rem}.mic-btn{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 32px #ff63842e;border:4px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#ff6ec4,#ffb86c);color:#fff;font-size:2.8rem;transition:box-shadow .18s,transform .18s,background .18s;cursor:pointer}.mic-btn.recording{background:linear-gradient(135deg,#ff6ec4,#ffb86c 60%,#ff6ec4);box-shadow:0 0 0 12px #ff63842e;border-color:#ff6ec4;transform:scale(1.07);animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff638438}70%{box-shadow:0 0 0 16px #ff638417}to{box-shadow:0 0 #ff638438}}.mic-icon{width:56px;height:56px}.mic-status{color:#fff;font-size:1.1rem;font-weight:700;margin-top:1.1rem;text-shadow:0 1px 8px #0002}.audio-section{text-align:center;margin-top:1.2rem;min-height:60px;width:100%}.audio-processing{display:inline-flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#c4b5fd}.audio-dot{width:10px;height:10px;background:#c4b5fd;border-radius:50%;animation:bounce .7s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.audio-player{padding:.5rem 0}.audio-element{width:100%;max-width:480px;margin:auto}.glass-nav{position:fixed;top:0;right:0;width:88vw;z-index:100;border-radius:2rem;background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #1f26871f;border:1.5px solid rgba(255,255,255,.28);border-top:none;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;max-width:none;transform:none}.hamburger-row{display:flex}@media (min-width: 768px){.desktop-menu{display:flex;align-items:center;gap:2rem}.glass-nav{right:40px}}.glass-logo{font-size:2rem;font-weight:900;background:linear-gradient(90deg,#ff6ec4,#ffb86c,#ff6ec4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;animation:gradient-move 3s ease-in-out infinite}.desktop-menu{display:none}@media (min-width: 768px){.desktop-menu{display:flex;align-items:center;gap:2rem}.hamburger-btn{display:none}}.nav-link{color:#444;font-weight:500;font-size:1.06rem;transition:color .15s;text-decoration:none}.nav-link:hover{color:#ff6ec4}.hamburger-row{display:flex;align-items:center}.hamburger-btn{background:none;border:none;color:#444;font-size:1.8rem;cursor:pointer;transition:color .15s}.hamburger-btn:hover{color:#ff6ec4}.hamburger-icon{width:28px;height:28px}.mobile-menu{position:absolute;top:4.2rem;left:0;width:100%;background:#fffffff7;border-radius:0 0 2rem 2rem;box-shadow:0 8px 32px #1f26871c;border-top:1.5px solid rgba(255,255,255,.18);z-index:51;padding-bottom:1rem}@media (min-width: 768px){.mobile-menu{display:none}}.mobile-menu-list{display:flex;flex-direction:column;align-items:center;padding:1.2rem 0;gap:1rem}.mobile-nav-link{display:block;padding:.7rem 1.2rem;border-radius:.7rem;font-size:1.08rem;font-weight:500;color:#444;background:none;text-decoration:none;transition:background .15s,color .15s}.mobile-nav-link:hover{background:#ff6ec4;color:#fff}.animate-gradient{background:linear-gradient(90deg,#ff6ec4,#7873f5,#1fd1f9,#ff6ec4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-move 3s ease-in-out infinite}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-black{background:linear-gradient(90deg,#000,#444,#222,#000 80%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-move-black 3s ease-in-out infinite}@keyframes gradient-move-black{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mic-btn{box-shadow:0 0 #ff6384b3;transition:box-shadow .3s}.mic-btn:active{box-shadow:0 0 0 8px #ff638433}.loader-equalizer{display:flex;align-items:flex-end;gap:4px;height:32px}.loader-equalizer div{width:6px;height:100%;background:linear-gradient(180deg,#ff6ec4,#7873f5);border-radius:3px;animation:equalizer 1s infinite}.loader-equalizer div:nth-child(1){animation-delay:0s}.loader-equalizer div:nth-child(2){animation-delay:.2s}.loader-equalizer div:nth-child(3){animation-delay:.4s}.loader-equalizer div:nth-child(4){animation-delay:.6s}.loader-equalizer div:nth-child(5){animation-delay:.8s}@keyframes equalizer{0%,to{height:20%}50%{height:100%}}.speaking-waves{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:32px;margin-bottom:.5rem}.speaking-waves span{display:block;width:10px;height:100%;background:linear-gradient(180deg,#1fd1f9,#ff6ec4 80%);border-radius:5px;animation:speaking-wave 1.1s infinite cubic-bezier(.4,1.6,.6,1)}.speaking-waves span:nth-child(1){animation-delay:0s}.speaking-waves span:nth-child(2){animation-delay:.25s}.speaking-waves span:nth-child(3){animation-delay:.5s}.speaking-waves span:nth-child(4){animation-delay:.75s}@keyframes speaking-wave{0%,to{height:30%}50%{height:100%}}@media (max-width: 600px){.neumorphic-card{padding:1.2rem;border-radius:1.2rem}.mic-btn{width:80px!important;height:80px!important}.animate-gradient{font-size:1.5rem!important}}.avatar-canvas-container{width:150px;height:150px;border-radius:50%;overflow:hidden;position:relative;background:radial-gradient(circle,#19197080,#000c);border:2px solid rgba(173,216,230,.5);box-shadow:0 0 15px #add8e64d}.avatar-canvas-container canvas{width:100%!important;height:100%!important}.ai-companion-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:15px}.companion-avatar{position:relative;width:200px;height:250px;background:linear-gradient(135deg,#ff6ec433,#7873f533);border-radius:20px;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 32px #1f26875e;transition:all .3s ease}.companion-avatar.speaking{transform:scale(1.05);box-shadow:0 0 30px #ff6ec480}.companion-avatar.listening{animation:pulse 1.5s infinite}.mouth-overlay{position:absolute;bottom:35%;left:50%;transform:translate(-50%);width:20px;height:8px;background:#8b451399;border-radius:0 0 20px 20px;opacity:0;transition:all .2s ease}.mouth-overlay.active{opacity:1;animation:lipSyncOverlay .3s ease-in-out infinite alternate}.mouth-overlay.mouth-open{height:15px;border-radius:50%}.mouth-overlay.mouth-oh{height:12px;width:12px;border-radius:50%}.mouth-overlay.mouth-ee{height:6px;width:25px;border-radius:15px}.mouth-overlay.mouth-smile{height:8px;width:22px;border-radius:0 0 25px 25px;border-top:2px solid rgba(139,69,19,.4)}.mouth-overlay.mouth-talk{animation:talkingMouth .2s ease-in-out infinite alternate}.eye-overlay{position:absolute;top:30%;left:50%;transform:translate(-50%);width:60px;height:20px;pointer-events:none}.eye-blink{position:absolute;width:12px;height:2px;background:#0006;border-radius:50%;opacity:0;transition:all .15s ease}.eye-blink.blinking{opacity:1;height:8px;background:#0009}.left-blink{left:15px;top:8px}.right-blink{right:15px;top:8px}.emotion-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none}.happy-glow{background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:happyGlow 2s ease-in-out infinite}.thinking-pulse{background:radial-gradient(circle,rgba(100,149,237,.1) 0%,transparent 70%);animation:thinkingPulse 1.5s ease-in-out infinite}.voice-waves{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:end}.wave{width:4px;background:linear-gradient(to top,#ff6ec4,#7873f5);border-radius:2px;animation:waveAnimation .6s infinite alternate}.wave:nth-child(1){height:10px;animation-delay:0s}.wave:nth-child(2){height:20px;animation-delay:.1s}.wave:nth-child(3){height:15px;animation-delay:.2s}.wave:nth-child(4){height:25px;animation-delay:.3s}.status-indicators{position:absolute;top:-40px;left:50%;transform:translate(-50%);text-align:center}.status{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;background:#000000b3;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pulse-ring{width:12px;height:12px;border:2px solid #ff6ec4;border-radius:50%;animation:pulse 1.5s infinite}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #7873f5;border-radius:50%;animation:spin 1s linear infinite}.voice-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.voice-button{width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff6ec4,#7873f5);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6ec466;-webkit-user-select:none;user-select:none}.voice-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6ec499}.voice-button.active{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:pulse 1s infinite}.voice-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mic-icon{width:24px;height:24px}.voice-button span{font-size:10px;font-weight:600}.message-display{position:absolute;top:-80px;left:50%;transform:translate(-50%);max-width:250px;padding:10px 15px;background:#000c;color:#fff;border-radius:15px;font-size:12px;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.message-display:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,.8)}.character-image-container{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;box-shadow:0 8px 25px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.companion-image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}.companion-image.talking{transform:scale(1.03);filter:brightness(1.08) saturate(1.1)}.companion-image.happy{filter:brightness(1.05) saturate(1.15) hue-rotate(5deg)}.companion-image.thinking{filter:brightness(.95) contrast(1.1)}.companion-image.listening{filter:brightness(1.02) contrast(1.05)}.companion-toggle{width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,#7873f5,#1fd1f9);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #7873f566}.companion-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #7873f599}.companion-toggle svg{width:24px;height:24px}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waveAnimation{0%{height:5px}to{height:25px}}@keyframes lipSyncOverlay{0%{height:8px;opacity:.6;transform:translate(-50%) scaleY(1)}50%{height:12px;opacity:.8;transform:translate(-50%) scaleY(1.3)}to{height:8px;opacity:.6;transform:translate(-50%) scaleY(1)}}@keyframes talkingMouth{0%{height:8px;width:20px;transform:translate(-50%) scaleY(1)}50%{height:12px;width:18px;transform:translate(-50%) scaleY(1.2)}to{height:6px;width:22px;transform:translate(-50%) scaleY(.8)}}@keyframes happyGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes thinkingPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}@media (max-width: 768px){.ai-companion-container{bottom:10px;right:10px}.companion-avatar{width:150px;height:200px}.character-container{width:90px;height:120px}.character-face{width:60px;height:80px}.voice-button{width:60px;height:60px}.mic-icon{width:20px;height:20px}.voice-button span{font-size:8px}}