:root{--bg-dark: #212121;--bg-sidebar: #171717;--bg-card: #2f2f2f;--accent-primary: #ececec;--accent-secondary: #b4b4b4;--accent-glow: rgba(255, 255, 255, .05);--text-main: #ececec;--text-muted: #b4b4b4;--border-color: rgba(255, 255, 255, .1);--glass-bg: #212121;--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(0px);--transition-smooth: all .2s ease-in-out;--brand-gradient: linear-gradient(135deg, #ececec, #b4b4b4)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh;width:100vw}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.brand-gradient{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.app-container{display:flex;height:100vh;width:100vw;background-color:var(--bg-dark);color:var(--text-main)}.sidebar{width:260px;height:100%;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:.75rem;z-index:10}.new-chat-btn{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-main);cursor:pointer;font-family:inherit;font-weight:500;font-size:.85rem;transition:all .2s ease;margin-bottom:1rem}.new-chat-btn:hover{background:#ffffff0d;border-color:#fff3}.chat-history{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.1rem}.history-item{padding:.6rem .75rem;border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--text-main);transition:all .15s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.history-item:hover{background:#2f2f2f}.history-item.active{background:#2f2f2f;font-weight:500}.history-item span{flex:1;overflow:hidden;text-overflow:ellipsis}.action-icon{opacity:0;transition:all .2s ease;color:var(--text-muted);flex-shrink:0}.history-item:hover .action-icon{opacity:1}.action-icon:hover{color:var(--text-main)}.chat-main{flex:1;display:flex;flex-direction:column;position:relative;height:100%;background:var(--bg-dark)}.chat-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--bg-dark);border-bottom:1px solid var(--border-color);z-index:10}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:#ececec;cursor:pointer;padding:.5rem;align-items:center;justify-content:center;transition:all .2s ease}.menu-toggle:hover{background:#ffffff0d}.model-selector{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-main);font-family:inherit;font-size:.9rem;font-weight:600;outline:none;cursor:pointer;padding:4px 8px;transition:all .2s ease}.model-selector:hover{background:#ffffff0d}.ready-badge{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.8rem;padding:4px 0}.messages-container{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;width:100%}.messages-stream{display:flex;flex-direction:column;width:100%}.message-wrapper{display:flex;justify-content:center;width:100%;padding:1.5rem 1rem;transition:background .3s ease}.ai-message{background:#ffffff05}.user-message{background:transparent}.message-content-inner{max-width:768px;width:100%;display:flex;gap:1.25rem}.avatar{width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:600}.avatar.user{background:#4a4a4a;color:#ececec}.avatar.ai{background:#e2b25c;color:#1b1b1b}.message-content{flex:1;font-size:.95rem;line-height:1.65;color:#ececec;padding-top:2px}.input-area{padding:1rem 1rem 1.5rem;width:100%;display:flex;flex-direction:column;align-items:center}.input-container{position:relative;background:#2f2f2f;border:1px solid var(--border-color);border-radius:14px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;width:100%;max-width:768px;box-shadow:0 0 15px #0000001a;transition:border-color .2s ease}.input-container:focus-within{border-color:#fff3}textarea{flex:1;background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:.95rem;line-height:1.5;min-height:1.5rem;resize:none;max-height:200px;outline:none;padding:2px 0}.send-btn{background:var(--text-main);color:var(--bg-dark);border:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.send-btn:disabled{opacity:.1;cursor:not-allowed}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.brand-logo{font-size:1.75rem;font-weight:600;margin-bottom:2rem;letter-spacing:-.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;max-width:768px}.feature-card{padding:1.25rem;border:1px solid var(--border-color);border-radius:12px;text-align:left;background:#ffffff03;transition:all .2s ease}.feature-card:hover{background:#ffffff08;border-color:#ffffff26}.feature-card h3{font-size:.9rem;margin-bottom:.5rem;color:var(--text-main);font-weight:600}.feature-card p{font-size:.8rem;color:var(--text-muted);line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{width:90%;max-width:440px;padding:2rem;border-radius:12px;background:#2f2f2f;border:1px solid var(--border-color);box-shadow:0 20px 40px #0006}.setting-item{margin-bottom:1.5rem}.setting-item label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.glass-input{width:100%;background:#212121;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;color:var(--text-main);outline:none;font-family:inherit;transition:border-color .2s ease}.glass-input:focus{border-color:#fff3}.share-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:#ffffff0d;border-color:#fff3}@media(max-width:768px){.sidebar{position:fixed;left:-260px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open{transform:translate(260px)}.menu-toggle{display:flex}}.model-name{font-size:.9rem;font-weight:600;padding:4px 8px}.model-name span{font-weight:400;color:var(--text-muted)}.welcome-facts{list-style:none;max-width:520px;margin:0 auto;text-align:left;font-size:.92rem;line-height:1.55;color:var(--text-muted)}.welcome-facts li{padding:.7rem 0;border-top:1px solid var(--border-color)}.welcome-facts b{color:var(--text-main);font-weight:600}.welcome-warning{max-width:520px;margin:0 auto 1.25rem;font-size:.9rem;color:#e2b25c}.copyright{padding:.75rem;font-size:.7rem;color:var(--text-muted);text-align:center;opacity:.7}.copyright a{color:inherit}@media(max-width:768px){.model-name span{display:none}}.upload-btn{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-color);color:var(--text-main);padding:.4rem .75rem;border-radius:8px;font-size:.8rem;cursor:pointer;margin-bottom:0}