.avatar-container{background:linear-gradient(135deg,#1a2a3a66,#2a2a3a66);border:1px solid #00d4ff40;border-radius:20px;display:flex;justify-content:center;min-height:500px;overflow:hidden;padding:80px 20px 40px;position:relative}.frame-logos{align-items:center;display:flex;justify-content:space-between;left:0;padding:0 30px;pointer-events:none;position:absolute;top:18px;width:100%;z-index:10}.frame-logo{filter:drop-shadow(0 0 8px rgba(0,212,255,.4));max-height:55px;max-width:220px;object-fit:contain}.frame-logo.right{max-width:90px}.avatar-wrapper{align-items:center;display:flex;flex-direction:column;gap:35px;position:relative;width:100%}.avatar-video-wrapper{height:380px;position:relative;width:380px;z-index:1}.avatar-video{background:radial-gradient(circle,#1a2a3a 0,#000 100%);border:8px solid var(--accent-color);border-radius:50%;filter:drop-shadow(0 0 20px var(--accent-color));height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.avatar-wrapper.hovering .avatar-video{transform:scale(1.05)}.avatar-wrapper.speaking .avatar-video{animation:speak-pulse .6s ease-in-out infinite}@keyframes speak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.avatar-status{background:#000000bf;border:1px solid #00d4ff40;border-radius:12px;color:#fff;font-size:28px;font-weight:500;padding:18px 26px;text-align:center;z-index:5}.floating-chat-area{display:flex;flex-direction:column;gap:12px;left:50%;max-width:400px;pointer-events:none;position:absolute;top:40%;transform:translate(-50%,-50%);width:90%;z-index:100}.chat-bubble{animation:popIn .3s ease-out forwards;box-shadow:0 4px 15px #00000080;font-weight:500;line-height:1.4;max-width:85%;padding:12px 18px;pointer-events:auto;width:-webkit-fit-content;width:fit-content}.chat-bubble.user{align-self:flex-end;background:#000000d9;border:1px solid #00d4ff;color:#00d4ff;text-align:right}.chat-bubble.bot{align-self:flex-start;background:#000000d9;border:1px solid #0fc;color:#0fc;text-align:left}.mic-btn{align-items:center;background:var(--accent-color);border:none;border-radius:50%;box-shadow:0 0 20px #00d4ff99;cursor:pointer;display:flex;font-size:28px;height:64px;justify-content:center;margin-top:10px;transition:transform .2s ease;width:64px;z-index:50}.mic-btn:hover{transform:scale(1.1)}.mic-btn.listening{animation:mic-pulse 1s infinite;background:#f44}@keyframes mic-pulse{0%{box-shadow:0 0 10px var(--accent-color)}50%{box-shadow:0 0 30px var(--accent-color)}to{box-shadow:0 0 10px var(--accent-color)}}@media (max-width:1024px) AND (orientation:portrait){.avatar-video-wrapper{height:220px;width:280px}}@media(max-width:1024px) and (orientation:landscape){.avatar-video-wrapper{height:auto;max-height:500px;max-width:500px}}@media (max-width:768px){.avatar-video-wrapper{height:280px;width:280px}.frame-logo{max-height:42px}.avatar-status{font-size:20px;padding:12px 18px}}.chat-interface-container{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;padding:20px;width:100%}.chat-window{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:10px}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.chat-bubble{border-radius:15px;box-shadow:0 4px 6px #0000004d;color:#fff;font-size:16px;line-height:1.5;max-width:75%;padding:12px 35px 12px 18px;position:relative}.chat-bubble.user{background-color:#005f73;border-bottom-right-radius:2px}.chat-bubble.bot{background-color:#0a9396;border-bottom-left-radius:2px}.input-area{display:flex;gap:10px;margin-top:15px;padding:10px 0}.input-area input{background:#00000080;border:1px solid #00d4ff;border-radius:25px;color:#fff;flex:1 1;outline:none;padding:12px}.input-area button{background:#00d4ff;border:none;border-radius:25px;cursor:pointer;font-weight:700;padding:10px 20px}.audio-replay-btn{background:none;border:none;bottom:5px;cursor:pointer;font-size:16px;opacity:.7;position:absolute;right:5px;transition:opacity .2s,transform .2s}.audio-replay-btn:hover{opacity:1;transform:scale(1.1)}@media (max-width:768px){.chat-interface-container{height:100vh;padding:10px}.chat-bubble{font-size:14px;max-width:90%;padding:10px 14px}.input-area{flex-direction:column;gap:8px}.input-area button{width:100%}}@media (max-width:480px){.chat-bubble{font-size:13px;line-height:1.4}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0b1120;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.App,body{height:100vh}.App{display:flex;flex-direction:row;width:100vw}.left-panel{background:radial-gradient(circle at center,#1a2a3a 0,#0b1120 100%);border-right:1px solid #00d4ff1a;flex:1 1;flex-direction:column;justify-content:center;position:relative}.header-bar,.left-panel{align-items:center;display:flex}.header-bar{justify-content:space-between;left:0;padding:0 30px;position:absolute;top:20px;width:100%;z-index:10}.header-logo-left{filter:drop-shadow(0 0 8px rgba(0,212,255,.4));height:80px;max-width:210px;object-fit:contain}.header-logo-right{border-radius:12px;filter:drop-shadow(0 0 8px rgba(255,255,255,.4));height:120px;max-width:180px;object-fit:contain}.header-text{color:#fff;flex:1 1;font-size:45px;font-weight:600;pointer-events:none;text-align:center}.avatar-wrapper{transform:scale(.9)}.cute-text-box{animation:floatText 3s ease-in-out infinite;background:#0009;border:1px solid #00d4ff;border-radius:15px;box-shadow:0 4px 15px #00d4ff33;color:#fff;font-size:1.1rem;line-height:1.5;margin-top:30px;padding:15px 25px;text-align:center}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.right-panel{background:#0003;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;padding:40px}@media (max-width:768px){.App{flex-direction:column}.left-panel{flex:0 0 60%}.right-panel{flex:1 1;padding:10px}.header-logo-left{height:45px}.header-logo-right{height:40px}.header-text{font-size:18px}}
/*# sourceMappingURL=main.6480d907.css.map*/