@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--text-color: #e3e3e3;--subheading-color: #828282;--placeholder-color: #a6a6a6;--primary-color: #242424;--secondary-color: #383838;--secondary-hover-color: #444}.light_mode{--text-color: #222;--subheading-color: #a0a0a0;--placeholder-color: #6c6c6c;--primary-color: #fff;--secondary-color: #e9eef6;--secondary-hover-color: #dbe1ea}body{background:var(--primary-color);color:var(--text-color);min-height:100vh}body.no-chat{overflow-y:hidden}a{color:inherit;text-decoration:none}#app{min-height:100vh;background:var(--primary-color)}.page{padding:0 0 120px}.no-chat .page{padding-bottom:48px}.header,.chat-list .message,.typing-form{margin:0 auto;max-width:980px}.header{margin-top:6vh;padding:1rem;overflow-x:hidden;transition:opacity .2s ease,transform .2s ease}body.hide-header .header{margin:0;display:none}.header :where(.title,.subtitle){color:var(--text-color);font-weight:100;line-height:4rem}.header .title{width:fit-content;font-size:3rem;background-clip:text;background:linear-gradient(to right,#4285f4,#d96570);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header .subtitle{font-size:2.4rem;color:var(--subheading-color)}.suggestion-list{width:100%;list-style:none;display:flex;gap:1.25rem;margin-top:9vh;overflow:hidden;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.suggestion-list::-webkit-scrollbar{display:none}.suggestion-list .suggestion{cursor:pointer;padding:1.25rem;width:222px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;border-radius:.75rem;justify-content:space-between;background:var(--secondary-color);transition:.2s ease}.suggestion-list .suggestion:hover{background:var(--secondary-hover-color)}.suggestion-list .suggestion :where(.text,.icon){font-weight:400;color:var(--text-color)}.suggestion-list .suggestion .text{line-height:1.45}.suggestion-list .suggestion .icon{width:42px;height:42px;display:flex;font-size:1.3rem;margin-top:2.2rem;align-self:flex-end;align-items:center;border-radius:50%;justify-content:center;color:var(--text-color);background:var(--primary-color)}.chat-list{padding:2rem 1rem 12rem}.no-chat .chat-list{display:none}.chat-list .message{padding:.35rem 0}.chat-list .message.incoming{margin-top:1.5rem}.chat-list .message .message-content{display:flex;gap:1.5rem;width:100%;align-items:center;scroll-margin-top:96px}.message-main{display:flex;flex-direction:column;gap:.75rem;width:100%}.chat-list .message .text{color:var(--text-color);white-space:pre-wrap}.chat-list .message.error .text{color:#e55865}.chat-list .message.loading .text{display:none}.chat-list .message .avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;align-self:flex-start}.chat-list .message.loading .avatar{animation:rotate 3s linear infinite}.chat-list .message .icon{color:var(--text-color);cursor:pointer;height:35px;width:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;font-size:1.25rem;margin-left:3.5rem;visibility:hidden}.chat-list .message .icon.hide{visibility:hidden}.chat-list .message:not(.loading,.error):hover .icon:not(.hide){visibility:visible}.chat-list .message .icon:hover{background:var(--secondary-hover-color)}.chat-list .message .loading-indicator{display:none;gap:.8rem;width:100%;flex-direction:column}.chat-list .message.loading .loading-indicator{display:flex}.chat-list .message .loading-indicator .loading-bar{height:11px;width:100%;border-radius:.135rem;background-position:-800px 0;background:linear-gradient(to right,#4285f4,var(--primary-color),#4285f4);animation:loading 3s linear infinite}.chat-list .message .loading-indicator .loading-bar:last-child{width:70%}.result-grid{display:grid;grid-template-columns:1fr;gap:.9rem;width:100%}.result-card{border:1px solid var(--secondary-hover-color);background:var(--secondary-color);border-radius:.85rem;padding:.85rem .95rem;display:grid;grid-template-columns:auto 110px 1fr;gap:.65rem;align-items:center;text-decoration:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.light_mode .result-card{border-color:#dbe1ea}.result-card:hover,.result-card:focus-visible{transform:scale(1.01);border-color:#6b7280;box-shadow:0 10px 30px #0000002e}.result-rank{padding:.65rem .85rem;border-radius:.7rem;background:var(--primary-color);color:var(--subheading-color);font-weight:700;font-size:.95rem;border:1px solid var(--secondary-hover-color)}.result-body{display:flex;flex-direction:column;gap:.35rem}.result-media{width:110px;height:110px;border-radius:.75rem;background:var(--primary-color);border:1px solid var(--secondary-hover-color);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px}.result-media img{width:100%;height:100%;object-fit:contain}.placeholder{color:var(--subheading-color);font-size:.9rem}.result-title{font-size:1rem;font-weight:600;color:var(--text-color);line-height:1.5}.result-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--subheading-color);font-weight:500}.result-stars{display:inline-flex;align-items:center;gap:.2rem;background:var(--secondary-hover-color);padding:.35rem .55rem;border-radius:.65rem;border:1px solid var(--secondary-hover-color)}.result-star{font-size:1rem;color:#d1d5db;background:linear-gradient(90deg,#fbbf24 var(--fill, 0%),#d1d5db var(--fill, 0%));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.result-rating-number{margin-left:.15rem;color:var(--text-color);font-weight:700}.result-footer{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.result-price{color:#34d399;font-weight:700}.result-link{color:#8ab4f8;font-weight:700;display:inline-flex;align-items:center;gap:.25rem}.result-link:after{content:"open_in_new";font-family:Material Symbols Rounded;font-weight:400;font-size:1.05rem;line-height:1}.result-rating{color:#fbbf24;font-weight:700}.result-count{color:var(--subheading-color)}.typing-area{position:fixed;width:100%;left:0;bottom:0;padding:1rem;background:var(--primary-color)}.typing-area :where(.typing-form,.action-buttons){display:flex;gap:.75rem}.typing-form .input-wrapper{width:100%;height:56px;display:flex;position:relative}.typing-form .typing-input{height:100%;width:100%;border:none;outline:none;resize:none;font-size:1rem;color:var(--text-color);padding:1.1rem 4rem 1.1rem 1.5rem;border-radius:100px;background:var(--secondary-color);transition:background .2s ease}.typing-form .typing-input:focus{background:var(--secondary-hover-color)}.typing-form .typing-input::placeholder{color:var(--placeholder-color)}.typing-area .icon{width:56px;height:56px;flex-shrink:0;cursor:pointer;border-radius:50%;display:flex;font-size:1.4rem;color:var(--text-color);align-items:center;justify-content:center;background:var(--secondary-color);transition:.2s ease;border:none}.typing-area .icon:hover{background:var(--secondary-hover-color)}.typing-form #send-message-button{position:absolute;right:0;outline:none;border:none;transform:scale(0);background:transparent;transition:transform .2s ease}.typing-form .typing-input:valid~#send-message-button{transform:scale(1)}.typing-area .action-buttons .icon:disabled,.typing-form #send-message-button:disabled{opacity:.65;cursor:not-allowed}.typing-area .disclaimer-text{text-align:center;font-size:.85rem;margin-top:1rem;color:var(--placeholder-color)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes loading{0%{background-position:-800px 0}to{background-position:800px 0}}@media(max-width:768px){.header :is(.title,.subtitle){font-size:2rem;line-height:2.6rem}.header .subtitle{font-size:1.7rem}.typing-area :where(.typing-form,.action-buttons){gap:.4rem}.typing-form .input-wrapper{height:50px}.typing-form .typing-input{padding:1.1rem 3.5rem 1.1rem 1.2rem}.typing-area .icon{height:50px;width:50px}.result-card{grid-template-columns:1fr;align-items:flex-start}.result-media{width:100%;height:200px}.result-rank{width:fit-content}.typing-area .disclaimer-text{font-size:.75rem;margin-top:.5rem}}