.community-page{max-width:1240px;margin:auto;padding:48px 24px 72px;color:var(--text-primary,#f5f5f5)}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.community-eyebrow{color:var(--primary,#ff4057);letter-spacing:.15em;font-size:12px;font-weight:700}.community-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.045em;margin:12px 0}.community-heading p,.community-note p{color:var(--text-secondary,#a8a8b0);line-height:1.7;margin:0}.community-toolbar{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border-color,#222);padding:20px 0;font-size:13px;color:var(--text-secondary,#aaa)}.community-live-dot{display:inline-block;width:7px;height:7px;background:var(--primary,#ff4057);border-radius:50%;margin-right:8px}
.community-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.community-post-card{border:1px solid var(--border-color,#252525);border-radius:12px;overflow:hidden;background:var(--bg-secondary,#101012);display:flex;flex-direction:column;min-width:0}.community-post-cover{display:block;aspect-ratio:16/10;object-fit:cover;width:100%;background:#17171a}.community-post-cover-fallback{display:flex;align-items:center;justify-content:center;color:var(--text-secondary,#aaa);font-size:13px;letter-spacing:.14em;border-bottom:1px solid var(--border-color,#222)}.community-post-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.community-post-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary,#aaa);margin:0 0 12px}.community-post-card h2{font-size:21px;line-height:1.35;letter-spacing:-.02em;margin:0 0 12px;overflow-wrap:anywhere}.community-post-card h2 a{color:var(--text-primary,#f5f5f5);text-decoration:none}.community-post-card h2 a:hover{color:var(--primary,#ff4057)}.community-post-excerpt{font-size:14px;color:var(--text-secondary,#aaa);line-height:1.7;margin:0 0 24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.community-post-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary,#aaa);gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color,#222)}
.community-state{grid-column:1/-1;text-align:center;border:1px solid var(--border-color,#222);border-radius:12px;padding:56px 24px;color:var(--text-secondary,#aaa)}.community-state h2,.community-state h1{font-size:24px;color:var(--text-primary,#f5f5f5);margin:0 0 12px}.community-state p{max-width:440px;margin:0 auto 20px;line-height:1.7}.community-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:28px}.community-page-number{font-size:13px;color:var(--text-secondary,#aaa)}.community-note{margin-top:48px;border-top:1px solid var(--border-color,#222);padding-top:24px;font-size:13px}.community-note strong{font-size:14px;display:block;margin-bottom:8px}
.community-article-page{max-width:920px}.community-back{display:inline-block;text-decoration:none;color:var(--text-secondary,#aaa);font-size:14px;margin-bottom:36px}.community-back:hover{color:var(--text-primary,#fff)}.community-article-header h1{font-size:clamp(28px,4vw,48px);line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere;margin:20px 0}.community-article-cover{max-height:520px;object-fit:cover;width:100%;border-radius:12px;margin:24px 0}.community-article-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.9;color:var(--text-primary,#e5e5e5);padding:12px 0 24px}.community-article-reactions{display:flex;flex-wrap:wrap;gap:8px;border-block:1px solid var(--border-color,#222);padding:20px 0;margin:20px 0 40px}.community-reaction{display:inline-flex;gap:8px;align-items:center;background:var(--bg-secondary,#121214);border:1px solid var(--border-color,#28282c);color:var(--text-primary,#f5f5f5);border-radius:24px;padding:10px 16px;cursor:pointer}.community-reaction[aria-pressed=true]{border-color:var(--primary,#ff4057);background:rgba(255,64,87,.1)}.community-reaction:disabled{opacity:.65;cursor:wait}.community-form-message{min-height:20px;font-size:13px;color:var(--error,#ff6b7f);margin:12px 0}
.community-editor{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--border-color,#333);border-radius:12px;background:var(--bg-secondary,#111114);color:var(--text-primary,#f5f5f5);padding:28px;overflow:auto}.community-editor::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(4px)}.community-editor-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.community-editor-heading h2{font-size:22px;margin:0}.community-icon-button{background:none;border:1px solid var(--border-color,#333);color:inherit;border-radius:8px;width:36px;height:36px;cursor:pointer}.community-editor label{font-size:13px;font-weight:600;display:block;margin:20px 0 8px}.community-editor small{font-weight:400;color:var(--text-secondary,#aaa)}.community-editor input,.community-editor textarea,.community-editor select{width:100%;min-width:0;padding:12px 14px;background:var(--bg-primary,#080809);color:inherit;border:1px solid var(--border-color,#333);border-radius:8px;font:inherit;font-size:14px}.community-editor textarea{resize:vertical;line-height:1.6}.community-editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.community-page button:focus-visible,.community-page a:focus-visible,.community-editor :focus-visible{outline:2px solid var(--primary,#ff4057);outline-offset:4px}
@media(max-width:950px){.community-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.community-page{padding:32px 16px 48px}.community-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.community-heading p{font-size:14px}.community-posts{grid-template-columns:1fr;gap:20px}.community-post-card-body{padding:20px}.community-toolbar{font-size:12px}.community-article-body{font-size:16px}.community-editor{padding:20px}.community-article-reactions{gap:6px}.community-reaction{padding:8px 12px;font-size:13px}}
.community-page [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.community-page *,.community-editor *{animation:none!important;transition:none!important}}