.feed-page{min-height:calc(var(--vh,1vh)*100);background:#f4f3f0;padding:32px 16px 80px}.feed-container{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;display:flex}.feed-header{flex-flow:column wrap;justify-content:flex-start;align-items:stretch;gap:12px;display:flex}.feed-header__titles{flex:1;min-width:0}.feed-header h1{color:#1a1a1a;margin:0;font-size:28px;font-weight:700}.feed-header p{color:#6b6b6b;margin:6px 0 0}.feed-filter-tabs{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.feed-filter-button{color:#666;cursor:pointer;background:#fff;border:1px solid #e0ded8;border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600;transition:all .2s}.feed-filter-button:hover{color:#dc2630;border-color:#dc2630}.feed-filter-button.active{color:#fff;background:#dc2630;border-color:#dc2630}.feed-composer,.feed-post{box-sizing:border-box;background:#fff;border-radius:18px;gap:16px;width:100%;margin-bottom:10px;padding:20px;display:flex;box-shadow:0 10px 30px #0000000d}.feed-composer__avatar,.feed-post__avatar{color:#a1824a;background:#f3f1ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex;overflow:hidden}.feed-comment__avatar{color:#a1824a;background:#f3f1ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:600;display:flex;overflow:hidden}.feed-composer__avatar img,.feed-post__avatar img,.feed-comment__avatar img{object-fit:cover;width:100%;height:100%}.feed-composer__body{flex-direction:column;flex:1;width:100%;display:flex}.feed-composer__body textarea,.feed-post__edit textarea,.feed-comment-input textarea{resize:vertical;color:#1f1f1f;caret-color:#161616;background:#fff;border:1px solid #e0ded8;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.feed-composer__body textarea::placeholder,.feed-post__edit textarea::placeholder,.feed-comment-input textarea::placeholder{color:#8d8d8d;font-weight:600}.feed-composer__body textarea:focus,.feed-post__edit textarea:focus,.feed-comment-input textarea:focus{border-color:#dc2630;outline:none}.feed-composer__footer,.feed-comment-input__actions,.feed-post__edit-controls{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.feed-composer__hint,.feed-hint{color:#909090;text-align:left;width:100%;margin-right:auto;font-size:13px}.feed-composer__footer button,.feed-post__edit-controls button,.feed-comment-input__actions button,.feed-post__actions button,.feed-post__footer button,.feed-comment__header button{color:#fff;cursor:pointer;white-space:nowrap;background:#161616;border:none;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;transition:background .2s}.feed-post__actions button,.feed-post__footer button,.feed-comment__header button{color:#6a6a6a;background:0 0;padding:6px 10px}.feed-post__actions button:hover,.feed-post__footer button:hover,.feed-comment__header button:hover{color:#dc2630}.feed-composer__footer button:disabled,.feed-post__edit-controls button:disabled,.feed-comment-input__actions button:disabled{opacity:.4;cursor:not-allowed}.feed-post__body{flex-direction:column;flex:1;gap:12px;display:flex}.feed-post__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.feed-post__header strong{color:#1b1b1b;font-size:15px}.feed-post__time{color:#8d8d8d;margin-left:8px;font-size:13px}.feed-post__content{color:#2b2b2b;margin:0 0 10px;font-size:16px;line-height:1.5}.feed-post__footer{border-top:1px solid #efede9;justify-content:flex-end;gap:16px;padding-top:12px;display:flex}.feed-comments{flex-direction:column;gap:12px;margin-top:4px;display:flex}.feed-comment-input textarea{background:#faf9f7}.feed-comment-list{flex-direction:column;gap:12px;display:flex}.feed-comment{gap:8px;display:flex}.feed-comment__body{background:#f7f5f2;border-radius:16px;flex:1;padding:12px 16px}.feed-comment__header{color:#8a8a8a;align-items:center;gap:8px;font-size:13px;display:flex}.feed-comment__header strong{color:#2b2b2b}.feed-comment__header button{margin-left:auto;font-size:12px}.feed-comment__body p{color:#2b2b2b;margin:6px 0 0;font-size:12px;line-height:1.4}.feed-post__content a,.feed-comment__body a{color:#dc2630;word-break:break-all;text-decoration:underline}.feed-post__content strong,.feed-comment__body strong{color:#1f1f1f;font-weight:700}.feed-notice{color:#4a4a4a;background:#fff;border-radius:10px;align-items:center;gap:12px;margin:0 0 12px;padding:8px 14px;font-size:12px;line-height:1.5;display:flex}.feed-notice__text{flex:1}.feed-notice__time{color:#9a9a9a;white-space:nowrap;font-size:10px}.feed-error{color:#d12b2b;margin:4px 0 0;font-size:13px}.feed-notice-group{margin-bottom:12px}.feed-notice-more{text-align:center;margin:12px 0}.feed-notice-more button{color:#4a4a4a;cursor:pointer;background:#fff;border:1px solid #dcd7cf;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;transition:all .2s}.feed-notice-more button:hover{color:#dc2630;border-color:#dc2630}.feed-empty{text-align:center;color:#7d7a75;background:#fff;border-radius:18px;padding:40px 20px;line-height:1.6;box-shadow:inset 0 0 0 1px #f0ede9}.feed-empty--mine,.feed-empty--activity{font-size:14px}.feed-load-more{text-align:center;color:#9a9a9a;padding:16px 0;font-size:14px}@media (max-width:640px){.feed-page{padding:24px 12px 80px}.feed-header{gap:0}.feed-composer,.feed-post{border-radius:16px;padding:16px}.feed-composer__avatar,.feed-post__avatar{width:40px;height:40px}.feed-comment__avatar{width:24px;height:24px}.feed-header h1{display:none}}