@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;margin:0}svg{display:block}img{max-width:100%;height:auto}button,select,input{font:inherit;color:inherit}ol,ul{margin:0;padding:0}}@layer base{body{color:var(--muted);font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(circle, var(--dot) 1px, transparent 1.5px), radial-gradient(ellipse 80% 50% at 15% -5%, var(--accent-soft), transparent 60%);background-size:22px 22px,100% 100%;background-attachment:fixed;flex-direction:column;font-size:1.02rem;line-height:1.6;display:flex}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;color:var(--fg);line-height:1.14}p{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.sprite{block-size:0;inline-size:0;position:absolute}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:1.15em;inline-size:1.15em}}@layer layout{.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:.5rem;padding:.5rem .85rem;font-weight:700;text-decoration:none;position:absolute;inset-block-start:1rem;inset-inline-start:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;inline-size:100%;max-inline-size:var(--max-wide);backdrop-filter:blur(12px);background:color-mix(in oklab, var(--bg) 82%, transparent);border-block-end:1px solid var(--line);margin-inline:auto;position:sticky;inset-block-start:0}.site-header__inner{min-block-size:var(--header-h);inline-size:100%;padding-inline:var(--space);justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);align-items:center;min-inline-size:0;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.site-brand:hover{color:var(--accent)}.site-header__actions{flex:1;justify-content:flex-end;align-items:center;gap:.65rem;min-width:0;margin-left:auto;display:flex}.site-nav{z-index:49;inline-size:100%;max-inline-size:var(--max-wide);backdrop-filter:blur(12px);background:color-mix(in oklab, var(--bg) 82%, transparent);border-block-end:1px solid var(--line);margin-inline:auto;position:sticky;inset-block-start:var(--header-h)}.site-nav__inner{min-block-size:var(--nav-h);inline-size:100%;padding-inline:var(--space);scrollbar-width:none;align-items:center;gap:.35rem;display:flex;overflow-x:auto}.site-nav__inner::-webkit-scrollbar{display:none}.site-nav a{border-radius:var(--radius-pill);color:var(--muted);white-space:nowrap;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.site-nav a[aria-current=page]{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 35%, transparent)}.site-main{inline-size:100%;max-inline-size:var(--max-wide);padding-inline:var(--space);flex:1;min-height:60vh;margin-inline:auto;padding-block:clamp(1.75rem,5vw,3rem) 2.5rem}.site-footer{inline-size:100%;max-inline-size:var(--max-wide);border-block-start:1px solid var(--line);margin-inline:auto;margin-top:auto}.site-footer__inner{inline-size:100%;padding-inline:var(--space);color:var(--muted);padding-block:1.75rem 2.5rem;font-size:.88rem}.site-footer__inner p{margin:0}.site-footer .brand-name{font-family:var(--font-display);color:var(--fg);font-size:.95rem;font-weight:700}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}}@layer components{.site-search{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);min-width:min(100%,11rem);max-width:18rem;color:var(--muted);flex:1;align-items:center;gap:.5rem;padding:.4rem .7rem;display:flex}.site-search:focus-within{border-color:var(--accent);color:var(--fg)}.site-search__icon{opacity:.8;fill:currentColor;flex-shrink:0}.site-search input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:.95rem}.site-search input::placeholder{color:var(--muted)}.site-search__kbd{border:1px solid var(--line);font:inherit;color:var(--muted);border-radius:.35rem;flex-shrink:0;padding:.1rem .4rem;font-size:.68rem;line-height:1.4}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius-pill);min-block-size:2.5rem;min-inline-size:2.5rem;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle .icon{block-size:1.1rem;inline-size:1.1rem}.theme-icon{display:none}:root:not([data-theme]) .theme-icon-auto,:root[data-theme=light] .theme-icon-light,:root[data-theme=dark] .theme-icon-dark{display:block}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.74rem;font-weight:700}.page-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);margin:0 0 .85rem;font-size:clamp(1.85rem,4vw,2.6rem);font-weight:800;line-height:1.12}.page-lede{color:var(--muted);max-width:var(--max);margin:0 0 1.75rem}.feed-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.feed-heading .page-title{margin-bottom:0}.feed-heading+.page-lede{margin-top:0}.feed-filters{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.feed-filter{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}.feed-filter select{min-width:11rem;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font:inherit;letter-spacing:normal;text-transform:none;margin-top:.35rem;padding:.55rem 2rem .55rem .75rem;font-size:.95rem;font-weight:500;display:block}.filter-status{color:var(--muted);margin:0 0 1rem}.entry-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.entry-list>li{display:flex}.entry-list>li[hidden]{display:none}.entry-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);flex-direction:column;flex:1;gap:.45rem;padding:1.15rem 1.15rem 1.05rem;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:flex}.entry-card:hover{background:var(--surface-hover);border-color:var(--accent);color:inherit;transform:translateY(-2px)}.entry-card:focus-visible{border-color:var(--accent);color:inherit}.entry-card__title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1.12rem;font-weight:700;display:-webkit-box;overflow:hidden}.entry-card__summary{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.92rem;display:-webkit-box;overflow:hidden}.entry-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem .65rem;font-size:.78rem;display:flex}.entry-meta time{font-variant-numeric:tabular-nums}.badge{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:.2em .65em;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-block}.badge--walkthrough{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in oklab, var(--accent) 35%, var(--line))}.badge--article{color:var(--muted);background:0 0}.badge--category{color:var(--muted)}a.badge--category:hover{color:var(--accent);border-color:var(--accent)}.tag-list{flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tag-list li{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--muted);padding:.25rem .65rem;font-size:.73rem;font-weight:600}.cta-links{flex-wrap:wrap;gap:.7rem;margin-top:1.75rem;display:flex}.cta-links a{border-radius:var(--radius-pill);background:var(--accent);min-block-size:2.75rem;color:var(--accent-ink);border:1px solid #0000;justify-content:center;align-items:center;padding:.65rem 1.2rem;font-size:.94rem;font-weight:700;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.cta-links a:hover{background:var(--accent-strong);color:var(--accent-ink)}.cta-links a.cta--secondary{color:var(--fg);border-color:var(--line);background:0 0}.cta-links a.cta--secondary:hover{border-color:var(--accent);color:var(--accent)}.prose{max-width:var(--max);color:var(--muted)}.prose>:first-child{margin-top:0}.prose h2,.prose h3{font-family:var(--font-display);margin-top:var(--space-6);color:var(--fg)}.prose a{color:var(--accent)}.prose code{font-family:var(--font-mono);background:var(--surface);border-radius:.25rem;padding:.1em .35em;font-size:.9em}.prose pre{padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.prose pre code{background:0 0;padding:0}.category-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.category-grid a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);padding:1.15rem;font-weight:600;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:block}.category-grid a:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--fg);transform:translateY(-2px)}.category-grid__count{color:var(--muted);margin-top:.45rem;font-size:.84rem;font-weight:500;display:block}.empty-state{color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:1.25rem}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.pagination__status{color:var(--muted);margin:0;font-size:.92rem}.pagination__btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:var(--radius-pill);font:inherit;cursor:pointer;padding:.5rem 1rem;font-size:.92rem;font-weight:600}.pagination__btn:hover:not(:disabled),.pagination__btn:focus-visible:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination__btn:disabled{opacity:.45;cursor:not-allowed}}@layer motion{@media (prefers-reduced-motion:no-preference){.entry-card,.category-grid a{animation:.65s both fade-up view();animation-range:entry cover 26%}@keyframes fade-up{0%{opacity:0;translate:0 .8rem}to{opacity:1;translate:0}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry-card,.category-grid a,.cta-links a,.theme-toggle{transition:none}.entry-card:hover,.category-grid a:hover{transform:none}}}:root{--bg:#071014;--surface:#0b171c;--surface-hover:#102630;--fg:#eef8fa;--muted:#b7cdd4;--line:#22d3ee2e;--accent:#22d3ee;--accent-strong:#67e8f9;--accent-ink:#04222a;--shadow:0 18px 44px #00000059;--accent-soft:color-mix(in oklab, var(--accent) 12%, transparent);--dot:color-mix(in oklab, var(--accent) 8%, transparent);--radius:1rem;--radius-pill:999px;--font-display:"Outfit", "Segoe UI", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--space:clamp(1.15rem, 3vw, 2rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--max:42rem;--max-wide:68rem;--header-h:3.75rem;--nav-h:2.75rem;color-scheme:light dark}@supports (color:light-dark(#000, #fff)){:root{--bg:light-dark(#eef4f6,#071014);--surface:light-dark(#fff,#0b171c);--surface-hover:light-dark(#f7fbfc,#102630);--fg:light-dark(#102830,#eef8fa);--muted:light-dark(#3a5560,#b7cdd4);--line:light-dark(#c5d4d8,#22d3ee2e);--accent:light-dark(#0b6f88,#22d3ee);--accent-strong:light-dark(#085568,#67e8f9);--accent-ink:light-dark(#fff,#04222a);--shadow:light-dark(0 12px 30px #10283014,0 18px 44px #00000059)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media (width<=40rem){.site-header__inner{flex-wrap:wrap;padding-block:.65rem}.site-search{max-width:none}.site-search__kbd{display:none}.feed-heading{flex-direction:column;align-items:flex-start}.entry-list{grid-template-columns:1fr}}