[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.community{padding:130px clamp(22px,5vw,90px) 150px;background:#171b20;position:relative}
.community:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--mint),transparent);opacity:.5}
.community-heading{max-width:1100px;margin:0 auto 65px;text-align:center}
.community-heading .eyebrow{justify-content:center;margin-bottom:24px}
.community-heading h2{font-size:clamp(3.1rem,7vw,7rem);line-height:1.1;letter-spacing:-.08em;margin:0 0 22px}
.community-heading h2 em{font-style:normal;color:var(--mint)}
.community-heading>p:last-child{color:#aab2af;font-size:1.02rem;line-height:1.7}
.community-gate{max-width:680px;margin:auto;border:1px solid rgba(244,168,200,.28);background:radial-gradient(circle at 50% 0,rgba(244,168,200,.1),transparent 66%),#211d27;border-radius:28px;padding:52px 34px;text-align:center}
.gate-spark{font-size:3rem;color:var(--mint)}
.community-gate p{max-width:460px;margin:18px auto 28px;color:#d5dcd4;line-height:1.7}
.community-inner{max-width:1380px;margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr);gap:24px;align-items:start}
.community-panel{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#20262a;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.12)}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.1)}
.panel-kicker{display:block;color:var(--mint);font-size:.65rem;font-weight:800;letter-spacing:.2em;margin-bottom:8px}
.panel-heading h3{margin:0;font-size:1.8rem;letter-spacing:-.06em}
.panel-action,.solid-button{border:0;border-radius:999px;background:var(--mint);color:#111911;font-size:.82rem;font-weight:800;padding:12px 18px}
.panel-action:hover,.solid-button:hover{background:#ffd0e2}
.post-editor{padding:26px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:grid;gap:10px}
.post-editor label{font-size:.8rem;font-weight:750;color:#c5ceca;margin-top:4px}
.post-editor input,.post-editor textarea,.chat-form input{width:100%;border:1px solid rgba(255,255,255,.17);border-radius:12px;padding:14px 16px;background:#151a1e;color:var(--paper);outline:none;resize:vertical}
.post-editor input:focus,.post-editor textarea:focus,.chat-form input:focus{border-color:var(--mint)}
.editor-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:8px}
.text-button{border:0;background:none;color:#b4bfba;padding:10px}
.panel-feedback{padding:0 30px;color:var(--mint);font-size:.85rem}
.post-list{min-height:200px}
.post-card{padding:27px 30px;border-bottom:1px solid rgba(255,255,255,.09)}
.post-card:last-child{border-bottom:0}
.post-title-button{border:0;background:none;color:var(--paper);font-size:1.18rem;font-weight:800;letter-spacing:-.04em;text-align:left;padding:0;line-height:1.45}
.post-title-button:hover{color:var(--mint)}
.post-meta{display:flex;gap:12px;color:#94a29c;font-size:.74rem;margin-top:10px}
.post-body{overflow-wrap:anywhere;color:#d3dbd6;line-height:1.65;margin:14px 0 0}
.post-tools{display:flex;gap:10px;margin-top:18px}
.post-tools button{border:1px solid rgba(255,255,255,.2);border-radius:999px;background:none;color:#d6dfd8;padding:7px 14px;font-size:.75rem}
.more-button{display:block;width:100%;padding:20px;background:none;border:0;border-top:1px solid rgba(255,255,255,.1);color:var(--mint);font-weight:800}
.empty-state{padding:54px 30px;color:#9daaa4;text-align:center}
.live-badge{display:inline-flex;align-items:center;gap:8px;color:var(--mint);font-size:.7rem;font-weight:800;letter-spacing:.1em}
.live-badge i{display:block;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 13px var(--mint)}
.chat-messages{height:520px;overflow-y:auto;padding:24px 26px;display:flex;flex-direction:column;gap:18px;scrollbar-color:#52645b transparent}
.chat-message{max-width:100%}
.chat-message.mine{align-self:flex-end;text-align:right}
.chat-meta{display:flex;gap:9px;align-items:baseline;color:#aab8af;font-size:.73rem;margin-bottom:6px}
.chat-message.mine .chat-meta{justify-content:flex-end}
.chat-author{color:var(--mint);font-weight:800}
.chat-bubble{display:inline-block;max-width:100%;padding:11px 14px;background:#303b3d;border-radius:15px 15px 15px 4px;color:#e5eae4;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;font-size:.9rem}
.chat-message.mine .chat-bubble{background:#f4a8c8;color:#29212a;border-radius:15px 15px 4px 15px}
.chat-message.deleted .chat-bubble,.chat-result.deleted p{font-style:italic;opacity:.7}
.chat-form{display:flex;gap:10px;padding:18px 20px;border-top:1px solid rgba(255,255,255,.1)}
.chat-form input{min-width:0;flex:1;resize:none}
.chat-form button{width:48px;border:0;border-radius:12px;background:var(--mint);color:#111911;font-size:1.2rem;font-weight:800}
@media(max-width:980px){.community-inner{grid-template-columns:1fr}.chat-messages{height:430px}}
@media(max-width:600px){.community{padding:90px 18px 100px}.community-heading{margin-bottom:42px}.community-heading h2{font-size:clamp(2.8rem,10vw,4.5rem)}.community-panel{border-radius:20px}.panel-heading,.post-card{padding:22px}.post-editor{padding:22px}.chat-messages{height:380px}.chat-form{padding:14px}.community-gate{padding:40px 22px}}