.skeleton-list{width:100%;padding:8px 0}.skeleton-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:22px;margin-bottom:16px}.skeleton-row{display:flex;gap:14px;align-items:center;margin-bottom:20px}.skeleton-circle{width:42px;height:42px;border-radius:50%;flex:none}.skeleton-line{display:block;height:13px;border-radius:8px;margin:10px 0;width:100%}.skeleton-line.short{width:35%}.skeleton-line.medium{width:65%}.skeleton-media{height:150px;border-radius:12px;margin-top:20px}.skeleton-circle,.skeleton-line,.skeleton-media{background:linear-gradient(100deg,#e9e2e7 20%,#f8f3f5 45%,#e9e2e7 70%);background-size:240% 100%;animation:loading-shimmer 1.7s linear infinite}.skeleton-comments .skeleton-card{padding:14px;margin:8px 0;border:0}.skeleton-comments .skeleton-row{margin-bottom:6px}.skeleton-comments .skeleton-line{height:10px}
@keyframes loading-shimmer{to{background-position:-240% 0}}
.feed-posts{min-width:0}.feed-post{box-shadow:0 3px 15px #29172706}.feed-filter{gap:12px;flex-wrap:wrap}.feed-filter>div{display:flex;gap:5px;flex-wrap:wrap}.post-actions button{min-height:44px;border-radius:9px}.post-actions button:hover{background:#eee5eb}.post-actions button:disabled{opacity:.6;cursor:wait}.post-actions button[aria-pressed=true]{color:var(--berry);background:#f5eaf0}.post-menu summary{min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer}.comment-thread{border-top:1px solid var(--line);padding-top:18px;margin-top:12px}.comment-form{margin:0 0 18px}.comment-form textarea{width:100%;min-height:76px;resize:vertical;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:12px 15px;color:var(--ink);font:inherit;box-sizing:border-box}.comment-form textarea:focus{outline:2px solid var(--berry);outline-offset:2px}.comment-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:9px}.comment-form-actions button{min-height:40px}.comment-form-actions .btn{padding:9px 16px;font-size:.82rem}.comment-branch .comment-wrap,.comment-branch .comment-wrap.reply{margin:0 0 16px;padding:0;min-width:0}.comment-bubble{background:#f2ebef;border-radius:16px;padding:12px 16px;overflow-wrap:anywhere}.comment-bubble>strong{font-size:.88rem}.comment-bubble>p{margin:5px 0 0;white-space:pre-wrap;font-size:.92rem}.comment-coach{font-size:.65rem;border-radius:20px;background:var(--lime);padding:3px 7px;margin-left:7px;color:var(--plum)}.comment-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 10px;font-size:.72rem;color:var(--muted)}.comment-meta button{min-height:36px;border:0;background:none;color:var(--berry);font-weight:700;cursor:pointer}.thread-toggle{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--berry);font-weight:700;font-size:.8rem;min-height:40px;cursor:pointer;margin:0 0 5px}.thread-children{margin-left:18px;padding-left:14px;border-left:2px solid var(--line)}.thread-children.thread-deep{margin-left:0;padding-left:5px}.comment-thread .pagination{font-size:.75rem;gap:8px;flex-wrap:wrap}.comment-thread .pagination .btn{padding:8px 12px}.comment-bubble .comment-form{margin:10px 0 0}.feed-photo-button{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in}.feed-photo-button .feed-image{width:100%}.community-photo-dialog{max-width:min(1000px,95vw);max-height:94vh;padding:12px;border:0;border-radius:16px;background:var(--paper)}.community-photo-dialog::backdrop{background:#160d17cc}.community-photo-dialog img{max-height:78vh;max-width:100%;object-fit:contain;margin:auto}.community-photo-dialog button{display:block;margin:0 0 10px auto;min-height:44px}.read-more{border:0;background:transparent;color:var(--berry);padding:5px 0;font-weight:700;min-height:40px;cursor:pointer}
.upload-progress progress{display:block;width:100%;height:10px;accent-color:var(--berry);border:0;border-radius:10px;overflow:hidden}.upload-progress progress::-webkit-progress-bar{background:#e7dce3;border-radius:10px}.upload-progress progress::-webkit-progress-value{background:var(--berry);border-radius:10px;transition:width .15s}.upload-progress small{display:block;margin-top:8px}.upload-progress p{overflow-wrap:anywhere}.admin-media-preview:empty{display:none}.media-preview-frame{margin:12px 0;border-radius:14px;overflow:hidden;max-width:700px;background:#f0e8ed}.media-preview-frame img{max-height:360px;width:100%;object-fit:contain}.media-preview-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#21151f}.media-preview-frame audio{display:block;width:100%}.media-preview-frame.is-loading{background:linear-gradient(100deg,#e9e2e7,#faf7f9,#e9e2e7);background-size:240% 100%;animation:loading-shimmer 1.7s linear infinite}.media-preview-frame p,.media-preview-frame>a{display:block;padding:14px}.library-media-preview{min-width:170px;margin-bottom:10px}.library-media-preview[open]{width:min(420px,65vw)}.library-media-preview summary{cursor:pointer;font-weight:600;min-height:38px}.remove-attachment{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:8px 14px;color:var(--berry);cursor:pointer}.upload-widget:has(.remove-attachment:not([hidden])) .upload-native-input+button{margin-bottom:4px}
@media(max-width:550px){.thread-children{margin-left:8px;padding-left:8px}.comment-bubble{padding:10px 12px}.post-actions{gap:4px}.post-actions button{font-size:.78rem;padding:10px 6px}.feed-filter>strong{width:100%}.skeleton-card{padding:16px}.community-photo-dialog{width:95vw}.comment-meta{gap:9px}.library-media-preview[open]{width:220px}}
@media(prefers-reduced-motion:reduce){.skeleton-circle,.skeleton-line,.skeleton-media,.media-preview-frame.is-loading{animation:none}.upload-progress progress::-webkit-progress-value{transition:none}}
