.fy-community-page{height:calc(100vh - 20px);padding:14px 18px 18px;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px}.fy-community-page .fy-page-header{margin:0;min-height:62px}.fy-community-safe{display:inline-flex;align-items:center;gap:7px;color:#37626d;font-size:12px}.fy-community-safe i{width:8px;height:8px;border-radius:50%;background:#2da77b;box-shadow:0 0 0 4px #dff4eb}.fy-community-summary{height:42px;display:flex;align-items:center;gap:22px;padding:0 14px;border:1px solid #d8e3e7;border-radius:12px;background:#fff;color:#657980;font-size:12px}.fy-community-summary span{display:flex;align-items:baseline;gap:5px}.fy-community-summary strong{font-size:16px;color:#173d4b}.fy-community-summary .button{margin-left:auto}
.fy-community-shell{min-height:0;display:grid;grid-template-columns:52px 270px minmax(360px,1fr) 286px;border:1px solid #cad9df;border-radius:16px;overflow:hidden;background:#f7fafb;box-shadow:0 12px 38px rgba(19,54,69,.1)}.fy-community-rail{background:#173c4b;padding:13px 7px;display:flex;flex-direction:column;gap:8px}.fy-community-rail button{width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:#d8e7eb;font-weight:700;cursor:pointer}.fy-community-rail button:hover,.fy-community-rail button.is-active{background:#2c6571;color:#fff}.fy-community-list{border-right:1px solid #d9e4e8;background:#edf3f5;min-width:0;overflow:auto}.fy-community-list-head{height:62px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e4e8;position:sticky;top:0;background:#edf3f5;z-index:2}.fy-community-list-head div>*{display:block}.fy-community-list-head small{color:#72858d;margin-top:3px}.fy-community-list-head button{font-size:24px;border:0;background:transparent;color:#245967;cursor:pointer}
.fy-community-room{position:relative;width:100%;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;text-align:left;padding:11px 12px;border:0;border-bottom:1px solid #dbe6e9;background:transparent;cursor:pointer}.fy-community-room:hover,.fy-community-room.is-active{background:#fff}.fy-community-room.is-active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:#21847f}.fy-community-avatar{width:40px;height:40px;border-radius:12px;background:#cce6e2;color:#185b56;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.fy-room-copy{min-width:0}.fy-room-copy>span{display:flex;gap:6px;align-items:center}.fy-room-copy strong,.fy-room-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fy-room-copy strong{flex:1;color:#173d4b}.fy-room-copy time{font-size:10px;color:#86979d}.fy-room-copy small{color:#70858d;margin:4px 0}.fy-room-copy em{font-size:10px;font-style:normal;color:#40717c;background:#dcebed;padding:2px 6px;border-radius:99px}.fy-unread,.fy-guest-room>b{position:absolute;right:10px;bottom:10px;min-width:18px;height:18px;border-radius:99px;background:#e15e52;color:#fff;font-size:10px;display:grid;place-items:center}
.fy-community-chat{display:grid;grid-template-rows:62px minmax(0,1fr) auto;background:#f5f8f9;min-width:0}.fy-community-chat>header,.fy-guest-community-grid main>header{padding:10px 18px;border-bottom:1px solid #dce7ea;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.75)}.fy-community-chat>header div>*{display:block}.fy-community-chat>header small{color:#73858c;margin-top:3px}.fy-demo-label{font-size:11px;color:#7c641d;background:#fff4ca;border:1px solid #edd98c;padding:4px 8px;border-radius:99px}.fy-community-messages{overflow:auto;padding:18px}.fy-community-message{display:flex;gap:10px;margin:0 0 16px;max-width:82%}.fy-community-message>div{min-width:0}.fy-community-message header{display:flex;align-items:center;gap:7px}.fy-community-message header small{color:#647b83}.fy-community-message header time{font-size:10px;color:#9aa7ab}.fy-community-message header i{font-size:9px;font-style:normal;color:#856c20;background:#fff4ca;padding:1px 5px;border-radius:9px}.fy-community-message p{margin:4px 0 0;padding:10px 13px;background:#fff;border:1px solid #dce7ea;border-radius:4px 14px 14px 14px;line-height:1.62;overflow-wrap:anywhere}.fy-community-message.is-system{max-width:94%}.fy-community-message.is-system p{background:#eaf4f3;border-color:#cfe2df}.fy-message-tag{display:inline-block;margin-top:6px;font-size:10px;color:#2a6e75}.fy-demo-media{margin-top:7px;width:100%;display:flex;align-items:center;gap:8px;border:1px solid #d4e2e5;border-radius:10px;background:#fafdfe;padding:9px;color:#315d68;text-decoration:none;text-align:left}.fy-demo-media span{font-size:19px}.fy-demo-media em{margin-left:auto;font-size:10px;color:#8a999e;font-style:normal}.fy-community-empty{text-align:center;color:#71858c;margin:16vh auto}
.fy-community-composer{padding:9px 13px 11px;border-top:1px solid #dce7ea;background:#fff}.fy-community-tools{display:flex;align-items:center;gap:6px;margin-bottom:6px}.fy-community-tools button{border:0;background:#edf4f5;border-radius:8px;padding:5px 9px;color:#315d68;cursor:pointer}.fy-community-tools span{margin-left:auto;color:#71858c;font-size:11px}.fy-community-composer>div:last-of-type{display:flex;gap:8px;align-items:flex-end}.fy-community-composer textarea{flex:1;resize:none;min-height:48px}.fy-community-composer p{min-height:16px;margin:4px 0 0;font-size:11px;color:#8a5a18}
.fy-community-side{border-left:1px solid #d9e4e8;background:#fff;padding:18px;overflow:auto}.fy-community-side h2{font-size:17px;margin:13px 0 5px}.fy-community-side h3{font-size:14px;margin:19px 0 8px}.fy-community-side p,.fy-community-side li{color:#5f747c;line-height:1.55}.fy-community-side li{margin:7px 0}.fy-community-side-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7b8e95}.fy-community-side-head b{color:#297668;background:#e4f4ef;padding:4px 7px;border-radius:99px}.fy-community-health{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:15px 0}.fy-community-health span{padding:8px 4px;text-align:center;background:#f0f5f6;border-radius:8px;font-size:9px;color:#6c8087}.fy-community-health b{display:block;font-size:14px;color:#1b5260}.fy-pinned-note{padding:10px;border-left:3px solid #d7a13a;background:#fff8e9;color:#6d5b36;font-size:12px;line-height:1.55}.fy-consent-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #e3ebee}.fy-consent-row span,.fy-consent-row small,.fy-contact span>*{display:block}.fy-consent-row small,.fy-contact small{color:#71858c;margin-top:3px}.fy-community-side textarea,.fy-community-side select,.fy-friend-search input{width:100%;margin:5px 0}.fy-friend-search{display:flex;gap:7px}.fy-contact{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:7px;text-align:left;cursor:pointer}.fy-message-report{display:block;margin-top:5px;border:0;background:transparent;color:#81929a;font-size:11px;padding:2px 0}
.fy-guest-community-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid #cfe0e4;border-radius:12px;background:#f5fafb;color:#597078}.fy-guest-community-note strong{color:#1f5b68}.fy-guest-community-grid{min-height:0;display:grid;grid-template-columns:270px minmax(360px,1fr) 286px;border:1px solid #cad9df;border-radius:16px;overflow:hidden;background:#f7fafb}.fy-guest-community-grid>aside:first-child{background:#edf3f5;padding:14px;overflow:auto}.fy-guest-community-grid h2{font-size:16px;margin:3px 0 12px}.fy-guest-community-grid main{min-width:0;display:grid;grid-template-rows:54px minmax(0,1fr)}.fy-guest-room{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;padding:10px 4px;border-bottom:1px solid #d9e4e8}.fy-guest-room span:last-of-type{min-width:0}.fy-guest-room strong,.fy-guest-room small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fy-guest-room small{margin-top:4px;color:#72858d}
@media(max-width:1100px){.fy-community-shell{grid-template-columns:50px 245px minmax(330px,1fr)}.fy-community-side{display:none}.fy-guest-community-grid{grid-template-columns:250px 1fr}.fy-guest-community-grid>.fy-community-side{display:none}}
@media(max-width:720px){.fy-community-page{height:auto;min-height:calc(100dvh - 72px);padding:8px;overflow:visible;display:block}.fy-community-page .fy-page-header{margin-bottom:8px}.fy-community-summary{margin-bottom:8px;overflow:auto;gap:14px}.fy-community-summary span:nth-child(2),.fy-community-summary span:nth-child(3){display:none}.fy-community-shell{height:calc(100dvh - 190px);grid-template-columns:44px minmax(0,1fr)}.fy-community-list{display:none}.fy-community-chat{grid-column:2}.fy-community-message{max-width:96%}.fy-community-tools span{display:none}.fy-guest-community-note{align-items:flex-start;margin-bottom:8px}.fy-guest-community-grid{display:block}.fy-guest-community-grid>aside:first-child{display:none}.fy-guest-community-grid main{height:calc(100dvh - 210px)}}
@media(prefers-reduced-motion:reduce){.fy-community-page *{scroll-behavior:auto!important}}
.fy-community-feed{min-width:0;display:grid;grid-template-rows:54px minmax(0,1fr)}
.fy-community-feed>header{padding:10px 18px;border-bottom:1px solid #dce7ea;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.75)}
@media(max-width:720px){.fy-community-feed{height:calc(100dvh - 210px)}}
.fy-community-shell{--community-list-width:270px;grid-template-columns:52px var(--community-list-width) 7px minmax(360px,1fr)}
.fy-community-resizer{position:relative;background:#e3ecef;cursor:col-resize;touch-action:none;z-index:3}.fy-community-resizer:after{content:"";position:absolute;width:2px;height:44px;left:2px;top:50%;transform:translateY(-50%);border-radius:2px;background:#a7bbc2}.fy-community-resizer:hover,.fy-community-resizer.is-dragging,.fy-community-resizer:focus-visible{background:#d0e4e6;outline:none}.fy-community-resizer:hover:after,.fy-community-resizer.is-dragging:after{background:#267b80}
.fy-chat-head-actions{position:relative;display:flex;align-items:center;gap:8px}.fy-community-more{width:34px;height:32px;border:1px solid #d4e0e4;border-radius:9px;background:#fff;color:#345b65;font-size:16px;letter-spacing:2px;line-height:1;cursor:pointer}.fy-community-more:hover,.fy-community-more[aria-expanded="true"]{background:#e9f3f4;border-color:#a8c9cd}.fy-community-popover{position:absolute;right:0;top:40px;width:min(340px,calc(100vw - 32px));max-height:min(610px,calc(100vh - 150px));overflow:auto;padding:15px;background:#fff;border:1px solid #cbdcdf;border-radius:14px;box-shadow:0 18px 45px rgba(17,48,60,.2);z-index:30}.fy-community-popover[hidden]{display:none}.fy-popover-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2eaec;padding-bottom:10px}.fy-popover-title>button{width:28px;height:28px;border:0;border-radius:8px;background:#eef4f5;color:#44626a;font-size:20px;cursor:pointer}.fy-community-popover>section>h3{margin:14px 0 8px;font-size:13px;color:#455f68}.fy-font-options{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.fy-font-options button{min-width:0;padding:7px 2px;border:1px solid #d7e2e5;border-radius:8px;background:#fff;color:#425f68;font-size:11px;cursor:pointer}.fy-font-options button small{display:block;margin-top:2px;font-size:9px;color:#85969b}.fy-font-options button[aria-pressed="true"]{border-color:#277c80;background:#e6f3f1;color:#185b60;box-shadow:inset 0 0 0 1px #277c80}.fy-popover-group-info{font-size:13px}.fy-popover-group-info .fy-community-side-head{margin-top:16px}.fy-community-messages{font-size:var(--community-font-size,14px)}.fy-community-message p{font-size:1em}.fy-community-message header small{font-size:max(11px,.82em)}
.fy-guest-community-grid{grid-template-columns:270px minmax(360px,1fr)}
@media(max-width:1100px){.fy-community-shell{grid-template-columns:50px var(--community-list-width) 7px minmax(330px,1fr)}}
@media(max-width:720px){.fy-community-shell{grid-template-columns:44px minmax(0,1fr)}.fy-community-resizer{display:none}.fy-community-chat{grid-column:2}.fy-community-popover{position:fixed;top:76px;right:10px}.fy-demo-label{display:none}}
/* WeChat-inspired desktop conversation hierarchy */
.fy-community-shell,.fy-guest-community-grid{border-radius:10px;border-color:#d8d8d8;background:#f5f5f5;box-shadow:0 8px 28px rgba(0,0,0,.08)}.fy-community-list,.fy-guest-community-grid>aside:first-child{background:#e7e7e7}.fy-community-list-head{background:#e7e7e7;border-color:#d2d2d2}.fy-community-room,.fy-guest-room{border:0;border-bottom:1px solid rgba(0,0,0,.045);border-radius:0}.fy-community-room:hover,.fy-guest-room:hover{background:#dcdcdc}.fy-community-room.is-active,.fy-guest-room.is-active{background:#c9c9c9}.fy-community-room.is-active:before{display:none}.fy-community-avatar{border-radius:5px;background:#79c8aa;color:#fff}.fy-community-chat,.fy-community-feed{background:#f5f5f5}.fy-community-chat>header,.fy-community-feed>header{height:62px;padding:0 18px;background:#f5f5f5;border-color:#ddd}.fy-community-feed>header>div:first-child>*{display:block}.fy-community-feed>header small{font-size:11px;color:#8a8a8a;margin-top:3px}.fy-community-messages{background-color:#f5f5f5;background-image:linear-gradient(rgba(0,0,0,.018) 1px,transparent 1px);background-size:100% 34px}.fy-community-message p{border-color:#ddd;border-radius:4px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.025)}.fy-community-message.is-system p{background:#e7f3ed;border-color:#d2e6dc}.fy-community-message header i{background:transparent;color:#aaa}.fy-community-composer,.fy-guest-composer{border-top:1px solid #ddd;background:#f7f7f7}.fy-community-tools button,.fy-guest-composer button{background:transparent;color:#555}.fy-community-composer textarea,.fy-guest-composer textarea{border:0;background:#fff;box-shadow:inset 0 0 0 1px #e3e3e3}.fy-demo-label{border:0;background:#ededed;color:#777}
.fy-guest-community-grid>aside:first-child{padding:0}.fy-guest-list-head{height:62px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d2d2}.fy-guest-list-head h2{margin:0;font-size:17px}.fy-guest-list-head button{width:30px;height:30px;border:0;background:#d5d5d5;border-radius:3px;font-size:20px;color:#555}.fy-guest-room{position:relative;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:11px 13px;text-align:left;background:transparent;cursor:pointer}.fy-guest-room span:nth-child(2){min-width:0}.fy-guest-room time{position:absolute;right:11px;top:11px;font-size:10px;color:#999}.fy-guest-room>b{bottom:9px}.fy-guest-composer{padding:10px 16px 13px}.fy-guest-composer>div{display:flex;gap:13px}.fy-guest-composer button{border:0;font-size:19px;padding:2px}.fy-guest-composer textarea{width:100%;margin-top:7px;padding:9px;resize:none}.fy-community-feed{grid-template-rows:62px minmax(0,1fr) 112px}
.fy-notice-settings{padding:5px 0 2px}.fy-notice-settings label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #eee}.fy-notice-settings label span>*{display:block}.fy-notice-settings label small{margin-top:3px;font-size:10px;font-weight:400;color:#999}.fy-notice-settings input[role=switch]{appearance:none;width:42px;height:24px;padding:2px;border:0;border-radius:99px;background:#c9c9c9;cursor:pointer;transition:.18s}.fy-notice-settings input[role=switch]:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.18s}.fy-notice-settings input[role=switch]:checked{background:#07c160}.fy-notice-settings input[role=switch]:checked:after{transform:translateX(18px)}.fy-notice-settings>p{margin:8px 0 0;font-size:11px;color:#888}.fy-muted-icon{position:absolute;right:11px;bottom:12px;color:#999;font-style:normal}.fy-community-toast{position:fixed;right:22px;top:22px;z-index:100;display:flex;align-items:center;gap:10px;width:min(330px,calc(100vw - 32px));padding:12px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.16);animation:fy-toast-in .2s ease-out}.fy-community-toast>span{width:36px;height:36px;display:grid;place-items:center;border-radius:5px;background:#07c160;color:#fff}.fy-community-toast div{min-width:0}.fy-community-toast strong,.fy-community-toast small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fy-community-toast small{margin-top:3px;color:#777}@keyframes fy-toast-in{from{opacity:0;transform:translateY(-8px)}}
@media(max-width:720px){.fy-community-feed{grid-template-rows:54px minmax(0,1fr) 92px}.fy-guest-composer{padding:7px 10px}.fy-community-page .fy-guest-community-note{font-size:12px}.fy-community-popover{max-height:calc(100dvh - 96px)}}
.fy-unread.is-muted{min-width:8px;width:8px;height:8px;right:28px;bottom:16px;font-size:0}
.fy-community-side:not([hidden]){display:block;position:fixed;right:18px;top:82px;bottom:18px;width:min(380px,calc(100vw - 36px));z-index:40;border:1px solid #d6d6d6;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.fy-side-close{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;border-radius:5px;background:#eee;color:#666;font-size:20px;cursor:pointer}
.fy-person-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #eee}.fy-person-row>span:nth-child(2){min-width:0}.fy-person-row strong,.fy-person-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fy-person-row small{margin-top:2px;color:#999}.fy-person-row>button{border:0;border-radius:4px;padding:6px 9px;background:#07c160;color:#fff;cursor:pointer}
/* ── Community chat polish (emoji picker, inline media, more-button fit) ── */
.fy-community-more{width:auto;min-width:34px;padding:0 6px;white-space:nowrap;letter-spacing:-1px;line-height:1;font-size:20px;color:#64757d;border:1px solid #d6e1e5;border-radius:6px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle}
.fy-community-more:hover{background:#edf4f5}
.fy-emoji-panel{display:flex;flex-wrap:wrap;gap:2px;padding:6px 8px;border:1px solid #e2ecef;border-radius:8px;background:#f7fbfb;margin-bottom:6px;max-height:128px;overflow:auto}
.fy-emoji-panel button{border:0;background:none;font-size:20px;line-height:1;padding:4px;cursor:pointer;border-radius:4px}
.fy-emoji-panel button:hover{background:#e9f2f3}
.fy-community-media-img img{max-width:min(260px,80%);max-height:280px;object-fit:cover;border-radius:8px;display:block}
.fy-community-media-audio,.fy-community-media-video{max-width:min(320px,90%);margin-top:6px}
.fy-community-media-video{max-height:280px;border-radius:8px}
@media(max-width:520px){.fy-emoji-panel{max-height:96px}}