.community-compose,.community-post,.community-empty{background:#fff;border:1px solid #e4ddef;border-radius:22px;padding:22px;box-shadow:0 8px 24px #4e327408}
.community-compose{margin:24px 0;background:linear-gradient(130deg,#fff,#faf7ff)}
.community-compose>label{font-weight:700;color:#503278}
.community-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.community-compose-actions button{margin:0}
.community-photo-preview{display:flex;gap:12px;align-items:center;margin:16px 0}
.community-photo-preview img{width:100px;height:100px;object-fit:cover;border-radius:14px}
.community-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 8px}
.community-filter>label{margin:0;color:#503278;font-size:.95rem}
.community-filter select{width:auto;max-width:100%;flex:1;min-width:160px}
.community-filter button{margin:0}
.community-feed{display:grid;gap:22px;margin:20px 0}
.community-post{overflow:hidden}
.community-post>header{display:flex;align-items:center;gap:12px}
.community-post>header>div:nth-child(2){flex:1;min-width:0}
.community-post>header strong{display:block;overflow-wrap:anywhere}
.community-post small{display:block;color:#787282;font-size:.76rem;margin-top:4px}
.community-post>header .text-button{margin:0;padding:4px;font-size:.85rem}
.community-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;background:#f0eafa;display:grid;place-items:center}
.community-avatar img{width:100%;height:100%;object-fit:cover}
.community-avatar svg{width:24px;height:24px}
.community-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.6}
.community-post-text{margin:20px 0;color:#3f354b;font-size:1.02rem}
.community-post-image{display:block;max-width:100%;max-height:650px;width:100%;object-fit:contain;border-radius:14px;background:#f8f6fa;margin:14px auto}
.community-comments{border-top:1px solid #eee9f2;margin-top:15px;padding-top:14px}
.community-comments-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#736380;font-size:.82rem}
.community-comments-heading button{font-size:.8rem;margin:0;padding:4px}
.community-comment{display:flex;gap:10px;margin:13px 0;padding:12px;border-radius:15px;background:#f8f6fa}
.community-comment>.community-avatar{width:30px;height:30px;flex-basis:30px}
.community-comment>div:last-child{min-width:0;flex:1}
.community-comment p{font-size:.9rem}
.community-comment .text-button{font-size:.75rem;padding:3px 0;margin:0}
.community-author-line strong{font-size:.85rem;overflow-wrap:anywhere}
.community-comment-form{margin-top:16px}
.community-comment-form>label{font-size:.85rem}
.community-comment-form>button{margin:9px 0 0;font-size:.85rem;padding:9px 18px}
.community-is-hidden{border-style:dashed;background:#f8f6fa}
.community-empty{text-align:center;padding:32px 22px;background:#fcfaff}
.community-empty h2{font-size:1.3rem;color:#513574}
.community-empty p{color:#776d80}
.community-privacy{line-height:1.5}
@media(max-width:500px){.community-compose,.community-post{padding:16px;border-radius:18px}.community-compose-actions{flex-wrap:wrap}.community-compose-actions>.primary{flex:1;min-width:180px;font-size:.85rem;padding:12px}.community-comments-heading{align-items:flex-start}.community-avatar{width:36px;height:36px;flex-basis:36px}.community-comment{padding:10px;gap:8px}.community-post-image{max-height:450px}}