:root{--indigo-deep:#2c2b6b;--indigo:#5b63c7;--ground:#0c0c12;--ground-raised:#16161f;--ground-sunken:#08080c;--ink:#23224a;--gold:#f2b84b;--halo:#fbe7b8;--paper:#f7f5ee;--white:#fff;--ink-2:#55547a;--ink-3:#84839e;--paper-2:#efebdf;--paper-3:#e6e1d2;--line:#e3dfd2;--line-strong:#cfcaba;--night:#16152e;--indigo-soft:#9aa0ea;--indigo-tint:#eeeffa;--gold-tint:#fdf3dc;--status-live:#3e9c6b;--status-building:#f2b84b;--status-idea:#5b63c7;--status-paused:#84839e;--yapp-peach:#e8b79a;--yapp-ring:#93a9c5;--yapp-paper:#f1ece1;--wswatch-coral:#ee8079;--wswatch-lilac:#b8a6e6;--wswatch-lagoon:#6ecbbe;--wswatch-night:#1b1d22;--spark-night:#09090b;--spark-rose:#e03c7a;--bg:var(--paper);--bg-raised:var(--white);--bg-sunken:var(--paper-2);--bg-inverse:var(--ink);--text:var(--ink);--text-2:var(--ink-2);--text-3:var(--ink-3);--text-inverse:var(--paper);--accent:var(--indigo);--accent-strong:var(--indigo-deep);--accent-text:var(--indigo);--accent-tint:var(--indigo-tint);--accent-fg:var(--white);--sun:var(--gold);--sun-tint:var(--gold-tint);--border:var(--line);--border-strong:var(--line-strong);--link:var(--indigo);--link-hover:var(--indigo-deep);--wordmark-apps:var(--indigo);--ridge-start:var(--indigo-deep);--ridge-end:var(--indigo);--code-bg:var(--ink);--code-text:var(--paper);--code-border:transparent;--selection:var(--halo);--focus-ring:var(--indigo);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Comfortaa", ui-rounded, system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-display:56px;--text-h1:40px;--text-h2:28px;--text-h3:20px;--text-lg:18px;--text-md:16px;--text-sm:14px;--text-mono:14px;--lh-tight:1.1;--lh-snug:1.3;--lh-body:1.6;--lh-loose:1.75;--tracking-display:-.01em;--tracking-caps:.06em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--measure:66ch;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--container:1120px;--container-narrow:680px;--gutter:24px;--nav-height:72px;--icon-well:56px;--icon-well-lg:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-rest:0 1px 2px #23224a0a;--shadow-hover:0 8px 24px #23224a14;--shadow-halo:0 0 0 6px var(--halo);--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-settle:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-base:.25s;--dur-slow:.6s}[data-theme=dark]{--bg:var(--ground);--bg-raised:var(--ground-raised);--bg-sunken:var(--ground-sunken);--bg-inverse:var(--paper);--text:var(--paper);--text-2:#b4b3c6;--text-3:#7f7e94;--text-inverse:var(--ink);--accent:var(--indigo-soft);--accent-strong:var(--indigo);--accent-text:var(--indigo-soft);--accent-tint:#9aa0ea24;--accent-fg:var(--ground);--sun-tint:#f2b84b29;--border:#f7f5ee1a;--border-strong:#f7f5ee33;--link:var(--indigo-soft);--link-hover:var(--paper);--wordmark-apps:var(--gold);--ridge-start:var(--paper);--ridge-end:var(--paper);--code-bg:#1c1b3f;--code-border:#9aa0ea52;--selection:#f2b84b59;--focus-ring:var(--gold);--shadow-rest:0 1px 2px #0000004d;--shadow-hover:0 12px 32px #00000073;--shadow-halo:0 0 0 6px #f2b84b40;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--ground);--bg-raised:var(--ground-raised);--bg-sunken:var(--ground-sunken);--bg-inverse:var(--paper);--text:var(--paper);--text-2:#b4b3c6;--text-3:#7f7e94;--text-inverse:var(--ink);--accent:var(--indigo-soft);--accent-strong:var(--indigo);--accent-text:var(--indigo-soft);--accent-tint:#9aa0ea24;--accent-fg:var(--ground);--sun-tint:#f2b84b29;--border:#f7f5ee1a;--border-strong:#f7f5ee33;--link:var(--indigo-soft);--link-hover:var(--paper);--wordmark-apps:var(--gold);--ridge-start:var(--paper);--ridge-end:var(--paper);--code-bg:#1c1b3f;--code-border:#9aa0ea52;--selection:#f2b84b59;--focus-ring:var(--gold);--shadow-rest:0 1px 2px #0000004d;--shadow-hover:0 12px 32px #00000073;--shadow-halo:0 0 0 6px #f2b84b40;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-slow:0s}}@media (max-width:640px){:root{--gutter:16px;--text-display:40px;--text-h1:32px;--text-h2:24px;--nav-height:64px}}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);margin:0}::selection{background:var(--selection);color:var(--ink)}a{color:var(--link);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}img,svg{max-width:100%;display:block}button{font:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}code,pre,kbd{font-family:var(--font-mono)}time{font-variant-numeric:tabular-nums}.skip{background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--radius-sm);z-index:100;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.wrap{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.wrap--narrow{max-width:calc(var(--container-narrow) + 2 * var(--gutter))}.nav{z-index:20;height:var(--nav-height);background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.nav__brand{color:inherit;display:inline-flex}.nav__brand:hover{text-decoration:none}.nav__lockup{width:auto;height:40px}.nav__links{align-items:center;gap:4px;display:flex}.nav__links a{font-size:var(--text-sm);color:var(--text-2);border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:8px 12px;font-weight:500}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--text);text-decoration:none}.nav__links a:hover{background:var(--accent-tint)}@media (max-width:480px){.nav__lockup{height:34px}.nav__links a{padding:8px}}.theme-toggle{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:8px;display:inline-flex}.theme-toggle:hover{background:var(--accent-tint)}.theme-toggle__icon{width:18px;height:18px;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);border-radius:50%;transform:rotate(-20deg);box-shadow:inset -6px -4px}[data-theme=dark] .theme-toggle{color:var(--sun)}[data-theme=dark] .theme-toggle__icon{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px currentColor;background:currentColor;width:10px;height:10px;transform:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle{color:var(--sun)}:root:not([data-theme=light]) .theme-toggle__icon{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px currentColor;background:currentColor;width:10px;height:10px;transform:none}}.button{border-radius:var(--radius-pill);height:44px;font-weight:500;font-size:var(--text-md);white-space:nowrap;cursor:pointer;background:var(--bg-raised);color:var(--text);border:1px solid var(--border-strong);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 20px;line-height:1;display:inline-flex}.button:hover{border-color:var(--text-3);background:var(--bg-sunken);color:var(--text);text-decoration:none}.button:active{transform:scale(.98)}.button--primary{background:var(--accent);color:var(--accent-fg);border-color:#0000}.button--primary:hover{background:var(--accent-strong);color:var(--accent-fg)}.button--ghost{color:var(--accent-text);background:0 0;border-color:#0000}.button--ghost:hover{background:var(--accent-tint);color:var(--accent-text)}.button--sm{height:36px;font-size:var(--text-sm);padding:0 14px}.hero{padding:var(--space-9) 0 var(--space-9);align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.hero__logo img{width:300px;height:auto}.hero__title{font-size:var(--text-display);line-height:var(--lh-tight);max-width:18ch}.hero__lede{font-size:var(--text-lg);color:var(--text-2);max-width:52ch}.hero__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:640px){.hero{padding:var(--space-7) 0}.hero__logo img{width:220px}}.section{padding:0 0 var(--space-10);gap:var(--space-6);display:grid}.section--quiet{padding:var(--space-7);margin-bottom:var(--space-10);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-xl);gap:var(--space-2)}.section--quiet p{color:var(--text-2);max-width:52ch}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.section__title{font-size:var(--text-h2);line-height:var(--lh-snug)}.section__lede{font-size:var(--text-sm);color:var(--text-3);margin-top:calc(-1 * var(--space-4))}.section__more{font-size:var(--text-sm);font-weight:500}@media (max-width:640px){.section{padding-bottom:var(--space-8)}.section--quiet{padding:var(--space-5)}}.cards{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.card{gap:var(--space-5);padding:var(--space-6);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-rest);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);display:flex}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card__icon{width:var(--icon-well-lg);height:var(--icon-well-lg);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--yapp-paper);object-fit:contain;flex:none;padding:8px}.card--wsww .card__icon,.page-head--wsww .page-head__icon{background:var(--wswatch-night);border-radius:var(--radius-xl)}.card--spark .card__icon,.page-head--spark .page-head__icon{background:var(--spark-night);border-radius:var(--radius-xl)}.card__body{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.card__title{font-size:var(--text-h3);line-height:var(--lh-snug);align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.card__title a{color:inherit}.card__platform{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-3);letter-spacing:0;font-weight:400}.card__blurb{color:var(--text-2)}.card__meta{align-items:center;gap:var(--space-4);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.card__link{font-size:var(--text-sm);color:var(--accent-text);font-weight:500}.card__link:after{content:" ↗"}@media (max-width:640px){.card{padding:var(--space-5);gap:var(--space-4)}.card__icon{width:var(--icon-well);height:var(--icon-well);border-radius:var(--radius-lg);padding:6px}}.badge{font-size:var(--text-sm);color:var(--text-2);white-space:nowrap;align-items:center;gap:8px;font-weight:500;line-height:1;display:inline-flex}.badge:before{content:"";background:var(--status-paused);border-radius:50%;flex:none;width:8px;height:8px}.badge--live:before{background:var(--status-live)}.badge--building:before,.badge--testflight:before{background:var(--status-building)}.badge--idea:before{background:var(--status-idea)}.badge--quiet{color:var(--text-3)}.badge--quiet:before{display:none}.tag{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-raised);height:28px;color:var(--text-2);font-size:var(--text-sm);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;gap:7px;padding:0 11px;font-weight:500;line-height:1;display:inline-flex}a.tag:hover{background:var(--bg-sunken);border-color:var(--border-strong);color:var(--text-2);text-decoration:none}.tag--yapp:before,.tag--what-should-we-watch:before,.tag--spark:before,.tag--manali:before{content:"";background:var(--indigo);border-radius:50%;flex:none;width:8px;height:8px}.tag--yapp:before{background:var(--yapp-peach)}.tag--what-should-we-watch:before{background:var(--wswatch-coral)}.tag--spark:before{background:var(--spark-rose)}.author{font-size:var(--text-sm);color:var(--text);align-items:center;gap:8px;font-weight:500;display:inline-flex}.author:before{content:"";background:var(--bg-inverse);border-radius:50%;flex:none;width:20px;height:20px}.author--agent:before{background:var(--accent-tint);border:1px solid var(--accent-text)}.author--agent:after{content:"agent";color:var(--text-3);font-weight:400}.author a{color:inherit}.feed{margin:0;padding:0;list-style:none}.feed__item{gap:var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--border);grid-template-columns:112px minmax(0,1fr);align-items:start;display:grid}.feed__date{font-size:var(--text-sm);color:var(--text-3);padding-top:5px}.feed__body{flex-direction:column;gap:6px;display:flex}.feed__title{color:var(--text);font-weight:500}.feed__title:hover{color:var(--accent-text);text-decoration:none}.feed__meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:640px){.feed__item{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.feed__date{padding-top:0}}.page-head{padding:var(--space-9) 0 var(--space-7);gap:var(--space-4);display:grid}.page-head--project{gap:var(--space-6);grid-template-columns:auto minmax(0,1fr);align-items:start}.page-head__icon{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--yapp-paper);object-fit:contain;width:96px;height:96px;padding:10px}.page-head__title{font-size:var(--text-h1);line-height:var(--lh-tight)}.page-head__lede{font-size:var(--text-lg);color:var(--text-2);max-width:52ch}.page-head__filters{margin-top:var(--space-2);flex-wrap:wrap;gap:8px;display:flex}.page-head--project .card__meta{margin-top:var(--space-3)}@media (max-width:640px){.page-head{padding:var(--space-7) 0 var(--space-6)}.page-head--project{grid-template-columns:minmax(0,1fr)}.page-head__icon{width:72px;height:72px}}.posts{margin:0 0 var(--space-10);max-width:var(--container-narrow);padding:0;list-style:none}.post-card{gap:var(--space-3);padding:var(--space-6) 0;border-bottom:1px solid var(--border);display:grid}.post-card__date{font-size:var(--text-sm);color:var(--text-3)}.post-card__title{font-size:var(--text-h3);line-height:var(--lh-snug)}.post-card__title a{color:var(--text)}.post-card__title a:hover{color:var(--accent-text);text-decoration:none}.post-card__summary{color:var(--text-2);max-width:60ch}.post-card__meta{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-3);flex-wrap:wrap;display:flex}.empty{color:var(--text-3);padding:var(--space-6) 0}.post{padding:var(--space-8) 0 var(--space-10);gap:var(--space-7);display:grid}.post__head{gap:var(--space-5);display:grid}.post__kicker{flex-wrap:wrap;gap:8px;display:flex}.post__title{font-size:var(--text-h1);line-height:var(--lh-tight)}.post__summary{font-size:var(--text-lg);color:var(--text-2)}.post__meta{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-3);flex-wrap:wrap;display:flex}.post__note{font-size:var(--text-sm);color:var(--text-3);max-width:60ch;padding:var(--space-3) var(--space-4);border-left:2px solid var(--sun)}.post__foot{border-top:1px solid var(--border);padding-top:var(--space-6);font-size:var(--text-sm);font-weight:500}@media (max-width:640px){.post{padding:var(--space-6) 0 var(--space-8)}}.prose{max-width:var(--container-narrow);font-size:var(--text-lg);line-height:var(--lh-loose);color:var(--text)}.prose>*{margin:0}.prose>*+*{margin-top:var(--space-5)}.prose>*+blockquote,.prose>*+pre,.prose>*+figure,.prose>*+ul,.prose>*+ol,.prose>*+table,.prose>blockquote+*,.prose>pre+*,.prose>figure+*,.prose>ul+*,.prose>ol+*,.prose>table+*{margin-top:40px}.prose>*+h2{margin-top:var(--space-8)}.prose>*+h3{margin-top:var(--space-7)}.prose>h2+*,.prose>h3+*{margin-top:var(--space-4)}.prose h2{font-size:var(--text-h2);line-height:var(--lh-snug)}.prose h3{font-size:var(--text-h3);line-height:var(--lh-snug)}.prose h2 a,.prose h3 a{color:inherit;text-decoration:none}.prose h2 a:hover,.prose h3 a:hover{color:var(--accent-text)}.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.prose a:hover{text-decoration-color:currentColor}.prose strong{font-weight:var(--weight-semibold)}.prose ul,.prose ol{padding-left:var(--space-5)}.prose li+li{margin-top:var(--space-2)}.prose blockquote{padding:var(--space-2) 0 var(--space-2) var(--space-5);border-left:2px solid var(--sun);color:var(--text-2);font-family:var(--font-display);font-weight:400;font-size:var(--text-h3);line-height:var(--lh-body);letter-spacing:var(--tracking-display)}.prose blockquote>*+*{margin-top:var(--space-3)}.prose code{background:var(--bg-sunken);border-radius:6px;padding:2px 6px;font-size:.9em}.prose pre{padding:var(--space-5);background:var(--code-bg);color:var(--code-text);border:1px solid var(--code-border);border-radius:var(--radius-md);font-size:var(--text-mono);line-height:1.65;overflow-x:auto}.prose pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.prose img{border-radius:var(--radius-md);border:1px solid var(--border);max-width:100%;height:auto}.prose figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-3)}.prose hr{background:var(--border);border:0;height:1px}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-md)}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px}.footer{border-top:1px solid var(--border);padding:var(--space-9) 0 var(--space-8)}.footer__inner{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.footer__lockup{width:132px;height:auto}.footer__line{font-size:var(--text-sm);color:var(--text-3);max-width:48ch}.footer__links{gap:var(--space-5);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;display:flex}.footer__links a{color:var(--text-2)}.footer__links a:hover{color:var(--text)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero>*,.cards>*,.feed>*{animation:fade-up var(--dur-slow) var(--ease-out) both}.hero>:nth-child(2),.cards>:nth-child(2),.feed>:nth-child(2){animation-delay:60ms}.hero>:nth-child(3),.cards>:nth-child(3),.feed>:nth-child(3){animation-delay:.12s}.hero>:nth-child(4),.feed>:nth-child(4){animation-delay:.18s}.feed>:nth-child(5){animation-delay:.24s}
.hero__mark img{width:120px;height:120px}@media (min-width:641px){.hero__mark img{width:160px;height:160px}}.cover,.cover img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;display:block}.cover--placeholder img{object-fit:cover}.post__cover{margin:var(--space-2) 0 0}.featured{gap:var(--space-5);margin-bottom:var(--space-8);display:grid}.featured__cover{display:block}.featured__cover .cover,.featured__cover .cover img{border-radius:var(--radius-lg)}.featured__body{gap:var(--space-3);display:grid}.featured__title{font-size:var(--text-h2);line-height:var(--lh-snug)}.featured__title a{color:var(--text)}.featured__title a:hover{color:var(--accent-text);text-decoration:none}.featured__summary{color:var(--text-2);font-size:var(--text-lg);max-width:60ch}.post-card__kicker{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-3);flex-wrap:wrap;display:flex}.post-grid{margin:0 0 var(--space-9);gap:var(--space-6);grid-template-columns:minmax(0,1fr);max-width:none;padding:0;list-style:none;display:grid}.post-card--grid{gap:var(--space-3);border:0;padding:0}.post-card__cover{margin-bottom:var(--space-1);display:block}@media (min-width:720px){.featured{align-items:center;gap:var(--space-7);grid-template-columns:3fr 2fr}.featured__title{font-size:var(--text-h1);line-height:var(--lh-tight)}.post-grid{gap:var(--space-7) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}}.tag--active{background:var(--bg-inverse);color:var(--text-inverse);border-color:var(--bg-inverse)}.releases{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.release{gap:var(--space-3);padding:var(--space-5);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-rest);display:grid}.release__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.release__icon{border-radius:12px;width:40px;height:40px}.release__name{font-size:var(--text-h3)}.release__version{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-3);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 8px}.release__note{color:var(--text-2)}.release__meta{font-size:var(--text-sm);color:var(--text-3)}.release__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (min-width:720px){.releases{grid-template-columns:repeat(2,minmax(0,1fr))}}.principles{gap:var(--space-6) var(--space-7);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.principles div{gap:8px;display:grid}.principles dt{font-weight:600}.principles dd{color:var(--text-2);margin:0}@media (min-width:720px){.principles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.section--quiet{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.section--quiet>div{gap:var(--space-2);max-width:52ch;display:grid}.section__title--sm{font-size:var(--text-h3)}.feed__detail{font-size:var(--text-sm);color:var(--text-2);max-width:60ch;margin:0}.byline{gap:4px;display:grid}.byline__links{gap:var(--space-3);font-size:var(--text-sm);display:inline-flex}.byline__owner{font-size:var(--text-sm);color:var(--text-3)}.byline__owner a{color:var(--text-2)}.discuss{max-width:var(--container-narrow);margin:0 auto var(--space-10);padding-top:var(--space-7);border-top:1px solid var(--border);gap:var(--space-4);display:grid}.discuss__title{font-size:var(--text-h3)}.discuss__lede{font-size:var(--text-sm);color:var(--text-3);max-width:60ch}.subscribe{gap:var(--space-3);padding:var(--space-5);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:var(--container-narrow);margin:0 auto var(--space-9);display:grid}.subscribe__title{font-size:var(--text-h3)}.subscribe__lede{color:var(--text-2);font-size:var(--text-sm)}.subscribe__form{gap:var(--space-2);flex-wrap:wrap;display:flex}.subscribe__form input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);height:44px;color:var(--text);font:inherit;flex:220px;min-width:0;padding:0 14px}.subscribe__form input:focus{outline:2px solid var(--focus-ring);outline-offset:1px}.subscribe__status{font-size:var(--text-sm);color:var(--text-2);min-height:1.4em}.subscribe__status--ok{color:var(--status-live)}.subscribe__status--err{color:#c96a95}.admin{gap:var(--space-5);padding:var(--space-7) 0 var(--space-10);display:grid}.admin__grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:720px){.admin__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel{gap:var(--space-3);padding:var(--space-5);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid}.panel__title{font-size:var(--text-h3)}.stat{font-family:var(--font-display);font-size:var(--text-h1);line-height:1}.stat__label{font-size:var(--text-sm);color:var(--text-3)}.list{margin:0;padding:0;list-style:none;display:grid}.list li{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);display:flex}.list li:last-child{border-bottom:0}.muted{color:var(--text-3)}.signin{max-width:420px;margin:var(--space-9) auto;gap:var(--space-4);text-align:center;display:grid}.footer__coffee{gap:var(--space-3);justify-items:center;display:grid}.footer__coffee p{font-size:var(--text-sm);color:var(--text-2);max-width:44ch}.nav__links a.nav__subscribe{border:1px solid var(--border-strong)}@media (max-width:480px){.nav__links a.nav__subscribe{display:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.post{max-width:var(--container-narrow);grid-template-columns:minmax(0,1fr)}.post>*,.featured>*,.post-card--grid>*{min-width:0}.cover img{height:auto}.byline__owner{flex-wrap:wrap;gap:0 6px;display:flex}.nav__inner{gap:12px}.nav__brand{align-items:center;display:inline-flex}.nav__mark{width:36px;height:36px}.nav__lockup{width:auto;height:40px;display:none}.nav__links{gap:0}.nav__links a{align-items:center;min-height:44px;padding:0 10px;display:inline-flex}.nav__links a.nav__subscribe{min-height:36px;margin-left:8px;display:none}.nav__links a.nav__subscribe-glyph{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--text-2);justify-content:center;padding:0}@media (min-width:640px){.nav__mark{display:none}.nav__lockup{display:block}.nav__links a.nav__subscribe{display:inline-flex}.nav__links a.nav__subscribe-glyph{display:none}}.theme-toggle{width:44px;height:44px;margin-left:4px}.page-head__filters .tag,.post__kicker .tag{min-height:32px}a.tag{position:relative}a.tag:after{content:"";position:absolute;inset:-6px 0}.byline{font-size:var(--text-sm);color:var(--text-2);align-items:flex-start;gap:10px;line-height:1.35;display:flex}.byline--compact{align-items:center}.byline__avatar{background:var(--bg-inverse);width:32px;height:32px;color:var(--text-inverse);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.byline--compact .byline__avatar{width:24px;height:24px;font-size:10px}.byline__avatar--agent{background:var(--accent-tint);color:var(--accent-text)}.byline__text{gap:2px;min-width:0;display:grid}.byline__row{flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.byline__name{color:var(--text);font-weight:500}.byline__for{color:var(--text-2);font-weight:400}.byline__meta,.byline__owner{color:var(--text-3)}.byline__owner>span:first-of-type{color:var(--text-2)}.byline__glyphs{align-items:center;gap:2px;display:inline-flex}.glyph{width:28px;height:28px;color:var(--text-3);border-radius:50%;justify-content:center;align-items:center;margin:-7px 0;display:inline-flex}.glyph:hover{color:var(--text);background:var(--accent-tint);text-decoration:none}.author{display:none}.subscribe{gap:var(--space-4);padding:var(--space-6)}.subscribe--compact{box-shadow:none;background:0 0;border:0;padding:0}.subscribe__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-h3);color:var(--text);line-height:1.25}.subscribe:not(.subscribe--compact) .subscribe__title{font-size:var(--text-h2)}.subscribe__lede{font-size:var(--text-md);color:var(--text-2)}.subscribe__form{gap:var(--space-3);align-items:flex-start}.subscribe__form input{flex:220px;height:48px}.subscribe__form input.is-invalid{border-color:var(--wswatch-coral)}.subscribe__form .button{flex:140px;height:48px}.subscribe__done{align-items:flex-start;gap:12px;display:flex}.subscribe__done>div{gap:4px;display:grid}.subscribe__dot{background:var(--accent-tint);width:32px;height:32px;color:var(--accent-text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.subscribe__dot--success{background:var(--sun-tint);color:var(--sun)}.cover--type,.cover--icon{background:var(--bg-sunken);justify-content:center;align-items:center;display:flex;position:relative;container-type:inline-size}.cover--type{padding:8% 10%}.cover__text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);text-align:center;text-wrap:balance;overflow-wrap:anywhere;font-size:14cqw;font-weight:500;line-height:1.05}.cover--mono .cover__text{font-family:var(--font-mono);letter-spacing:0;font-size:11cqw;font-weight:400}.cover--icon.cover--yapp{background:var(--yapp-paper)}.cover--icon.cover--wsww{background:var(--wswatch-night)}.cover--icon.cover--spark{background:var(--spark-night)}.cover__icon{aspect-ratio:1;width:26%;box-shadow:var(--shadow-hover);border-radius:22%}.cover__mark{aspect-ratio:1;background:url(/brand/mark-color.svg) 50%/contain no-repeat;width:12%;position:absolute;bottom:9%;left:5.5%}[data-theme=dark] .cover--type .cover__mark{background-image:url(/brand/mark-on-dark.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cover--type .cover__mark{background-image:url(/brand/mark-on-dark.svg)}}.cover--wsww .cover__mark,.cover--spark .cover__mark{background-image:url(/brand/mark-on-dark.svg)}.cover__dot{background:var(--indigo);border-radius:50%;width:12px;height:12px;position:absolute;top:10%;right:5.5%}.cover__dot--yapp{background:var(--yapp-peach)}.cover__dot--what-should-we-watch{background:var(--wswatch-coral)}.cover__dot--spark{background:var(--spark-rose)}.discuss__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.discuss__open{font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:4px;display:inline-flex}.discuss__signin{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-2);flex-wrap:wrap;display:flex}.signin{gap:var(--space-6);max-width:400px;padding:var(--space-6);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:left;margin:clamp(40px,10vw,112px) auto clamp(56px,10vw,128px);display:grid}.signin__mark{width:56px;height:56px}.signin__title{font-size:var(--text-h2);margin-bottom:var(--space-2);line-height:1.2}.signin__note{font-size:var(--text-sm);color:var(--text-3);align-items:center;gap:6px;display:flex}.footer__coffee .button svg{color:var(--sun)}.card--project{position:relative}.card__stretch{color:inherit}.card__stretch:after{content:"";border-radius:inherit;position:absolute;inset:0}.card__stretch:before{content:"→";right:var(--space-6);top:var(--space-6);color:var(--accent-text);opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);position:absolute;transform:translate(-6px)}.card--project:hover .card__stretch{color:var(--accent-text);text-decoration:none}.card--project:hover .card__stretch:before{opacity:1;transform:none}.card__meta a,.card__release a{z-index:1;position:relative}.card__release{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-3);flex-wrap:wrap;display:flex}.card__release-note{color:var(--text-2);flex:100%}@media (min-width:720px) and (max-width:959px){.featured{grid-template-columns:minmax(0,1fr)}.featured__title{font-size:var(--text-h2);line-height:var(--lh-snug)}.post-grid{grid-template-columns:minmax(0,1fr)}}.post-rows{margin:0 0 var(--space-9);gap:var(--space-6);max-width:none;padding:0;list-style:none;display:grid}.post-card--row{gap:var(--space-3);border:0;padding:0;display:grid}.post-card--row>*{min-width:0}.post-card--row .post-card__body{gap:var(--space-3);display:grid}@media (min-width:640px){.post-card--row{gap:var(--space-6);grid-template-columns:minmax(200px,2fr) 3fr;align-items:center}.post-card--row .post-card__cover{margin:0}}.share{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.share__label{font-size:var(--text-sm);color:var(--text-3);margin-right:var(--space-1)}.share .button{min-height:44px}.footer__owner{gap:var(--space-2);justify-items:center;display:grid}.footer__by a{color:var(--text);font-weight:500}.footer__socials{gap:var(--space-2);justify-content:center;display:flex}.glyph--lg{width:44px;height:44px;color:var(--text-2);border:1px solid var(--border);background:var(--bg-raised);margin:0}.glyph--lg:hover{color:var(--text);border-color:var(--border-strong);background:var(--accent-tint)}.footer{padding:clamp(48px, 8vw, 96px) 0 var(--space-7)}.footer__inner{gap:var(--space-7);text-align:center;align-items:stretch;display:grid}.footer__cols{align-items:center;gap:var(--space-7);flex-direction:column;display:flex}.footer__identity{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.footer__support{align-items:center;gap:var(--space-4);flex-direction:column;max-width:38ch;display:flex}.footer__support p{font-size:var(--text-sm);color:var(--text-2);line-height:1.6}.footer__nav{justify-content:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.footer__nav a{min-height:44px;font-size:var(--text-sm);color:var(--text-2);align-items:center;padding:0 6px;display:inline-flex}.footer__nav a:hover{color:var(--text)}.footer__note{padding-top:var(--space-5);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-3);line-height:1.6}.footer__by{font-size:var(--text-md);color:var(--text-2)}.footer__lockup{width:100px;height:auto}@media (min-width:900px){.footer__inner{text-align:left}.footer__cols{gap:var(--space-9);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:start;display:grid}.footer__identity,.footer__support{align-items:flex-start}.footer__socials{justify-content:flex-start}.footer__nav{flex-direction:column;align-items:flex-start;gap:0}}.coffee svg{color:var(--sun)}.nudge{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;margin-bottom:var(--space-4);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.nudge p{font-size:var(--text-sm);color:var(--text-2);flex:220px;line-height:1.5}.kicker{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);font-weight:400}.featured .kicker{color:var(--sun);font-weight:500}.tag__count{opacity:.6;margin-left:2px}.notes__layout{gap:var(--space-8);margin-bottom:var(--space-10);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.notes__main{gap:var(--space-8);min-width:0;display:grid}.notes__showing{font-size:var(--text-sm);color:var(--text-2)}.notes__side{display:none}.notes__subscribe-narrow{display:block}@media (min-width:1024px){.notes__filters{display:none}.notes__layout{gap:var(--space-9);grid-template-columns:minmax(0,1fr) 300px}.notes__side{gap:var(--space-6);top:calc(var(--nav-height) + 32px);align-content:start;display:grid;position:sticky}.notes__subscribe-narrow{display:none}}.notes__projects{display:grid}.project-row{border-radius:var(--radius-md);min-height:56px;color:inherit;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -10px;padding:8px 10px;display:grid}.project-row:hover{background:var(--bg-sunken);color:inherit;text-decoration:none}.project-row--active{background:var(--accent-tint)}.project-row__well{border:1px solid var(--border);background:var(--yapp-paper);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;overflow:hidden}.project-row__well--wsww{background:var(--wswatch-night)}.project-row__well--spark{background:var(--spark-night)}.project-row__well img{border-radius:7px}.project-row__text{gap:2px;min-width:0;display:grid}.project-row__name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.project-row__count{font-size:var(--text-sm);color:var(--text-3);white-space:nowrap}.notes__rule{background:var(--border);border:0;height:1px;margin:0}.notes__stat{font-size:var(--text-sm);color:var(--text-2);line-height:1.6}.ledger{gap:var(--space-8);min-width:0;display:grid}.ledger__group{gap:var(--space-2);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.ledger__month{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3);font-weight:400}.ledger__rows{min-width:0;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.ledger__group{gap:var(--space-5);grid-template-columns:112px minmax(0,1fr)}.ledger__month{top:calc(var(--nav-height) + 24px);padding-top:var(--space-5);border-top:1px solid var(--border);position:sticky}}.row{border-top:1px solid var(--border)}.row__link{gap:var(--space-4);padding:var(--space-4) 0;color:inherit;grid-template-columns:88px minmax(0,1fr);align-items:start;display:grid}.row__link:hover{color:inherit;text-decoration:none}.row__cover,.row__cover img{aspect-ratio:4/3;border-radius:var(--radius-md)}.row__cover{box-shadow:var(--shadow-rest);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out)}.row__link:hover .row__cover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.row__cover.cover--type .cover__text{font-size:16cqw}.row__body{gap:6px;min-width:0;display:grid}.row__meta{font-size:var(--text-sm);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row__project{font-weight:500}.row__read,.row__summary{display:none}.row__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);line-height:var(--lh-snug);letter-spacing:var(--tracking-display);color:var(--text);text-wrap:balance;transition:color var(--dur-fast) var(--ease-out)}.row__link:hover .row__title{color:var(--accent-text)}.row__author{font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.row__avatar{width:20px;height:20px;font-size:10px}.dot{background:var(--indigo);border-radius:50%;flex:none;width:8px;height:8px}.dot--yapp{background:var(--yapp-peach)}.dot--what-should-we-watch{background:var(--wswatch-coral)}.dot--spark{background:var(--spark-rose)}@media (min-width:560px){.row__link{gap:var(--space-5);padding:var(--space-5) 0;grid-template-columns:144px minmax(0,1fr)}.row__body{gap:8px}.row__read{display:inline}.row__summary{-webkit-line-clamp:2;font-size:var(--text-md);line-height:var(--lh-body);color:var(--text-2);-webkit-box-orient:vertical;max-width:60ch;display:-webkit-box;overflow:hidden}.row__title{font-size:var(--text-h3)}}@keyframes ma-react-pop{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes ma-react-ripple{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@keyframes ma-react-spark{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}@keyframes ma-react-count{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:translateY(0)}}@keyframes ma-sun-rise{0%{opacity:.4;transform:translateY(.25em)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.reactions{margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reactions__total{font-size:var(--text-sm);color:var(--text-3);margin-left:4px}.react{isolation:isolate;border-radius:var(--radius-pill);cursor:pointer;height:44px;font-family:var(--font-body);font-size:var(--text-sm);border:1px solid var(--border);background:var(--bg-raised);color:var(--text-3);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);align-items:center;gap:6px;padding:0 12px;font-weight:500;line-height:1;display:inline-flex;position:relative}.react:hover{border-color:var(--border-strong);background:var(--bg-sunken);color:var(--text-2)}.react--mine{border:1.5px solid var(--accent);background:var(--accent-tint);color:var(--accent-text);font-weight:600}.react--mine.react--sun{border-color:var(--sun);background:var(--sun-tint);color:var(--text)}.react--fresh{animation:ma-react-pop .42s var(--ease-settle)}.react--fresh .react__count{animation:ma-react-count .32s var(--ease-out)}.react--fresh.react--sun .react__sun{transform-box:fill-box;transform-origin:50%;animation:ma-sun-rise .7s var(--ease-settle)}.react__count{font-variant-numeric:tabular-nums;display:inline-block}.react__dot{background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px}.react--sun .react__dot{background:var(--sun)}.react__burst{pointer-events:none;z-index:-1;position:absolute;inset:0}.react__ripple{background:var(--accent-tint);width:28px;height:28px;animation:ma-react-ripple .7s var(--ease-out) forwards;border-radius:50%;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%}.react--sun .react__ripple{background:var(--halo)}.react__spark{background:var(--accent);width:4px;height:4px;animation:ma-react-spark .56s var(--ease-out) forwards;border-radius:50%;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.react--sun .react__spark{background:#f2b84b;width:5px;height:5px}@media (prefers-reduced-motion:reduce){.react--fresh,.react--fresh .react__count,.react--fresh.react--sun .react__sun{animation:none}.react__burst{display:none}}.share__pill{border-radius:var(--radius-pill);cursor:pointer;min-width:44px;height:44px;font:inherit;font-size:var(--text-sm);white-space:nowrap;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-2);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:500;text-decoration:none;display:inline-flex}.share__pill:hover{border-color:var(--border-strong);background:var(--bg-sunken);color:var(--text);text-decoration:none}.share__pill:active{transform:scale(.96)}.share__pill--icon{padding:0}.share__pill--done{border-color:var(--status-live);color:var(--status-live);background:#3e9c6b1f}