*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0c0d1a,#1a1d29 25%,#2d1b69);background-attachment:fixed;color:#e8eaed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow:hidden}.container{max-width:800px;margin:20px auto;background:#111827d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;display:flex;flex-direction:column;height:95vh;position:relative}.header{background:#1f2937cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 32px;border-bottom:1px solid rgba(75,85,99,.3);position:relative}.logo-text{font-size:32px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-shadow:0 0 30px rgba(139,92,246,.3)}.logo-subtitle{font-size:16px;color:#b0b3c6;margin-top:4px}.body{flex:1;padding:24px 32px;overflow-y:auto;background:transparent;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:rgba(120,119,198,.3) transparent}.bot-message,.user-message{max-width:75%;padding:16px 20px;border-radius:20px;font-size:15px;line-height:1.6;width:fit-content;position:relative;animation:slideIn .3s ease-out;font-family:Calibri,Helvetica,Arial,sans-serif;font-weight:400}.bot-message{background:#37415199;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-self:flex-start;border:1px solid rgba(75,85,99,.3);color:#f3f4f6;box-shadow:0 4px 20px #00000026}.user-message{background:linear-gradient(135deg,#8b5cf6,#06b6d4);align-self:flex-end;color:#fff;box-shadow:0 4px 20px #8b5cf64d,0 0 0 1px #ffffff1a;font-weight:500}.message-text{margin:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%}.message-text code{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.footer{background-color:#2f3542;padding:12px 20px;border-top:1px solid #444b5c}.chat-form{display:flex;align-items:center;gap:10px}.message-input{flex:1;padding:12px 14px;background-color:#232833;border:1px solid #444b5c;border-radius:10px;color:#e0e0e0;font-size:14px;outline:none;transition:border-color .2s ease}.message-input:focus{border-color:#5865f2}.send-button,button{background:linear-gradient(135deg,#734bcf,#58c1d4);border:none;padding:10px 12px;border-radius:50%;cursor:pointer;color:#fff;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.send-button:hover,button:hover{background-color:#4754d3}.send-button svg{stroke-width:2}.top-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}@media (max-width: 1024px){.container{max-width:90%;margin:15px auto}}@media (max-width: 768px){body{overflow:hidden}.container{margin:0;height:100vh;height:100dvh;max-width:none;border-radius:0;position:fixed;inset:0}.header{padding:12px 20px;flex-shrink:0;position:relative;z-index:10}.logo-text{font-size:24px;text-shadow:0 0 20px rgba(139,92,246,.3)}.logo-subtitle{font-size:14px}.body{padding:16px 20px;gap:16px;flex:1;overflow-y:auto;min-height:0}.bot-message,.user-message{font-size:14px;padding:12px 16px;max-width:85%;border-radius:16px}.message-input{font-size:14px;padding:10px 14px;border-radius:12px}.send-button{padding:8px 10px}.footer{padding:10px 16px;flex-shrink:0;position:relative;z-index:10;background-color:#2f3542}.top-section{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:6px}}@media (max-width: 480px){.container{margin:0;height:100vh;height:100dvh;border-radius:0;position:fixed;inset:0}.header{padding:10px 16px;flex-shrink:0;position:relative;z-index:10}.logo-text{font-size:20px}.logo-subtitle{font-size:13px}.body{padding:10px 16px;gap:10px;flex:1;overflow-y:auto;min-height:0}.bot-message,.user-message{font-size:13px;padding:8px 12px;max-width:90%;border-radius:14px}.footer{padding:8px 14px;flex-shrink:0;position:relative;z-index:10;background-color:#2f3542}.chat-form{gap:6px}.message-input{font-size:13px;padding:8px 12px;border-radius:10px}.send-button{padding:6px 8px;border-radius:12px}.top-section{gap:4px;margin-bottom:4px}}@media (max-width: 360px){.container{margin:0;border-radius:0}.header{padding:8px 12px}.logo-text{font-size:18px}.logo-subtitle{font-size:12px}.body{padding:8px 12px;gap:8px}.bot-message,.user-message{font-size:12px;padding:6px 10px;max-width:95%}.footer{padding:6px 10px}.message-input{font-size:12px;padding:6px 8px}.send-button{padding:4px 6px}}@media (max-height: 500px) and (orientation: landscape){.container{height:100vh;margin:0;border-radius:0}.header{padding:6px 16px;flex-shrink:0}.logo-text{font-size:18px}.logo-subtitle{font-size:12px}.body{padding:8px 16px;gap:8px;min-height:0;flex:1}.footer{padding:6px 12px;flex-shrink:0}.bot-message,.user-message{font-size:12px;padding:6px 10px}.message-input{padding:6px 10px}.send-button{padding:4px 6px}}