@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&display=swap");@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes cube{0%{transform:scale(0) rotate(0deg) translate(-50%,-50%);opacity:1}to{transform:scale(15) rotate(2turn) translate(-50%,-50%);opacity:0}}body{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(132deg,#50a3a2,#53e3a6,#212335);background-size:400% 400%;animation:Gradient 15s ease infinite;position:relative;overflow:hidden;padding:0;text-align:center;font-family:Open Sans,sans-serif}strong{font-weight:700;color:var(--light-accent)}a{display:block;text-align:center;margin-bottom:5px;color:#237b7a;text-decoration:none;font-size:30px}a:hover{color:#255e5d}button,input[type=submit]{padding:10px 20px;border-radius:15px;background-color:transparent;color:var(--font-color);cursor:pointer;border:2px solid var(--primary);transition:.2s;font-size:17px}button:hover,input[type=submit]:hover{border-color:var(--dark-accent)}input[type=password],input[type=text]{border-radius:30px;border:2px solid var(--primary);background-color:transparent;outline:none;font-size:15px;transition:.2s;width:200px;margin-bottom:30px;color:var(--font-color);text-align:center}input[type=password]:focus,input[type=text]:focus{border-color:var(--dark-accent)}.red{font-weight:700;color:var(--red)}.cube{position:absolute;width:15px;height:15px;border:1px solid hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.2);border-radius:10%;transform-origin:left;animation:cube 10s ease-in-out infinite}.cube:nth-child(2n){border-color:hsla(0,0%,100%,.4)}.cube:nth-child(2){animation-delay:2s;left:5vw;top:20vh}.cube:nth-child(3){animation-delay:4s;left:10vw;top:90vh}.cube:nth-child(4){animation-delay:7s;left:70vw;top:30vh}.cube:nth-child(5){animation-delay:6s;left:90vw;top:85vh}.cube:nth-child(6){animation-delay:5s;left:100vw;top:20vh}h2{font-size:4.5rem;color:#255e5d;margin-top:.2rem;margin-bottom:.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.2)}h2,h3{font-family:Open Sans,sans-serif;text-align:center}h3{font-size:2.5rem;color:#fff;margin-top:.1rem;font-weight:300;line-height:1.5}.button-container{display:flex;justify-content:center;gap:10px}.button{background-color:#237b7a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;transition:background-color .3s ease}.button:hover{background-color:#255e5d}form{display:flex;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;padding:25px;border:2px solid #ddd;border-radius:8px;background-color:#f9f9f9}input[type=password],input[type=text]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;font-size:16px}input[type=submit]{background-color:#237b7a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;transition:background-color .3s ease}input[type=submit]:hover{background-color:#255e5d}.messageStack{width:600px;height:500px;border:1px solid #ddd;padding:16px;gap:16px;background:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.messageList,.messageStack{display:flex;flex-direction:column}.messageList{flex-grow:1;overflow:auto;max-height:100%;gap:8px}.message{display:flex;justify-content:flex-start}.messageContent{color:#fff;border-radius:16px;padding:16px;max-width:80%;font-size:16px}.messageContent.client{background:linear-gradient(90deg,#2c9b6e,#4caf50);color:#fff;margin-left:auto}.messageContent.assistant{background-color:#d0f2e1;color:#237956;margin-right:auto}.inputRow{display:flex;gap:8px}.button:disabled{background-color:#2c9b6e;cursor:not-allowed}.chat-input{flex:1 1;padding:10px;border-radius:20px;border:1px solid #ccc;margin-right:10px;font-size:16px}@media (max-width:768px){body{font-size:14px}h2{font-size:2.5rem}h3{font-size:1.5rem}.button-container{flex-direction:column}.button{width:100%;margin-bottom:10px}.messageStack{width:90%;height:auto}.inputRow{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}.chat-input{flex:1 1;padding:10px;border-radius:20px;border:1px solid #ccc;margin-right:10px;font-size:16px;min-width:150px}button{flex-shrink:0}@media (max-width:768px){.inputRow{flex-direction:column;align-items:stretch}.chat-input{margin-right:0;margin-bottom:10px}.button{width:100%;margin-bottom:10px}.messageStack{width:90%;height:auto}.messageContent{font-size:14px;padding:12px}}@media (max-width:480px){a{font-size:24px}button,input[type=submit]{font-size:15px}input[type=password],input[type=text]{font-size:14px}.messageStack{padding:10px}.messageContent{font-size:14px;padding:12px}}}.feedback-button{bottom:20px;padding:10px 20px;color:#255e5d;border:none;border-radius:5px;cursor:pointer}.feedback-button,.feedback-popup{position:fixed;right:20px;background-color:#fff}.feedback-popup{bottom:70px;padding:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.feedback-popup select{margin-bottom:10px}.feedback-popup .button{display:block;width:100%}