*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(90deg,#9e6dff,#b19eff);min-height:100vh;font-family:Gluten,cursive;color:#fff;overflow-x:hidden;position:relative}.chat-container{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:15px;height:100vh;box-sizing:border-box}.chat-header{text-align:center;padding:10px 0;margin-bottom:10px;position:relative;flex-shrink:0}.chat-header h1{font-size:2.5rem;margin-bottom:10px;color:#fff}.chat-area{flex:1;min-height:0;background:rgba(0,0,0,.1);border-radius:20px;padding:15px;margin-bottom:10px;overflow-y:auto;border:1px solid rgba(255,255,255,.2)}.message{margin-bottom:20px;display:flex;align-items:flex-start;animation:messageAppear .3s ease-out}.avatar{width:40px;height:40px;border-radius:50%;margin-right:15px;background:0 0;display:flex;align-items:center;justify-content:center}.avatar img{width:40px;height:40px;object-fit:contain}.message-content{background:rgba(158,109,255,.3);padding:15px;border-radius:15px;max-width:70%;word-wrap:break-word;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.user-message{flex-direction:row-reverse}.user-message .avatar{margin-right:0;margin-left:15px}.user-message .message-content{background:rgba(177,158,255,.3)}.input-area{margin-top:auto;padding:8px;display:flex;gap:10px;background:rgba(255,255,255,.1);border-radius:15px}.input-field{flex:1;background:rgba(255,255,255,.2);border:none;padding:15px;border-radius:10px;color:#fff;font-family:Gluten,cursive;font-size:1rem;resize:none;height:50px;transition:all .3s ease}.input-field:focus{outline:0;background:rgba(255,255,255,.3);box-shadow:0 0 15px rgba(255,255,255,.1)}.send-button{background:#fff;border:none;padding:0 25px;border-radius:10px;color:#9e6dff;font-family:Gluten,cursive;font-weight:700;cursor:pointer;transition:all .3s ease}.send-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.back-button{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:15px;color:#fff;font-family:Gluten,cursive;text-decoration:none;display:flex;align-items:center;gap:8px;backdrop-filter:blur(5px);transition:all .3s ease;font-size:1.1rem}.back-button:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) translateX(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}@keyframes messageAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chat-container{padding:10px;height:100vh;gap:10px}.chat-header{padding:15px 0;margin-bottom:5px;position:relative}.chat-header h1{font-size:1.5rem;margin-top:5px}.back-button{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:8px 16px;font-size:0.9rem;z-index:10}.plushie-selection{padding:8px;margin-bottom:5px}.plushie-selection h2{font-size:1.2rem;margin-bottom:10px}.plushie-options{gap:10px;flex-direction:row;justify-content:center;flex-wrap:nowrap}.plushie-card{width:100px;padding:8px;min-height:auto}.plushie-card img{width:45px;height:45px;margin-bottom:5px}.plushie-card h3{font-size:.85rem;margin-bottom:0}.plushie-card p{display:none}.chat-section{height:calc(100vh - 180px)}.chat-area{padding:10px;margin-bottom:5px}.message{margin-bottom:10px}.message-content{padding:8px;font-size:.9rem}.input-area{padding:8px}.input-field{padding:8px;height:40px;font-size:.9rem}.send-button{padding:0 12px;font-size:.9rem}}@media (max-width:480px){.chat-header{padding:20px 0;margin-bottom:5px}.chat-header h1{font-size:1.3rem;margin-top:8px}.back-button{padding:6px 12px;font-size:0.8rem}.plushie-card{width:80px;padding:5px}.plushie-card img{width:35px;height:35px}.plushie-card h3{font-size:.75rem}.plushie-card p{display:none}.chat-section{height:calc(100vh - 160px)}.message-content{max-width:85%;font-size:.85rem}}@media (max-width:400px){.chat-header{padding:25px 0;margin-bottom:3px}.chat-header h1{font-size:1.2rem;margin-top:10px}.back-button{padding:5px 10px;font-size:0.75rem}.plushie-selection{padding:6px;margin-bottom:3px}.plushie-selection h2{font-size:1rem;margin-bottom:8px}.plushie-options{gap:8px}.plushie-card{width:70px;padding:3px}.plushie-card img{width:28px;height:28px;margin-bottom:3px}.plushie-card h3{font-size:.65rem}.chat-section{height:calc(100vh - 150px)}}@media (max-height:600px) and (orientation:landscape){.chat-container{gap:5px}.plushie-selection{display:flex;align-items:center;padding:5px}.plushie-selection h2{font-size:1rem;margin:0 10px 0 0}.plushie-options{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;margin:0;padding:5px}.plushie-card{min-width:100px;padding:5px}.chat-section{height:calc(100vh - 150px)}}.plushie-selection{background:rgba(255,255,255,.1);border-radius:20px;padding:10px;backdrop-filter:blur(10px);margin-bottom:10px}.plushie-selection h2{color:#fff;margin-bottom:15px;font-size:1.6rem}.plushie-options{display:flex;justify-content:center;gap:20px;margin-top:20px}.plushie-card{background:rgba(255,255,255,.15);border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;width:200px}.plushie-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.2)}.plushie-card.selected{background:rgba(255,255,255,.3);box-shadow:0 0 20px rgba(255,255,255,.2)}.plushie-card img{width:80px;height:80px;margin-bottom:10px}.plushie-card h3{color:#fff;margin-bottom:8px;font-size:1.1rem}.plushie-card p{color:rgba(255,255,255,.8);font-size:.85rem;line-height:1.3}.message-content pre.code-block{background:rgba(30,30,30,.95);padding:15px;border-radius:8px;margin:10px 0;overflow-x:auto;border:1px solid rgba(255,255,255,.1);font-family:'Courier New',monospace;color:#fff;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-content code{background:rgba(30,30,30,.95);padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;color:#fff}.message-content pre.python{border-left:4px solid #306998}.message-content pre.javascript{border-left:4px solid #f0db4f}.message-content pre.html{border-left:4px solid #e34c26}.message-content pre.css{border-left:4px solid #264de4}.chat-section{flex:1;min-height:0;background:rgba(255,255,255,.1);border-radius:20px;padding:20px;backdrop-filter:blur(10px);height:auto;display:flex;flex-direction:column}