.layout{width:100%;height:100vh;display:flex}.main-wrapper{background:linear-gradient(#0f0f0ff2 0%,#1a1a2ef2 100%);flex-direction:column;flex:1;display:flex}.sidebar{background:linear-gradient(#1a1a1a 0%,#0f0f0f 100%);border-right:1px solid #ffffff0d;width:280px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:2px 0 20px #0000004d}.sidebar.closed{width:80px;padding:20px 15px}.hamburger-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:25px;transition:all .2s;display:flex}.hamburger-btn:hover{background:#ffffff1a;transform:scale(1.05)}.sb-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:28px;font-weight:700}.sb-menu{flex-direction:column;gap:8px;display:flex}.sb-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.sb-item:before{content:"";background:linear-gradient(90deg,#667eea33 0%,#0000 100%);width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.sb-item:hover{background:#ffffff14;border-color:#667eea4d;transform:translate(4px)}.sb-item:hover:before{width:100%}.sb-item.active{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border-color:#667eea66}.sb-bottom{width:calc(100% - 40px);position:absolute;bottom:20px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e80;border-bottom:1px solid #ffffff14;justify-content:flex-end;align-items:center;height:70px;padding-right:30px;display:flex}.header-right{align-items:center;gap:18px;display:flex}.upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea4d}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:10px;font-weight:700;display:flex;box-shadow:0 4px 12px #667eea66}.main{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.welcome{background:linear-gradient(135deg,#5161a5 0%,#916eb7 50%,#7f5085 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:60px;font-size:48px;font-weight:700;animation:.8s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.input-area{z-index:10;background:linear-gradient(#0000 0%,#0f0f0ffa 100%);justify-content:center;width:100%;padding:30px 20px;display:flex;position:sticky;bottom:0}.input-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #667eea33;border-radius:28px;justify-content:space-between;align-items:center;width:100%;max-width:750px;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d}.input-wrapper:focus-within{border-color:#667eea80;transform:translateY(-2px);box-shadow:0 8px 32px #667eea33}.input-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:8px 12px;font-size:16px}.input-wrapper input::placeholder{color:#fff6}.tools{align-items:center;gap:8px;display:flex}.tools button,.tools>span{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.tools button:hover,.tools>span:hover{color:#fff;background:#667eea33}.tools button:disabled{opacity:.3;cursor:not-allowed}.chat-area{flex:1;width:100%;max-width:90%;margin:0 auto;padding:40px 20px 20px;overflow-y:auto}.message{gap:16px;margin-bottom:32px;animation:.4s cubic-bezier(.4,0,.2,1) slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rich-text-content strong{color:#c4b5fd;font-weight:700}.rich-text-content em{color:#fca5a5;font-style:italic}.rich-text-content a{color:#93c5fd;text-decoration:underline}.rich-text-content a:hover{color:#60a5fa}.rich-text-content ul{margin:1rem 0;padding-left:1.5rem}.rich-text-content li{color:#e5e7eb;margin:.35rem 0}.code-block{background:#0d1117;border-radius:12px;margin:1.4rem 0;font-family:JetBrains Mono,monospace;overflow:hidden;box-shadow:0 4px 12px #00000026}.code-header{color:#8b949e;background:#1762ca;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.8rem;display:flex}.lang-tag{text-transform:uppercase;letter-spacing:.5px;font-weight:600}.copy-btn{color:#8b949e;cursor:pointer;background:0 0;border:1px solid #30363d;border-radius:8px;padding:4px 12px;font-size:.8rem;transition:all .2s}.copy-btn:hover{color:#fff;background:#30363d}.code-block code{color:#c9d1d9;padding:16px;line-height:1.5;display:block;overflow-x:auto}.user-message{justify-content:flex-end}.user-message .message-content{color:#fff;word-wrap:break-word;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px 20px 4px;max-width:70%;padding:14px 20px;font-size:15px;line-height:1.6;box-shadow:0 4px 15px #667eea4d}.ai-message{justify-content:flex-start}.ai-message .message-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #667eea66}.ai-message .message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:pre-wrap;word-wrap:break-word;color:#e8e8e8;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px 20px 20px;max-width:70%;padding:14px 20px;font-size:15px;line-height:121%;box-shadow:0 4px 15px #0003}.error-message .message-icon{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);box-shadow:0 4px 12px #ff6b6b66}.error-message .message-content{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:4px 20px 20px;max-width:70%;padding:14px 20px}.loading-dots{color:#667eeacc;font-size:20px;animation:1.4s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.chat-area::-webkit-scrollbar{width:10px}.chat-area::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.chat-area::-webkit-scrollbar-thumb{background:linear-gradient(#667eea 0%,#764ba2 100%) padding-box padding-box;border:2px solid #0000;border-radius:10px}.chat-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7c8ef5 0%,#8a5db0 100%) padding-box padding-box}@media (max-width:768px){.sidebar{width:80px}.input-wrapper{max-width:90%}.welcome{font-size:32px}.message-content{max-width:85%!important}}*{transition:background .2s,border-color .2s}.conversations-list{max-height:calc(100vh - 400px);margin-top:20px;padding-right:8px;overflow-y:auto}.conversations-title{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding:0 12px;font-size:12px;font-weight:600}.conversation-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.conversation-item:hover{background:#ffffff14;border-color:#667eea4d}.conversation-item.active{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border-color:#667eea66}.conversation-title{text-overflow:ellipsis;white-space:nowrap;color:#ffffffe6;flex:1;font-size:14px;overflow:hidden}.delete-btn{cursor:pointer;color:#ff6b6b;background:#ff6b6b33;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.delete-btn:hover{background:#ff6b6b4d;transform:scale(1.1)}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.conversations-list::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#667eea80}.prose code.inline-code{background:#ffffff1a;border-radius:6px;padding:.2em .4em;font-size:.9em}.streaming-cursor{color:#a78bfa;font-weight:700;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.thinking-dots span{background:#a78bfa;border-radius:50%;width:8px;height:8px;margin:0 3px;animation:1.4s infinite thinkingDot;display:inline-block}.thinking-dots span:first-child{animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinkingDot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.rich-text-content table{border-collapse:collapse;background:#ffffff08;border:1px solid #ffffff26;border-radius:10px;width:100%;margin:18px 0;overflow:hidden}.rich-text-content th{color:#e5e7eb;text-align:left;background:#667eea26;border:1px solid #ffffff26;padding:10px 14px;font-weight:600}.rich-text-content td{color:#d1d5db;background:#ffffff05;border:1px solid #ffffff1a;padding:10px 14px}.rich-text-content tr:nth-child(2n) td{background:#ffffff0a}.rich-text-content tr:hover td{background:#667eea1f;transition:background .2s}*{box-sizing:border-box;margin:0}body{color:#e8e8e8;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}@media (min-width:320px) and (max-width:479px){.sidebar{z-index:1000;width:290px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.hamburger-btn{z-index:1001;width:40px;height:40px;position:fixed;top:15px;left:15px}.header{height:60px;padding-right:15px}.upgrade-btn{display:none}.header-right{gap:10px}.avatar{width:35px;height:35px;font-size:10px}.welcome{margin-bottom:30px;padding:0 20px;font-size:24px}.input-wrapper{border-radius:20px;max-width:calc(100% - 20px);padding:12px 15px}.input-wrapper input{padding:6px 8px;font-size:14px}.tools button,.tools>span{padding:6px}.chat-area{padding:20px 10px}.message{margin-bottom:20px}.user-message .message-content,.ai-message .message-content{max-width:85%;padding:12px 16px;font-size:14px}.ai-message .message-icon{width:32px;height:32px}.input-area{padding:20px 10px}}@media (min-width:480px) and (max-width:767px){.sidebar{z-index:1000;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.hamburger-btn{z-index:1001;position:fixed;top:15px;left:15px}.header{height:65px;padding-right:20px}.upgrade-btn{padding:8px 16px;font-size:12px}.upgrade-btn span{display:none}.welcome{margin-bottom:40px;padding:0 20px;font-size:32px}.input-wrapper{max-width:90%}.chat-area{padding:30px 15px}.user-message .message-content,.ai-message .message-content{max-width:80%}}@media (min-width:768px) and (max-width:1023px){.sidebar{width:240px}.sidebar.closed{width:70px}.header{padding-right:25px}.upgrade-btn{padding:9px 18px;font-size:13px}.welcome{margin-bottom:50px;font-size:40px}.input-wrapper{max-width:650px}.chat-area{max-width:700px;padding:35px 20px}.user-message .message-content,.ai-message .message-content{max-width:75%}}@media (min-width:1024px) and (max-width:1279px){.sidebar{width:26.8%}.welcome{font-size:50px}.input-wrapper{max-width:700px}.chat-area{max-width:100%}}@media (min-width:1280px) and (max-width:1919px){.sidebar{width:380px}.welcome{font-size:48px}.input-wrapper{max-width:1050px}.chat-area{max-width:100%}}@media (max-width:767px){.sidebar-overlay{z-index:999;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar-overlay.active{display:block}}