:root{--font: "Nunito", system-ui, sans-serif;--text: #18181b;--muted: #71717a;--border: #f4f4f5;--bg: #ffffff;--link: #2563eb;--link-hover: #1d4ed8;--cta-bg: #dbeafe;--cta-text: #2563eb;--cta-hover: #bfdbfe;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-500: #71717a;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--blue-50: #eff6ff;--blue-600: #2563eb;--blue-700: #1d4ed8;--header-h: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6}body{padding-top:var(--header-h)}body.menu-open{overflow:hidden}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(720px,calc(100% - 2rem));margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;height:var(--header-h);background:#fffffff2;backdrop-filter:blur(4px);border-bottom:1px solid var(--border)}.site-header .bar{height:var(--header-h);width:min(80rem,100%);margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.header-left,.header-right{display:flex;align-items:center;gap:.75rem}.header-right{margin-left:auto;gap:.5rem}.brand{font-weight:700;font-size:1.125rem;line-height:1.75rem;color:var(--zinc-900);letter-spacing:-.025em;text-decoration:none}.brand:hover{color:var(--zinc-900);text-decoration:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border:0;border-radius:999px;background:var(--zinc-100);color:var(--zinc-800);text-decoration:none;cursor:pointer;transition:background-color .15s ease}.icon-btn:hover{background:var(--zinc-200);color:var(--zinc-800);text-decoration:none}.help-btn{font-size:1rem;line-height:1.5rem;font-weight:900}.history-icon{width:1rem;height:1rem}.hamburger{width:1rem;height:1rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.hamburger span{display:block;width:100%;height:3px;background:var(--zinc-800);border-radius:999px;transition:transform .3s ease,opacity .3s ease}.hamburger.is-open span:nth-child(1){transform:translateY(.5rem) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-.5rem) rotate(-45deg)}.menu-overlay{position:fixed;inset:0;z-index:40;background:#0000004d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.menu-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.site-drawer{position:fixed;top:0;left:0;z-index:50;height:100%;width:18rem;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translate(-100%);visibility:hidden;pointer-events:none;transition:transform .3s ease,visibility .3s ease}.site-drawer.is-open{transform:translate(0);visibility:visible;pointer-events:auto}.drawer-inner{padding:1.25rem;display:flex;flex-direction:column;height:100%}.drawer-brand{margin-bottom:1.5rem;padding:0 .75rem}.drawer-title{margin:0;font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--zinc-900);letter-spacing:-.025em}.drawer-tagline{margin:.125rem 0 0;font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--zinc-500)}.drawer-links{flex:1;display:flex;flex-direction:column;gap:.25rem}.drawer-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.75rem;font-size:1rem;line-height:1.5rem;font-weight:400;letter-spacing:0;color:var(--zinc-700);text-decoration:none;transition:background-color .15s ease,color .15s ease}.drawer-link:hover{background:var(--zinc-100);color:var(--zinc-700);text-decoration:none}.drawer-link.is-active{background:var(--blue-50);color:var(--blue-700);font-weight:700}.drawer-icon{flex-shrink:0;color:var(--zinc-500)}.drawer-icon.is-active{color:var(--blue-600)}.drawer-footer{margin-top:auto;padding-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.play-cta,.cta-banner a{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1.25rem;border-radius:999px;background:var(--cta-bg);color:var(--cta-text);font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s ease}.play-cta:hover,.cta-banner a:hover{background:var(--cta-hover);color:var(--cta-text);text-decoration:none}.app-store{display:inline-block;line-height:0}.app-store:hover{text-decoration:none}.app-store img{height:2.5rem;width:auto;border-radius:0}main{padding:2.5rem 0 4rem}article h1{font-size:1.875rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 .75rem}article .lede{color:var(--muted);margin:0 0 2rem}.prose>*:first-child{margin-top:0}.prose h2{margin-top:2.25rem;font-size:1.25rem;letter-spacing:-.025em}.prose h3{margin-top:1.5rem;font-size:1.1rem}.prose p,.prose ul,.prose ol{margin:.85rem 0}.prose hr{border:0;border-top:1px solid #e4e4e7;margin:2rem 0}.prose img{border-radius:12px}.cta-banner{margin:2.5rem 0 0;padding:1.25rem 1.5rem;border-radius:16px;background:#fafafa;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.cta-banner p{margin:0;font-weight:700}.cta-banner a{width:auto}.site-footer{border-top:1px solid var(--border);background:#fafafa;padding:1.5rem 0 2.5rem;color:var(--muted);font-size:.875rem}.site-footer .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.site-footer a{color:var(--muted)}.posts{list-style:none;padding:0;margin:0}.posts li{padding:1.25rem 0;border-bottom:1px solid var(--border)}.posts a{display:block;color:var(--text);text-decoration:none}.posts a:hover{color:var(--text);text-decoration:none}.posts img{display:block;width:100%;height:auto;aspect-ratio:1024 / 537;object-fit:cover;border-radius:12px;margin:0 0 .85rem;background:var(--zinc-100)}.posts .post-title{font-weight:700;color:var(--text)}.posts a:hover .post-title{color:var(--link);text-decoration:underline}.posts p{margin:.4rem 0 0;font-weight:400}@media(min-width:640px){.posts a:has(img){display:grid;grid-template-columns:minmax(200px,38%) 1fr;column-gap:1.25rem;align-items:center}.posts a:has(img) img{grid-column:1;grid-row:1 / span 2;margin:0}.posts a:has(img) .post-title,.posts a:has(img) p{grid-column:2}}.empty{color:var(--muted)}@media(min-width:768px){.icon-btn{height:2.5rem;width:2.5rem}.help-btn{font-size:1.125rem;line-height:1.75rem}.history-icon,.hamburger{width:1.25rem;height:1.25rem}.drawer-link{font-size:1.125rem;line-height:1.75rem}}@media(max-width:720px){article h1{font-size:1.65rem}}