*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}body{margin:0;background:#f6f4ef;color:#1b1b1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}::selection{background:#ff4f8b;color:#fff}a{color:inherit}.site-header.svelte-1uha8ag,footer.svelte-1uha8ag{width:min(100% - 3rem,1180px);margin:0 auto}.site-header.svelte-1uha8ag{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d5cd}.brand.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.6rem;font-weight:750;letter-spacing:-.03em;text-decoration:none}.brand-mark.svelte-1uha8ag{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:#ff4f8b;color:#fff;font-size:.9rem}.brand-muted.svelte-1uha8ag{color:#77736b;font-weight:500}nav.svelte-1uha8ag,footer.svelte-1uha8ag div:where(.svelte-1uha8ag){display:flex;align-items:center;gap:1.5rem}nav.svelte-1uha8ag a:where(.svelte-1uha8ag),footer.svelte-1uha8ag a:where(.svelte-1uha8ag){font-size:.86rem;font-weight:600;text-decoration:none}nav.svelte-1uha8ag a:where(.svelte-1uha8ag):hover,footer.svelte-1uha8ag a:where(.svelte-1uha8ag):hover,.text-link.svelte-1uha8ag:hover{color:#dc2868}.github-link.svelte-1uha8ag{padding:.55rem .85rem;border:1px solid #c7c2b9;border-radius:999px}main.svelte-1uha8ag{overflow:hidden}.hero.svelte-1uha8ag,.section.svelte-1uha8ag,.principles.svelte-1uha8ag{width:min(100% - 3rem,1180px);margin:0 auto}.hero.svelte-1uha8ag{min-height:670px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(3rem,8vw,7rem);padding:5.5rem 0 6.5rem}.eyebrow.svelte-1uha8ag,.kicker.svelte-1uha8ag{margin:0 0 1.15rem;color:#7d405b;font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow.svelte-1uha8ag{display:flex;align-items:center;gap:.55rem}.eyebrow.svelte-1uha8ag span:where(.svelte-1uha8ag){width:28px;height:1px;background:#ff4f8b}h1.svelte-1uha8ag,h2.svelte-1uha8ag{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.055em;line-height:.95}h1.svelte-1uha8ag{max-width:700px;font-size:clamp(4rem,7.2vw,6.5rem)}h1.svelte-1uha8ag em:where(.svelte-1uha8ag){color:#e73476;font-weight:inherit}h2.svelte-1uha8ag{font-size:clamp(3rem,5vw,5rem)}.lede.svelte-1uha8ag{max-width:590px;margin:2rem 0 0;color:#514e49;font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.62}.hero-actions.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button.svelte-1uha8ag{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:750;text-decoration:none}.button.primary.svelte-1uha8ag{background:#1b1b1d;color:#fff}.button.primary.svelte-1uha8ag:hover{background:#e73476}.button.secondary.svelte-1uha8ag{border:1px solid #bdb8ae}.button.secondary.svelte-1uha8ag:hover{border-color:#1b1b1d}.microcopy.svelte-1uha8ag{color:#817c73;font-size:.78rem;margin-top:1.2rem}.hero-code.svelte-1uha8ag{overflow:hidden;border:1px solid #34343a;border-radius:18px;background:#202025;color:#f7f5f0;box-shadow:0 28px 70px #1914162e;transform:rotate(1.2deg)}.window-bar.svelte-1uha8ag{display:flex;align-items:center;gap:.4rem;padding:.9rem 1rem;border-bottom:1px solid #34343a}.window-bar.svelte-1uha8ag>span:where(.svelte-1uha8ag){width:8px;height:8px;border-radius:50%;background:#ff4f8b}.window-bar.svelte-1uha8ag>span:where(.svelte-1uha8ag):nth-child(2){background:#e2b33c}.window-bar.svelte-1uha8ag>span:where(.svelte-1uha8ag):nth-child(3){background:#65be87}.window-bar.svelte-1uha8ag small:where(.svelte-1uha8ag){margin-left:auto;color:#8d8d99}pre.svelte-1uha8ag{margin:0;overflow-x:auto;background:#202025;color:#f7f5f0;font:.84rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.hero-code.svelte-1uha8ag pre:where(.svelte-1uha8ag){min-height:300px;display:flex;align-items:center;padding:clamp(1.4rem,4vw,2.5rem);white-space:pre-wrap;overflow-wrap:anywhere}.code-muted.svelte-1uha8ag{color:#797984}.code-pink.svelte-1uha8ag{color:#ff7eab}.code-blue.svelte-1uha8ag{color:#75bbff}.code-green.svelte-1uha8ag{color:#9bd9ae}.code-foot.svelte-1uha8ag{display:flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border-top:1px solid #34343a;color:#aaaab3;font:.72rem ui-monospace,SFMono-Regular,Menlo,monospace}.pulse.svelte-1uha8ag,.demo-toolbar.svelte-1uha8ag i:where(.svelte-1uha8ag){width:7px;height:7px;border-radius:50%;background:#65d58d;box-shadow:0 0 0 4px #65d58d1f}.principles.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9d5cd;border-bottom:1px solid #d9d5cd}.principles.svelte-1uha8ag article:where(.svelte-1uha8ag){padding:2.6rem clamp(1rem,3vw,2.5rem)}.principles.svelte-1uha8ag article:where(.svelte-1uha8ag)+article:where(.svelte-1uha8ag){border-left:1px solid #d9d5cd}.number.svelte-1uha8ag{color:#d94b7e;font:.75rem ui-monospace,SFMono-Regular,Menlo,monospace}h3.svelte-1uha8ag{margin:0;letter-spacing:-.025em}.principles.svelte-1uha8ag h2:where(.svelte-1uha8ag),.steps.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin-top:1rem;font-family:inherit;font-size:1.15rem;font-weight:750;letter-spacing:-.025em}.principles.svelte-1uha8ag p:where(.svelte-1uha8ag),.section-intro.svelte-1uha8ag>p:where(.svelte-1uha8ag):last-child,.reference-heading.svelte-1uha8ag>p:where(.svelte-1uha8ag),.demo-heading.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:#656159;line-height:1.65}.principles.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-bottom:0;font-size:.9rem}.section.svelte-1uha8ag{padding:clamp(6rem,10vw,10rem) 0}.split-section.svelte-1uha8ag,.self-host.svelte-1uha8ag{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.section-intro.svelte-1uha8ag>p:where(.svelte-1uha8ag):last-child{max-width:500px;margin-top:1.8rem}code.svelte-1uha8ag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}p.svelte-1uha8ag code:where(.svelte-1uha8ag),td.svelte-1uha8ag code:where(.svelte-1uha8ag){padding:.1em .32em;border:1px solid #ddd7cd;border-radius:4px;background:#ebe8e1;font-size:.87em}.default-note.svelte-1uha8ag{display:flex;gap:.9rem;margin-top:2rem;padding:1rem;border-left:3px solid #ff4f8b;background:#eeebe4}.default-note.svelte-1uha8ag>span:where(.svelte-1uha8ag){color:#e73476}.default-note.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;color:#555149;font-size:.84rem;line-height:1.6}.steps.svelte-1uha8ag{display:flex;flex-direction:column;gap:1px;background:#d9d5cd;border:1px solid #d9d5cd}.step.svelte-1uha8ag{display:grid;grid-template-columns:38px 1fr;gap:1rem;padding:1.5rem;background:#f6f4ef}.step-number.svelte-1uha8ag{width:30px;height:30px;display:grid;place-items:center;border:1px solid #c7c2b9;border-radius:50%;color:#817c73;font-size:.75rem}.step.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:.25rem 0 1rem}.step.svelte-1uha8ag pre:where(.svelte-1uha8ag),.self-host.svelte-1uha8ag pre:where(.svelte-1uha8ag){padding:1.25rem;border-radius:9px}.demo-section.svelte-1uha8ag{width:auto;padding-inline:max(1.5rem,calc((100vw - 1180px)/2));background:#222228;color:#f8f6f1}.demo-heading.svelte-1uha8ag,.reference-heading.svelte-1uha8ag{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:3rem;margin-bottom:3rem}.demo-heading.svelte-1uha8ag .kicker:where(.svelte-1uha8ag){color:#ff83ad}.demo-heading.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:#b6b4bd}.demo-frame.svelte-1uha8ag{overflow:hidden;max-width:900px;margin:0 auto;border:1px solid #44444d;border-radius:18px;background:#fff;color:#202025}.demo-toolbar.svelte-1uha8ag{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-bottom:1px solid #e5e1da;color:#67635d;font-size:.76rem}.demo-toolbar.svelte-1uha8ag span:where(.svelte-1uha8ag){display:flex;align-items:center;gap:.55rem}.demo-toolbar.svelte-1uha8ag a:where(.svelte-1uha8ag){text-decoration:none}atproto-comments{display:block;max-height:min(68vh,660px);overflow:auto;padding:clamp(1rem,4vw,2.5rem);scrollbar-color:#c7c2b9 transparent;--atproto-comments-accent: #e73476;--atproto-comments-radius: 999px;--atproto-comments-font-size: .9rem}.demo-hint.svelte-1uha8ag{color:#8f8d96;font-size:.78rem;text-align:center}.demo-hint.svelte-1uha8ag code:where(.svelte-1uha8ag){border-color:#414149;background:#2b2b31}.architecture.svelte-1uha8ag{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(3rem,7vw,7rem)}.flow.svelte-1uha8ag{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}.flow-node.svelte-1uha8ag{min-height:180px;display:flex;flex-direction:column;justify-content:center;padding:1.2rem;border:1px solid #cdc8bf;text-align:center}.flow-node.svelte-1uha8ag small:where(.svelte-1uha8ag),.flow-node.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#7a756d;font-size:.7rem}.flow-node.svelte-1uha8ag strong:where(.svelte-1uha8ag){margin:.55rem 0;letter-spacing:-.03em}.accent-node.svelte-1uha8ag{border-color:#ff8db5;background:#ffe5ee}.flow-arrow.svelte-1uha8ag{padding:0 .6rem;color:#c33d70}.architecture-notes.svelte-1uha8ag{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;color:#6a665f;font-size:.77rem;line-height:1.5}.architecture-notes.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.architecture-notes.svelte-1uha8ag strong:where(.svelte-1uha8ag){display:block;color:#222}.reference.svelte-1uha8ag{width:auto;padding-inline:max(1.5rem,calc((100vw - 1180px)/2));background:#eae6de}.table-wrap.svelte-1uha8ag{overflow-x:auto;border-top:1px solid #bdb7ad}table.svelte-1uha8ag{width:100%;border-collapse:collapse;font-size:.83rem}th.svelte-1uha8ag,td.svelte-1uha8ag{padding:1rem;border-bottom:1px solid #cec8be;text-align:left;vertical-align:top}th.svelte-1uha8ag{color:#6e6961;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}td.svelte-1uha8ag:nth-child(2),td.svelte-1uha8ag:nth-child(3){white-space:nowrap;color:#6c675f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.events-grid.svelte-1uha8ag{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(3rem,8vw,8rem);margin-top:4rem}.events-grid.svelte-1uha8ag>div:where(.svelte-1uha8ag):first-child p:where(.svelte-1uha8ag),.self-host-copy.svelte-1uha8ag>p:where(.svelte-1uha8ag){color:#656159;line-height:1.65}.event-list.svelte-1uha8ag p:where(.svelte-1uha8ag){display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;gap:1rem;margin:0;padding:.7rem 0;border-bottom:1px solid #cec8be;color:#68635c;font-size:.78rem}.event-list.svelte-1uha8ag code:where(.svelte-1uha8ag){color:#bd2d63}.self-host.svelte-1uha8ag{grid-template-columns:1fr 1fr}.self-host-copy.svelte-1uha8ag>p:where(.svelte-1uha8ag){max-width:560px}.self-host.svelte-1uha8ag ul:where(.svelte-1uha8ag){display:grid;gap:1rem;padding:0;list-style:none}.self-host.svelte-1uha8ag li:where(.svelte-1uha8ag){padding-left:1.2rem;border-left:1px solid #d9a1b5;color:#625e57;font-size:.87rem;line-height:1.6}.self-host.svelte-1uha8ag li:where(.svelte-1uha8ag) strong:where(.svelte-1uha8ag){color:#222}.resource-note.svelte-1uha8ag{margin-top:2rem;padding:1.2rem;border:1px solid #d4cec4;background:#efebe4}.resource-note.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-bottom:0;color:#676159;font-size:.8rem;line-height:1.6}.self-host-code.svelte-1uha8ag{align-self:start;padding:1.5rem;border-radius:14px;background:#202025;color:#f8f6f1;box-shadow:0 24px 60px #1f191b24}.self-host-code.svelte-1uha8ag pre:where(.svelte-1uha8ag){border:1px solid #37373e}.code-label.svelte-1uha8ag{margin:.8rem 0 .6rem;color:#93929c;font:.7rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.code-label.svelte-1uha8ag:first-child{margin-top:0}.text-link.svelte-1uha8ag{display:inline-block;margin-top:1.4rem;color:#ff8fb6;font-size:.82rem;font-weight:700;text-decoration:none}.closing.svelte-1uha8ag{padding:clamp(7rem,13vw,12rem) 1.5rem;background:#f7c9d9;text-align:center}.closing-star.svelte-1uha8ag{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 1.5rem;border-radius:50%;background:#e73476;color:#fff}.closing.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:2rem}footer.svelte-1uha8ag{min-height:130px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}footer.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#777169;font-size:.75rem;text-align:center}footer.svelte-1uha8ag div:where(.svelte-1uha8ag){justify-content:flex-end}@media(max-width:850px){.site-header.svelte-1uha8ag nav:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):not(.github-link){display:none}.hero.svelte-1uha8ag,.split-section.svelte-1uha8ag,.architecture.svelte-1uha8ag,.self-host.svelte-1uha8ag{grid-template-columns:1fr}.hero.svelte-1uha8ag{padding-top:4rem}.hero-code.svelte-1uha8ag{transform:none}.principles.svelte-1uha8ag{grid-template-columns:1fr}.principles.svelte-1uha8ag article:where(.svelte-1uha8ag)+article:where(.svelte-1uha8ag){border-top:1px solid #d9d5cd;border-left:0}.demo-heading.svelte-1uha8ag,.reference-heading.svelte-1uha8ag,.events-grid.svelte-1uha8ag{grid-template-columns:1fr}.flow.svelte-1uha8ag{grid-template-columns:1fr;gap:0}.flow-arrow.svelte-1uha8ag{padding:.35rem;transform:rotate(90deg);text-align:center}.architecture-notes.svelte-1uha8ag{grid-column:auto}footer.svelte-1uha8ag{grid-template-columns:1fr;padding:2rem 0;text-align:center}footer.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}footer.svelte-1uha8ag div:where(.svelte-1uha8ag){justify-content:center}}@media(max-width:560px){.site-header.svelte-1uha8ag,footer.svelte-1uha8ag,.hero.svelte-1uha8ag,.section.svelte-1uha8ag,.principles.svelte-1uha8ag{width:min(100% - 2rem,1180px)}h1.svelte-1uha8ag{font-size:3.7rem}h2.svelte-1uha8ag{font-size:2.75rem}.hero.svelte-1uha8ag{gap:3rem;min-height:0}.hero-code.svelte-1uha8ag pre:where(.svelte-1uha8ag){font-size:.68rem}.demo-section.svelte-1uha8ag,.reference.svelte-1uha8ag{width:auto;padding-inline:1rem}.demo-toolbar.svelte-1uha8ag{align-items:flex-start;flex-direction:column}.architecture-notes.svelte-1uha8ag{grid-template-columns:1fr}.event-list.svelte-1uha8ag p:where(.svelte-1uha8ag){grid-template-columns:1fr;gap:.35rem}}