.webmentions{margin:4rem 0 2rem;padding:2rem 0 0;border-top:2px solid #e5e7eb}.webmentions h2{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.webmentions h3{font-size:1.25rem;font-weight:600;margin:2rem 0 1rem;color:#374151}.webmentions-info{font-size:.875rem;color:#6b7280;margin-bottom:2rem}.webmentions-info a{color:#3b82f6;text-decoration:underline}.webmentions-empty,.webmentions-loading{margin:4rem 0 2rem;padding:2rem;background:#f9fafb;border-radius:8px;text-align:center}.webmention-likes,.webmention-reposts,.webmention-bookmarks{margin:2rem 0;padding:1.5rem;background:#f9fafb;border-radius:8px}.like-avatars,.repost-avatars,.bookmark-avatars{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.like-avatar,.repost-avatar,.bookmark-avatar{position:relative;display:block;transition:transform .2s}.like-avatar:hover,.repost-avatar:hover,.bookmark-avatar:hover{transform:translateY(-2px);z-index:10}.like-avatar img,.repost-avatar img,.bookmark-avatar img{width:40px;height:40px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;font-weight:600;font-size:1rem;text-transform:uppercase;border:2px solid #fff}.avatar-placeholder.large{width:48px;height:48px;font-size:1.25rem}.more-count{display:inline-flex;align-items:center;padding:0 .75rem;height:40px;background:#e5e7eb;border-radius:20px;font-size:.875rem;color:#6b7280;font-weight:500}.webmention-replies{margin:2rem 0}.webmention{margin:1.5rem 0;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #3b82f6;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,5%)}.webmention-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.webmention-author{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#1f2937;flex:1}.webmention-author:hover{color:#3b82f6}.webmention-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #e5e7eb}.webmention-author-name{font-weight:600;font-size:1rem}.webmention-date{font-size:.875rem;color:#6b7280;text-decoration:none;white-space:nowrap}.webmention-date:hover{color:#3b82f6}.webmention-content{margin:1rem 0;line-height:1.7;color:#374151}.webmention-content p{margin:.75rem 0}.webmention-content a{color:#3b82f6;text-decoration:underline}.webmention-content img{max-width:100%;height:auto;border-radius:4px;margin:.5rem 0}.webmention-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.webmention-source{font-size:.875rem;color:#6b7280;text-decoration:none}.webmention-source:hover{color:#3b82f6;text-decoration:underline}.webmention-mentions{margin:2rem 0}.webmention-mention{padding:.75rem;margin:.5rem 0;background:#f9fafb;border-radius:4px;font-size:.9375rem}.webmention-mention a{color:#3b82f6;text-decoration:none}.webmention-mention a:hover{text-decoration:underline}.webmention-cta{margin:3rem 0 0;padding:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;text-align:center}.webmention-cta p{margin:0;color:#1e40af}.webmention-cta a{color:#1e40af;font-weight:600;text-decoration:underline}@media(max-width:640px){.webmentions{margin:2rem 0 1rem}.webmention{padding:1rem}.webmention-header{flex-direction:column;align-items:flex-start}.webmention-author{width:100%}.webmention-date{margin-left:60px}.like-avatar img,.repost-avatar img,.bookmark-avatar img{width:32px;height:32px}.avatar-placeholder{width:32px;height:32px;font-size:.875rem}}@media(prefers-color-scheme:dark){.webmentions{border-top-color:#374151}.webmentions h2,.webmentions h3{color:#f9fafb}.webmentions-info{color:#9ca3af}.webmentions-empty,.webmentions-loading{background:#1f2937;color:#e5e7eb}.webmention-likes,.webmention-reposts,.webmention-bookmarks{background:#1f2937}.webmention{background:#1f2937;border-color:#374151;color:#e5e7eb}.webmention-author{color:#f9fafb}.webmention-content{color:#d1d5db}.webmention-mention{background:#1f2937}.webmention-cta{background:#1e3a5f;border-color:#1e40af;color:#bfdbfe}.webmention-cta p{color:#bfdbfe}}