.main-pane.community-active{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.main-pane.community-active>.community-view,.main-pane.community-active>.community-empty-page{grid-area:2/1}.community-view{background:var(--surface-page);width:100%;min-width:0;height:100%;min-height:0;color:var(--text-primary);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.community-chat-main{--conversation-surface-rows:auto minmax(0, 1fr) auto;overflow:hidden}.community-chat-notices{grid-row:1;max-height:38vh;overflow-y:auto}.community-chat-notices:empty{display:none}.community-message-pane{grid-row:2}.community-composer-wrap{grid-row:3}.community-header{border-bottom:1px solid var(--border-default);background:var(--surface-page);justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:74px;padding:12px 20px;display:flex}.community-heading,.community-header-actions,.community-heading>div,.community-member-count,.community-preview-banner,.community-realtime-state,.community-rules-dialog>header,.community-rules-dialog>footer,.community-rules-dialog footer>div{align-items:center;display:flex}.community-heading{gap:12px;min-width:0}.community-heading>div{flex-direction:column;align-items:flex-start;min-width:0}.community-heading small{color:var(--text-muted);font-size:11px}.community-heading h1{color:var(--text-primary);margin:0;font-size:16px;line-height:1.3}.community-heading p{max-width:650px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.community-icon{object-fit:cover;border-radius:8px;flex:none;width:38px;height:38px}.community-icon.fallback{background:color-mix(in srgb, var(--status-success) 12%, var(--surface-panel));color:var(--status-success);place-items:center;font-size:12px;font-weight:700;display:grid}.community-header-actions{flex:none;gap:8px}.community-member-count{color:var(--text-muted);gap:5px;padding:6px 8px;font-size:12px}.community-header button,.community-preview-banner button,.community-empty-card button,.community-discovery-card button,.community-rules-dialog button{background:var(--action-primary);min-height:29px;color:var(--text-on-primary);font:inherit;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.community-header button:hover:not(:disabled),.community-preview-banner button:hover:not(:disabled),.community-empty-card button:hover:not(:disabled),.community-discovery-card button:hover:not(:disabled),.community-rules-dialog button:hover:not(:disabled){background:var(--action-primary);color:var(--text-on-primary)}.community-header button.secondary,.community-rules-dialog button.secondary,.community-discovery-actions .secondary{border:1px solid var(--border-default);background:var(--surface-floating);color:var(--text-primary)}.community-header button.secondary:hover:not(:disabled),.community-rules-dialog button.secondary:hover:not(:disabled),.community-discovery-actions .secondary:hover:not(:disabled){background:var(--state-hover)}.community-header button:disabled,.community-preview-banner button:disabled,.community-empty-card button:disabled,.community-discovery-card button:disabled,.community-rules-dialog button:disabled{cursor:default;opacity:.5}.community-preview-banner{border-bottom:1px solid color-mix(in srgb, var(--accent-primary) 24%, transparent);background:color-mix(in srgb, var(--accent-primary) 7%, transparent);justify-content:space-between;gap:20px;padding:10px 20px}.community-preview-banner.warning{border-color:color-mix(in srgb, var(--status-warning) 30%, transparent);background:color-mix(in srgb, var(--status-warning) 8%, transparent)}.community-preview-banner>div{flex-direction:column;gap:2px;display:flex}.community-preview-banner strong,.community-preview-banner span{font-size:12px}.community-preview-banner span{color:var(--text-secondary)}.community-realtime-state{border-bottom:1px solid color-mix(in srgb, var(--status-warning) 18%, transparent);background:color-mix(in srgb, var(--status-warning) 7%, transparent);color:var(--status-warning);gap:7px;padding:7px 20px;font-size:12px}.community-state{color:var(--text-secondary);border-radius:7px;margin:8px 20px 0;padding:8px 10px;font-size:12px}.community-chat-notices .community-state{border-bottom:1px solid color-mix(in srgb, var(--status-danger) 20%, transparent);border-radius:0;margin:0;padding:8px 20px}.community-state.error,.community-message-state.error,.community-composer-action-error{background:color-mix(in srgb, var(--status-danger) 10%, transparent);color:var(--status-danger)}.community-state button,.community-message-state button{color:inherit;background:0 0;border:0;margin-left:8px;padding:0;text-decoration:underline}.community-message-pane{outline:none}.community-message-pane:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--focus-ring) 35%, transparent)}.community-message-state{min-height:180px;color:var(--text-muted);text-align:center;border-radius:8px;place-items:center;padding:28px;font-size:13px;display:grid}.community-load-older{min-height:28px;color:var(--accent-primary);background:0 0;border:0;border-radius:5px;margin:0 auto 10px;padding:0 8px;font-size:11px;display:block}.community-load-older:hover:not(:disabled){background:color-mix(in srgb, var(--accent-primary) 9%, transparent)}.community-load-older:disabled{opacity:.55}.community-message{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:8px 6px;display:grid;position:relative}.community-message:hover{background:var(--state-hover)}.community-avatar{background:color-mix(in srgb, var(--status-success) 12%, var(--surface-panel));width:34px;height:34px;color:var(--status-success);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid}.community-message-content{min-width:0;color:var(--text-primary);font-size:13px;line-height:1.5}.community-message-content>header{align-items:baseline;gap:7px;min-height:20px;display:flex}.community-message-content>header strong{color:var(--text-primary);font-size:13px}.community-message-content>header time,.community-message-content>header>span{color:var(--text-muted);font-size:10px}.community-message-content .markdown-message{overflow-wrap:anywhere;color:var(--text-primary);font-size:13px;line-height:1.5}.community-message-content .markdown-paragraph{margin:2px 0}.community-message-actions{opacity:0;gap:2px;margin-left:auto;display:inline-flex}.community-message:hover .community-message-actions,.community-message-actions:focus-within{opacity:1}.community-message-actions button{width:25px;height:25px;color:var(--text-muted);background:0 0;border:0;border-radius:5px;place-items:center;display:inline-grid}.community-message-actions button:hover{background:var(--state-hover);color:var(--text-primary)}.community-message-actions button:focus-visible,.community-reply-quote:focus-visible,.community-load-older:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.community-reply-quote{border:0;border-left:3px solid var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 7.5%, transparent);width:min(520px,100%);min-width:0;color:var(--text-secondary);text-align:left;border-radius:4px;margin:3px 0 5px;padding:6px 9px;display:grid}.community-reply-quote:hover{background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}.community-reply-quote strong{color:var(--accent-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.community-reply-quote span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.community-message-deleted{color:var(--text-muted);font-size:12px;font-style:italic}.community-message-edit textarea{resize:vertical;border:1px solid color-mix(in srgb, var(--accent-primary) 45%, transparent);background:var(--surface-input);width:100%;min-height:72px;color:var(--text-primary);font:inherit;border-radius:6px;padding:8px}.community-message-edit>div{justify-content:flex-end;gap:6px;margin-top:5px;display:flex}.community-message-edit button{border:1px solid var(--border-default);background:var(--surface-raised);min-height:27px;color:var(--text-primary);border-radius:5px;padding:0 9px;font-size:11px}.community-message-attachments{flex-wrap:wrap;gap:7px;margin-top:7px;display:flex}.community-message-attachments button,.community-attachment-placeholder{border:1px solid var(--border-default);background:var(--surface-panel);max-width:240px;color:var(--text-primary);border-radius:7px;flex-direction:column;align-items:flex-start;padding:8px 10px;display:flex}.community-attachment-placeholder{opacity:.7}.community-message-attachments span{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:12px;overflow:hidden}.community-message-attachments small{color:var(--text-muted)}.community-composer-wrap{min-width:0}.community-composer-reply{border:1px solid var(--border-default);border-left:3px solid var(--accent-primary);background:var(--state-hover);min-height:48px;color:var(--accent-primary);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:6px;padding:5px 7px 5px 10px;display:grid}.community-composer-reply>span{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:grid;overflow:hidden}.community-composer-reply strong{color:var(--accent-primary)}.community-composer-reply button{width:25px;height:25px;color:var(--text-muted);background:0 0;border:0;border-radius:5px;place-items:center;display:inline-grid}.community-composer-reply button:hover,.community-composer-reply button:focus-visible{background:var(--state-hover);color:var(--text-primary);outline:0}.community-composer-action-error,.community-failed-send{border:1px solid color-mix(in srgb, var(--status-danger) 25%, transparent);border-radius:7px;margin-bottom:6px;padding:7px 9px;font-size:11px}.community-failed-send{background:color-mix(in srgb, var(--status-danger) 10%, transparent);color:var(--status-danger);align-items:center;gap:7px;display:flex}.community-failed-send span{flex:1}.community-failed-send button{color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.community-mention-menu{z-index:12;background:var(--surface-floating);max-height:min(320px,42vh);box-shadow:0 12px 30px var(--shadow-color);border:0;border-radius:9px;padding:5px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto}.community-mention-menu button{width:100%;min-height:32px;color:var(--text-primary);background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;padding:0 9px;font-size:12px;display:flex}.community-mention-menu button:hover,.community-mention-menu button[aria-selected=true]{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--status-success)}.community-mention-menu small{color:var(--text-muted)}.community-membership-menu{position:relative}.community-membership-popover{z-index:5;background:var(--surface-floating);width:210px;box-shadow:0 12px 32px var(--shadow-color);border:0;border-radius:9px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.community-membership-popover>strong{color:var(--text-secondary);font-size:11px}.community-membership-popover label{font-size:12px}.community-membership-popover input{accent-color:var(--accent-primary)}.community-membership-popover button.danger{background:color-mix(in srgb, var(--status-danger) 14%, transparent);color:var(--status-danger);justify-content:center;margin-top:4px}.community-dialog-backdrop{z-index:30;background:var(--backdrop);place-items:center;padding:30px;display:grid;position:fixed;inset:0}.community-rules-dialog{border:1px solid var(--border-default);background:var(--surface-floating);width:min(720px,100%);max-height:min(780px,100vh - 60px);box-shadow:0 24px 70px var(--shadow-color);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;overflow:hidden}.community-rules-dialog>header{border-bottom:1px solid var(--border-default);justify-content:space-between;gap:20px;padding:16px 18px}.community-rules-dialog>header small{color:var(--text-muted)}.community-rules-dialog h2{margin:2px 0 0;font-size:17px}.community-rules-dialog>header button{min-height:29px;color:var(--text-primary);background:0 0;padding:7px}.community-rules-body{padding:18px 22px;overflow-y:auto}.community-rules-dialog>footer{border-top:1px solid var(--border-default);justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 18px}.community-rules-dialog footer>div{gap:7px}.community-rules-acceptance{max-width:400px;color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:12px;display:flex}.community-rules-acceptance input{accent-color:var(--accent-primary)}.community-empty-page{background:var(--surface-page);place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:30px;display:grid;overflow:hidden}.community-empty-card{width:min(480px,100%);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.community-empty-card h1,.community-discovery-card>h1{color:var(--text-primary);margin:0}.community-empty-card p{margin:0}.community-discovery-card{width:min(760px,100%);min-height:0;max-height:100%;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.community-discovery-card>p{text-align:center;max-width:580px;margin:0}.community-discovery-list{gap:7px;width:100%;min-height:0;padding:2px;display:grid;overflow-y:auto}.community-discovery-list>button{border:1px solid var(--border-default);background:var(--surface-raised);width:100%;color:var(--text-primary);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;display:grid}.community-discovery-list>button:hover:not(:disabled){border-color:var(--border-strong);background:var(--state-hover)}.community-discovery-list>button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.community-discovery-list small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.community-discovery-list em{color:var(--accent-primary);font-size:11px;font-style:normal}.community-discovery-actions{gap:8px;display:flex}.community-spinner{border:2px solid var(--border-strong);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite community-spin}@keyframes community-spin{to{transform:rotate(360deg)}}@media (width<=720px){.community-header{align-items:flex-start}.community-member-count{display:none}.community-preview-banner{flex-direction:column;align-items:flex-start;gap:8px}.community-discovery-list>button{grid-template-columns:auto minmax(0,1fr)}.community-discovery-list em{display:none}.community-rules-dialog>footer{flex-direction:column;align-items:stretch}}
