.pp-post-card{background-color:var(--pp-card-bg);border:1px solid var(--pp-card-border);border-radius:var(--pp-radius-xl);margin-bottom:var(--pp-space-6)}.pp-post-card__header{display:flex;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-4) var(--pp-space-5)}.pp-post-card__author{flex:1;min-width:0}.pp-post-card__author-name{font-size:var(--pp-text-sm);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-post-card__author-name a{color:inherit;text-decoration:none}.pp-post-card__author-name a:hover{text-decoration:underline}.pp-post-card__meta{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted);display:flex;align-items:center;gap:var(--pp-space-1)}.pp-post-card__more{flex-shrink:0}.pp-post-card__time{text-decoration:none}.pp-activity-edited{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-activity-edited--button{padding:0;font:inherit;font-size:var(--pp-text-xs);background:none;border:0;cursor:pointer}.pp-activity-edited--button:hover{text-decoration:underline}.pp-post-card__body{padding:0 var(--pp-space-5) var(--pp-space-4)}.pp-post-card__text{font-size:var(--pp-text-sm);color:var(--pp-color-text);line-height:var(--pp-leading-relaxed)}.pp-post-card__media{margin:0;overflow:hidden}.pp-post-card__media img,.pp-post-card__media video{width:100%;display:block}.pp-post-card__media--rounded{margin:0 var(--pp-space-5);border-radius:var(--pp-radius-lg);overflow:hidden}.pp-post-card__stats{display:flex;align-items:center;justify-content:space-between;padding:var(--pp-space-2) var(--pp-space-5);font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-post-card__stats:not(:has(>:not([hidden]))){display:none}.pp-post-card__stats-item{display:inline-flex;align-items:center;gap:var(--pp-space-1)}.pp-post-card__stats-link{padding:0;font:inherit;color:inherit;background:none;border:none;cursor:pointer}.pp-post-card__stats-link:hover,.pp-post-card__stats-link:focus-visible{color:var(--pp-color-text-link-hover);text-decoration:underline}.pp-post-card__actions{display:flex;border-top:1px solid var(--pp-color-border);padding:var(--pp-space-1) var(--pp-space-2)}.pp-post-card__actions .pp-btn-set{display:contents}.pp-post-card__action,.pp-post-card__actions .pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pp-space-2);flex:1;padding:var(--pp-space-2);font-size:var(--pp-text-sm);font-weight:var(--pp-font-medium);color:var(--pp-color-text-secondary);background:none;border:none;border-radius:var(--pp-radius-md);cursor:pointer;transition-property:color,background-color;transition-duration:var(--pp-duration-150);transition-timing-function:var(--pp-ease-in-out)}.pp-post-card__action:hover,.pp-post-card__actions .pp-btn:hover{background-color:var(--pp-color-bg-secondary);color:var(--pp-color-text)}.pp-post-card__action.is-active,.pp-post-card__actions .pp-btn.is-active{color:var(--pp-color-primary-600)}.pp-post-card__action.is-active:hover{background-color:var(--pp-color-primary-50)}.pp-post-card__embed{margin:0 var(--pp-space-4) var(--pp-space-4)}.pp-post-card__embed--player{overflow:hidden;border-radius:var(--pp-radius-lg)}.pp-post-card__embed--player iframe{display:block;width:100%;max-width:100%;border:0}.pp-post-card__embed--sized iframe{height:100%}.pp-post-card__shared{margin:0 var(--pp-space-5) var(--pp-space-4);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-lg);overflow:hidden}.pp-post-card__shared-header{display:flex;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-3) var(--pp-space-4)}.pp-post-card__shared-author{flex:1;min-width:0}.pp-post-card__shared-author-name{font-size:var(--pp-text-sm);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-post-card__shared-author-name a{color:inherit;text-decoration:none}.pp-post-card__shared-author-name a:hover{text-decoration:underline}.pp-post-card__shared-meta{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted);text-decoration:none}.pp-post-card__shared .pp-post-card__body{padding:0 var(--pp-space-4) var(--pp-space-3)}.pp-post-card__shared--unavailable{padding:var(--pp-space-4);background-color:var(--pp-color-neutral-50)}.pp-post-card__shared-notice{margin:0;font-size:var(--pp-text-sm);color:var(--pp-color-text-secondary)}.pp-post-card__body.pp-post-card__text--has-bg{min-height:16rem;display:flex;align-items:center;justify-content:center;padding:var(--pp-space-8) var(--pp-space-6);text-align:center}.pp-post-card__body.pp-post-card__text--has-bg .pp-post-card__text{font-size:var(--pp-text-xl);font-weight:var(--pp-font-semibold);line-height:var(--pp-leading-snug);color:inherit}.pp-post-card__body.pp-post-card__text--has-bg .pp-post-card__text p{font-size:inherit;color:inherit}.pp-post-card__context,.pp-post-card__action{font-weight:var(--pp-font-normal);color:var(--pp-color-text-secondary)}.pp-post-card__context a,.pp-post-card__action a{font-weight:var(--pp-font-semibold);color:var(--pp-color-text);text-decoration:none}.pp-post-card__context a:hover,.pp-post-card__action a:hover{text-decoration:underline}.pp-post-card__comment-section{padding:var(--pp-space-3) var(--pp-space-4) var(--pp-space-4);border-top:1px solid var(--pp-color-border)}.pp-post-card__comment-list{margin-top:var(--pp-space-3);display:flex;flex-direction:column;gap:var(--pp-space-3)}.pp-comment{display:flex;gap:var(--pp-space-3)}.pp-comment__avatar{flex-shrink:0}.pp-comment__content{flex:1;min-width:0}.pp-comment__bubble{background-color:var(--pp-color-bg-secondary);border-radius:var(--pp-radius-xl);padding:var(--pp-space-3) var(--pp-space-4)}.pp-comment__author{font-size:var(--pp-text-sm);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-comment__text{font-size:var(--pp-text-sm);color:var(--pp-color-text);line-height:var(--pp-leading-relaxed);margin-top:var(--pp-space-0-5)}.pp-comment__media,.pp-comment__gif{margin-top:var(--pp-space-1-5);max-width:16rem}.pp-comment__media img,.pp-comment__media video,.pp-comment__gif img{display:block;max-width:100%;border-radius:var(--pp-radius-lg)}.pp-comment__actions{display:flex;align-items:center;gap:var(--pp-space-4);margin-top:var(--pp-space-1-5);padding-left:var(--pp-space-1)}.pp-comment__actions .pp-btn--link{font-weight:var(--pp-font-medium);color:var(--pp-color-text-muted)}.pp-comment__actions .pp-btn--link:hover{color:var(--pp-color-text-secondary);text-decoration:none}.pp-comment__actions .pp-btn--link.is-active{color:var(--pp-color-primary-600)}.pp-comment__actions .pp-btn--link-danger:hover{color:var(--pp-color-error-600)}.pp-comment__time{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-comment-edit{display:flex;flex-direction:column;gap:var(--pp-space-2);margin-top:var(--pp-space-1)}.pp-comment-edit__actions{display:flex;justify-content:flex-end;gap:var(--pp-space-2)}.pp-comment__content:has(>.pp-comment__bubble>[data-pp-comment-edit])>.pp-comment__actions{display:none}.pp-activity-revision{padding:var(--pp-space-3) 0;border-bottom:1px solid var(--pp-color-border)}.pp-activity-revision:last-child{border-bottom:0}.pp-activity-revision__meta{margin-bottom:var(--pp-space-1);font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-activity-revision__content{font-size:var(--pp-text-sm);white-space:pre-wrap}.pp-comment__replies{margin-top:var(--pp-space-3);padding-left:var(--pp-space-6);border-left:2px solid var(--pp-color-border)}.pp-comment__replies .pp-comment{margin-top:var(--pp-space-3)}.pp-comment__replies-load{margin-top:var(--pp-space-2);padding:0 var(--pp-space-1);font-size:var(--pp-text-xs);font-weight:var(--pp-font-medium);color:var(--pp-color-text-link);background:none;border:none;cursor:pointer}.pp-comment__replies-load:hover{color:var(--pp-color-text-link-hover);text-decoration:underline}.pp-comment__replies-load:disabled{cursor:default;opacity:.6}.pp-comment-input{display:flex;gap:var(--pp-space-3);align-items:flex-start}.pp-comment-input__field{flex:1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--pp-space-2);background:var(--pp-color-bg-secondary);border-radius:var(--pp-radius-xl);padding:var(--pp-space-2) var(--pp-space-3)}.pp-comment-input .pp-field-textarea{min-height:2rem;border:none;background:transparent;padding:var(--pp-space-1) 0;resize:none;flex:1}.pp-comment-input .pp-field-textarea:focus,.pp-comment-reply-input .pp-field-textarea:focus{box-shadow:none}.pp-comment-input__field:focus-within,.pp-comment-reply-input__field:focus-within{box-shadow:var(--pp-shadow-focus-ring)}.pp-comment-input__tools{display:flex;align-items:center;gap:2px;flex-shrink:0}.pp-comment-input__tool{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--pp-radius-full);border:none;background:transparent;color:var(--pp-color-text-muted);cursor:pointer;padding:0;font-size:.75rem;transition:background-color .15s,color .15s}.pp-comment-input__tool:hover{background:var(--pp-color-neutral-100);color:var(--pp-color-text-secondary)}.pp-comment-input__tool--text{font-weight:700;font-size:var(--pp-text-xs);letter-spacing:-.02em}.pp-comment-input__tool--send{color:var(--pp-color-primary-500)}.pp-comment-input__tool--send:hover{background:var(--pp-color-primary-50);color:var(--pp-color-primary-600)}.pp-comment-attachment-preview{display:flex;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-2) var(--pp-space-3);background:var(--pp-color-neutral-50);border-radius:var(--pp-radius-md);margin-top:var(--pp-space-1);font-size:var(--pp-text-xs);color:var(--pp-color-text-secondary);width:100%;order:10}.pp-comment-attachment-preview__thumb{width:2.5rem;height:2.5rem;border-radius:var(--pp-radius-xs);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.pp-comment-attachment-preview__info{flex:1;min-width:0}.pp-comment-attachment-preview__name{font-weight:var(--pp-font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-comment-attachment-preview__remove{width:1.25rem;height:1.25rem;border-radius:var(--pp-radius-full);border:none;background:var(--pp-color-neutral-200);color:var(--pp-color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0}.pp-comment-attachment-preview__remove:hover{background:var(--pp-color-neutral-300)}.pp-comment-gif-picker{width:18rem;background:var(--pp-card-bg, #fff);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-xl);box-shadow:var(--pp-shadow-lg);overflow:hidden}.pp-comment-gif-picker:not(.pp-emoji-picker-float){position:absolute;bottom:100%;right:0;margin-bottom:var(--pp-space-2);z-index:50}.pp-comment-gif-picker__header{padding:var(--pp-space-2) var(--pp-space-3);border-bottom:1px solid var(--pp-color-border);display:flex;align-items:center;justify-content:space-between}.pp-comment-gif-picker__header span{font-weight:var(--pp-font-semibold);font-size:var(--pp-text-sm)}.pp-comment-gif-picker__search{padding:var(--pp-space-2) var(--pp-space-3)}.pp-comment-gif-picker__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:var(--pp-space-2);max-height:10rem;overflow-y:auto}.pp-comment-gif-picker__item{aspect-ratio:4/3;border-radius:var(--pp-radius-md);overflow:hidden;cursor:pointer;background:var(--pp-color-neutral-100);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:none;padding:0;transition:transform .1s}.pp-comment-gif-picker__item:hover{transform:scale(1.05)}.pp-comment-reply-input{margin-top:var(--pp-space-2);display:flex;gap:var(--pp-space-2);align-items:flex-end}.pp-comment-reply-input__field{flex:1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--pp-space-1);background:var(--pp-color-bg-secondary);border-radius:var(--pp-radius-xl);padding:var(--pp-space-1-5) var(--pp-space-3)}.pp-comment-reply-input .pp-field-textarea{min-height:1.5rem;border:none;background:transparent;padding:var(--pp-space-0-5) 0;resize:none;flex:1;font-size:var(--pp-text-xs)}.pp-post-media-files{display:flex;flex-direction:column;gap:var(--pp-space-2);padding:var(--pp-space-3) var(--pp-space-5)}.pp-media-audio{display:flex;flex-direction:column;gap:var(--pp-space-1);padding:var(--pp-space-2) var(--pp-space-3);background:var(--pp-color-neutral-50);border-radius:var(--pp-radius-md)}.pp-media-audio__name{overflow:hidden;font-size:var(--pp-text-xs);font-weight:var(--pp-font-medium);color:var(--pp-color-text);white-space:nowrap;text-overflow:ellipsis}.pp-media-audio audio{display:block;width:100%}.pp-media-file{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--pp-space-2);max-width:100%;padding:var(--pp-space-2) var(--pp-space-3);font-size:var(--pp-text-xs);color:var(--pp-color-text);text-decoration:none;background:var(--pp-color-neutral-50);border-radius:var(--pp-radius-md)}.pp-media-file:hover,.pp-media-file:focus-visible{background:var(--pp-color-neutral-100)}.pp-media-file__name{overflow:hidden;font-weight:var(--pp-font-medium);white-space:nowrap;text-overflow:ellipsis}.pp-poll{display:flex;flex-direction:column;gap:var(--pp-space-2);padding:var(--pp-space-3) var(--pp-space-5)}.pp-poll__option{position:relative;display:flex;align-items:center;gap:var(--pp-space-3);width:100%;min-height:2.75rem;padding:var(--pp-space-2) var(--pp-space-4);overflow:hidden;font-family:inherit;font-size:var(--pp-text-sm);color:var(--pp-color-text);text-align:left;background:var(--pp-card-bg, #fff);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.pp-poll__option:hover:not(:disabled){border-color:var(--pp-color-primary-500)}.pp-poll__option:focus-visible{outline:none;box-shadow:var(--pp-shadow-focus-ring)}.pp-poll__option:disabled{cursor:default}.pp-poll__bar{position:absolute;inset:0 auto 0 0;background:var(--pp-color-neutral-100);transition:width .3s ease}.pp-poll__label,.pp-poll__percent{position:relative}.pp-poll__label{flex:1;min-width:0;overflow-wrap:anywhere}.pp-poll__percent{flex-shrink:0;font-weight:var(--pp-font-semibold);color:var(--pp-color-text-secondary)}.pp-poll__option.is-voted{border-color:var(--pp-color-primary-500)}.pp-poll__option.is-voted .pp-poll__bar{background:var(--pp-color-primary-100)}.pp-poll__option.is-voted .pp-poll__label,.pp-poll__option.is-voted .pp-poll__percent{font-weight:var(--pp-font-semibold);color:var(--pp-color-primary-600)}.pp-poll__meta{font-size:var(--pp-text-xs);color:var(--pp-color-text-tertiary)}.pp-profile-card{background-color:var(--pp-card-bg);border:1px solid var(--pp-card-border);border-radius:var(--pp-radius-xl);overflow:hidden}.pp-profile-card__cover{height:8rem;background-color:var(--pp-color-primary-100);background-size:cover;background-position:center}.pp-profile-card__body{padding:0 var(--pp-space-5) var(--pp-space-5);text-align:center}.pp-profile-card__avatar{margin-top:-2rem;margin-bottom:var(--pp-space-3);display:inline-block;border:4px solid var(--pp-color-bg);border-radius:var(--pp-radius-full)}.pp-profile-card__name{font-size:var(--pp-text-lg);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-profile-card__handle{font-size:var(--pp-text-sm);color:var(--pp-color-text-muted)}.pp-profile-card__bio{font-size:var(--pp-text-sm);color:var(--pp-color-text-secondary);margin-top:var(--pp-space-3);line-height:var(--pp-leading-relaxed)}.pp-profile-card__stats{display:flex;justify-content:center;gap:var(--pp-space-8);margin-top:var(--pp-space-4);padding-top:var(--pp-space-4);border-top:1px solid var(--pp-color-border)}.pp-profile-card__stat{text-align:center}.pp-profile-card__stat-value{font-size:var(--pp-text-lg);font-weight:var(--pp-font-bold);color:var(--pp-color-text)}.pp-profile-card__stat-label{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted);text-transform:uppercase;letter-spacing:var(--pp-tracking-wider)}.pp-profile-card__actions{display:flex;gap:var(--pp-space-3);justify-content:center;margin-top:var(--pp-space-4)}.pp-activity-feed{display:flex;flex-direction:column;gap:var(--pp-space-4)}.pp-user-popover{position:absolute;display:none;background-color:var(--pp-color-bg);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-xl);box-shadow:var(--pp-shadow-lg);padding:var(--pp-space-5);width:20rem;z-index:var(--pp-z-popover)}.pp-user-popover.is-open{display:block;animation:pp-scale-in var(--pp-duration-150) var(--pp-ease-out)}.pp-user-popover__header{display:flex;align-items:center;gap:var(--pp-space-3);margin-bottom:var(--pp-space-3)}.pp-user-popover__info{flex:1;min-width:0}.pp-user-popover__name{font-size:var(--pp-text-sm);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-user-popover__handle{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-user-popover__bio{font-size:var(--pp-text-sm);color:var(--pp-color-text-secondary);margin-bottom:var(--pp-space-3)}.pp-user-popover__stats{display:flex;gap:var(--pp-space-4);font-size:var(--pp-text-xs);color:var(--pp-color-text-secondary)}.pp-user-popover__stat-value{font-weight:var(--pp-font-bold);color:var(--pp-color-text)}.pp-user-popover__actions{display:flex;gap:var(--pp-space-2);margin-top:var(--pp-space-4)}.pp-user-popover__actions .pp-btn{flex:1}.pp-share-sheet{display:flex;gap:var(--pp-space-2);padding:var(--pp-space-3)}.pp-share-sheet__btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--pp-radius-full);border:1px solid var(--pp-color-border);background:none;cursor:pointer;color:var(--pp-color-text-secondary);transition-property:background-color,color;transition-duration:var(--pp-duration-150);transition-timing-function:var(--pp-ease-in-out)}.pp-share-sheet__btn:hover{background-color:var(--pp-color-bg-secondary);color:var(--pp-color-text)}@keyframes pp-share-fade{0%{opacity:0}to{opacity:1}}@keyframes pp-share-slide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pp-share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:#0000008c;animation:pp-share-fade .2s ease;transition:opacity .15s}.pp-share-modal{background:var(--pp-card-bg, #fff);border-radius:var(--pp-radius-xl);width:100%;max-width:32rem;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--pp-shadow-xl);animation:pp-share-slide .25s ease}.pp-share-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--pp-space-4) var(--pp-space-5);border-bottom:1px solid var(--pp-color-border)}.pp-share-modal__title{font-size:var(--pp-text-lg);font-weight:var(--pp-font-bold);color:var(--pp-color-text)}.pp-share-modal__close{width:2rem;height:2rem;border-radius:var(--pp-radius-full);border:none;background:var(--pp-color-neutral-100);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;color:var(--pp-color-text-muted);transition:background-color .15s}.pp-share-modal__close:hover{background:var(--pp-color-neutral-200)}.pp-share-modal__author{display:flex;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-4) var(--pp-space-5) 0}.pp-share-modal__author-name{font-weight:var(--pp-font-semibold);font-size:var(--pp-text-sm);color:var(--pp-color-text)}.pp-share-modal__audience{display:inline-flex;align-items:center;gap:var(--pp-space-1);padding:var(--pp-space-0-5) var(--pp-space-2);border-radius:var(--pp-radius-md);border:1px solid var(--pp-color-border);background:var(--pp-color-neutral-50);cursor:pointer;font-size:var(--pp-text-xs);color:var(--pp-color-neutral-700);transition:background-color .15s;margin-top:2px}.pp-share-modal__audience:hover{background:var(--pp-color-neutral-100)}.pp-share-modal__editor-wrap{padding:var(--pp-space-3) var(--pp-space-5)}.pp-share-modal__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.pp-share-modal .pp-activity-composer{max-height:none;overflow:visible}.pp-share-modal .pp-activity-composer__media-preview{max-height:12rem;overflow-y:auto}.pp-share-modal__editor{min-height:3.5rem;max-height:8rem;overflow-y:auto;padding:var(--pp-space-2);border:none;outline:none;font-size:var(--pp-text-sm);color:var(--pp-color-text);line-height:1.5}.pp-share-modal__editor:empty:before{content:attr(data-placeholder);color:var(--pp-color-text-tertiary);pointer-events:none}.pp-share-modal__preview{margin:0 var(--pp-space-5) var(--pp-space-3);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-lg);padding:var(--pp-space-3);background:var(--pp-color-neutral-50)}.pp-share-modal__preview-header{display:flex;align-items:center;gap:var(--pp-space-2);margin-bottom:var(--pp-space-2)}.pp-share-modal__preview-author{font-weight:var(--pp-font-semibold);font-size:var(--pp-text-xs);color:var(--pp-color-text)}.pp-share-modal__preview-meta{font-size:var(--pp-text-xs);color:var(--pp-color-text-tertiary)}.pp-share-modal__preview-text{font-size:var(--pp-text-sm);color:var(--pp-color-text-secondary);line-height:var(--pp-leading-relaxed)}.pp-share-modal__preview-media{margin-top:var(--pp-space-2);border-radius:var(--pp-radius-md);overflow:hidden;max-height:8rem}.pp-share-modal__footer{padding:var(--pp-space-3) var(--pp-space-5) var(--pp-space-4);display:flex;gap:var(--pp-space-3);border-top:1px solid var(--pp-color-border)}.pp-share-modal__cancel{flex:1}.pp-share-modal__submit{flex:2}.pp-item-filter-bar{display:flex;align-items:center;gap:var(--pp-space-2);padding:var(--pp-space-3) var(--pp-space-4);background-color:var(--pp-card-bg);border:1px solid var(--pp-card-border);border-radius:var(--pp-radius-xl);overflow-x:auto;margin-bottom:var(--pp-space-6)}.pp-item-filter-bar__item{display:inline-flex;align-items:center;gap:var(--pp-space-1-5);padding:var(--pp-space-1-5) var(--pp-space-3);font-size:var(--pp-text-sm);font-weight:var(--pp-font-medium);color:var(--pp-color-text-secondary);background:none;border:1px solid transparent;border-radius:var(--pp-radius-full);cursor:pointer;white-space:nowrap;transition-property:color,background-color,border-color;transition-duration:var(--pp-duration-150);transition-timing-function:var(--pp-ease-in-out);text-decoration:none}.pp-item-filter-bar__item:hover{background-color:var(--pp-color-bg-secondary)}.pp-item-filter-bar__item.is-active{background-color:var(--pp-color-primary-50);color:var(--pp-color-primary-700);border-color:var(--pp-color-primary-200)}.pp-item-filter-bar__item span[data-icon]{display:inline-flex}.pp-item-filter-bar__item.pp-btn--loading{color:var(--pp-color-text-secondary)!important}.pp-item-filter-bar__item.is-active.pp-btn--loading{color:var(--pp-color-primary-700)!important}.pp-item-filter-bar__item.pp-btn--loading:after{position:static;color:inherit}.pp-member-card{display:flex;align-items:center;gap:var(--pp-space-4);padding:var(--pp-space-4);height:100%;background-color:var(--pp-card-bg);border:1px solid var(--pp-card-border);border-radius:var(--pp-radius-xl);transition-property:box-shadow,border-color;transition-duration:var(--pp-duration-200);transition-timing-function:var(--pp-ease-in-out)}.pp-member-card:hover{border-color:var(--pp-color-border-strong);box-shadow:var(--pp-shadow-sm)}.pp-member-card__info{display:flex;flex-direction:column;gap:var(--pp-space-1-5);flex:1;min-width:0}.pp-member-card__name{margin:0;font-size:var(--pp-text-sm);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-member-card__name a{color:inherit;text-decoration:none}.pp-member-card__name a:hover{text-decoration:underline}.pp-member-card__meta{margin:0;font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-member-card__role{display:inline-flex;align-items:center;gap:var(--pp-space-1);font-size:var(--pp-text-xs);color:var(--pp-color-text-tertiary)}.pp-member-card__badges{display:flex;align-items:center;flex-wrap:wrap;gap:var(--pp-space-1-5)}.pp-member-card__profile-data{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-member-card__actions{display:flex;align-items:center;gap:var(--pp-space-2);flex-shrink:0;flex-wrap:wrap}.pp-member-card--row{justify-content:space-between}.pp-member-card__main{display:flex;align-items:center;gap:var(--pp-space-4);flex:1;min-width:0}.pp-member-list{--pp-card-list-gap: var(--pp-space-2)}.pp-member-grid{--pp-card-grid-min: 17rem}.pp-member-grid .pp-member-card{flex-direction:column;align-items:center;text-align:center;padding:var(--pp-space-5)}.pp-member-grid .pp-member-card__info{align-items:center;width:100%}.pp-member-grid .pp-member-card__badges,.pp-member-grid .pp-member-card__actions{justify-content:center}.pp-member-grid .pp-member-card__actions{margin-top:auto;padding-top:var(--pp-space-3)}@media (max-width: 480px){.pp-member-card--row{flex-direction:column;align-items:stretch}.pp-member-card--row .pp-member-card__actions{justify-content:flex-start}}.pp-user-directory__entry{display:block;min-width:0}.pp-user-directory__avatar-link{text-decoration:none;flex-shrink:0}.pp-user-directory__avatar{position:relative}.pp-user-directory__name{margin:0;font-size:var(--pp-text-base);font-weight:var(--pp-font-semibold);line-height:var(--pp-leading-snug)}.pp-user-directory__description{margin:0;font-size:var(--pp-text-sm);line-height:var(--pp-leading-normal);color:var(--pp-color-text-secondary)}.pp-user-directory__meta,.pp-user-directory__meta-row,.pp-user-directory__profile-inline{margin:0;font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-user-directory__meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pp-space-1-5)}.pp-user-directory__meta-item+.pp-user-directory__meta-item:before{content:"·";margin-right:var(--pp-space-1-5)}.pp-user-directory__profile-data{display:grid;gap:var(--pp-space-1);margin:0;font-size:var(--pp-text-xs)}.pp-user-directory__profile-data-item{display:flex;gap:var(--pp-space-1-5);justify-content:inherit;min-width:0}.pp-user-directory__profile-data-item dt,.pp-user-directory__profile-data-item dd{margin:0}.pp-user-directory__profile-data-item dt{font-weight:var(--pp-font-medium);color:var(--pp-color-text-secondary)}.pp-user-directory__profile-data-item dd{color:var(--pp-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-member-grid .pp-user-directory__profile-data-item{justify-content:center}.pp-post-feed{display:flex;flex-direction:column;gap:var(--pp-space-4);max-width:var(--pp-container-sm);margin:0 auto}.pp-post-media-grid{display:grid;gap:2px;overflow:hidden}.pp-post-media-grid--1{grid-template-columns:1fr}.pp-post-media-grid--2{grid-template-columns:1fr 1fr}.pp-post-media-grid--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.pp-post-media-grid--3>:first-child{grid-row:1 / 3}.pp-post-media-grid--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pp-post-media-grid__item{position:relative;overflow:hidden;background-color:var(--pp-color-bg-tertiary)}.pp-post-media-grid__item img,.pp-post-media-grid__item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.pp-post-media-grid__item--more{position:relative}.pp-post-media-grid__item--more:after{content:attr(data-remaining);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:#fff;font-size:var(--pp-text-2xl);font-weight:var(--pp-font-bold)}.pp-post-media-grid__item--video:before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:3rem;height:3rem;border-radius:var(--pp-radius-full);background:#0000008c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 1.5rem no-repeat;transform:translate(-50%,-50%);pointer-events:none}.pp-post-media-video{position:relative;background-color:#000}.pp-post-media-video video{display:block;width:100%;max-height:70vh}.pp-post-media-video__open{position:absolute;top:var(--pp-space-2);right:var(--pp-space-2);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--pp-radius-full);background-color:#0000008c;color:#fff}.pp-post-media-video__open:hover,.pp-post-media-video__open:focus-visible{background-color:#000000bf;color:#fff}.pp-post-media-video__open svg{width:1rem;height:1rem}.pp-comment-thread{display:flex;flex-direction:column;gap:var(--pp-space-4)}.pp-comment-thread__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--pp-space-3);border-bottom:1px solid var(--pp-color-border)}.pp-comment-thread__title{font-size:var(--pp-text-base);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-comment-thread__count{font-size:var(--pp-text-sm);color:var(--pp-color-text-muted)}.pp-comment-thread__sort{font-size:var(--pp-text-sm);color:var(--pp-color-text-secondary);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--pp-space-1)}.pp-comment-thread__sort:hover{color:var(--pp-color-text)}.pp-comment-list{display:flex;flex-direction:column;gap:var(--pp-space-4)}.pp-comment-reply{display:flex;gap:var(--pp-space-3);padding:var(--pp-space-3) 0}.pp-comment-reply__field{flex:1}.pp-comment-reply .pp-field-textarea{min-height:2.5rem;resize:none}.pp-comment-reply__actions{display:flex;align-items:center;gap:var(--pp-space-2);margin-top:var(--pp-space-2)}.pp-comment-thread__load-more{text-align:center;padding:var(--pp-space-3) 0}.pp-comment-thread__load-more-btn{font-size:var(--pp-text-sm);font-weight:var(--pp-font-medium);color:var(--pp-color-text-link);background:none;border:none;cursor:pointer;padding:var(--pp-space-2) var(--pp-space-4);border-radius:var(--pp-radius-md);transition:background-color var(--pp-duration-150) var(--pp-ease-in-out)}.pp-comment-thread__load-more-btn:hover{background-color:var(--pp-color-bg-secondary);color:var(--pp-color-text-link-hover)}.pp-comment.is-highlighted .pp-comment__bubble{background-color:var(--pp-color-primary-50);border:1px solid var(--pp-color-primary-200)}.pp-thread-list{display:flex;flex-direction:column;border:1px solid var(--pp-card-border);border-radius:var(--pp-radius-xl);overflow:hidden;background-color:var(--pp-card-bg)}.pp-thread-item{display:flex;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-3) var(--pp-space-4);border-bottom:1px solid var(--pp-color-border);cursor:pointer;transition:background-color var(--pp-duration-100) var(--pp-ease-in-out)}.pp-thread-item:last-child{border-bottom:none}.pp-thread-item:hover{background-color:var(--pp-color-bg-secondary)}.pp-thread-item.is-active{background-color:var(--pp-color-primary-50)}.pp-thread-item.is-unread{background-color:var(--pp-color-bg-secondary)}.pp-thread-item__info{flex:1;min-width:0}.pp-thread-item__name{font-size:var(--pp-text-sm);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-thread-item__preview{font-size:var(--pp-text-xs);color:var(--pp-color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:var(--pp-space-0-5)}.pp-thread-item.is-unread .pp-thread-item__preview{color:var(--pp-color-text-secondary);font-weight:var(--pp-font-medium)}.pp-thread-item__meta{flex-shrink:0;text-align:right}.pp-thread-item__time{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-thread-item__unread-dot{width:.5rem;height:.5rem;background-color:var(--pp-color-primary-500);border-radius:var(--pp-radius-full);margin-top:var(--pp-space-1);margin-left:auto}.pp-conversation{display:flex;flex-direction:column;height:100%;background-color:var(--pp-card-bg);border:1px solid var(--pp-card-border);border-radius:var(--pp-radius-xl);overflow:hidden}.pp-conversation__header{display:flex;align-items:center;gap:var(--pp-space-3);padding:var(--pp-space-3) var(--pp-space-4);border-bottom:1px solid var(--pp-color-border);flex-shrink:0}.pp-conversation__header-info{flex:1;min-width:0}.pp-conversation__header-name{font-size:var(--pp-text-sm);font-weight:var(--pp-font-semibold);color:var(--pp-color-text)}.pp-conversation__header-status{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted)}.pp-conversation__messages{flex:1;overflow-y:auto;padding:var(--pp-space-4);display:flex;flex-direction:column;gap:var(--pp-space-3)}.pp-message{display:flex;gap:var(--pp-space-2);max-width:75%}.pp-message--sent{align-self:flex-end;flex-direction:row-reverse}.pp-message--received{align-self:flex-start}.pp-message__bubble{padding:var(--pp-space-2-5) var(--pp-space-3-5);border-radius:var(--pp-radius-xl);font-size:var(--pp-text-sm);line-height:var(--pp-leading-relaxed);word-wrap:break-word;white-space:pre-wrap}.pp-message--sent .pp-message__bubble{background-color:var(--pp-color-primary-500);color:#fff;border-bottom-right-radius:var(--pp-radius-xs)}.pp-message--received .pp-message__bubble{background-color:var(--pp-color-bg-tertiary);color:var(--pp-color-text);border-bottom-left-radius:var(--pp-radius-xs)}.pp-message__gif-image{display:block;max-width:240px;max-height:200px;border-radius:var(--pp-radius-md);-o-object-fit:contain;object-fit:contain}.pp-message__gif-emoji{display:block;font-size:3rem;line-height:1.2}.pp-message__time{font-size:var(--pp-text-xs);color:var(--pp-color-text-muted);align-self:flex-end;flex-shrink:0}.pp-message__date-divider{text-align:center;font-size:var(--pp-text-xs);color:var(--pp-color-text-muted);padding:var(--pp-space-2) 0}.pp-message-composer{display:flex;flex-direction:column;gap:0;padding:var(--pp-space-3) var(--pp-space-4);border-top:1px solid var(--pp-color-border);flex-shrink:0}.pp-message-composer__previews,.pp-message-composer__gif-preview{padding-bottom:var(--pp-space-2)}.pp-message-composer__input{flex:1}.pp-message-composer__input .pp-field-textarea{min-height:2.5rem;max-height:8rem;resize:none;border-radius:var(--pp-radius-lg);padding:var(--pp-space-2-5) var(--pp-space-3);border-color:var(--pp-color-border)}.pp-message-composer__input .pp-field-textarea:focus{border-color:var(--pp-color-primary-500)}.pp-message-composer__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--pp-space-2)}.pp-message-composer__toolbar{display:flex;gap:var(--pp-space-0-5);flex-shrink:0}.pp-message-composer__send{flex-shrink:0}.pp-msg-gif-preview{position:relative;display:inline-block;max-width:12rem}.pp-msg-gif-preview__image{max-width:100%;max-height:8rem;border-radius:var(--pp-radius-md);-o-object-fit:cover;object-fit:cover}.pp-msg-gif-preview__emoji{font-size:3rem;line-height:1}.pp-msg-gif-preview__remove{position:absolute;top:var(--pp-space-1);right:var(--pp-space-1);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;background-color:#0009;color:#fff;border-radius:var(--pp-radius-full);cursor:pointer;font-size:var(--pp-text-sm);line-height:1;padding:0}.pp-msg-gif-preview__remove:hover{background-color:#000c}.pp-messaging-layout{display:grid;grid-template-columns:20rem 1fr;height:100%;border:1px solid var(--pp-card-border);border-radius:var(--pp-radius-xl);overflow:hidden}.pp-messaging-layout .pp-thread-list{border:none;border-right:1px solid var(--pp-color-border);border-radius:0}.pp-messaging-layout .pp-conversation{border:none;border-radius:0}@media (max-width: 768px){.pp-messaging-layout{grid-template-columns:1fr}.pp-messaging-layout .pp-thread-list{border-right:none}}