:root,[data-theme=dark]{--color-bg-primary:#0a0c10;--color-bg-surface:#12161f;--color-bg-glass:#12161fbf;--color-border-glass:#ffffff14;--color-accent-primary:#6366f1;--color-accent-hover:#4f46e5;--color-accent-cyan:#06b6d4;--color-accent-green:#10b981;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-on-accent:#fff;--color-bg-code:#0e1217;--color-text-code:#f8fafc;--color-border-code:#ffffff1a;--color-bg-inline-code:#6366f126}[data-theme=light]{--color-bg-primary:#f8fafc;--color-bg-surface:#fff;--color-bg-glass:#ffffffd9;--color-border-glass:#00000014;--color-accent-primary:#4f46e5;--color-accent-hover:#4338ca;--color-accent-cyan:#0284c7;--color-accent-green:#059669;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-text-on-accent:#fff;--color-bg-code:#f1f5f9;--color-text-code:#0f172a;--color-border-code:#0000001a;--color-bg-inline-code:#4f46e51a}:root{--font-family-base:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:clamp(1.75rem, 4vw, 2.5rem);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--backdrop-blur:blur(12px);--shadow-glass:0 8px 32px 0 #00000026;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;line-height:1.6;display:flex}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.main-content{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);flex:1}.grid-2{gap:var(--spacing-xl);grid-template-columns:repeat(1,1fr);display:grid}.grid-3{gap:var(--spacing-lg);grid-template-columns:repeat(1,1fr);display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-weight:700}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.header{z-index:100;background:var(--color-bg-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--color-border-glass);padding:var(--spacing-sm) 0;position:sticky;top:0}.header-nav{justify-content:space-between;align-items:center;display:flex}.logo{font-size:var(--font-size-xl);color:var(--color-text-primary);align-items:center;gap:var(--spacing-sm);min-height:44px;font-weight:800;text-decoration:none;display:flex}.logo-img-light{display:none}.logo-img-dark,[data-theme=light] .logo-img-light{display:block}[data-theme=light] .logo-img-dark{display:none}.desktop-nav{align-items:center;gap:var(--spacing-md);display:flex}.nav-links{gap:var(--spacing-md);list-style:none;display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-md);min-height:44px;transition:color var(--transition-fast), background-color var(--transition-fast);align-items:center;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--color-accent-cyan);background-color:var(--color-border-glass)}.theme-toggle-btn{border-radius:var(--radius-md);background:var(--color-bg-surface);border:1px solid var(--color-border-glass);min-width:44px;min-height:44px;color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;padding:.5rem .85rem;display:inline-flex}.mobile-nav-controls{align-items:center;gap:var(--spacing-sm);display:none}.mobile-menu-btn{background:var(--color-bg-surface);border:1px solid var(--color-border-glass);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:.5rem;display:flex}.hamburger-bar{background-color:var(--color-text-primary);width:22px;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);border-radius:2px}.mobile-drawer{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-glass);padding:var(--spacing-md) var(--spacing-lg);display:none}.mobile-drawer.open{display:block}.mobile-nav-links{gap:var(--spacing-xs);flex-direction:column;list-style:none;display:flex}.mobile-nav-link{min-height:44px;padding:.75rem var(--spacing-md);color:var(--color-text-primary);border-radius:var(--radius-md);align-items:center;font-weight:600;text-decoration:none;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--color-border-glass);color:var(--color-accent-cyan)}@media (width<=768px){.desktop-nav{display:none}.mobile-nav-controls{display:flex}}.hero{padding:var(--spacing-2xl) 0;text-align:center}.hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);background:linear-gradient(135deg, var(--color-text-primary), var(--color-accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900;line-height:1.25}.hero-tagline{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--spacing-xl)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:transform var(--transition-normal), border-color var(--transition-normal)}.card:hover{border-color:var(--color-accent-primary);transform:translateY(-4px)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);min-height:44px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-accent-primary);color:var(--color-text-on-accent)}.btn-primary:hover{background-color:var(--color-accent-hover)}.badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accent-cyan);background:#6366f126;border:1px solid #06b6d44d;font-weight:600;display:inline-block}.footer{background:var(--color-bg-surface);border-top:1px solid var(--color-border-glass);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:auto}.footer-grid{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1.5fr repeat(3,1fr);display:grid}@media (width<=900px){.footer-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}}@media (width<=540px){.footer-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}.footer-brand-col{flex-direction:column;align-items:flex-start;display:flex}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);max-width:280px;line-height:1.5}.footer-brand-pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accent-primary);background:#6366f114;border:1px solid #6366f133;align-items:center;gap:.5rem;padding:.35rem .75rem;font-weight:500;display:inline-flex}.footer-pill-dot{background-color:var(--color-accent-green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b98199}.footer-col{flex-direction:column;display:flex}.footer-col-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:700}.footer-links-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.35rem;min-height:auto;padding:3px 0;font-weight:450;text-decoration:none;display:inline-flex}.footer-link:hover{color:var(--color-accent-primary);transform:translate(3px)}.footer-external-link{align-items:center}.external-icon{opacity:.6;transition:opacity var(--transition-fast), transform var(--transition-fast)}.footer-external-link:hover .external-icon{opacity:1;transform:translate(1px,-1px)}.footer-bottom{border-top:1px solid var(--color-border-glass);padding-top:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-copyright,.footer-bottom-badge{font-size:var(--font-size-xs);color:var(--color-text-muted)}.article-body{color:var(--color-text-primary);line-height:1.7}.article-body p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg)}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:var(--color-text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-weight:800}.article-body ul,.article-body ol{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.article-body li{margin-bottom:var(--spacing-xs)}.article-body blockquote{border-left:4px solid var(--color-accent-primary);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--color-text-secondary);font-style:italic}.code-block{background-color:var(--color-bg-code);color:var(--color-text-code);border:1px solid var(--color-border-code);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-sm);margin:var(--spacing-lg) 0;overflow-x:auto}.code-block code{color:var(--color-text-code);background:0 0;padding:0}.article-body code:not(pre code){background-color:var(--color-bg-inline-code);color:var(--color-accent-cyan);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-sm);padding:.2rem .4rem}.reading-progress-bar{background:linear-gradient(90deg, var(--color-accent-primary), var(--color-accent-cyan));z-index:1000;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.filter-pills{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;align-items:center;display:flex}.filter-pill{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-glass);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);padding:.5rem 1rem;font-weight:600;display:inline-flex}.filter-pill:hover{color:var(--color-text-primary);border-color:var(--color-accent-primary)}.filter-pill.active{background:var(--color-accent-primary);color:var(--color-text-on-accent);border-color:var(--color-accent-primary)}.search-wrapper{max-width:600px;margin:0 auto var(--spacing-xl);position:relative}.search-input{width:100%;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-glass);border-radius:var(--radius-full);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1.25rem .75rem 2.75rem;font-family:inherit}.search-input:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px var(--color-bg-inline-code)}.search-icon{color:var(--color-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.card-metric-badge{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--color-bg-inline-code);color:var(--color-accent-cyan);border:1px solid var(--color-border-glass);letter-spacing:.02em;padding:.2rem .6rem;font-weight:700;display:inline-flex}.article-callout{background:var(--color-bg-surface);border:1px solid var(--color-border-glass);border-left:4px solid var(--color-accent-cyan);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-xl) 0}.article-callout-title{font-size:var(--font-size-base);color:var(--color-accent-cyan);margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);font-weight:700;display:flex}.article-callout p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:0}.code-block-wrapper{margin:var(--spacing-lg) 0;position:relative}.code-block-wrapper .code-block{margin:0}.code-copy-btn{top:var(--spacing-sm);right:var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-bg-glass);color:var(--color-text-secondary);border:1px solid var(--color-border-glass);border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);z-index:2;align-items:center;gap:.35rem;padding:.35rem .75rem;font-weight:600;display:inline-flex;position:absolute}.code-copy-btn:hover{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-accent-cyan)}.code-copy-btn.copied{color:var(--color-accent-green);border-color:var(--color-accent-green)}.table-container{margin:var(--spacing-lg) 0;border:1px solid var(--color-border-glass);border-radius:var(--radius-md);overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;margin:var(--spacing-lg) 0;border:1px solid var(--color-border-glass);border-radius:var(--radius-md);display:table;overflow:hidden}.article-body th,.article-body td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-glass);border-right:1px solid var(--color-border-glass)}.article-body th{background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:700;font-size:var(--font-size-sm)}.article-body td{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.article-body tr:last-child td{border-bottom:none}.article-body th:last-child,.article-body td:last-child{border-right:none}.article-body tr:hover td{background:var(--color-border-glass)}.breadcrumbs{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.breadcrumbs a{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.breadcrumbs a:hover{color:var(--color-accent-cyan)}.breadcrumbs-separator{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.post-count-badge{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);display:block}.insights-header-link{font-size:var(--font-size-base);color:var(--color-accent-cyan);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:var(--spacing-xs);font-weight:600;text-decoration:none;display:inline-flex}.insights-header-link:hover{transform:translate(4px)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-weight:600;display:block}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border-glass);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base)}.form-input:focus,.form-textarea:focus{outline:2px solid var(--color-accent-primary);border-color:#0000}.alert-success{color:#4ade80;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#22c55e26;border:1px solid #22c55e66}.alert-error{color:#f87171;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#ef444426;border:1px solid #ef444466}