.modern-chat-container{width:100%;height:60vh;max-height:550px;min-height:350px;display:flex;flex-direction:column;background:rgba(26,26,26,.95);border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05);overflow:hidden;transition:all .3s ease;transform-origin:center}.modern-chat-no-transition{transition:none!important}.modern-chat-container:hover{box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 0 1px rgba(126,87,194,.2);transform:translateY(-2px)}.modern-chat-messages{flex:1;padding:24px;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;gap:16px}.modern-chat-messages::-webkit-scrollbar{width:6px}.modern-chat-messages::-webkit-scrollbar-track{background:transparent}.modern-chat-messages::-webkit-scrollbar-thumb{background:rgba(126,87,194,.3);border-radius:3px;transition:background .2s ease}.modern-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(126,87,194,.6)}.welcome-message{text-align:center;color:rgba(224,224,224,.6);font-size:.95rem;font-style:italic;padding:2rem;border:1px dashed rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.02);margin:auto 0}.modern-message{display:flex;margin-bottom:4px;opacity:0;animation:messageSlideIn .4s ease-out forwards}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-message.user{justify-content:flex-end}.modern-message.assistant{justify-content:flex-start}.message-content{max-width:80%;padding:14px 18px;border-radius:20px;font-size:.95rem;line-height:1.5;word-wrap:break-word;position:relative;transition:all .2s ease}.modern-message.user .message-content{background:linear-gradient(135deg,#7e57c2,#9575cd);color:white;border-bottom-right-radius:6px;box-shadow:0 4px 12px rgba(126,87,194,.3)}.modern-message.assistant .message-content{background:rgba(44,44,44,.8);color:#e0e0e0;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.modern-message.user .message-content:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(126,87,194,.4)}.modern-message.assistant .message-content:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.3)}.modern-skeleton{display:flex;align-items:center;gap:4px;padding:4px 0}.skeleton-dot{width:8px;height:8px;border-radius:50%;background:rgba(126,87,194,.6);animation:skeletonPulse 1.4s ease-in-out infinite}.skeleton-dot:first-child{animation-delay:0s}.skeleton-dot:nth-child(2){animation-delay:.2s}.skeleton-dot:nth-child(3){animation-delay:.4s}@keyframes skeletonPulse{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.2);opacity:1}}.modern-input-container{padding:20px 24px 24px;background:rgba(20,20,20,.6);border-top:1px solid rgba(255,255,255,.08)}.input-wrapper{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:4px;transition:all .3s ease}.input-wrapper:focus-within{border-color:rgba(126,87,194,.5);box-shadow:0 0 0 3px rgba(126,87,194,.1),0 0 0 1px rgba(126,87,194,.3);background:rgba(255,255,255,.08)}.modern-chat-input{flex:1;background:transparent;border:none;padding:14px 16px;color:#e0e0e0;font-size:16px;font-family:Neue Metana Mono,monospace;outline:none;min-width:0;border-radius:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modern-chat-input::placeholder{color:rgba(224,224,224,.4)}.modern-chat-input:disabled{opacity:.5;cursor:not-allowed}.modern-send-button{width:44px;height:44px;border-radius:12px;border:none;background:rgba(255,255,255,.1);color:rgba(224,224,224,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.modern-send-button:hover{background:rgba(255,255,255,.15);color:rgba(224,224,224,.7);transform:translateY(-1px)}.modern-send-button.active{background:linear-gradient(135deg,#7e57c2,#9575cd);color:white;cursor:pointer}.modern-send-button.active:hover{background:linear-gradient(135deg,#6a4fb8,#8561c5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(126,87,194,.4)}.modern-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.modern-send-button.loading{background:rgba(126,87,194,.3);cursor:not-allowed}.loading-dots{display:flex;gap:2px}.loading-dots div{width:4px;height:4px;border-radius:50%;background:white;animation:loadingDots 1.4s ease-in-out infinite}.loading-dots div:first-child{animation-delay:0s}.loading-dots div:nth-child(2){animation-delay:.16s}.loading-dots div:nth-child(3){animation-delay:.32s}@keyframes loadingDots{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.2);opacity:1}}.modern-download-button{display:inline-flex;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#7e57c2,#9575cd);color:white;border:none;border-radius:12px;font-family:Neue Metana Mono,monospace;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px rgba(126,87,194,.3)}.modern-download-button:hover{background:linear-gradient(135deg,#6a4fb8,#8561c5);transform:translateY(-2px);box-shadow:0 6px 16px rgba(126,87,194,.4)}.modern-download-button:active{transform:translateY(-1px);box-shadow:0 4px 8px rgba(126,87,194,.3)}@media (max-width:768px){.modern-download-button{padding:10px 20px;font-size:.85rem;border-radius:10px}}@media (max-width:480px){.modern-download-button{padding:9px 18px;font-size:.8rem;border-radius:8px}}.hidden-audio{display:none}@media (max-width:768px){.modern-chat-container{height:50vh;max-height:400px;min-height:280px;border-radius:16px}.modern-chat-messages{padding:18px;gap:12px}.modern-input-container{padding:16px 18px 18px}.message-content{font-size:.9rem;padding:12px 16px;max-width:85%}.welcome-message{padding:1.5rem;font-size:.9rem}}@media (max-width:480px){.modern-chat-container{height:45vh;max-height:350px;min-height:250px;border-radius:14px}.modern-chat-messages{padding:16px}.modern-input-container{padding:12px 16px 16px}.input-wrapper{border-radius:12px}.modern-chat-input{padding:12px 14px;font-size:16px;border-radius:8px}.modern-send-button{width:40px;height:40px}.message-content{font-size:.85rem;padding:10px 14px;max-width:90%}.welcome-message{padding:1.2rem;font-size:.85rem}}@media (max-width:360px){.modern-chat-container{height:40vh;max-height:300px;min-height:220px}.modern-chat-messages{padding:14px;gap:10px}.modern-input-container{padding:10px 14px 14px}.modern-chat-input{padding:11px 12px;font-size:16px}.message-content{font-size:.8rem;padding:9px 12px;max-width:92%}.welcome-message{padding:1rem;font-size:.8rem}}@media (max-height:600px) and (orientation:landscape){.modern-chat-container{height:60vh;max-height:300px}}@media (max-height:500px) and (orientation:landscape){.modern-chat-container{height:55vh;max-height:250px;min-height:200px}.modern-chat-messages{padding:12px;gap:8px}.modern-input-container{padding:8px 12px 12px}}@media (max-width:768px) and (max-height:900px){.modern-chat-container{height:50vh;max-height:380px}}@media (max-width:480px) and (max-height:800px){.modern-chat-container{height:45vh;max-height:320px}}@media (max-width:480px) and (max-height:700px){.modern-chat-container{height:40vh;max-height:280px;min-height:200px}}