.ai-agent-container{background:linear-gradient(135deg,#fff,#a0e7e5);height:100vh;overflow:hidden;width:100%}.agent-wrapper,.ai-agent-container{align-items:center;display:flex;justify-content:center;position:relative}.agent-wrapper{gap:3rem;max-width:1200px;width:90%}.agent-message-panel{background:#00000080;border-radius:20px;box-shadow:0 8px 20px #00000080;color:#fff;font-size:1.6rem;font-weight:700;max-width:40%;padding:1rem 2rem;position:absolute;right:5%;text-shadow:2px 2px 8px #000000b3;top:25%;transition:all .3s ease;z-index:2}.orb-logo{align-items:center;animation:orbFloat 4s ease-in-out infinite;border-radius:50%;bottom:30px;cursor:pointer;display:flex;height:80px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:80px;z-index:1000}.orb-logo.active{animation:orbPulse 2s infinite,orbFloat 4s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#00f0ff,#007bff,#0047b3);box-shadow:0 0 40px aqua,0 0 70px #007bffcc,0 0 100px #007bff99}.orb-logo.sleep{animation:orbPulseSleep 3s infinite,orbFloat 4s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ff4d4d,#ff1a1a,#900);box-shadow:0 0 30px #ff0000b3,0 0 50px #ff323280,0 0 70px #ff64644d}.orb-logo:after{animation:shineMove 3s infinite;background:#ffffff40;border-radius:50%;content:"";filter:blur(8px);height:60%;left:10%;position:absolute;top:10%;width:60%}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes orbPulseSleep{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes shineMove{0%,to{transform:translate(0)}50%{transform:translate(5px,5px)}}.audio-toggle{background:#0000;border:none;cursor:pointer;font-size:1.8rem;position:absolute;right:25px;top:20px;transition:transform .2s ease}.audio-toggle:hover{transform:scale(1.2)}@media(max-width:992px){.agent-wrapper{align-items:center;flex-direction:column}.robot-image{height:50vh;max-width:80%}.agent-message-panel{font-size:1.3rem;max-width:60%;padding:.8rem 1.2rem;top:20%}}.agent-conversation-panel{animation:none;background:#0000;border:none;border-radius:0;bottom:15%;box-shadow:none;color:inherit;display:flex;flex-direction:column;font-size:1.3rem;gap:.8rem;height:300px;overflow-y:auto;padding:.5rem;position:absolute;right:5%;scroll-behavior:smooth;transition:none;width:35%;z-index:5}.agent-message{word-wrap:break-word;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;max-width:90%;padding:.6rem 1rem}.agent-message.user{align-self:flex-end;background:#db7dd380;box-shadow:2px 2px 10px #007bff99;color:#fff}.agent-message.assistant{align-self:flex-start;background:#00ffff80;box-shadow:-2px -2px 10px #0ff9;color:#000}.agent-message .live-typing{display:inline-block}.agent-conversation-panel::-webkit-scrollbar{width:8px}.agent-conversation-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.agent-conversation-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.loading-dots{display:inline-flex;gap:3px}.loading-dots span{animation:blink 1.4s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0}.container,body{box-sizing:border-box}.container{background:linear-gradient(135deg,#a1c4fd,#c2e9fb);padding:15px;position:relative}.header{color:#fff;flex-shrink:0;margin-bottom:15px;text-align:center}.header h1{font-size:2.2rem;margin:0;text-shadow:2px 2px 4px #0000004d}.header p{font-size:1rem;margin:3px 0;opacity:.9}.main-content{flex:1 1;flex-direction:column;gap:15px}.main-content,.top-section{display:flex;min-height:0;overflow:hidden}.top-section{flex:1 1;gap:25px}.character-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;flex:1 1;overflow:hidden;padding:20px;position:relative}.character{height:320px;margin-bottom:20px;position:relative;width:280px}.character .character-media-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.character .character-media{border-radius:20px;height:100%;left:0;object-fit:contain;position:absolute;top:0;transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1}.character .character-media.image{opacity:1}.character .character-media.video{opacity:0;z-index:2}.character.talking .character-media.image{opacity:0}.character.talking .character-media.video{animation:headBob 1.5s ease-in-out infinite;opacity:1}.character.talking .mouth{animation:lipSync .25s infinite alternate,mouthPulse 1.2s ease-in-out infinite}.character .mouth{background:#d63384;border:2px solid #b02a5b;border-radius:0 0 50px 50px;height:25px;overflow:hidden;top:80px;transition:all .2s ease;width:50px;z-index:10}.character .mouth,.character .mouth:before{left:50%;position:absolute;transform:translateX(-50%)}.character .mouth:before{background:#fff;border-radius:4px;content:"";height:8px;top:5px;width:30px}@keyframes headBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes lipSync{0%{height:25px;transform:translateX(-50%) scaleY(1)}to{height:15px;transform:translateX(-50%) scaleY(.8)}}@keyframes mouthPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.status-indicator{align-items:center;color:#fff;display:flex-col;font-size:1.2rem;gap:10px;margin-bottom:20px}.status-dot{background:#f44;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.status-dot.listening{animation:pulse 1s infinite;background:#4f4}.status-dot.speaking{animation:pulse .5s infinite;background:#44f}.test-dot{align-items:center;display:flex;justify-content:center}.wake-button{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:50px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:1.1rem;margin-bottom:25px;padding:15px 30px;transition:all .3s ease}.wake-button:hover{box-shadow:0 7px 20px #0000004d;transform:translateY(-2px)}.wake-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.conversation-section{background:#fff3;border-radius:15px;flex-shrink:0;height:170px;margin-bottom:20px;padding:12px}.conversation-section .conversation-header{color:#333;flex-shrink:0;margin-bottom:8px;text-align:center}.conversation-section .conversation-header h3{font-size:1rem;margin:0}.conversation-section .conversation-log{background:#f8f9fa;border-radius:8px;flex:1 1;min-height:0;overflow-y:auto;padding:8px}.conversation-section .message{word-wrap:break-word;border-radius:10px;margin-bottom:8px;max-width:90%;padding:8px 12px}.conversation-section .message.user-message{background:#0000;border-bottom-right-radius:4px;margin-left:auto;text-align:right}.conversation-section .message.user-message .message-label{color:#1976d2}.conversation-section .message.parky-message{background:#f1f8e9;border-bottom-left-radius:4px;margin-right:auto}.conversation-section .message.parky-message .message-label{color:#388e3c}.conversation-section .message .message-label{font-size:.75rem;font-weight:700;margin-bottom:3px}.conversation-section .message .message-text{font-size:.85rem;line-height:1.3}.mouth{background:#0000;border-radius:10px;bottom:285px;height:20px;left:50%;position:absolute;transform:translateX(-50%) scaleY(.1);transition:transform .05s ease;width:50px;z-index:10}.status-dot.speaking{animation:pulse .5s infinite alternate}.main-content.portrait-layout{flex-direction:row;gap:50px;height:100vh;padding:0 5%;width:100%}.character-section,.main-content.portrait-layout{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.character-section{background:#0000;border-radius:20px;flex:0 0 45%;flex-direction:column;height:90%;margin-left:-5%}.character-image{height:auto;margin-bottom:15px;object-fit:contain;width:70%}.conversation-section{align-items:center;box-shadow:none!important;box-sizing:border-box;display:flex;flex:0 0 40%;flex-direction:column;height:80%;justify-content:flex-start;padding:20px;position:relative}.conversation-header,.conversation-section{background:#0000!important;border:none!important}.conversation-header{font-weight:600;margin-bottom:10px;text-align:center;text-shadow:0 0 6px #0006}.conversation-log{background:#0000!important;border:none!important;flex:1 1;overflow-y:auto;padding:10px;width:100%}.message{color:inherit;font-size:15px;line-height:1.5;margin-bottom:10px;text-shadow:0 0 4px #00000080;transition:opacity .3s ease}.message.user{background:#0000!important;border:none!important;box-shadow:none!important;color:#a8e6ff;font-weight:500;padding:0;text-align:right}.message.bot{color:#4a79af;text-align:left}.top-left-logo{height:auto;left:10px;max-width:15%;position:absolute;top:10px;width:200px;z-index:100}.wake-orb{animation:pulse 2s infinite;border-radius:50%;bottom:20px;box-shadow:0 0 20px #0000004d;cursor:pointer;height:70px;position:absolute;right:20px;transition:all .3s ease-in-out;width:70px;z-index:10}.wake-orb.sleep{background:radial-gradient(circle,#ff4b4b 40%,#a00000 90%);box-shadow:0 0 25px #ff0000b3}.wake-orb.awake{background:radial-gradient(circle,#4b8bff 40%,#0033a0 90%);box-shadow:0 0 25px #0066ffb3}.wake-orb.speaking{animation:pulse-fast 1s infinite;background:radial-gradient(circle,#00e5ff 40%,#004d73 90%);box-shadow:0 0 40px #00e5ffcc}@keyframes pulse{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.9;transform:scale(1)}}@keyframes pulse-fast{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(1)}}.wake-orb:hover{box-shadow:0 0 40px #fffc;transform:scale(1.15)}.language-buttons{align-items:center;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;margin-top:18px}.lang-title{color:#111;font-size:1rem;font-weight:500;margin-bottom:10px;text-align:center}.lang-btn-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.lang-btn{background:#fff;border:2px solid #000;border-radius:8px;box-shadow:2px 2px 0 #000;color:#000;cursor:pointer;font-size:.95rem;font-weight:500;padding:9px 22px;transition:all .25s ease}.lang-btn:hover{background:#f2f2f2;transform:translateY(-2px)}.lang-btn.active{background:#000;border-color:#000;box-shadow:none;color:#fff;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body,html{height:100%}.container,body,html{overflow:hidden;width:100%}.container{display:flex;flex-direction:column;height:100vh}@media(max-width:992px){.main-content.portrait-layout{align-items:center;flex-direction:column;height:auto;justify-content:flex-start;padding:20px}.character-section{flex:none;height:auto;margin-bottom:20px;width:80%}.character-image{max-width:300px;width:100%}.conversation-section{flex:none;height:300px;padding:15px;width:90%}.conversation-log{height:250px}.wake-orb{bottom:15px;height:60px;right:15px;width:60px}.header h1{font-size:1.8rem}}@media(max-width:600px){.container{overflow-y:auto;padding:10px}.header h1{font-size:1.5rem}.header p{font-size:.85rem}.main-content.portrait-layout{flex-direction:column;gap:10px;padding:10px}.character-section{margin:0 auto;width:100%}.character-image{height:auto;width:80%}.status-indicator span{font-size:.9rem}.conversation-section{height:250px;padding:8px;width:100%}.conversation-log{height:200px}.message{font-size:.85rem}.wake-orb{bottom:10px;height:50px;right:10px;width:50px}.top-left-logo{width:120px}}@media(min-width:1600px){.main-content.portrait-layout{gap:80px;padding:0 8%}.character-section{flex:0 0 40%}.conversation-section{flex:0 0 45%}.character-image{max-width:400px}}.garage-setup{background:hsla(0,0%,100%,.867);border-radius:20px;box-shadow:0 6px 15px #00000026;font-family:Poppins,sans-serif;margin:80px auto;max-width:400px;padding:2rem;text-align:center}.garage-setup h2{color:#222;margin-bottom:.3rem}.garage-setup .subtitle{color:#555;font-size:.9rem;margin-bottom:1rem}.garage-setup form{display:flex;flex-direction:column;text-align:left}.garage-setup form label{color:#333;font-weight:500;margin-bottom:.2rem;margin-top:.8rem}.garage-setup form input{border:1px solid #ccc;border-radius:10px;font-size:1rem;padding:.6rem;transition:.3s}.garage-setup form input:focus{border-color:#007bff;outline:none}.garage-setup form .setup-btn{background:linear-gradient(135deg,#007bff,#00c3ff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.8rem;transition:transform .2s ease}.garage-setup form .setup-btn:hover{transform:scale(1.05)}
/*# sourceMappingURL=main.5afb30de.css.map*/