:root{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #18181b;--bg-hover: #1f1f23;--bg-active: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border: #27272a;--border-hover: #3f3f46;--accent: #f97316;--accent-hover: #fb923c;--accent-muted: rgba(249, 115, 22, .15);--upvote: #22c55e;--downvote: #ef4444;--success: #22c55e;--warning: #eab308;--error: #ef4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-base: .2s ease;--sidebar-width: 240px;--content-max-width: 720px}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f4f4f5;--bg-tertiary: #e4e4e7;--bg-hover: #d4d4d8;--bg-active: #a1a1aa;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--border: #e4e4e7;--border-hover: #d4d4d8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:inherit;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.container{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-md)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border);margin-bottom:var(--space-lg)}.tab{padding:var(--space-sm) var(--space-md);color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary)}.badge-accent{background:var(--accent-muted);color:var(--accent)}.vote-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.vote-btn:hover{background:var(--bg-hover)}.vote-btn.upvoted{color:var(--upvote);background:#22c55e26}.vote-btn.downvoted{color:var(--downvote);background:#ef444426}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-muted)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:.875rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar.svelte-12qhfyh{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;padding:var(--space-lg)}.logo.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-xl)}.logo-icon.svelte-12qhfyh{width:32px;height:32px;border-radius:var(--radius-sm)}.nav.svelte-12qhfyh{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.nav-item.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.nav-item.svelte-12qhfyh:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-icon.svelte-12qhfyh{font-size:1.125rem}.sidebar-footer.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--border)}.status.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--text-muted)}.status-dot.svelte-12qhfyh{width:8px;height:8px;border-radius:50%;background:var(--error)}.status.connected.svelte-12qhfyh .status-dot:where(.svelte-12qhfyh){background:var(--success)}.theme-toggle.svelte-12qhfyh{padding:var(--space-sm);border-radius:var(--radius-md);font-size:1rem;transition:background var(--transition-fast)}.theme-toggle.svelte-12qhfyh:hover{background:var(--bg-hover)}.main.svelte-12qhfyh{flex:1;margin-left:var(--sidebar-width);padding:var(--space-xl)}.api-key-form.svelte-12qhfyh{max-width:400px;margin:var(--space-2xl) auto;text-align:center}.api-key-form.svelte-12qhfyh h2:where(.svelte-12qhfyh){margin-bottom:var(--space-sm)}.api-key-form.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--text-muted);margin-bottom:var(--space-lg)}.api-key-form.svelte-12qhfyh form:where(.svelte-12qhfyh){display:flex;flex-direction:column;gap:var(--space-md)}.api-key-form.svelte-12qhfyh input:where(.svelte-12qhfyh){width:100%}