*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{color:#e2e8f0;background-color:#0b0f19;overflow:hidden}.app{background:radial-gradient(circle at 75% 35%,#2d5adc38 0%,#0000 60%),radial-gradient(circle at 20% 20%,#5a3cc826 0%,#0000 50%),#0d1117;width:100vw;height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0b0f17d9;border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;width:280px;min-width:280px;height:100vh;display:flex;position:relative}.sidebarTop{flex-direction:column;align-items:center;padding:24px 20px 10px;display:flex;position:relative}.sidebarIconExpand{color:#64748b;cursor:pointer;font-size:15px;transition:color .2s;position:absolute;top:24px;right:20px}.sidebarIconExpand:hover{color:#94a3b8}.brandLogoWrapper{background:radial-gradient(circle at 30% 30%,#3a4763,#151a26);border:2px solid #8caaff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:105px;height:105px;margin-bottom:20px;display:flex;box-shadow:0 0 25px #5878ff73,inset 0 2px 4px #fff6,inset 0 -2px 6px #000000b3}.brandLogoText{letter-spacing:-1px;background:linear-gradient(#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:26px;font-style:italic;font-weight:800}.brandSub{color:#cbd5e1;margin-top:-2px;font-size:11px;font-weight:500}.newChatBtn{color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:12px;width:calc(100% - 32px);margin:0 16px 14px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.newChatBtn:hover{background:#ffffff17;border-color:#ffffff26}.history{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;margin:0;padding:0 12px;list-style:none;overflow-y:auto}.history li{color:#94a3b8;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 14px;font-size:13.5px;transition:all .2s;display:flex}.history li:hover,.history li.highlighted{color:#fff;background:#ffffff12}.history li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history li i{opacity:0;font-size:12px;transition:opacity .2s,color .2s}.history li:hover i{opacity:1}.history li i:hover{color:#f87171}.sign{color:#64748b;text-align:center;border-top:1px solid #ffffff0f;padding:16px;font-size:12px}.chatWindow{box-sizing:border-box;background:0 0;flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.navbar{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:65px;padding:0 32px;display:flex}.navTitle{color:#cbd5e1;cursor:pointer;align-items:center;gap:8px;font-size:15px;display:flex}.navRight{align-items:center;gap:16px;display:flex;position:relative}.userCapsule{cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 5px;display:flex}.userIcon{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.userCapsule i{color:#94a3b8;font-size:11px}.floatingPreviewCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#161d2cbf;border:1px solid #5878ff4d;border-radius:14px;flex-direction:column;gap:8px;width:220px;padding:14px;display:flex;position:absolute;top:70px;right:32px;box-shadow:0 8px 30px #0006,0 0 15px #3b82f633}.previewTop{align-items:center;gap:10px;display:flex}.previewMiniLogo{color:#fff;background:radial-gradient(circle at 30% 30%,#3b4d75,#111520);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:flex}.previewLines{flex-direction:column;flex:1;gap:4px;display:flex}.lineLong{background:#fff3;border-radius:4px;width:80%;height:6px}.lineShort{background:#ffffff1a;border-radius:4px;width:50%;height:5px}.dropDown{z-index:100;background:#192231;border:1px solid #ffffff1a;border-radius:12px;width:170px;padding:6px;position:absolute;top:55px;right:0;box-shadow:0 10px 25px #00000080}.dropDownItem{color:#cbd5e1;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;display:flex}.dropDownItem:hover{background:#ffffff14}.chatInputWrapper{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:0 20px 20px;display:flex}.inputCapsule{align-items:center;width:100%;max-width:780px;display:flex;position:relative}.inputCapsule input{-webkit-backdrop-filter:blur(14px);color:#fff;background:#192231a6;border:1px solid #5a73aa59;border-radius:28px;outline:none;width:100%;padding:16px 54px 16px 22px;font-size:14.5px;transition:all .2s;box-shadow:0 0 25px #1e3a8a40,inset 0 1px 2px #ffffff1a}.inputCapsule input::placeholder{color:#718096}.inputCapsule input:focus{border-color:#638cffa6;box-shadow:0 0 30px #3b82f659}.submitBtn{color:#cbd5e1;cursor:pointer;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex;position:absolute;right:10px}.submitBtn:hover{color:#fff;background:#ffffff4d}.infoFootnote{color:#64748b;text-align:center;margin-top:10px;font-size:11.5px}.infoFootnote a{color:#94a3b8;text-decoration:underline}.chatContainer{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;align-items:center;width:100%;display:flex;overflow-y:auto}.welcomeScreen{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;height:100%;padding:0 20px;display:flex}.welcomeTitle{letter-spacing:-.5px;color:#fff;text-shadow:0 0 35px #60a5fab3,0 0 60px #6366f180;-webkit-user-select:none;user-select:none;margin-bottom:40px;font-size:3.5rem;font-weight:800}.cardsRow{justify-content:center;align-items:flex-end;gap:16px;width:100%;display:flex}.suggestCard{-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#1921318c;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:10px;width:220px;padding:16px;transition:all .25s;display:flex}.suggestCard:hover{background:#1e2a40b3;border-color:#93c5fd59;transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.suggestCard.activeCard{background:#222e46d9;border:1px solid #93c5fd66;transform:translateY(-8px);box-shadow:0 0 30px #3b82f659}.cardHeader{color:#e2e8f0;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:500;display:flex}.cardHeader i{color:#94a3b8;font-size:14px}.skeletonLines{flex-direction:column;gap:6px;margin-top:4px;display:flex}.skLine{background:#ffffff1f;border-radius:4px;height:6px}.skLine.full{width:100%}.skLine.half{width:55%}.chats{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;max-width:780px;padding:20px 16px;display:flex}.userDiv{justify-content:flex-end;width:100%;display:flex}.userMessage{color:#f8fafc;background:#2d3b55cc;border:1px solid #ffffff1a;border-radius:18px;max-width:75%;padding:12px 18px;font-size:14px;line-height:1.5;box-shadow:0 4px 15px #0003}.gptDiv{text-align:left;color:#e2e8f0;width:100%;font-size:14.5px;line-height:1.6}.gptDiv pre{border-radius:10px;margin:12px 0;overflow-x:auto}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.authOverlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#040810b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.authModal{color:#f1f5f9;background:#161e2ed9;border:1px solid #5878ff59;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:30px 28px;display:flex;position:relative;box-shadow:0 0 35px #3b82f640,0 20px 40px #0009}.authCloseBtn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;position:absolute;top:18px;right:18px}.authCloseBtn:hover{color:#fff}.authHeader{text-align:center}.authHeader h2{color:#fff;text-shadow:0 0 15px #60a5fa80;margin-bottom:6px;font-size:24px;font-weight:700}.authHeader p{color:#94a3b8;font-size:13px}.authForm{flex-direction:column;gap:14px;margin-top:10px;display:flex}.inputGroup{flex-direction:column;gap:6px;display:flex}.inputGroup label{color:#cbd5e1;font-size:12px;font-weight:500}.inputGroup input{color:#fff;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:all .2s}.inputGroup input:focus{border-color:#638cffb3;box-shadow:0 0 15px #3b82f64d}.authSubmitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:12px;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s;box-shadow:0 4px 15px #3b82f666}.authSubmitBtn:hover{opacity:.92;transform:translateY(-1px)}.authError{color:#f87171;text-align:center;background:#ef44441a;border-radius:8px;padding:8px;font-size:12px}.authFooterToggle{text-align:center;color:#94a3b8;margin-top:6px;font-size:12.5px}.authFooterToggle span{color:#60a5fa;cursor:pointer;margin-left:5px;font-weight:600}.authFooterToggle span:hover{text-decoration:underline}