/* Community Page Styles */

.community-container {
    padding-top: 120px;
    padding-bottom: var(--space-8);
    max-width: 800px;
}

.community-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-6);
}

.locked-panel {
    border: 1px solid var(--accent-purple-glow);
    background: radial-gradient(circle at top left, rgba(34, 197, 94, 0.05), transparent);
}

.post-form {
    margin-bottom: var(--space-8);
}

.post-form textarea {
    width: 100%;
    min-height: 100px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    color: var(--text-white);
    margin-bottom: var(--space-2);
    backdrop-filter: blur(var(--glass-blur));
}

.posts-feed {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.post {
    padding: var(--space-4);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    backdrop-filter: blur(var(--glass-blur));
    box-shadow: var(--glass-inner-glow);
}

.post-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space-2);
}

.post-author {
    font-weight: 700;
    color: var(--neon-purple);
}

.post-time {
    font-size: 0.8rem;
    color: var(--text-dim);
}

.post-content {
    color: var(--text-white);
}