@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";
:root{--font-serif:"Instrument Serif",Georgia,serif;--font-sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono","SF Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:56px;--content-max-width:1400px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-full:9999px}:root,[data-theme=dark]{--bg-void:#0a0a0b;--bg-surface:#111113;--bg-elevated:#18181b;--bg-overlay:#27272a;--border-subtle:#27272a;--border-default:#3f3f46;--border-focus:#06b6d4;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-inverse:#09090b;--accent-cyan:#06b6d4;--accent-cyan-dim:#0891b2;--accent-cyan-glow:#06b6d426;--accent-cyan-strong:#06b6d440;--status-success:#10b981;--status-success-bg:#10b9811a;--status-warning:#f59e0b;--status-warning-bg:#f59e0b1a;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-info:#3b82f6;--status-info-bg:#3b82f61a;--pulse-glow:#06b6d466;--skeleton-base:#1f1f23;--skeleton-shine:#27272a}[data-theme=light]{--bg-void:#fafafa;--bg-surface:#fff;--bg-elevated:#f4f4f5;--bg-overlay:#fff;--border-subtle:#e4e4e7;--border-default:#d4d4d8;--border-focus:#0891b2;--text-primary:#09090b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--text-inverse:#fafafa;--accent-cyan:#0891b2;--accent-cyan-dim:#0e7490;--accent-cyan-glow:#0891b21a;--accent-cyan-strong:#0891b226;--status-success:#059669;--status-success-bg:#0596691a;--status-warning:#d97706;--status-warning-bg:#d977061a;--status-error:#dc2626;--status-error-bg:#dc26261a;--status-info:#2563eb;--status-info-bg:#2563eb1a;--pulse-glow:#0891b24d;--skeleton-base:#e4e4e7;--skeleton-shine:#f4f4f5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-void);min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-primary);font-weight:400;line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-cyan-dim)}code,pre,kbd,samp{font-family:var(--font-mono)}code{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:.125em .375em;font-size:.9em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-mono{font-family:var(--font-mono)}.text-serif{font-family:var(--font-serif)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-default)var(--bg-surface)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:var(--accent-cyan-strong);color:var(--text-primary)}
