@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #02020a;--bg-card: #07070f;--bg-hover: #0c0c18;--bg-surface: #0f0f1e;--bg-input: #080812;--bg-modal: #06060e;--border: rgba(255,255,255,.055);--border-hover: rgba(255,255,255,.12);--border-focus: rgba(124,106,247,.55);--accent: #7c6af7;--accent-2: #a78bfa;--accent-3: #c4b5fd;--accent-dim: rgba(124,106,247,.09);--accent-glow: rgba(124,106,247,.18);--accent-glow-2: rgba(124,106,247,.06);--text-1: #eeedf8;--text-2: #6e6c88;--text-3: #32304a;--font: "Instrument Sans", sans-serif;--mono: "DM Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-card: 0 1px 4px rgba(0,0,0,.4);--shadow-lift: 0 20px 60px rgba(0,0,0,.65), 0 0 0 1px rgba(124,106,247,.08);--shadow-modal: 0 40px 100px rgba(0,0,0,.85);--nav-bg: rgba(2,2,10,.9);--cat-testing: #4ade80;--cat-docs: #818cf8;--cat-security: #f87171;--cat-onboard: #fb923c;--cat-refactor: #60a5fa}[data-theme=light]{--bg: #fafafa;--bg-card: #ffffff;--bg-hover: #f5f5f5;--bg-surface: #f0f0f0;--bg-input: #ffffff;--bg-modal: #ffffff;--border: rgba(0,0,0,.08);--border-hover: rgba(0,0,0,.16);--border-focus: rgba(124,106,247,.5);--accent: #7c6af7;--accent-2: #9b8bf9;--accent-3: #b8a9fb;--accent-dim: rgba(124,106,247,.1);--accent-glow: rgba(124,106,247,.2);--accent-glow-2: rgba(124,106,247,.06);--text-1: #0f0f0f;--text-2: #525252;--text-3: #a3a3a3;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lift: 0 20px 60px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.08);--shadow-modal: 0 40px 100px rgba(0,0,0,.2), 0 16px 32px rgba(0,0,0,.12);--nav-bg: rgba(250,250,250,.92);--cat-testing: #16a34a;--cat-docs: #6366f1;--cat-security: #dc2626;--cat-onboard: #ea580c;--cat-refactor: #2563eb}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-1);font-family:var(--font);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s ease,color .4s ease;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-2)}::selection{background:var(--accent-dim);color:var(--text-1)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes shimmer{0%{background-position:-700px 0}to{background-position:700px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderPulse{0%,to{opacity:.35}50%{opacity:.75}}.fade-up{animation:fadeUp .55s cubic-bezier(.16,1,.3,1) both}.fade-in{animation:fadeIn .25s ease both}.scale-in{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) both}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:700px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.02}.tab-btn{padding:8px 16px;border-radius:7px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);color:var(--text-2);transition:all .18s cubic-bezier(.16,1,.3,1);white-space:nowrap;letter-spacing:.1px}.tab-btn:hover{color:var(--text-1);background:var(--bg-surface)}.tab-btn.active{color:var(--text-1);background:var(--bg-surface);box-shadow:0 0 0 1px var(--border-hover)}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}