.conv{container-type:inline-size;margin:2.5rem 0}.conv-thread{--conv-avatar: 34px;--conv-lead: 46px;--conv-inset: max(56px, 15cqi);--conv-measure: 30em;--conv-bubble-max: min( var(--conv-measure), calc(100cqi - var(--conv-lead) - var(--conv-inset)) );--conv-radius: 16px;--conv-notch: 4px;--conv-bubble-gap: 4px;--conv-group-gap: 18px;--conv-neutral: hsl(var(--foreground) / .075);--conv-neutral-fg: hsl(var(--foreground) / .88);--conv-accent: hsl(var(--foreground));--conv-on-accent: hsl(var(--background));--conv-name-light: hsl(var(--foreground) / .62);--conv-name-dark: hsl(var(--foreground) / .62);font-family:var(--font-sans);font-size:16px;line-height:1.5;letter-spacing:.003em;text-autospace:normal;display:flex;flex-direction:column;gap:var(--conv-group-gap)}.dark .conv-thread{--conv-neutral: hsl(var(--foreground) / .1)}@container (max-width: 520px){.conv-thread{--conv-inset: max(26px, 8cqi);--conv-avatar: 28px;--conv-lead: 38px}}@container (max-width: 360px){.conv-thread{--conv-lead: 0px;--conv-inset: max(18px, 6cqi);font-size:15px}.conv-thread .conv-avatar{display:none}}.conv-group{display:flex;align-items:flex-end;gap:12px;min-width:0;--conv-name: var(--conv-name-light);--conv-tint: var(--conv-tint-light, var(--conv-neutral))}.dark .conv-group{--conv-name: var(--conv-name-dark);--conv-tint: var(--conv-tint-dark, var(--conv-neutral))}.conv-group[data-tints=off]{--conv-tint: var(--conv-neutral)}.conv-group--out{flex-direction:row-reverse}.conv-avatar{flex:0 0 auto;width:var(--conv-avatar);height:var(--conv-avatar);border-radius:999px;display:grid;place-items:center;font-size:calc(var(--conv-avatar) * .56);line-height:1;overflow:hidden;background:color-mix(in oklab,var(--conv-name) 18%,transparent);color:var(--conv-name);font-family:var(--font-mono);font-weight:600;letter-spacing:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:1px}.conv-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.conv-avatar svg{width:68%;height:68%;fill:currentColor}.conv-group--out .conv-avatar,.conv-group[data-avatars=off] .conv-avatar{visibility:hidden}.conv-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--conv-bubble-gap);min-width:0;flex:0 1 auto}.conv-group--out .conv-stack{align-items:flex-end}.conv-name{font-size:.8125em;font-weight:500;line-height:1.35;letter-spacing:.005em;padding-inline:1.077em;color:var(--conv-name);-webkit-user-select:none;-moz-user-select:none;user-select:none}.conv-name--sr,.conv-group[data-names=off] .conv-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.conv-bubble{position:relative;width:-moz-fit-content;width:fit-content;max-width:var(--conv-bubble-max);min-width:calc(var(--conv-radius) * 2 + 8px);padding:.625em .875em;border-radius:var(--conv-radius);background:var(--conv-tint, var(--conv-neutral));color:var(--conv-neutral-fg);overflow-wrap:anywhere;word-break:normal;line-break:strict;text-align:center}.conv-bubble--wide{text-align:start}.conv-bubble>p{margin:0;font-size:inherit}.conv-bubble a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;opacity:.92}.conv-bubble a:hover{opacity:1}.conv-bubble code{font-family:var(--font-code);font-size:.85em;padding:.1em .35em;border-radius:5px;background:hsl(var(--foreground) / .07)}.conv-group--out .conv-bubble{background:var(--conv-accent);color:var(--conv-on-accent)}.conv-group--out .conv-bubble code{background:#ffffff2e}.dark .conv-group--out .conv-bubble code{background:#0000002e}.conv-bubble--last{border-end-start-radius:var(--conv-notch)}.conv-group--out .conv-bubble--last{border-end-start-radius:var(--conv-radius);border-end-end-radius:var(--conv-notch)}.conv-note{align-self:center;font-size:12px;line-height:1.2;letter-spacing:.01em;color:var(--blog-faint, hsl(var(--foreground) / .42));padding:2px 0;display:flex;align-items:center;gap:12px;max-width:100%}.conv-note:before,.conv-note:after{content:"";width:28px;height:1px;background:var(--blog-line, hsl(var(--foreground) / .1))}.conv-note--rule{gap:0}.conv-note--rule:before{width:64px}.conv-note--rule:after{display:none}