:root{--color-bg-primary:#0a0e1a;--color-bg-secondary:#111827;--color-bg-tertiary:#1a2332;--color-border:rgba(255, 255, 255, 0.06);--color-border-hover:rgba(0, 212, 255, 0.2);--color-accent:#00d4ff;--color-accent-dim:rgba(0, 212, 255, 0.15);--color-accent-glow:rgba(0, 212, 255, 0.08);--color-text-primary:#e8edf5;--color-text-secondary:#94a3b8;--color-text-tertiary:#718096;--color-text-link:#00d4ff;--color-text-link-hover:#33ddff;--color-cat-context:#00d4ff;--color-cat-spec:#a78bfa;--color-cat-harness:#34d399;--color-cat-agentic:#f472b6;--color-cat-quantum:#fbbf24;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.6;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--max-width:72rem;--border-radius-sm:0.375rem;--border-radius-md:0.75rem;--border-radius-lg:1rem;--border-radius-pill:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms cubic-bezier(0.4, 0, 0.2, 1);--shadow-card:0 1px 3px rgba(0, 0, 0, 0.3),0 1px 2px rgba(0, 0, 0, 0.2);--shadow-card-hover:0 10px 25px rgba(0, 0, 0, 0.4),0 4px 10px rgba(0, 212, 255, 0.05);--shadow-glow:0 0 20px rgba(0, 212, 255, 0.1)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);background-image:radial-gradient(ellipse at 20% 0,rgba(0,212,255,.03) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(167,139,250,.02) 0,transparent 50%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--border-radius-sm)}:focus:not(:focus-visible){outline:0}.skip-link{position:absolute;top:-100%;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-bg-primary);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-sm);z-index:1000;transition:top var(--transition-fast);text-decoration:none}.skip-link:focus{top:var(--space-md)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}@media (max-width:768px){.container{padding:0 var(--space-md)}.brand{max-width:70%}.header-right{max-width:30%}}.site-header{position:sticky;top:0;z-index:100;background:rgba(10,14,26,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text-primary)}.brand-icon{width:2rem;height:2rem;color:var(--color-accent);flex-shrink:0}.brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.build-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.build-info a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.build-info a:hover{color:var(--color-accent)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0}.filter-tab{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius-pill);background:0 0;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);user-select:none}.filter-tab:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-accent-glow)}.filter-tab.active,.filter-tab[aria-selected=true]{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-glow)}.filter-count{margin-left:var(--space-xs);font-size:var(--font-size-xs);opacity:.75}.filters-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-top:var(--space-xl);margin-bottom:var(--space-xl);width:100%}.filters-row .group-by-col{grid-column:1/-1;background:0 0;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:var(--space-md) 0 0 0}.filters-row .group-by-col h3{border-bottom:none;padding-bottom:0;margin-bottom:var(--space-sm)}.sidebar-close{display:none}.filter-fab{display:none}.sidebar-overlay{display:none}@media (max-width:1199px){.header-inner{align-items:center}.brand{max-width:70%}.header-right{max-width:30%;display:flex;align-items:center;justify-content:flex-end}.build-info.desktop-only{display:none!important}.build-info.mobile-only{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);width:100%;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:11px;line-height:1.4;color:var(--color-text-secondary)}.filters-row{position:fixed;top:0;right:-360px;width:360px;max-width:85vw;height:100vh;z-index:1000;overflow-y:auto;background:rgba(10,14,26,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--color-border-hover);box-shadow:-10px 0 30px rgba(0,0,0,.5);margin:0;padding:var(--space-xl) var(--space-lg) var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);transition:transform var(--transition-slow);transform:translateX(0)}.filters-row.open{transform:translateX(-360px)}.filters-row .filter-col{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);width:100%;box-shadow:none}.filters-row .group-by-col{grid-column:unset;padding:var(--space-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-md)}.filters-row .group-by-col h3{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-xs);margin-bottom:var(--space-sm)}.sidebar-close{display:flex;align-items:center;justify-content:center;position:absolute;top:var(--space-sm);right:var(--space-sm);width:48px;height:48px;background:0 0;border:none;color:var(--color-text-secondary);font-size:2.25rem;line-height:1;cursor:pointer;z-index:1010;transition:color var(--transition-fast)}.sidebar-close:focus-visible,.sidebar-close:hover{color:var(--color-accent)}.filter-fab{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;top:auto;right:auto;z-index:999;margin:0;padding:0 .875rem;width:auto;max-width:none;height:34px;background:linear-gradient(135deg,rgba(0,212,255,.85),rgba(0,170,255,.85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-bg-primary);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-pill);box-shadow:0 4px 15px rgba(0,212,255,.35);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.filter-fab:focus-visible,.filter-fab:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(0,229,255,.95),rgba(0,187,255,.95));box-shadow:0 6px 20px rgba(0,212,255,.5)}.filter-fab:active{transform:translateY(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(5,7,15,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:990;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sidebar-overlay.open{opacity:1;pointer-events:auto}}.filter-col{display:flex;flex-direction:column;background:rgba(255,255,255,.02);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:0 4px 30px rgba(0,0,0,.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.filter-col h3{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--space-xs)}.group-filters-container{display:flex;align-items:center;gap:var(--space-md);padding:0}.group-tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.group-tab{background:0 0;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.group-tab:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.group-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:var(--font-weight-medium)}.group-heading{grid-column:1/-1;font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-bold);padding:var(--space-md) 0 var(--space-xs);border-bottom:1px solid rgba(255,255,255,.1);margin-top:var(--space-md)}.source-toggles{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.source-filters-header{display:flex;align-items:center;justify-content:space-between;width:100%}.source-actions{display:flex;gap:var(--space-sm)}.source-action-btn{background:0 0;border:1px dashed var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.source-action-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);background:rgba(255,255,255,.03)}.source-filters-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.source-toggles{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.source-toggle{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:0 0;color:var(--color-text-tertiary);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);opacity:.65}.source-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-accent-glow)}.source-toggle.active{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-glow);opacity:1}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:var(--space-lg);padding:var(--space-md) 0 var(--space-3xl)}.article-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);will-change:transform,box-shadow}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--color-border-hover)}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.article-footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:auto;padding-top:var(--space-sm)}.article-source{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.article-meta-sep{width:3px;height:3px;border-radius:50%;background:var(--color-text-tertiary);flex-shrink:0}.category-badge{display:inline-flex;align-items:center;padding:.125rem var(--space-sm);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:.02em;text-transform:capitalize}.category-badge[data-category=context-engineering]{background:rgba(0,212,255,.1);color:var(--color-cat-context)}.category-badge[data-category=spec-driven-dev]{background:rgba(167,139,250,.1);color:var(--color-cat-spec)}.category-badge[data-category=harness-engineering]{background:rgba(52,211,153,.1);color:var(--color-cat-harness)}.category-badge[data-category=agentic-engineering]{background:rgba(244,114,182,.1);color:var(--color-cat-agentic)}.category-badge[data-category=quantum-computing]{background:rgba(251,191,36,.1);color:var(--color-cat-quantum)}.article-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.01em}.article-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.article-title a:hover{color:var(--color-text-link)}.article-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);flex-grow:1}.empty-state{grid-column:1/-1;text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-text-tertiary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state-text{font-size:var(--font-size-lg)}.ad-slot{border:1px dashed var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.ad-hidden{display:none}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-xl) 0;text-align:center}.footer-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer-link{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text-link-hover)}.skeleton-card{padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.skeleton-line{height:.875rem;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,rgba(255,255,255,.05) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--border-radius-sm);animation:skeleton-shimmer 1.5s ease-in-out infinite;margin-bottom:var(--space-sm)}.skeleton-line:last-child{width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.ad-slot,.filter-bar,.site-footer,.site-header{display:none}body{background:#fff;color:#000}.article-card{break-inside:avoid;border:1px solid #ccc;box-shadow:none}.article-title a{color:#000}.article-title a::after{content:" (" attr(href) ")";font-size:.75rem;color:#666}}