.community-hub{max-width:1240px;margin:auto;padding:28px 32px 16px}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.community-heading>div>a{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--muted)}.community-heading h1{font-size:calc(27px * var(--ui-font-scale, 1));font-weight:650;letter-spacing:-.8px;margin:8px 0}.community-heading p{font-size:calc(13px * var(--ui-font-scale, 1));color:var(--muted);margin:0}.community-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid var(--border);margin-bottom:15px;font-size:calc(11px * var(--ui-font-scale, 1));color:var(--muted)}.community-shortcuts>span{white-space:nowrap}.community-shortcuts b{color:var(--text);margin-left:4px}.community-shortcuts>div{display:flex;flex-wrap:wrap;gap:5px}.community-shortcuts button{background:transparent;border:0;border-radius:8px;font:inherit;padding:7px 10px;color:var(--text);cursor:pointer}.community-shortcuts button:hover{color:var(--primary);background:var(--primary-50)}.community-alert{font-size:calc(12px * var(--ui-font-scale, 1));padding:10px 14px;margin-bottom:14px;border:1px solid #edb9c7;background:#fff4f6;color:#a52144;border-radius:12px}
.community-layout{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--card);height:calc(100dvh - 260px);min-height:500px;max-height:850px}.community-rooms{display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0}.community-rooms-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:14px 18px;min-height:64px}.community-rooms-heading b{font-size:calc(13px * var(--ui-font-scale, 1));font-weight:600}.community-rooms-heading button{background:var(--bg-soft);border:0;border-radius:10px;font-size:calc(21px * var(--ui-font-scale, 1));color:var(--text);height:32px;width:32px;cursor:pointer}.community-room-list{flex:1;overflow:auto;padding:10px}.community-room{display:flex;gap:10px;align-items:center;width:100%;border:0;background:transparent;padding:13px 10px;border-radius:12px;text-align:left;color:var(--text);font:inherit;cursor:pointer;margin-bottom:3px}.community-room:hover{background:var(--bg-soft)}.community-room.selected{background:var(--primary-50)}.community-room>.avatar{flex-shrink:0;width:36px;height:36px;font-size:calc(14px * var(--ui-font-scale, 1))}.community-room>span:nth-child(2){min-width:0;flex:1}.community-room b{display:block;font-size:calc(13px * var(--ui-font-scale, 1));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-room small{display:block;font-size:calc(11px * var(--ui-font-scale, 1));color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.community-room>i{font-size:calc(10px * var(--ui-font-scale, 1));font-style:normal;color:var(--primary);flex-shrink:0}.community-room-note{font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted);text-align:center;margin:0;padding:14px 8px;border-top:1px solid var(--border)}.community-hint{font-size:calc(12px * var(--ui-font-scale, 1));line-height:1.9;color:var(--muted);padding:12px;margin:0}.community-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.community-empty,.community-invitation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.community-empty>.ico{width:40px;height:40px;color:var(--primary);margin-bottom:16px}.community-empty h2,.community-invitation h2{font-size:calc(22px * var(--ui-font-scale, 1));font-weight:500;margin:10px 0}.community-empty p,.community-invitation p{color:var(--muted);font-size:calc(13px * var(--ui-font-scale, 1));margin:8px 0 24px}.community-invitation>div{display:flex;gap:10px}.community-chat-heading{display:flex;align-items:center;gap:12px;min-height:64px;padding:13px 20px;border-bottom:1px solid var(--border)}.community-chat-heading>div{flex:1;min-width:0}.community-chat-heading b{font-size:calc(14px * var(--ui-font-scale, 1));display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-chat-heading small{font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted);display:block}.community-chat-heading>button{border:0;background:transparent;color:var(--muted);font-size:calc(18px * var(--ui-font-scale, 1));min-width:32px;height:32px;cursor:pointer}.community-back{display:none}.community-messages{flex:1;min-height:0;overflow:auto;padding:20px}.community-message-empty{font-size:calc(12px * var(--ui-font-scale, 1));text-align:center;color:var(--muted);margin:24px 0}.community-message{max-width:84%;width:max-content;margin:0 auto 20px 0}.community-message header{display:flex;align-items:center;gap:12px;font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted);margin:0 3px 6px}.community-message header b{font-weight:500}.community-message time{font-size:calc(9px * var(--ui-font-scale, 1))}.community-message p{font-size:calc(13px * var(--ui-font-scale, 1));white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-soft);color:var(--text);padding:11px 15px;margin:0;border-radius:14px 14px 14px 4px;line-height:1.8}.community-message.mine{margin-left:auto;margin-right:0}.community-message.mine header{justify-content:flex-end}.community-message.mine p{background:var(--primary-50);border-radius:14px 14px 4px 14px}.community-composer{display:flex;align-items:flex-end;gap:12px;border-top:1px solid var(--border);padding:15px}.community-composer textarea{width:100%;min-width:0;resize:vertical;min-height:50px;max-height:150px;font:inherit;font-size:calc(13px * var(--ui-font-scale, 1));border:1px solid var(--border);border-radius:12px;padding:11px 13px;background:var(--card);color:var(--text)}.community-composer textarea:focus{outline:1px solid var(--primary)}.community-composer button{flex-shrink:0;min-height:40px;font-size:calc(12px * var(--ui-font-scale, 1))}.community-more-messages{border:0;background:var(--primary-50);color:var(--primary);font-size:calc(11px * var(--ui-font-scale, 1));padding:8px;cursor:pointer}.community-more-messages[hidden]{display:none}
.community-form-error{color:var(--danger);font-size:calc(12px * var(--ui-font-scale, 1));margin:12px 0 0}.community-member-list{margin-bottom:18px}.community-member-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:12px 0;font-size:calc(13px * var(--ui-font-scale, 1))}.community-member-list small{font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted)}.community-member-list button,.community-request-list button{background:var(--bg-soft);border:0;border-radius:8px;padding:7px 12px;color:var(--text);font:inherit;font-size:calc(11px * var(--ui-font-scale, 1));cursor:pointer}.community-leave{margin-top:20px;color:var(--danger)}.community-request-list>div{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--border)}.community-request-list>div>span{flex:1}.community-request-list b{font-size:calc(13px * var(--ui-font-scale, 1))}.community-request-list small{display:block;font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted)}.community-person{border-top:1px solid var(--border);margin-top:22px;padding-top:6px}.community-person>p{font-size:calc(13px * var(--ui-font-scale, 1));white-space:pre-wrap;overflow-wrap:anywhere}.community-person-actions{display:flex;gap:8px;flex-wrap:wrap}.community-cert-list{margin:16px 0}.community-cert-list>div{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;font-size:calc(12px * var(--ui-font-scale, 1));display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.community-cert-list span{color:var(--primary)}.community-cert-list p{width:100%;font-size:calc(11px * var(--ui-font-scale, 1));color:var(--muted);margin:0}.community-review-list article{padding:14px 0;border-bottom:1px solid var(--border)}.community-review-list header{display:flex;justify-content:space-between;font-size:calc(12px * var(--ui-font-scale, 1))}.community-review-list header span{color:var(--primary);letter-spacing:2px}.community-review-list p{font-size:calc(13px * var(--ui-font-scale, 1));white-space:pre-wrap;overflow-wrap:anywhere}.community-review-list small{font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted)}.community-review-form{margin-top:20px}.community-review-form summary{font-size:calc(13px * var(--ui-font-scale, 1));color:var(--primary);cursor:pointer}.community-review-form form{margin-top:14px}.community-hub button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media(max-width:1050px){.community-hub{padding:24px 20px}.community-layout{grid-template-columns:210px minmax(0,1fr)}.community-shortcuts{align-items:flex-start;flex-direction:column;gap:6px}.community-shortcuts button{padding-left:0;padding-right:18px}.community-layout{height:calc(100dvh - 290px)}}
@media(max-width:640px){.community-hub{padding:18px 13px}.community-heading{padding-left:42px;gap:12px;align-items:flex-start;margin-bottom:20px}.community-heading h1{font-size:calc(22px * var(--ui-font-scale, 1));margin:5px 0}.community-heading p{font-size:calc(11px * var(--ui-font-scale, 1))}.community-heading>div>a{font-size:calc(10px * var(--ui-font-scale, 1))}.community-heading>.btn{font-size:calc(10px * var(--ui-font-scale, 1));padding:7px 9px;min-height:34px;margin-top:18px;white-space:nowrap}.community-shortcuts{font-size:calc(10px * var(--ui-font-scale, 1));padding-top:12px;margin-bottom:10px}.community-shortcuts>div{width:100%;justify-content:space-between;gap:2px}.community-shortcuts button{padding:6px 2px;font-size:calc(11px * var(--ui-font-scale, 1))}.community-layout{display:block;height:calc(100dvh - 270px);min-height:430px;border-radius:15px}.community-rooms{height:100%;border:0}.community-conversation{display:none;height:100%}.has-room .community-rooms{display:none}.has-room .community-conversation{display:flex}.community-back{display:block}.community-chat-heading{padding:12px;gap:8px}.community-rooms-heading{padding:12px 16px}.community-room-list{padding:8px}.community-room{padding:14px 10px}.community-messages{padding:16px 12px}.community-message{max-width:90%}.community-message p{font-size:calc(13px * var(--ui-font-scale, 1))}.community-composer{padding:10px;gap:8px}.community-composer textarea{font-size:calc(14px * var(--ui-font-scale, 1))}.community-composer .btn{padding:8px 13px}.community-invitation{padding:20px}.community-invitation h2{font-size:calc(19px * var(--ui-font-scale, 1))}.community-empty h2{font-size:calc(20px * var(--ui-font-scale, 1))}}