.bsky-comments{container-type:inline-size;container-name:bsky;display:grid;grid-template-columns:1fr auto;row-gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.bsky-header{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline}.bsky-title{grid-column:1;font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-text)}.bsky-summary{grid-column:2;display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.bsky-summary-item{display:inline-flex;align-items:center;gap:3px}.bsky-summary-item--liked{color:#e63946}.bsky-summary-item--liked svg{stroke:#e63946}.bsky-loading,.bsky-error{grid-column:1 / -1;color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-mono);padding:var(--space-2) 0}.bsky-thread{grid-column:1 / -1;display:flex;flex-direction:column}.bsky-comment{display:grid;grid-template-columns:40px 1fr;column-gap:var(--space-3);padding:var(--space-4) 0 var(--space-5);padding-left:calc(var(--depth, 0) * 2.5rem);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.bsky-comment:last-child{border-bottom:none}.bsky-avatar-col{grid-column:1;grid-row:1 / -1;padding-top:2px}.bsky-avatar{width:40px;height:40px;clip-path:inset(0 round 30%);object-fit:cover;display:block}.bsky-avatar-placeholder{width:40px;height:40px;clip-path:inset(0 round 30%);background-color:var(--color-border)}.bsky-content{grid-column:2;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.bsky-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.bsky-author-link{display:inline-flex;align-items:center;gap:var(--space-1);text-decoration:none;border:none;color:inherit;min-width:0}.bsky-author-link:hover{border:none;color:var(--color-accent)}.bsky-display-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap}.bsky-handle{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bsky-dot{color:var(--color-border);font-size:.75rem;flex-shrink:0}.bsky-timestamp{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);text-decoration:none;border:none;white-space:nowrap;flex-shrink:0}.bsky-timestamp:hover{color:var(--color-accent);border:none}.bsky-text{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text);word-break:break-word}.bsky-stats{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.bsky-stat{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);text-decoration:none;border:none;padding:2px 6px;border-radius:999px;background:transparent;transition:background .15s ease,color .15s ease}.bsky-stat:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);border:none}.bsky-stat svg{flex-shrink:0}.bsky-stat--liked{color:#e63946}.bsky-stat--liked svg{stroke:#e63946}.bsky-stat--liked:hover{background:color-mix(in srgb,#e63946 10%,transparent);color:#e63946}.bsky-no-comments{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-md);padding:var(--space-4) 0;margin:0}.bsky-cta{grid-column:1 / -1;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;width:fit-content;transition:border-color .15s ease,color .15s ease}.bsky-cta:hover{border-color:var(--color-accent);color:var(--color-accent);border-bottom-color:var(--color-accent)}@container bsky (max-width: 400px){.bsky-comment{grid-template-columns:32px 1fr;padding-left:calc(var(--depth, 0) * 1rem)}.bsky-avatar,.bsky-avatar-placeholder{width:32px;height:32px}}@container bsky (max-width: 360px){.bsky-header{grid-template-columns:1fr;row-gap:var(--space-2)}.bsky-summary{grid-column:1}}
