:root{--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-tertiary:#1c1c1e;--bg-overlay:#121214b3;--text-primary:#fff;--text-secondary:#a0a0a5;--text-tertiary:#6e6e73;--accent-blue:#0a84ff;--accent-purple:#bf5af2;--accent-pink:#ff375f;--accent-green:#30d158;--accent-gradient:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));--error-bg:#ff453a1a;--error-text:#ff453a;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--border-color:#ffffff14;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-full:9999px;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 32px #0000004d;--shadow-lg:0 16px 48px #0006;--shadow-glow:0 0 20px #0a84ff4d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}a{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{filter:brightness(1.2)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:280px;padding:1.5rem 1rem;display:flex}.sidebar-header{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;padding:0 .5rem;font-size:1.25rem;font-weight:600}.nav-link{border-radius:var(--border-radius-md);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:500;display:flex}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 2px 8px #0003}.main-content{background:radial-gradient(circle at top right, #1c1c1e66, var(--bg-primary) 60%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);background:#1c1c1e80}.btn{border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #bf5af24d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #bf5af266}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff1a}.input-base{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-md);font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;width:100%;padding:.8rem 1rem;font-size:.95rem}.input-base:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #0a84ff33}.select-base{appearance:none;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-full);cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;outline:none;padding:.6rem 2.5rem .6rem 1rem;font-size:.9rem;font-weight:500}.select-base:focus{border-color:var(--accent-blue)}.state-container{text-align:center;width:100%;height:100%;animation:fadeIn var(--transition-normal);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.state-icon{color:var(--text-tertiary);margin-bottom:1rem}.state-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.state-description{color:var(--text-secondary);max-width:400px}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);border-radius:var(--border-radius-sm);background-size:200% 100%;animation:1.5s infinite skeletonLoading}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.w-full{width:100%}.chat-container{flex-direction:column;width:100%;max-width:900px;height:100%;margin:0 auto;display:flex}.chat-messages{flex-direction:column;flex:1;gap:1.5rem;padding:2rem 1rem;display:flex;overflow-y:auto}.message{max-width:85%;animation:slideUp var(--transition-fast);gap:1rem;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.message.assistant{align-self:flex-start}.message-avatar{border-radius:var(--border-radius-sm);background-color:var(--bg-tertiary);min-width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.message.user .message-avatar{background:var(--accent-gradient);color:#fff}.message-bubble{border-radius:var(--border-radius-lg);padding:1rem 1.2rem;font-size:.95rem;line-height:1.6}.message.user .message-bubble{background-color:var(--bg-tertiary);border-bottom-right-radius:4px}.message.assistant .message-bubble{background-color:#0000;padding-left:0}.thinking-block{color:var(--text-tertiary);border-left:2px solid var(--border-color);white-space:pre-wrap;margin-bottom:.5rem;padding-left:1rem;font-size:.85rem;font-style:italic}.chat-input-area{background:linear-gradient(to top, var(--bg-primary) 80%, transparent);margin-top:auto;padding:1.5rem 2rem}.chat-input-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-items:flex-end;padding:.5rem;display:flex;position:relative}.chat-input-wrapper:focus-within{border-color:var(--text-tertiary);box-shadow:0 0 0 4px #ffffff0d}.chat-textarea{color:var(--text-primary);font-family:var(--font-sans);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:44px;max-height:200px;padding:.5rem .5rem .5rem 1rem;font-size:.95rem}.app-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);z-index:5;background:#0a0a0bcc;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex}