.community-page{--font-heading:var(--font-outfit),"Inter",-apple-system,sans-serif;--font-body:var(--font-outfit),"DM Sans",-apple-system,sans-serif;--font-mono:var(--font-geist-mono),"JetBrains Mono",monospace;--transition-bounce:300ms cubic-bezier(0.34,1.56,0.64,1);--gradient-hero:transparent;--nav-height:72px;--bg-primary:var(--background);--accent:#f0771a;--violet:#7c3aed;--violet-light:#a78bfa;--violet-dim:rgba(124,58,237,.15);--cyan:#06b6d4;--cyan-light:#67e8f9;--cyan-dim:rgba(6,182,212,.15);--bg-card:var(--card);--border-default:var(--border);--border-accent:rgba(34,108,224,.12);--border-subtle:rgba(34,108,224,.08);--bg-secondary:var(--muted);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--glass-blur:blur(20px);--shadow-card:0 12px 32px rgba(51,77,175,.07);--text-muted:var(--muted-foreground);--text-secondary:var(--muted-foreground);--text-primary:var(--foreground);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;font-family:var(--font-body)}.community-page h1,.community-page h2,.community-page h3,.community-page h4,.community-page h5,.community-page h6{color:var(--text-primary);font-family:var(--font-heading)}.community-page .display-1{color:#29292b;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05}.community-page.dark .display-1,.dark .community-page .display-1{color:#fffbdb}.community-page .display-2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.03em}.community-page .heading-1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.community-page .gradient-text{color:#f97316}.community-page .container{margin:0 auto;max-width:1280px;padding:0 var(--space-xl)}.community-page .section-label{align-items:center;background:rgba(240,119,26,.08);border:1px solid rgba(240,119,26,.25);border-radius:var(--radius-full);color:var(--accent);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-sm);letter-spacing:.12em;margin-bottom:var(--space-md);padding:6px 14px;text-transform:uppercase}.community-page .page-hero{padding-bottom:var(--space-4xl);padding-top:calc(var(--nav-height) + var(--space-4xl));position:relative;text-align:center}.community-page .page-hero-bg{background:var(--gradient-hero);inset:0;pointer-events:none;position:absolute}.community-page .btn{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-body);font-size:.9375rem;font-weight:600;gap:var(--space-sm);overflow:hidden;padding:12px 28px;position:relative;transition:all var(--transition-bounce);white-space:nowrap}.community-page .btn:after{background:hsla(0,0%,100%,0);content:"";inset:0;position:absolute;transition:background var(--transition-fast)}.community-page .btn:hover:after{background:hsla(0,0%,100%,.06)}.community-page .btn:active{transform:scale(.98)}.community-page .btn-primary{background:#f0771a;box-shadow:0 4px 14px rgba(240,119,26,.2);color:#fff}.community-page .btn-primary:hover{background:#e0650d;box-shadow:0 6px 20px rgba(240,119,26,.35);transform:translateY(-2px)}.community-page .btn-secondary{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.community-page .btn-secondary:hover{background:var(--violet-dim);border-color:var(--border-accent);color:var(--violet-light)}.community-page .btn-sm{font-size:.8125rem;padding:8px 18px}.community-page .badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-heading);font-size:.75rem;font-weight:600;gap:6px;padding:4px 12px}.community-page .badge-violet{background:var(--violet-dim);border:1px solid rgba(51,77,175,.2);color:var(--violet)}.community-page .badge-cyan{background:var(--cyan-dim);border:1px solid rgba(34,108,224,.2);color:var(--cyan)}.community-page .badge-green{background:rgba(13,148,136,.08);border:1px solid rgba(13,148,136,.2);color:#0f766e}.community-page .badge-amber{color:#c2410c}.community-page .badge-amber,.community-page .badge-pink{background:rgba(240,119,26,.08);border:1px solid rgba(240,119,26,.2)}.community-page .badge-pink{color:#ea580c}.community-page .tag{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:4px 10px;transition:all var(--transition-fast)}.community-page .tag:hover{border-color:var(--border-accent);color:var(--violet-light)}.community-layout{align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:260px 1fr;margin-bottom:var(--space-4xl)}@media (max-width:768px){.community-layout{grid-template-columns:1fr}.groups-sidebar{display:none}}.groups-sidebar{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);position:sticky;top:100px}.sidebar-title{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8125rem;font-weight:800;letter-spacing:.08em;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);text-align:left;text-transform:uppercase}.group-item{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;padding:10px 12px;transition:all var(--transition-normal)}.group-item.active,.group-item:hover{background:var(--violet-dim);border-color:rgba(34,108,224,.12);color:var(--violet)}.group-count{background:rgba(34,108,224,.06);border-radius:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;padding:2px 6px}.feed-container{display:flex;flex-direction:column;gap:var(--space-lg)}.create-post-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-xl)}.create-post-textarea{background:hsla(0,0%,100%,.05);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9375rem;margin-bottom:var(--space-md);min-height:90px;outline:none;padding:var(--space-md);resize:none;transition:all var(--transition-normal);width:100%}.create-post-textarea:focus{background:hsla(0,0%,100%,.1);border-color:var(--violet);box-shadow:0 0 0 3px rgba(34,108,224,.1)}.create-post-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between}.tag-input{background:hsla(0,0%,100%,.05);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:.8125rem;outline:none;padding:6px 12px;width:180px}.tag-input:focus{background:hsla(0,0%,100%,.1);border-color:var(--violet)}.post-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-xl);text-align:left;transition:all var(--transition-normal)}.post-card:hover{border-color:rgba(34,108,224,.22);box-shadow:var(--shadow-md)}.post-header{justify-content:space-between;margin-bottom:var(--space-md)}.post-author,.post-header{align-items:center;display:flex}.post-author{gap:var(--space-md)}.author-avatar{align-items:center;background:var(--violet-dim);border:1.5px solid var(--border-accent);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--violet);display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:44px;justify-content:center;overflow:hidden;width:44px}.author-info h3{color:var(--text-primary);font-size:.9375rem;font-weight:700;margin:0;text-align:left}.author-info p{margin:2px 0 0;text-align:left}.author-info p,.post-time{color:var(--text-muted);font-size:.75rem}.post-time{font-family:var(--font-mono)}.post-body{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-md);text-align:left;white-space:pre-wrap}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-lg)}.post-actions{border-top:1px solid var(--border-subtle);gap:var(--space-xl);padding-top:var(--space-md)}.post-action-btn,.post-actions{align-items:center;display:flex}.post-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:700;gap:6px;transition:all var(--transition-fast)}.post-action-btn:hover{color:var(--violet)}.post-action-btn.active{color:var(--accent)}.post-action-btn.comment-btn-active{color:var(--violet)}.comments-wrapper{border-top:1px dotted var(--border-default);display:none;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md)}.comments-wrapper.open{display:flex}