:root{--white:#fff;--black:#000;--green:#344e41;--light-green:#d2e4d6}*{margin:0;padding:0}body,fieldset,form,h1,h2,h3,h4,h5,h6,html,li,p,ul{margin:0;padding:0;outline:none;border:0}a{text-decoration:none;border:0;outline:0}ul{list-style:none}:focus,a:focus,input:focus,textarea:focus{outline:0!important}body,html,main{height:100%}body>main{display:flex;flex-flow:column}body{font-family:var(--font-jost);font-size:16px;line-height:1.6;font-weight:300;color:inherit;background:#f3f4f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:calc(100% - 24px);max-width:1176px}a,button,input{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all .2s ease-in;-webkit-transition:all .2s ease-in}a img{border:0}a:hover{color:var(--green)}a:active,a:focus,a:hover{outline:none;text-decoration:none}a:focus{outline-offset:0;color:inherit}::-webkit-input-placeholder{color:var(--blue);opacity:.5}:-moz-placeholder,::-moz-placeholder{color:var(--blue);opacity:.5}:-ms-input-placeholder{color:var(--blue);opacity:.5}.os-animation{opacity:0}.os-animation.animated{opacity:1}img{max-width:100%;border:0;height:auto}h1,h2,h3,h4,h5,h6{padding:0;margin:0 0 20px;font-family:var(--font-jost);line-height:1.3;font-weight:600;color:inherit}h1{font-size:58px}h2{font-size:48px}h3{font-size:40px}h4{font-size:30px}h5{font-size:26px}h6{font-size:22px}p{padding:0;margin:0 0 20px}strong{font-weight:700}b{font-weight:400}p:last-child{margin-bottom:0}.btn{min-width:auto;border-radius:80px;padding:14px 22px;font-family:var(--font-jost);font-size:14px;font-weight:600;line-height:1;box-shadow:none;position:relative}.btn-default,.btn-default:focus{color:var(--white);background-color:var(--green);border:2px solid var(--green)}.btn-default:active,.btn-default:hover{color:var(--green)!important;background-color:transparent!important;border-color:var(--green)!important}.btn-light,.btn-light:focus{color:var(--green);background-color:var(--light-green);border:2px solid var(--light-green)}.btn-light:active,.btn-light:hover{color:var(--green)!important;background-color:transparent!important;border-color:var(--green)!important}.btn-icon{color:inherit}.btn-link{color:#6fbb58;text-decoration:none;font-size:14px;font-weight:400;line-height:1}.btn-link:hover{color:#6fbb58;text-decoration:underline}.btn.btn-block{min-width:100%}.bottom-btn-box{margin-top:40px}.bg-violet{background:var(--blue);color:var(--white)}.bg-grey{background:#f5f5f5}.page-wrapper{height:100dvh}.main-content{width:calc(100% - 300px)}.main-wrapper{padding:45px 0;overflow-y:auto;height:calc(100% - 66px)}.main-head h2{font-size:24px;font-weight:800}.body-content{width:calc(100% - 383px)}.body-sidebar{width:335px;height:100%;position:-webkit-sticky;position:sticky;top:0}body.dark-mode{background:#08090f;color:var(--white)}.ai-chat-app{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa}.preference-screen{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(to bottom right,#4f46e5,#7c3aed,#ec4899);padding:10px}.preference-card{width:100%;max-width:800px;padding:2.5rem;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transition:transform .3s ease}.preference-card:hover{transform:scale(1.03)}.preference-card h2{font-weight:700}.preference-form .btn-group{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.preference-form .btn-group.relationship-group{grid-template-columns:repeat(2,1fr)}.preference-form .btn{transition:all .2s ease}.preference-form .btn.active{background-color:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 0 0 .25rem rgba(79,70,229,.5)}@media (max-width:575.98px){.preference-form .btn-group{grid-template-columns:repeat(1,1fr)}}.chat-screen{display:flex;flex-direction:column;height:100%}.chat-header{padding:1rem;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);z-index:10}.chat-header h1{font-size:1.25rem;font-weight:700}.chat-messages{flex:1 1;overflow-y:auto;padding:1.5rem}.chat-footer{padding:1rem;background-color:#fff;box-shadow:0 -1px 3px 0 rgba(0,0,0,.1)}.message-input-group{display:flex;align-items:center;gap:.75rem}.message-input{border-radius:9999px;border:1px solid #e5e7eb}.send-btn{border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#4f46e5;border-color:#4f46e5}.send-btn:hover{background-color:#4338ca;border-color:#4338ca}.message{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:1rem}.message-bubble{max-width:80%;padding:.75rem 1rem;border-radius:1.25rem;font-size:.9rem;line-height:1.5}.message.user{justify-content:flex-end}.message.user .message-bubble{background-color:#4f46e5;color:#fff;border-bottom-right-radius:.5rem}.message.ai{justify-content:flex-start}.message.ai .message-bubble{background-color:#fff;color:#333;border:1px solid #e5e7eb;border-bottom-left-radius:.5rem}.loading-indicator .message-bubble{display:flex;gap:.25rem}.loading-indicator .dot{height:8px;width:8px;background-color:#a5b4fc;border-radius:50%;animation:bounce 1s infinite}.loading-indicator .dot:nth-child(2){animation-delay:-.15s}.loading-indicator .dot:nth-child(3){animation-delay:-.3s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message{border-left:4px solid #ef4444;background-color:#fee2e2;color:#b91c1c;padding:1rem;border-radius:.25rem;margin:1rem auto;width:90%;max-width:600px}.error-message p{margin:0}.error-message .font-bold{font-weight:700}body:has(.rateme-container){background:#f5f5f5}.rateme-container{max-width:500px;width:100%;background-color:#fff;border-radius:15px;padding:2rem;box-shadow:0 0 30px rgba(0,0,0,.2);text-align:center;transition:all .3s ease}.rateme-container:hover{transform:translateY(-5px);box-shadow:0 0 40px rgba(0,0,0,.15)}h1{color:#333;font-weight:600;margin-bottom:1.5rem}#image-preview-container{width:100%;height:300px;border:2px dashed #ddd;border-radius:10px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;overflow:hidden;background-color:#f8f9fa;cursor:pointer}#image-preview{max-width:100%;max-height:100%;display:none;object-fit:contain;border-radius:8px}#upload-placeholder{color:#6c757d}#image-upload{display:none}.btn-primary{background:linear-gradient(45deg,#0d6efd,#0a58ca);border:none;padding:12px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;width:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(13,110,253,.3)}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}#result-container{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:10px;display:none;animation:fade-in .5s ease-in-out}#rating{font-size:3rem;font-weight:600;background:-webkit-linear-gradient(45deg,#0d6efd,#0a58ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#compliment{font-size:1.1rem;color:#555;margin-top:1rem;font-style:italic}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:var(--white);border-radius:100px}::-webkit-scrollbar-thumb{background:linear-gradient(to top right,#6fbb58,#344e41);border-radius:100px;border:3px solid var(--white)}}@media (max-width:767.98px){.body-content,.body-sidebar{width:100%}}