body{background-image:url("./media/WintrissAI-MXEXYSHZ.png");height:100vh;margin:0;padding:0;background-repeat:no-repeat;background-position:center;background-color:#e6e6e6;background-size:80%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}input{padding-top:10px}h4{font-family:Arial,Helvetica,sans-serif;text-align:left}.loading{left:15%;font-size:20px;color:#d31245;background:linear-gradient(135deg,#a5a5a5,#bdbdbd);padding:5px 10px;border-radius:10px;margin-bottom:10px}.dots{display:inline-block;width:1em;animation:dotAnimation 1.5s steps(3,end) infinite}@keyframes dotAnimation{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}strong{font-weight:700;display:inline}.bold{font-weight:700}.app{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end}.chat-main{display:flex;flex-direction:column;height:100vh;width:100%;align-items:center;padding:10px;box-sizing:border-box}.message-container{flex-grow:1;width:75%;max-width:100%;overflow-y:auto;display:flex;flex-direction:column-reverse;margin-bottom:10px}.auto-resize{resize:none;overflow:hidden;line-height:1.5;font-size:14px;min-height:44px;padding:6px 8px;border-radius:8px;border:1px solid #ccc;width:100%;box-sizing:border-box}.rounded-input:focus{outline:none}.rounded-input{padding:10px 16px;border-radius:20px;border:2px solid #d31245;font-size:16px;outline:none;width:70vw;max-width:none;margin-bottom:7px}.message-box{white-space:pre-line;padding:10px;background-color:#fff;margin:5px 0;border-radius:5px;box-shadow:0 2px 5px red;word-wrap:break-word;max-width:50%;width:auto;display:inline-block;overflow-wrap:break-word;align-self:flex-end;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.outgoing{background-color:#d31245;color:#fff;font-size:18px;box-shadow:0 2px 5px #00000080;align-self:flex-end}.incoming{background-color:#e7e7e7;font-size:18px;max-width:85%;align-self:flex-start}.message-row{display:flex;align-items:center;width:100%;margin:5px 0}.incoming-row{justify-content:flex-start}.outgoing-row{justify-content:flex-end}.sender-label{font-size:14px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-style:italic;color:#666;margin:0 8px;white-space:nowrap}.button-row,.email-input-group{display:flex;gap:10px;margin-bottom:10px;width:70vw;justify-content:center;max-width:1000px}.email-input{padding:10px 16px;border-radius:10px;border:2px solid #d31245;font-size:14px;outline:none;width:20vw;max-width:none}.email-input-group button{padding:8px 16px;border-radius:15px;border:none;font-size:14px;color:#fff;background:linear-gradient(135deg,#d31245,#f85360);cursor:pointer;transition:background-color .3s ease,transform .2s ease}.button-row button{padding:10px 20px;border-radius:25px;border:none;font-size:16px;color:#fff;background:linear-gradient(135deg,#d31245,#f06d96);cursor:pointer;transition:background-color .3s ease,transform .2s ease}.button-row button:hover{background-color:#b2073b;transform:scale(1.05)}.button-row button:focus{outline:none}.centre{margin:auto;padding:5px;width:50%;border-style:solid;border-color:#000;border-radius:20px;background-color:#ff0;text-align:center}@media (max-width: 1460px){.centre{padding:2px;width:70%}}@media (max-width: 767px){.centre{width:90%}body{background-size:90%}.sender-label,h4{display:none}.message-container{width:90vw;max-width:95%;padding-left:3px;padding-right:3px}.message-box{max-width:100%}.rounded-input{width:85vw;max-width:100%;margin-bottom:5px}}