@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--background:#fff;--foreground:#171717;--primary:#f59e0b;--primary-hover:#d97706;--primary-glow:#f59e0b26;--primary-subtle:#f59e0b0f;--accent:#fbbf24;--surface:#f8f9fa;--surface-elevated:#fff;--border:#00000014;--border-subtle:#0000000a;--text-muted:#6b7280;--text-secondary:#9ca3af;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 24px #00000014;--shadow-lg:0 16px 64px #0000001a;--shadow-glow:0 0 48px #f59e0b33;--glass:#ffffffb3;--glass-border:#ffffff80;--sidebar-bg:#f5f5f5;--message-user:transparent;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:.12s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark]{--background:#09090b;--foreground:#fafafa;--primary:#f59e0b;--primary-hover:#fbbf24;--primary-glow:#f59e0b1f;--primary-subtle:#f59e0b0f;--accent:#fcd34d;--surface:#111113;--surface-elevated:#18181b;--border:#ffffff12;--border-subtle:#ffffff0a;--text-muted:#a1a1aa;--text-secondary:#71717a;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 16px 64px #0009;--shadow-glow:0 0 64px #f59e0b1a;--glass:#111113d9;--glass-border:#ffffff0f;--sidebar-bg:#0c0c0e;--message-user:transparent}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);width:100%;height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);transition:background var(--transition-base);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes breatheGlow{0%,to{box-shadow:0 0 20px #f59e0b26}50%{box-shadow:0 0 40px #f59e0b4d}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.animate-fade-in{animation:fadeIn .3s var(--transition-base)forwards}.animate-fade-in-scale{animation:.25s ease-out forwards fadeInScale}.animate-slide-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInUp}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.animate-spin{animation:.8s linear infinite spin}.animate-float{animation:3s ease-in-out infinite float}.animate-breathe{animation:2.5s ease-in-out infinite breatheGlow}.auth-container{background:radial-gradient(ellipse 80% 60% at 50% -20%,#f59e0b1f,transparent),radial-gradient(ellipse 60% 40% at 80% 100%,#f59e0b0f,transparent),var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{border-radius:var(--radius-3xl);background:var(--surface-elevated);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInScale}.btn{border-radius:var(--radius-xl);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base),background var(--transition-base);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:radial-gradient(circle,#ffffff40 0%,#0000 70%);position:absolute;inset:0}.btn:active:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,#e08c00 100%);color:#000;box-shadow:inset 0 1px #ffffff26,0 2px 8px #f59e0b4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff26,0 6px 20px #f59e0b66}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-elevated);border-color:var(--text-secondary);transform:translateY(-1px)}.input-group{margin-bottom:1.25rem}.input-label{color:var(--foreground);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.input-field{border-radius:var(--radius-xl);background:var(--surface);border:1.5px solid var(--border);width:100%;color:var(--foreground);transition:all var(--transition-base);outline:none;padding:.75rem 1rem;font-size:.9375rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--surface-elevated)}.input-field::placeholder{color:var(--text-secondary)}.prose{color:var(--foreground);word-wrap:break-word;font-size:.9375rem;line-height:1.7}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--foreground);margin-top:1.5rem;margin-bottom:.625rem;font-weight:700;line-height:1.3}.prose h1{font-size:1.5rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1.0625rem}.prose p{margin-top:.5rem;margin-bottom:.5rem}.prose p:first-child{margin-top:0}.prose ul,.prose ol{margin-top:.5rem;margin-bottom:.5rem;padding-left:1.375rem}.prose li{margin-top:.25rem;margin-bottom:.25rem}.prose a{color:var(--primary);transition:border-color var(--transition-fast);border-bottom:1px solid #0000;font-weight:500;text-decoration:none}.prose a:hover{border-bottom-color:var(--primary)}.prose strong{color:var(--foreground);font-weight:700}.prose blockquote{color:var(--text-muted);border-left:3px solid var(--primary);margin:.75rem 0;padding-left:1rem}.prose table{border-collapse:collapse;border-radius:var(--radius-lg);width:100%;margin:1rem 0;font-size:.875rem;overflow:hidden}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.prose th{background:var(--surface);font-weight:600}.prose hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}.prose code:not(pre code){background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-sm);padding:.15rem .4rem;font-family:SF Mono,Fira Code,monospace;font-size:.84em;font-weight:550}.code-block-container{border-radius:var(--radius-lg);background:#0d0d0d;border:1px solid #ffffff0f;margin:.75rem 0;position:relative;overflow:hidden;box-shadow:0 2px 12px #0003}.code-block-header{color:#555;text-transform:uppercase;letter-spacing:.06em;background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.5rem .875rem;font-family:SF Mono,Fira Code,monospace;font-size:.6875rem;display:flex}.code-copy-btn{color:#555;cursor:pointer;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.6875rem;display:flex}.code-copy-btn:hover{color:#aaa;background:#ffffff14}.message-container{transition:background var(--transition-base);justify-content:center;padding:1.125rem 1.5rem;animation:.3s ease-out forwards fadeIn;display:flex}.message-container.user,.message-container.assistant{background:0 0}.message-container:hover{background:var(--border-subtle)}.message-inner{gap:.875rem;width:100%;max-width:768px;display:flex}.message-avatar{border-radius:var(--radius-md);width:28px;height:28px;transition:transform var(--transition-spring);flex-shrink:0;justify-content:center;align-items:center;display:flex}.message-container:hover .message-avatar{transform:scale(1.05)}.message-avatar.user{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.message-avatar.assistant{background:linear-gradient(135deg,var(--primary)0%,#e08c00 100%);color:#000;box-shadow:0 2px 10px #f59e0b59}.message-content{will-change:contents;flex:1;min-width:0;padding-top:2px}.message-role{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.6875rem;font-weight:700;display:flex}.message-role.assistant{color:var(--primary)}.premium-badge{border-radius:var(--radius-full);color:var(--primary);letter-spacing:.08em;background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b0d 100%);border:1px solid #f59e0b33;padding:.1rem .35rem;font-size:.5rem;font-weight:800}.chat-input-container{background:linear-gradient(to top,var(--background)60%,transparent);justify-content:center;padding:.75rem 1.5rem 1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInUp;display:flex;position:absolute;bottom:0;left:0;right:0}.chat-input-wrapper{background:var(--surface-elevated);border:1.5px solid var(--border);border-radius:var(--radius-3xl);width:100%;max-width:768px;box-shadow:var(--shadow-md);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);align-items:flex-end;gap:.375rem;padding:.375rem .5rem .375rem 1rem;display:flex}.chat-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),var(--shadow-lg);transform:translateY(-1px)}.chat-textarea{color:var(--foreground);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:180px;padding:.625rem .375rem;font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.5}.chat-textarea::placeholder{color:var(--text-secondary)}.chat-send-btn{background:linear-gradient(135deg,var(--primary)0%,#e08c00 100%);color:#000;border-radius:var(--radius-xl);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #f59e0b40}.chat-send-btn:disabled{background:var(--border);cursor:not-allowed;box-shadow:none;opacity:.5}.chat-send-btn:not(:disabled):hover{transform:scale(1.08);box-shadow:0 4px 16px #f59e0b66}.chat-send-btn:not(:disabled):active{transform:scale(.95);box-shadow:0 1px 4px #f59e0b33}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);width:260px;height:100%;transition:background var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.sidebar-header{padding:1.125rem 1rem .75rem}.sidebar-content{flex:1;padding:.25rem .5rem;overflow-y:auto}.sidebar-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;padding:.875rem .75rem .5rem;font-size:.625rem;font-weight:700}.sidebar-item{border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);background:0 0;border:none;align-items:center;gap:.625rem;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;display:flex}.sidebar-item:hover{background:var(--border-subtle);color:var(--foreground)}.sidebar-item:active{transform:scale(.98)}.sidebar-item.active{background:var(--primary-subtle);color:var(--primary);font-weight:500}.sidebar-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:.5rem}.sidebar-user{border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border-subtle);transition:border-color var(--transition-base);align-items:center;gap:.625rem;margin-bottom:.375rem;padding:.625rem;display:flex}.sidebar-user:hover{border-color:var(--border)}.sidebar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary)0%,#e08c00 100%);color:#000;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 8px #f59e0b40}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.empty-state-icon{border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--primary)0%,#e08c00 100%);color:#000;width:56px;height:56px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;margin-bottom:1.375rem;animation:3s ease-in-out infinite float,2.5s ease-in-out infinite breatheGlow;display:flex}.empty-state-title{color:var(--foreground);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.empty-state-description{color:var(--text-muted);max-width:360px;font-size:.9375rem;line-height:1.5}.empty-state-suggestions{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:480px;margin-top:1.5rem;display:flex}.suggestion-chip{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);padding:.5rem 1rem;font-family:inherit;font-size:.8125rem}.suggestion-chip:hover{background:var(--primary-subtle);color:var(--primary);box-shadow:var(--shadow-sm);border-color:#f59e0b4d;transform:translateY(-2px)}.suggestion-chip:active{transform:translateY(0)scale(.97)}.loading-dots{align-items:center;gap:4px;padding:.5rem 0;display:flex}.loading-dots span{background:var(--primary);border-radius:var(--radius-full);width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.page-loader{background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:100vh;display:flex}.page-loader-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary)0%,#e08c00 100%);color:#000;justify-content:center;align-items:center;width:48px;height:48px;animation:2s ease-in-out infinite breatheGlow;display:flex}.page-loader-text{color:var(--text-secondary);font-size:.8125rem;animation:1.5s ease-in-out infinite pulse}.artifact-button{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;width:100%;color:var(--foreground);transition:all var(--transition-base);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;margin:.5rem 0;padding:.75rem 1rem;font-family:inherit;display:flex;position:relative;overflow:hidden}.artifact-button:before{content:"";background:linear-gradient(135deg,var(--primary-subtle)0%,transparent 100%);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.artifact-button:hover:before{opacity:1}.artifact-button:hover{box-shadow:var(--shadow-sm),0 0 0 1px #f59e0b1a;border-color:#f59e0b4d;transform:translateY(-1px)}.artifact-button:active{transform:translateY(0)scale(.99)}.artifact-button-content{z-index:1;flex:1;align-items:flex-start;gap:.75rem;min-width:0;display:flex;position:relative}.artifact-button-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.artifact-button-title{color:var(--foreground);font-size:.8125rem;font-weight:600}.artifact-button-subtitle{color:var(--text-muted);font-size:.75rem}.artifact-button-badge{background:linear-gradient(135deg,var(--primary)0%,#e08c00 100%);color:#000;border-radius:var(--radius-sm);letter-spacing:.06em;z-index:1;flex-shrink:0;padding:.25rem .5rem;font-size:.5625rem;font-weight:700;position:relative;box-shadow:0 2px 4px #f59e0b33}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:520px;max-height:80vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleIn;display:flex;overflow:hidden}