.tldr.svelte-blrdck{background:var(--color-surface);border:1px solid rgba(0,0,0,.5);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}[data-theme=light] .tldr.svelte-blrdck{background:#f5f5f7}.hook-examples.svelte-blrdck{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-lg) 0 var(--space-2xl)}.hook-example.svelte-blrdck{display:grid;grid-template-columns:200px 1.5rem 1fr;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg)}.hook-example.level-1.svelte-blrdck{background:#00d9ff0d;border:1px solid rgba(0,217,255,.2)}.hook-example.level-2.svelte-blrdck{background:#00d9ff17;border:1px solid rgba(0,217,255,.3)}.hook-example.level-3.svelte-blrdck{background:#00d9ff24;border:1px solid rgba(0,217,255,.4)}.hook-example.level-4.svelte-blrdck{background:#00d9ff33;border:1px solid rgba(0,217,255,.5)}[data-theme=light] .hook-example.level-1.svelte-blrdck{background:#00d9ff14;border-color:#00d9ff4d}[data-theme=light] .hook-example.level-2.svelte-blrdck{background:#00d9ff24;border-color:#00d9ff73}[data-theme=light] .hook-example.level-3.svelte-blrdck{background:#00d9ff38;border-color:#00d9ff99}[data-theme=light] .hook-example.level-4.svelte-blrdck{background:#00d9ff59;border-color:#00d9ffbf}.hook-event.svelte-blrdck{font-size:var(--font-small-size);font-weight:700;color:var(--color-text)}.hook-arrow.svelte-blrdck{font-size:var(--font-small-size);color:var(--color-text-secondary);opacity:.5;text-align:center}.hook-action.svelte-blrdck{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5}.change-cards.svelte-blrdck{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0 var(--space-2xl);flex-wrap:wrap}.change-card.svelte-blrdck{flex:1;min-width:160px;display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg)}.change-card-aol4.svelte-blrdck{background:#00d9ff33;border:1px solid rgba(0,217,255,.5)}.change-card-aol5.svelte-blrdck{background:#00d9ff47;border:1px solid rgba(0,217,255,.6)}[data-theme=light] .change-card-aol4.svelte-blrdck{background:#00d9ff59;border-color:#00d9ffbf}[data-theme=light] .change-card-aol5.svelte-blrdck{background:#00d9ff8c;border-color:#00d9ff}.change-before.svelte-blrdck{font-size:var(--font-small-size);font-weight:700;color:#00d9ffe0}.change-after.svelte-blrdck{font-size:var(--font-small-size);font-weight:700;color:#00d9ff}[data-theme=light] .change-before.svelte-blrdck,[data-theme=light] .change-after.svelte-blrdck{color:#0a0e27}.change-description.svelte-blrdck{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5}.change-arrow.svelte-blrdck{color:var(--color-text-secondary);opacity:.4;flex-shrink:0}.role-card.svelte-blrdck{display:flex;flex-direction:column;gap:var(--space-md);margin:0 0 var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:#00d9ff0d;border:1px solid rgba(0,217,255,.2)}[data-theme=light] .role-card.svelte-blrdck{background:#00d9ff14;border-color:#00d9ff4d}.role-label.svelte-blrdck{font-size:var(--font-small-size);font-weight:700;color:var(--color-text)}.role-row.svelte-blrdck{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-lg)}.role-item.svelte-blrdck{display:flex;flex-direction:column;gap:var(--space-3xs)}.role-state.svelte-blrdck{font-size:var(--font-small-size);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.role-text.svelte-blrdck{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.6}.role-arrow.svelte-blrdck{font-size:var(--font-small-size);color:var(--color-text-secondary);opacity:.5;flex-shrink:0;text-align:center}.summary-cards.svelte-blrdck{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-lg) 0 var(--space-xl)}.summary-card.svelte-blrdck{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid rgba(0,0,0,.5);border-radius:var(--radius-lg)}[data-theme=light] .summary-card.svelte-blrdck{background:#f5f5f7}.summary-badge.svelte-blrdck{font-size:var(--font-small-size);font-weight:700;color:var(--color-text-secondary);min-width:3.5rem;flex-shrink:0}.summary-title.svelte-blrdck{font-size:var(--font-small-size);font-weight:700;color:var(--color-text);min-width:5rem;flex-shrink:0}.summary-role.svelte-blrdck{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5}.snapshot-cta.svelte-blrdck{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);margin-top:var(--space-xl);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);border:1px solid rgba(0,217,255,.3);background:#00d9ff0d}.snapshot-cta.svelte-blrdck p:where(.svelte-blrdck){margin:0;font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.6}@media(max-width:38.2rem){.role-row.svelte-blrdck{grid-template-columns:1fr;gap:var(--space-xs)}.role-arrow.svelte-blrdck{display:none}.hook-example.svelte-blrdck{grid-template-columns:1fr;gap:var(--space-3xs)}.hook-arrow.svelte-blrdck{display:none}.snapshot-cta.svelte-blrdck{flex-direction:column;align-items:flex-start}.snapshot-cta.svelte-blrdck .btn:where(.svelte-blrdck){width:100%;justify-content:center}.change-arrow.svelte-blrdck svg:where(.svelte-blrdck){transform:rotate(90deg)}}.starter-card.svelte-blrdck{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-xl);border:1px solid rgba(0,0,0,.5);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}[data-theme=light] .starter-card.svelte-blrdck{background:#f5f5f7;border-color:#00000080}.starter-label.svelte-blrdck{font-size:var(--font-small-size);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .starter-label.svelte-blrdck{border-bottom-color:#0000000f}.starter-row.svelte-blrdck{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(0,0,0,.06)}.starter-row.svelte-blrdck:last-child{border-bottom:none}.starter-info.svelte-blrdck{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.starter-name.svelte-blrdck{font-size:var(--font-body-size);font-weight:600;color:var(--color-text)}.starter-desc.svelte-blrdck{font-size:var(--font-small-size);color:var(--color-text-secondary);line-height:1.5}.starter-btn.svelte-blrdck{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-small-size);font-weight:600;color:var(--color-accent);text-decoration:none;border:1px solid var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:44px;white-space:nowrap}.starter-btn.svelte-blrdck:hover{background:#00d9ff1a;transform:translateY(-1px)}.starter-gate.svelte-blrdck{flex-shrink:0;display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-small-size);font-weight:600;color:var(--color-text-secondary);text-decoration:none;border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:44px;white-space:nowrap}.starter-gate.svelte-blrdck:hover{color:var(--color-text);border-color:#0006}@media(max-width:38.2rem){.starter-row.svelte-blrdck{flex-wrap:wrap}.starter-btn.svelte-blrdck,.starter-gate.svelte-blrdck{width:100%;justify-content:center}}.prev-next.svelte-blrdck{display:flex;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid rgba(0,0,0,.5)}@media(max-width:38.2rem){.prev-next.svelte-blrdck{flex-direction:column}}