@theme{ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }html,body{@apply bg-white dark:bg-gray-950;}@media (prefers-color-scheme: dark){html,body{color-scheme:dark}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:system-ui,sans-serif}body{margin:0;padding:0;background:#000;color:#fff;overflow:hidden;height:100vh}#root{height:100vh;width:100vw}.background-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;height:2px;background:linear-gradient(45deg,#8b5cf6,#3b82f6);border-radius:50%;animation:float 6s ease-in-out infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.particle:nth-child(2){top:60%;left:80%;animation-delay:1s}.particle:nth-child(3){top:30%;left:70%;animation-delay:2s}.particle:nth-child(4){top:80%;left:20%;animation-delay:3s}.particle:nth-child(5){top:10%;left:50%;animation-delay:4s}.particle:nth-child(6){top:70%;left:60%;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.transcript-text{font-size:1.1rem;color:#fff;text-align:center;margin-bottom:3rem;max-width:600px;line-height:1.6;padding:0 2rem}.controls{display:flex;align-items:center;gap:2rem}.control-btn{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2}.control-btn:hover{transform:scale(1.1)}.main-mic-btn{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 0 20px #8b5cf680}.side-btn{background:linear-gradient(135deg,#4c1d95,#5b21b6);box-shadow:0 0 10px #8b5cf64d}.control-icon{width:24px;height:24px;color:#fff}.main-mic-icon{width:32px;height:32px}.recording{animation:recording-pulse 1s ease-in-out infinite;box-shadow:0 0 30px #ef444499}@keyframes recording-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #8b5cf680}50%{transform:scale(1.05);box-shadow:0 0 30px #ef4444cc}}.chat-messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:1.5rem}.message{max-width:70%;padding:1rem 1.5rem;border-radius:20px;position:relative;word-wrap:break-word}.user-message{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:1px solid #a855f7;align-self:flex-end;margin-left:auto}.ai-message{background:linear-gradient(135deg,#4c1d95,#5b21b6);border:1px solid #7c3aed;align-self:flex-start;margin-right:auto;display:flex;align-items:flex-start;gap:1rem}.message-content{flex:1;color:#fff;line-height:1.5}.ai-avatar{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#8b5cf6,#3b82f6);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.ai-avatar:before{content:"";position:absolute;width:100%;height:100%;background:conic-gradient(from 0deg,#8b5cf6,#3b82f6,#8b5cf6);animation:rotate 3s linear infinite;border-radius:50%}.message-actions{display:flex;gap:.5rem;margin-top:.5rem;justify-content:center}.action-btn{width:32px;height:32px;border-radius:50%;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.action-icon{width:16px;height:16px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a855f7,#60a5fa)}.chat-container{display:flex;flex-direction:column;height:100vh;position:relative;z-index:1}.messages-area{flex:1;display:flex;align-items:flex-start;padding:2rem 0;overflow-y:auto;height:100vh}.messages-list{flex:1;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.message-container{display:flex;align-items:flex-start;gap:1rem;animation:messageSlideIn .3s ease-out;position:relative;z-index:1;padding-right:1rem}.user-message-container{justify-content:flex-end}.ai-message-container{justify-content:flex-start}.message-avatar{flex-shrink:0;margin-top:.5rem;position:relative;z-index:3}.message-bubble{max-width:70%;padding:1rem 1.5rem;border-radius:20px;position:relative;word-wrap:break-word;z-index:1}.user-message{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:1px solid #a855f7;box-shadow:0 4px 15px #8b5cf64d}.ai-message{background:linear-gradient(135deg,#4c1d95,#5b21b6);border:1px solid #7c3aed;box-shadow:0 4px 15px #4c1d954d}.message-content{color:#fff;line-height:1.5;font-size:.95rem}.message-time{font-size:.75rem;color:#ffffffb3;margin-top:.5rem;text-align:right}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.messages-list{gap:.25rem;padding:.5rem 0;margin:-.5rem 0}.message-container{gap:.75rem}.message-bubble{max-width:85%}.message-avatar{width:45px;height:45px;margin-top:.25rem}}.inactiveChat{opacity:0;pointer-events:none;z-index:-1;will-change:opacity,z-index;transition:opacity .3s ease-in-out,z-index .3s ease-in-out}.activeChat{opacity:1;pointer-events:auto;z-index:1;will-change:opacity,z-index;transition:opacity .3s ease-in-out,z-index .3s ease-in-out}.listening-container{opacity:1;pointer-events:auto;z-index:1;transition:opacity .3s ease-in-out,z-index .3s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:opacity,z-index}.listening-container.inactive{opacity:0;pointer-events:none;z-index:-1;will-change:opacity,z-index;transition:opacity .3s ease-in-out,z-index .3s ease-in-out}