@layer reset,base,layout,components,motion;:root{--bg: #071014;--surface: #0b171c;--surface-hover: #102630;--fg: #eef8fa;--muted: #b7cdd4;--line: rgb(34 211 238 / 18%);--accent: #22d3ee;--accent-strong: #67e8f9;--accent-ink: #04222a;--shadow: 0 18px 44px rgb(0 0 0 / 35%);--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, rgb(34 211 238 / 18%));--accent: light-dark(#0b6f88, #22d3ee);--accent-strong: light-dark(#085568, #67e8f9);--accent-ink: light-dark(#fff, #04222a);--shadow: light-dark(0 12px 30px rgb(16 40 48 / 8%), 0 18px 44px rgb(0 0 0 / 35%))}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh}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);font-size:1.02rem;line-height:1.6;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;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);line-height:1.14;text-wrap:balance;color:var(--fg)}p{text-wrap:pretty}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sprite{position:absolute;inline-size:0;block-size:0}.icon{inline-size:1.15em;block-size:1.15em;flex:none;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}@layer layout{.skip-link{position:absolute;inset-inline-start:1rem;inset-block-start:1rem;z-index:100;padding:.5rem .85rem;border-radius:.5rem;background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;inset-block-start:0;z-index:50;inline-size:100%;max-inline-size:var(--max-wide);margin-inline:auto;backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg) 82%,transparent);border-block-end:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-block-size:var(--header-h);inline-size:100%;padding-inline:var(--space)}.site-brand{display:inline-flex;align-items:center;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--fg);min-inline-size:0}.site-brand:hover{color:var(--accent)}.site-header__actions{display:flex;align-items:center;gap:.65rem;margin-left:auto;flex:1;justify-content:flex-end;min-width:0}.site-nav{position:sticky;inset-block-start:var(--header-h);z-index:49;inline-size:100%;max-inline-size:var(--max-wide);margin-inline:auto;backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg) 82%,transparent);border-block-end:1px solid var(--line)}.site-nav__inner{display:flex;gap:.35rem;align-items:center;min-block-size:var(--nav-h);inline-size:100%;padding-inline:var(--space);overflow-x:auto;scrollbar-width:none}.site-nav__inner::-webkit-scrollbar{display:none}.site-nav a{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:var(--radius-pill);color:var(--muted);font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap}.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);margin-inline:auto;padding-inline:var(--space);padding-block:clamp(1.75rem,5vw,3rem) 2.5rem;min-height:60vh;flex:1}.site-footer{inline-size:100%;max-inline-size:var(--max-wide);margin-inline:auto;border-block-start:1px solid var(--line);margin-top:auto}.site-footer__inner{inline-size:100%;padding-inline:var(--space);padding-block:1.75rem 2.5rem;color:var(--muted);font-size:.88rem}.site-footer__inner p{margin:0}.site-footer .brand-name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--fg)}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}}@layer components{.site-search{display:flex;align-items:center;gap:.5rem;min-width:min(100%,11rem);max-width:18rem;flex:1;padding:.4rem .7rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted)}.site-search:focus-within{border-color:var(--accent);color:var(--fg)}.site-search__icon{flex-shrink:0;opacity:.8;fill:currentColor}.site-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:.95rem;outline:none}.site-search input::placeholder{color:var(--muted)}.site-search__kbd{flex-shrink:0;padding:.1rem .4rem;border:1px solid var(--line);border-radius:.35rem;font:inherit;font-size:.68rem;line-height:1.4;color:var(--muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-inline-size:2.5rem;min-block-size:2.5rem;padding:0;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle .icon{inline-size:1.1rem;block-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{margin:0 0 .75rem;color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-title{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0 0 .85rem;color:var(--fg)}.page-lede{color:var(--muted);margin:0 0 1.75rem;max-width:var(--max)}.feed-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.feed-heading .page-title{margin-bottom:0}.feed-heading+.page-lede{margin-top:0}.feed-filters{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.feed-filter{display:block;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.feed-filter select{display:block;margin-top:.35rem;min-width:11rem;padding:.55rem 2rem .55rem .75rem;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font:inherit;font-size:.95rem;font-weight:500;letter-spacing:normal;text-transform:none}.filter-status{color:var(--muted);margin:0 0 1rem}.entry-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.entry-list>li{display:flex}.entry-list>li[hidden]{display:none}.entry-card{display:flex;flex-direction:column;gap:.45rem;flex:1;padding:1.15rem 1.15rem 1.05rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.entry-card:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-2px);color:inherit}.entry-card:focus-visible{border-color:var(--accent);color:inherit}.entry-card__title{font-family:var(--font-display);font-size:1.12rem;font-weight:700;letter-spacing:-.015em;margin:0;color:var(--fg);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.entry-card__summary{margin:0;color:var(--muted);font-size:.92rem;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;font-size:.78rem;color:var(--muted)}.entry-meta time{font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:.2em .65em;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);text-decoration:none}.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:transparent}.badge--category{color:var(--muted)}a.badge--category:hover{color:var(--accent);border-color:var(--accent)}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:1rem 0 0;padding:0}.tag-list li{padding:.25rem .65rem;border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--muted);font-size:.73rem;font-weight:600}.cta-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.75rem}.cta-links a{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;padding:.65rem 1.2rem;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.94rem;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.cta-links a:hover{background:var(--accent-strong);color:var(--accent-ink)}.cta-links a.cta--secondary{background:transparent;color:var(--fg);border-color:var(--line)}.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);font-size:.9em;background:var(--surface);padding:.1em .35em;border-radius:.25rem}.prose pre{overflow-x:auto;padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.prose pre code{background:none;padding:0}.category-grid{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.category-grid a{display:block;padding:1.15rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--fg);font-weight:600;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.category-grid a:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-2px);color:var(--fg)}.category-grid__count{display:block;margin-top:.45rem;font-size:.84rem;font-weight:500;color:var(--muted)}.empty-state{color:var(--muted);padding:1.25rem;border:1px dashed var(--line);border-radius:var(--radius)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:2rem}.pagination__status{margin:0;color:var(--muted);font-size:.92rem}.pagination__btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:var(--radius-pill);padding:.5rem 1rem;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer}.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:fade-up .65s ease both;animation-timeline:view();animation-range:entry 0% cover 26%}@keyframes fade-up{0%{opacity:0;translate:0 .8rem}to{opacity:1;translate:0 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}}}@media(max-width:40rem){.site-header__inner{flex-wrap:wrap;padding-block:.65rem}.site-search{max-width:none}.site-search__kbd{display:none}.feed-heading{align-items:flex-start;flex-direction:column}.entry-list{grid-template-columns:1fr}}