:root{--paper:#faf8f4;--ink:#1c1b19;--ink-soft:#5c594f;--rule:#e3ddd2;--accent:#c8502e}@media(prefers-color-scheme:dark){:root{--paper:#23242a;--ink:#ecebe6;--ink-soft:#a5a49c;--rule:#3a3b42;--accent:#e0684a}}*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,sf pro rounded,-apple-system,segoe ui,sans-serif;line-height:1.6}.wrap{max-width:44rem;margin:0 auto;padding:0 1.25rem 3rem}a{color:var(--accent)}.site-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:44rem;margin:0 auto;padding:1.1rem 1.25rem;border-bottom:1px solid var(--rule)}.brand{text-decoration:none;color:var(--ink)}.brand-mark{width:22px;height:22px;border-radius:5px;margin-right:.45rem;vertical-align:-.35rem}.brand-name{font-weight:700}.site-nav a,.site-foot a{color:var(--ink-soft);text-decoration:none;margin-left:.9rem}.site-nav a:hover,.site-foot a:hover{color:var(--accent)}.site-foot{max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;border-top:1px solid var(--rule)}.site-foot nav a:first-child{margin-left:0}.fine{color:var(--ink-soft);font-size:.85rem}.hero{text-align:center;padding:3rem 0 2rem}.hero-icon{margin-bottom:.5rem;border-radius:22%}@media(prefers-color-scheme:light){.hero-icon,.brand-mark{box-shadow:0 0 0 1px var(--rule)}}.hero-title{font-size:2.2rem;margin:.2rem 0;letter-spacing:.01em}.hero-tagline{color:var(--ink-soft);margin:.3rem 0 1rem}.hero-lede{text-align:left;max-width:36rem;margin:0 auto 1.2rem}.hero-soon{color:var(--ink-soft)}.hero-code{font-family:ui-monospace,sf mono,Menlo,monospace;font-size:1.8rem;letter-spacing:.2em;font-weight:700;color:var(--accent)}.appstore-badge{display:inline-block;margin:.4rem 0;transition:transform .08s ease}.appstore-badge img{display:block;height:auto}.appstore-badge:hover{transform:translateY(-1px)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.5rem;padding:1.5rem 0}.feature h2{font-size:1.05rem;margin:0 0 .3rem}.feature p{margin:0;color:var(--ink-soft)}.feature strong{color:var(--ink)}.prose h1{font-size:1.7rem}.prose h2{font-size:1.15rem;margin-top:1.8rem}.prose code{font-family:ui-monospace,sf mono,Menlo,monospace;background:var(--rule);padding:.1em .35em;border-radius:4px;font-size:.9em}.board-diagram{color:var(--ink);max-width:100%;height:auto}.board-diagram .mark-fresh{stroke:#2a78d6}.board-diagram .mark-bad{stroke:#c0392b}@media(prefers-color-scheme:dark){.board-diagram .mark-fresh{stroke:#3987e5}.board-diagram .mark-bad{stroke:#e8705c}}.diagrams{display:flex;flex-wrap:wrap;gap:1.4rem;margin:1.1rem 0}.diagrams figure{margin:0}.diagrams figcaption{color:var(--ink-soft);font-size:.85rem;text-align:center;margin-top:.3rem}.shot-grid{display:grid;gap:1.4rem;margin:1.8rem 0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.shot-grid--wide{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.shot{margin:0;display:flex;flex-direction:column;gap:.6rem}.shot img{width:100%;height:auto;display:block;border:1px solid var(--rule);border-radius:12px}.shot-placeholder{aspect-ratio:9/16;border:2px dashed var(--rule);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-family:ui-monospace,Menlo,monospace;font-size:.8rem}.shot figcaption{color:var(--ink-soft);font-size:.84rem;line-height:1.4}