:root{--color-bg: black;--color-text-primary: white;--font-primary: "Involve", sans-serif}@font-face{font-family:Involve;src:url(/build/assets/Involve-Regular-D6aSKott.woff2) format("woff2-variations")}body{margin:0;min-height:100dvh;overflow-x:hidden;background-color:var(--color-bg);font-family:var(--font-primary);color:var(--color-text-primary)}.app-background{position:fixed;z-index:0;left:50%;width:min(100%,1920px);height:100%;transform:translate(-50%);background-image:url(/build/assets/background-main-static-BBGBsWRB.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.app-background-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.app-background-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.app-header{display:contents}.logo-mark-wrap{position:fixed;left:140px;top:50%;transform:translateY(-50%);z-index:1000;width:32px;height:32px;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--load-duration) ease-out both;animation-delay:calc(var(--load-step) * 0)}.menu-toggle-wrap{position:fixed;right:140px;top:50%;transform:translateY(-50%);z-index:1000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--load-duration) ease-out both;animation-delay:calc(var(--load-step) * 0)}.logo-mark-wrap:before,.logo-mark-wrap:after,.menu-toggle-wrap:before,.menu-toggle-wrap:after{content:"";position:absolute;transform:translate(-50%);width:1px;background:#fff3;animation:fadeIn var(--load-duration) ease-out both;animation-delay:calc(var(--load-step) * 0)}.logo-mark-wrap:before,.menu-toggle-wrap:before{height:50vh;bottom:calc(100% + 20px)}.logo-mark-wrap:after,.menu-toggle-wrap:after{height:50vh;top:calc(100% + 20px)}.logo-mark{display:block;width:32px;height:32px;background:url(/build/assets/cosmix-logo-BxSrKCuP.svg) center / contain no-repeat;animation:fadeIn var(--load-duration) ease-out both;animation-delay:calc(var(--load-duration) + var(--load-step))}.menu-toggle{width:40px;height:40px;border:0;background:url(/build/assets/menu-open-zgWgvbgQ.svg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;animation:fadeIn var(--load-duration) ease-out both;animation-delay:calc(var(--load-duration) + var(--load-step))}.menu-toggle.is-open{background:url(/build/assets/menu-close--dKO-KoJ.svg)}.menu-toggle span{display:block;width:16px;height:1px;background:#fff;border-radius:1px}.app-main{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.side-menu{position:fixed;top:50%;right:195px;z-index:1100;width:270px;box-sizing:border-box;transform:translate(calc(100% + 195px),-50%);transition:transform .3s ease}.side-menu.is-open{transform:translateY(-50%)}.side-menu-backdrop{position:fixed;inset:0;z-index:99;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s ease}.side-menu-backdrop.is-open{opacity:1;pointer-events:auto}.side-menu-links li{list-style:none;font-size:16px;margin:10px 0}.side-menu-links li a{color:var(--color-text-primary);text-decoration:none}.side-menu-links li a:hover{background:linear-gradient(265.77deg,#19b27a 14.04%,#d6ffd1 105.35%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline 1px rgba(255,255,255,.4);text-underline-offset:10px}:root{--load-duration: .4s;--load-step: .8s}:root{--transition-duration: .6s}:root{--send-spin-duration: 1.5s}:root{--hover-duration: .5s}:root{--toast-duration: .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer-slide{0%{left:-100%}to{left:150%}}@keyframes spin-pulse{0%{transform:rotate(0)}15%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}to{opacity:.3;transform:translateY(0)}}.chat-input-area{display:flex;gap:10px;margin-top:auto}.chat-container{background-color:#0000008c;width:650px;height:500px;border-radius:28px;border:1px solid #484848;padding:20px;display:flex;flex-direction:column}.main-title{display:flex;align-items:center;justify-content:center}.main-chat{display:flex;flex-direction:column;align-items:center;align-self:center}.main-chat.is-open{padding-top:60px}.main-chat .main-title{font-size:72px;transition:font-size var(--transition-duration) ease-out}.main-chat.is-open .main-title{font-size:33px}.main-chat .slogan{width:115px;display:inline-block;font-size:14px;padding:0 0 0 25px;max-width:115px;overflow:hidden;opacity:1;transition:max-width calc(var(--transition-duration) * .86) ease-out,opacity calc(var(--transition-duration) * .57) ease-out,padding calc(var(--transition-duration) * .86) ease-out}.main-chat.is-open .slogan{max-width:0;opacity:0;padding:0}.star-icon{background-image:url(/build/assets/hero-star-icon-C4P88Mfj.svg);background-size:cover;display:inline-block;margin:10px;transition:width var(--transition-duration) ease-out,height var(--transition-duration) ease-out}.main-chat .star-icon{width:120px;height:120px}.main-chat.is-open .star-icon{width:60px;height:60px}p.subtitle{margin:50px;font-size:16px;text-align:center;line-height:120%;animation:fadeIn var(--load-duration) ease-out both;animation-delay:calc(var(--load-step) * 3);max-height:200px;overflow:hidden;transition:max-height calc(var(--transition-duration) * .86) ease-out,opacity calc(var(--transition-duration) * .57) ease-out,margin calc(var(--transition-duration) * .86) ease-out}p.subtitle.under-start-button{margin:20px 160px}.main-chat.is-open p.subtitle{max-height:0;opacity:0;margin:0}.hero-section{animation:fadeIn var(--load-duration) ease-out both;animation-delay:calc(var(--load-step) * 2)}.start-chat{flex-direction:column;display:flex;justify-content:center;align-items:center;max-height:120px;overflow:hidden;padding:10px;margin:-10px;transition:max-height calc(var(--transition-duration) * .86) ease-out,opacity calc(var(--transition-duration) * .57) ease-out,padding calc(var(--transition-duration) * .86) ease-out,margin calc(var(--transition-duration) * .86) ease-out;animation:fadeIn var(--load-duration) ease-out both;animation-delay:calc(var(--load-step) * 4)}.main-chat.is-open .start-chat{max-height:0;opacity:0;padding:0;margin:0}.start-chat button{font-size:16px;border-radius:20px;border:0;padding:10px;width:235px;position:relative;background:transparent;color:var(--color-text-primary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 8px 2px #19b27a80;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.start-chat button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(266.77deg,#19b27a 10.61%,#0000 49.29%,#d6ffd1 87.64%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.start-chat button:after{content:"";display:block;flex-shrink:0;order:-1;width:25px;height:25px;background:linear-gradient(221.04deg,#19b27a 6.69%,#d6ffd1 106.45%);-webkit-mask:url(/build/assets/send-star-icon-vdSgfcl7.svg) center / contain no-repeat;mask:url(/build/assets/send-star-icon-vdSgfcl7.svg) center / contain no-repeat;pointer-events:none;transition:background var(--hover-duration) ease,transform var(--hover-duration) ease}.start-chat button:hover{background:linear-gradient(266.34deg,#19b27a 6.46%,#d6ffd1 118.98%)}.start-chat button:hover:after{background:#fff;transform:rotate(180deg)}.start-chat-subtitle{margin-top:5px;font-size:16px}.chat-section{display:flex;flex-direction:column;visibility:hidden;opacity:0;height:0;overflow:hidden;transform:translateY(10%);transition:opacity var(--transition-duration) ease-out,transform calc(var(--transition-duration) * 1.14) ease-out,visibility 0s calc(var(--transition-duration) * 1.43),height 0s calc(var(--transition-duration) * 1.43)}.main-chat.is-open .chat-section{visibility:visible;opacity:1;height:auto;overflow:visible;transform:translateY(0);transition:opacity var(--transition-duration) ease-out,transform calc(var(--transition-duration) * 1.14) ease-out,visibility 0s 0s,height 0s 0s}.reset-controls{display:flex;justify-content:space-between;align-items:center}.reset-chat{color:gray;font-size:10px;cursor:pointer}.reset-chat:hover{text-decoration:underline dotted;text-underline-offset:3px}.close-chat{height:22px;width:22px;background-image:url(/build/assets/close-chat-CC3J5n9R.svg);cursor:pointer}.chat-history{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.chat-history::-webkit-scrollbar{width:4px}.chat-history::-webkit-scrollbar-track{background:transparent}.chat-history::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.message{background-color:#000c;font-size:14px;max-width:540px;padding:15px;border:1px solid rgba(72,72,72,1);margin:10px 0}.message-bubble{white-space:pre-line}.user-message{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;align-self:flex-end}.ai-message{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px}.message.pending-message{width:fit-content;display:flex;align-items:center}.typing-indicator{margin-left:5px;width:fit-content;animation:fadeInUp .2s;display:inline-block}.typing-indicator span{width:8px;height:8px;background:#fff;border-radius:50%;display:inline-block;animation:typing 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.input-wrapper{position:relative;border-radius:28px;flex:1}.input-wrapper:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(266.77deg,#19b27a 10.61%,#0000 49.29%,#d6ffd1 87.64%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.input-wrapper .chat-input{border-radius:inherit;background:#000c;font-size:14px;line-height:120%;color:#fff;height:50px;border:0;padding-left:15px;width:100%;box-sizing:border-box}.input-wrapper .chat-input:focus{outline:none}.input-wrapper .chat-input[disabled]{color:gray;opacity:.3}.input-wrapper:has(.chat-input[disabled]){overflow:hidden}.send-btn{border:0;height:50px;width:50px;display:inline-block;position:relative;background:linear-gradient(221.04deg,#19b27a 6.69%,#d6ffd1 106.45%);border-radius:20px;cursor:pointer}.send-btn:after{content:"";position:absolute;inset:0;background:url(/build/assets/send-star-icon-vdSgfcl7.svg) center / auto no-repeat;transition:transform var(--hover-duration) ease-in-out}.send-btn:hover:after{transform:rotate(90deg)}.input-wrapper:has(input[disabled])+.send-btn:after{animation:spin-pulse var(--send-spin-duration) ease-in-out infinite;transition:none}.quick-replies{margin-top:10px;height:50px;display:flex;gap:10px;justify-content:space-evenly}.quick-replies button{border-radius:15px;font-size:12px;background-color:#000c;border:1px solid rgba(72,72,72,1);height:40px;min-width:80px;color:var(--color-text-primary);padding:12px 20px;line-height:120%;cursor:pointer}.recommendations-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.product-card{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border:1px solid rgba(72,72,72,1);min-height:225px;background-color:#000c;padding:15px 10px;display:flex;flex-direction:column}.product-card h3{font-size:18px;font-weight:600;padding:0;margin:0}.product-card p{font-size:14px}.product-card a{margin-top:auto;font-size:12px;border-radius:15px;border:0;background:transparent;color:var(--color-text-primary);text-decoration:none;height:30px;align-self:center;padding:0 16px;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 0 8px 2px #19b27a80}.product-card a:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(266.77deg,#19b27a 10.61%,#0000 49.29%,#d6ffd1 87.64%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.product-card a:hover{background:linear-gradient(266.34deg,#19b27a 6.46%,#d6ffd1 118.98%)}.notifications-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999}.toast{min-width:280px;padding:16px 20px;background-color:#000c;color:#fff;border:1px solid rgba(72,72,72,1);border-radius:12px;box-shadow:0 10px 15px -3px #0006;font-size:14px;font-weight:500;display:flex;z-index:10000;align-items:center;animation:slideIn var(--toast-duration) cubic-bezier(.16,1,.3,1) forwards}.toast.hide{animation:fadeOut var(--toast-duration) ease forwards}.toast:before{content:" ";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(221.04deg,#9950ff 6.69%,#ff966c 106.45%);border-radius:50%;margin-right:12px;font-size:12px}@media(max-width:768px){.main-chat .main-title{font-size:36px}.main-chat .star-icon{width:60px;height:60px}.main-chat .slogan{display:none}p.subtitle,p.subtitle.under-start-button{margin:20px}.start-chat{margin-bottom:0}.main-chat.is-open{min-height:0;padding-top:60px;flex-direction:column;flex:1;width:100%;display:flex}.main-chat.is-open .chat-section{min-height:0;overflow:hidden;display:flex;flex-direction:column;flex:1}.chat-container{flex:1;height:0;width:unset;margin:10px;min-height:0;overflow:hidden}.input-wrapper .chat-input{font-size:16px}.main-chat.is-open .hero-section{display:none}.quick-replies{justify-content:center;align-items:stretch;margin:0 10px 10px;gap:5px}.quick-replies button{flex:1;max-width:150px;height:auto;white-space:normal;text-align:center;padding:0 20px;word-break:break-word}.recommendations-wrapper{grid-template-columns:1fr}.product-card{height:auto}.product-card a.buy-btn{align-self:flex-end}}@media(max-width:600px){.quick-replies button{padding:0 5px}}@media(max-width:768px){.app-main{height:100dvh;overflow:hidden}.app-header{display:flex;position:fixed;top:20px;left:0;right:0;z-index:1000;align-items:center;padding:0 20px}.app-header:after{content:"";flex:1;order:1;height:1px;background:#fff3;margin:0 15px}.logo-mark-wrap,.menu-toggle-wrap{position:static;top:auto;transform:none;width:auto;height:auto}.logo-mark-wrap{order:0}.menu-toggle-wrap{order:2}.side-menu{right:50%;transform:translate(calc(100% + 50vw),-50%)}.side-menu.is-open{transform:translate(50%,-50%)}.logo-mark-wrap:before,.logo-mark-wrap:after,.menu-toggle-wrap:before,.menu-toggle-wrap:after{content:none}.side-menu-links{padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.side-menu-links li{margin:0}.side-menu-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009}}