.community-page{min-height:100vh;background:var(--bg-base)}.community-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-default);padding:2rem}.header-content{max-width:800px;margin:0 auto}.header-content h1{margin:.5rem 0;color:var(--text-primary)}.header-content p{margin:0;color:var(--text-secondary)}.community-content{max-width:800px;margin:0 auto;padding:1.5rem}.community-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tabs button{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.filter-tabs button:hover{border-color:var(--primary-gold);color:var(--text-primary)}.filter-tabs button.active{border-color:transparent}.btn-new-post,.filter-tabs button.active{background:var(--primary-gradient);color:white}.btn-new-post{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:.875rem}.btn-new-post:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-post-form{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.new-post-form h3{margin:0 0 1rem;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:inherit}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-gold)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.btn-cancel{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary)}.btn-cancel,.btn-submit{padding:.625rem 1.25rem;cursor:pointer}.btn-submit{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:white;font-weight:600}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.error{color:#f87171;font-size:.875rem;margin-top:.5rem}.posts-list{display:flex;flex-direction:column;gap:1rem}.post-card{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s}.post-card:hover{border-color:var(--primary-gold);transform:translateX(4px)}.post-type-badge{width:40px;height:40px;background:var(--bg-base);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.post-content{flex:1 1;min-width:0}.post-content h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem}.post-preview{margin:0 0 .75rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.post-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.post-meta .author{color:var(--text-secondary);font-weight:500}.post-meta .verified{color:#22c55e;margin-left:.25rem}.post-meta .tips{color:var(--primary-gold);margin-left:.5rem}.post-tags{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.post-tags .tag{padding:.25rem .5rem;background:var(--bg-base);border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-muted)}.empty-state{padding:4rem 2rem}.empty-state,.loading{text-align:center;color:var(--text-muted)}.loading{padding:3rem}@media (max-width:640px){.community-controls{flex-direction:column;align-items:stretch}.filter-tabs{justify-content:center}.btn-new-post{width:100%}}.read-only-notice{background:rgba(59,130,246,.1);border-bottom:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:.75rem 1.5rem;text-align:center;font-size:.875rem}.read-only-notice a{color:var(--primary-gold)}