.community-live-section{padding:56px 0;border-block:1px solid var(--line);background:radial-gradient(ellipse at 80% 0, color-mix(in srgb,var(--teal) 8%,transparent),transparent 65%)}
.community-live-controls,.community-live-actions,.post-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0}
.community-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.community-live-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);min-width:0;transition:transform .2s,border-color .2s}
.community-live-card:hover{transform:translateY(-3px);border-color:var(--teal)}
.community-live-card h3{font-size:22px;margin:20px 0 12px}.community-live-card p{overflow-wrap:anywhere}.community-live-card>p:nth-of-type(2){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.community-live-colors{display:flex;height:70px;border-radius:12px;overflow:hidden}.community-live-colors span{flex:1;min-width:0}
.community-live-actions button{border:1px solid var(--line);padding:9px 15px;border-radius:20px;color:var(--ink);background:var(--surface);font:inherit}.community-live-actions button[aria-pressed=true]{border-color:var(--teal)}
.community-live-card details a{display:block;padding:8px 0}.community-post-wrap{max-width:900px}.community-post-form{margin:32px 0;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.post-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.community-post-form label{display:flex;flex-direction:column;gap:10px;margin:18px 0;font-size:18px}.community-post-form input,.community-post-form select,.community-post-form textarea{max-width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}.community-post-form .post-consent{display:flex;flex-direction:row;align-items:flex-start}.post-consent input{flex:none;width:20px;height:20px;margin-top:4px}.community-post-form details{padding:18px 0}.post-actions button:disabled{opacity:.55}
@media(min-width:1700px){.community-live-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.community-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.community-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-fields{grid-template-columns:1fr}.community-post-form{padding:20px}}@media(max-width:480px){.community-live-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.community-live-card{transition:none}.community-live-card:hover{transform:none}}