@import "https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@400;900&family=Outfit:wght@500;700;800&display=swap";:root{--chat-bg:#111;--msg-bot:#00e5ff;--msg-user:#f36;--accent:#00ff41}.chat-wrapper{background:radial-gradient(circle at 100% 0,#2a2a2a 0%,#000 100%);justify-content:center;align-items:center;min-height:100vh;padding:100px 5% 60px;display:flex;overflow-x:hidden}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:5px solid #000;border-radius:40px;flex-direction:column;width:100%;max-width:1000px;height:80vh;display:flex;position:relative;overflow:hidden;box-shadow:20px 20px #000}.chat-header{background:var(--primary);border-bottom:5px solid #000;justify-content:space-between;align-items:center;padding:25px 40px;display:flex}.chat-header h2{color:#fff;text-shadow:4px 4px #000;text-transform:uppercase;font-size:3.5rem;font-family:var(--font-main);margin:0}.meter-viz{align-items:flex-end;gap:4px;display:flex}.meter-bar{background:#fff;border:1px solid #000;width:6px;animation:.6s infinite alternate bounce-meter}@keyframes bounce-meter{0%{height:10px}to{height:40px}}.chat-box{scrollbar-width:none;flex-direction:column;flex:1;gap:30px;padding:40px;display:flex;overflow-y:auto}.chat-box::-webkit-scrollbar{display:none}.message{flex-direction:column;max-width:75%;animation:.3s cubic-bezier(.175,.885,.32,1.275) pop-in;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.5)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.message.bot{align-self:flex-start}.message.user{align-self:flex-end;align-items:flex-end}.msg-label{font-family:var(--font-main);color:#fff;background:#000;border-radius:5px;margin-bottom:8px;padding:2px 10px;font-size:1.2rem;display:inline-block;transform:rotate(-2deg)}.msg-content{font-family:var(--font-main);word-wrap:break-word;border:4px solid #000;padding:20px 30px;font-size:1.8rem;line-height:1.2;box-shadow:8px 8px #000}.message.bot .msg-content{background:var(--msg-bot);color:#000;border-radius:25px 25px 25px 5px}.message.user .msg-content{background:var(--msg-user);color:#fff;text-align:right;border-radius:25px 25px 5px}.chat-input-area{background:var(--secondary);border-top:5px solid #000;align-items:center;gap:20px;padding:30px 40px;display:flex}#chat-input{font-size:1.5rem;font-family:var(--font-text);background:#fff;border:4px solid #000;border-radius:20px;outline:none;flex:1;padding:20px 30px;font-weight:800;box-shadow:6px 6px #000}#send-btn{background:var(--accent);font-family:var(--font-main);cursor:pointer;border:4px solid #000;border-radius:20px;padding:15px 40px;font-size:2.5rem;transition:all .1s;box-shadow:8px 8px #000}#send-btn:active{transform:translate(4px,4px);box-shadow:0 0 #000}.quick-replies{background:var(--secondary);flex-wrap:wrap;gap:15px;padding:0 40px 30px;display:flex}.qr-btn{font-family:var(--font-main);cursor:pointer;background:#fff;border:3px solid #000;border-radius:12px;padding:10px 20px;font-size:1.2rem;transition:all .1s;box-shadow:4px 4px #000}.qr-btn:hover{background:var(--msg-bot);transform:rotate(-1deg)}.typing-viz{gap:5px;margin-bottom:10px;padding:0 40px;display:flex}.dot{background:var(--msg-bot);border:2px solid #000;border-radius:50%;width:15px;height:15px;animation:.6s infinite alternate typing-jump}@keyframes typing-jump{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (width<=768px){.chat-wrapper{padding:80px 0 0}.chat-container{height:calc(100vh - 80px);box-shadow:none;border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0}.chat-header{padding:15px 20px}.chat-header h2{font-size:2rem}.chat-box{gap:20px;padding:20px}.msg-content{border:3px solid #000;padding:15px 20px;font-size:1.2rem;box-shadow:4px 4px #000}.chat-input-area{flex-direction:row;gap:10px;padding:15px 20px}#chat-input{border:3px solid #000;padding:15px 20px;font-size:1rem;box-shadow:4px 4px #000}#send-btn{border:3px solid #000;padding:12px 20px;font-size:1.5rem;box-shadow:4px 4px #000}.quick-replies{gap:10px;padding:0 20px 20px}.qr-btn{padding:8px 15px;font-size:1rem}}
