.chat-app{color:#ececec;width:100vw;height:100dvh;font-family:var(--font-sans);background:#212121;overflow:hidden}.chat-layout{width:100%;height:100%;display:flex}.chat-sidebar{z-index:50;background:#171717;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;gap:16px;width:260px;padding:12px;transition:transform .3s;display:flex}.new-chat-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:.9rem;font-weight:500;transition:background .2s;display:flex}.new-chat-btn:hover{background:#ffffff0d}.new-chat-btn .fa-plus{margin-right:12px}.action-icon{opacity:.6}.history-list{scrollbar-width:none;flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{display:none}.history-group-label{color:#fff6;text-transform:uppercase;padding:8px 12px;font-size:.7rem;font-weight:600}.history-item{text-align:left;color:#fffc;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:.85rem;transition:background .2s,color .2s;overflow:hidden}.history-item:hover,.history-item.active{color:#fff;background:#ffffff14}.history-empty-text{color:#fff6;padding:10px 12px;font-size:.8rem}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.switch-app-btn{color:#fff;background:#6366f11a;border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:background .2s;display:flex}.switch-app-btn:hover{background:#6366f133}.app-icon{color:#fff;background:#6366f1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.app-details{flex-direction:column;display:flex}.app-details strong{font-size:.85rem}.app-details span{color:#fff9;font-size:.7rem}.user-profile-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:background .2s;display:flex}.user-profile-btn:hover{background:#ffffff0d}.avatar-sm{border-radius:50%;width:32px;height:32px}.user-info{flex-direction:column;display:flex}.user-info strong{color:#fff;margin-bottom:2px;font-size:.85rem}.user-info span{color:#ffffff80;font-size:.75rem}.chat-main{background:#212121;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#212121cc;border-bottom:1px solid #ffffff0d;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 20px;display:grid;position:sticky;top:0}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem;display:none}.header-left-side{align-items:center;display:flex}.chat-model-selector{color:#fff;letter-spacing:-.2px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.header-actions{justify-content:flex-end;align-items:center;display:flex}.credits-badge{background:#ffffff0d;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.chat-scroll-area{overflow-anchor:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.chat-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.chat-hero h1{color:#fff;margin-bottom:8px;font-size:2.2rem;font-weight:600}.chat-hero p{color:#ffffff80;margin-bottom:40px;font-size:1rem}.hero-input-wrapper{display:none}.hero-input-box{background:#2f2f2f;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:12px;padding:12px 16px;display:flex;box-shadow:0 8px 20px #0003}.hero-input-box textarea,.docked-input-box textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:48px;max-height:200px;font-family:inherit;font-size:1rem;line-height:1.5}.hero-input-bottom,.docked-input-tools{justify-content:space-between;align-items:center;display:flex}.hero-tools{gap:8px;display:flex}.tool-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:all .2s;display:flex}.tool-btn.active{color:#c4b5fd;background:#6366f11a;border-color:#6366f14d}.send-btn{color:#ffffff80;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.send-btn.active{color:#000;background:#fff}.hero-suggestions{flex-wrap:wrap;justify-content:center;gap:12px;max-width:600px;display:flex}.sug-btn{color:#ffffffb3;cursor:pointer;background:#2f2f2f;border:1px solid #ffffff0d;border-radius:12px;padding:10px 16px;font-size:.9rem;transition:background .2s}.sug-btn:hover{background:#ffffff1a}.messages-container{flex-direction:column;flex:1;justify-content:flex-start;gap:24px;width:100%;max-width:760px;margin:0 auto;padding:20px 0;display:flex}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{gap:16px;max-width:85%;display:flex}.message-row.user .message-content{color:#ececec;background:#2f2f2f;border-radius:20px;padding:12px 18px;font-size:1rem;line-height:1.5}.message-row.assistant .message-content{color:#ececec;background:0 0;padding:6px 0;font-size:1rem;line-height:1.6}.ai-avatar{color:#fff;background:#111;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.chat-input-area{background:#212121;flex-direction:column;align-items:center;padding:16px 20px;display:flex}.docked-input-box{background:#2f2f2f;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:8px;width:100%;max-width:760px;padding:12px 16px;display:flex}.docked-input-tools{justify-content:flex-end;gap:10px}.tool-icon{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;width:32px;height:32px;font-size:1.1rem}.tool-icon:hover{color:#fff;background:#ffffff0d}.disclaimer{color:#fff6;margin-top:10px;font-size:.75rem}@media (max-width:768px){.chat-layout{height:calc(100dvh - 65px)!important}.chat-sidebar{height:100%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.chat-layout.sidebar-open .chat-sidebar{transform:translate(0)}.chat-suggestions{flex-direction:column;align-items:center;gap:8px}.chat-suggestion-btn{text-align:center;width:100%;padding:10px 14px;font-size:.85rem}.chat-input-area{padding:12px 16px 16px}.chat-messages{padding:20px 16px}.mobile-menu-btn{display:block}.mobile-overlay{z-index:40;background:#00000080;position:absolute;inset:0}.chat-hero h1{font-size:1.8rem}.chat-hero p{margin-bottom:20px;font-size:.9rem}.hero-input-wrapper{margin-bottom:10px}}.dot-typing{background-color:#a78bfa;border-radius:5px;width:6px;height:6px;margin-top:8px;animation:1.5s linear infinite typing;display:inline-block}@keyframes typing{0%{box-shadow:12px 0 0 -2px #a78bfa,24px 0 #a78bfa,36px 0 #a78bfa}25%{box-shadow:12px 0 #a78bfa,24px 0 0 -2px #a78bfa,36px 0 #a78bfa}50%{box-shadow:12px 0 #a78bfa,24px 0 #a78bfa,36px 0 0 -2px #a78bfa}75%{box-shadow:12px 0 0 -2px #a78bfa,24px 0 #a78bfa,36px 0 #a78bfa}to{box-shadow:12px 0 #a78bfa,24px 0 0 -2px #a78bfa,36px 0 #a78bfa}}