:root{--bg-primary:#09090b;--bg-secondary:#121215;--bg-card:#18181b;--bg-card-hover:#202024;--border-subtle:#27272a;--border-hover:#3f3f46;--border-focus:#fafafa;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#94a3b8;--text-inverse:#09090b;--accent-teal:#0d9488;--accent-teal-light:#2dd4bf;--accent-teal-subtle:#0f766e26;--accent-emerald:#10b981;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--max-width:1100px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3.5rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}html.light{--bg-primary:#fafafa;--bg-secondary:#f4f4f5;--bg-card:#fff;--bg-card-hover:#f4f4f5;--border-subtle:#e4e4e7;--border-hover:#d4d4d8;--border-focus:#09090b;--text-primary:#09090b;--text-secondary:#3f3f46;--text-muted:#475569;--text-inverse:#fff;--accent-teal:#0d6b63;--accent-teal-light:#0f766e;--accent-teal-subtle:#0d6b6314}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);z-index:9999;transition:top var(--transition-fast);padding:.5rem 1rem;position:absolute;top:-100px;left:1rem}.skip-link:focus-visible{top:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.25}p{color:var(--text-secondary)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}img,svg{max-width:100%;display:block}code,pre,kbd{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.container{width:100%;max-width:var(--max-width);padding-left:var(--space-md);padding-right:var(--space-md);margin-left:auto;margin-right:auto}.container-narrow{width:100%;max-width:840px;margin-left:auto;margin-right:auto}.section{padding-top:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle)}.section-header{margin-bottom:var(--space-lg)}.section-prefix{color:var(--accent-teal-light);font-size:.85rem;font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.section-title{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.75rem;font-weight:600;display:flex}.section-subtitle{color:var(--text-secondary);font-size:.95rem}.card-minimal{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);height:100%;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;display:flex}.card-minimal:hover{border-color:var(--border-hover);background-color:var(--bg-card-hover)}.card-clickable{cursor:pointer;color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.card-clickable:hover{border-color:var(--accent-teal-light);background-color:var(--bg-card-hover)}.card-body{flex-direction:column;flex:auto;justify-content:flex-start;display:flex}.card-footer{border-top:1px solid var(--border-subtle);font-size:.8rem;font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.875rem;display:flex}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:var(--text-inverse);border:1px solid var(--text-primary)}.btn-primary:hover{opacity:.9}.btn-accent{background-color:var(--accent-teal);color:#fff;border:1px solid var(--accent-teal)}.btn-accent:hover{opacity:.9}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background-color:#0000}.btn-secondary:hover{border-color:var(--border-hover);background-color:var(--bg-card)}.badge{font-family:var(--font-mono);border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-teal{background-color:var(--accent-teal-subtle);color:var(--accent-teal-light);border:1px solid #14b8a640}.badge-active{background-color:var(--accent-teal)!important;color:#fff!important;border-color:var(--accent-teal)!important}.badge-muted{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);background-color:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:.15rem .4rem}.status-badge{background-color:var(--accent-teal-subtle);color:var(--accent-teal-light);border:1px solid #14b8a640;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}.status-dot{background-color:var(--accent-teal-light);width:7px;height:7px;box-shadow:0 0 8px var(--accent-teal-light);border-radius:50%}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.desktop-nav{display:none!important}.mobile-toggle{display:inline-flex!important}.section{padding-top:2.5rem;padding-bottom:2.5rem}.section-title{font-size:1.4rem}}