.community-chat{position:fixed;z-index:80;right:22px;bottom:22px;font-family:var(--font,'Be Vietnam Pro',Arial,sans-serif);color:#f7f3f4}
.community-chat-panel{position:absolute;right:0;bottom:74px;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100dvh - 120px));min-height:340px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ffffff1a;border-radius:16px;background:linear-gradient(145deg,#1c171cfa,#121319f7);box-shadow:0 22px 70px #000a,0 0 38px #f255621a;backdrop-filter:blur(22px);animation:community-chat-enter .2s ease-out}
.community-chat-panel[hidden]{display:none}
.community-chat-header{height:68px;flex:none;display:flex;align-items:center;gap:11px;padding:0 14px;border-bottom:1px solid #ffffff12;background:linear-gradient(110deg,#e9477819,#f2556208)}
.community-chat-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #f255625c;border-radius:13px;background:linear-gradient(145deg,#f2556236,#d943631a);color:#ffc1cb;font-size:19px;box-shadow:0 0 24px #f2556217}
.community-chat-heading{min-width:0;display:grid;gap:4px}.community-chat-heading strong{font-size:14px;font-weight:800;letter-spacing:.1px}.community-chat-heading>span{display:flex;align-items:center;gap:6px;color:#a6a2aa;font-size:10px}.community-chat-heading i{width:6px;height:6px;border-radius:50%;background:#f25562;box-shadow:0 0 10px #f25562a0}
.community-chat-close{width:32px;height:32px;margin-left:auto;border:1px solid #ffffff17;border-radius:9px;background:#ffffff08;color:#c7c1c6;font:24px/1 Arial,sans-serif;cursor:pointer}.community-chat-close:hover{border-color:#f2556270;background:#f2556215;color:#fff}
.community-chat-messages{min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:15px 13px 18px;scrollbar-color:#5e343d transparent;scrollbar-width:thin}
.community-chat-message{display:flex;align-items:flex-start;gap:9px;animation:community-chat-message-in .2s ease-out}.community-chat-message .community-chat-avatar-effect{width:34px;height:34px;flex:0 0 34px}.community-chat-avatar-fallback{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #f2556250;border-radius:12px;background:#f255621a;color:#ffc0ca;font-size:13px;font-weight:800}
.community-chat-message-main{min-width:0;flex:1;padding:9px 10px;border:1px solid #ffffff0d;border-radius:4px 12px 12px 12px;background:linear-gradient(120deg,#ffffff08,#ffffff04)}
.community-chat-message-meta{display:flex;align-items:center;gap:8px;min-width:0}.community-chat-message-meta .member-name-effect,.community-chat-name-fallback{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}.community-chat-message-meta time{margin-left:auto;color:#77747d;font-size:9px;white-space:nowrap}
.community-chat-message-main>p{margin:6px 0 0;color:#e0dce1;font-size:12px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}
.community-chat-empty{margin:auto;padding:12px;color:#a39da6;font-size:11px;line-height:1.7;text-align:center}
.community-chat-compose{flex:none;padding:11px 12px 12px;border-top:1px solid #ffffff12;background:#101116b8}.community-chat-form{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:end}.community-chat-form textarea{width:100%;min-height:40px;max-height:110px;resize:vertical;padding:11px 12px;border:1px solid #ffffff18;border-radius:12px;outline:0;background:#1b1a20;color:#f8f5f7;font:11px/1.5 var(--font,'Be Vietnam Pro',Arial,sans-serif)}.community-chat-form textarea:focus{border-color:#f2556280;box-shadow:0 0 0 3px #f2556214}.community-chat-form textarea::placeholder{color:#88818a}.community-chat-form button{width:38px;height:38px;border:0;border-radius:12px;background:linear-gradient(145deg,#f25562,#d94363);color:#fff;font-size:16px;cursor:pointer;box-shadow:0 7px 19px #f2556230}.community-chat-form button:hover{filter:brightness(1.12);transform:translateY(-1px)}.community-chat-form button:disabled{opacity:.55;cursor:wait;transform:none}.community-chat-form small{grid-column:1/-1;min-height:13px;color:#ffabb8;font-size:9px;line-height:1.4}
.community-chat-signin{margin:0;padding:10px 11px;border:1px solid #f2556224;border-radius:10px;background:#f255620c;color:#c3bbc3;font-size:10px;line-height:1.6;text-align:center}.community-chat-signin a{color:#ff9dab;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.community-chat-toggle{height:54px;min-width:54px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ff9aa969;border-radius:999px;background:linear-gradient(135deg,#f25562,#c7355d);color:white;font:800 11px var(--font,'Be Vietnam Pro',Arial,sans-serif);cursor:pointer;box-shadow:0 10px 30px #db3e5a55,0 0 0 5px #f2556212;transition:transform .2s,box-shadow .2s,filter .2s}.community-chat-toggle:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 15px 36px #db3e5a68,0 0 0 7px #f2556216}.community-chat-toggle.is-open .community-chat-toggle-icon{transform:rotate(45deg)}.community-chat-toggle-icon{font-size:19px;line-height:1;transition:transform .2s}.community-chat-toggle-label{white-space:nowrap}.community-chat-unread{display:none;position:absolute;right:4px;top:2px;width:9px;height:9px;border:2px solid #24151b;border-radius:50%;background:#ffe3e8}.community-chat-toggle.has-new-message .community-chat-unread{display:block}
@keyframes community-chat-enter{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes community-chat-message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.community-chat{right:14px;bottom:14px}.community-chat-panel{right:-1px;bottom:66px;width:min(390px,calc(100vw - 26px));height:min(68dvh,560px);min-height:310px;border-radius:14px}.community-chat-toggle{height:50px;min-width:50px;padding:0 15px}.community-chat-message-meta .member-name-effect,.community-chat-name-fallback{max-width:180px}}
@media(prefers-reduced-motion:reduce){.community-chat-panel,.community-chat-message{animation:none}.community-chat-toggle,.community-chat-close{transition:none}}
.community-chat-toggle{position:relative}
.community-chat-form .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.community-chat-form textarea{grid-column:1;grid-row:1}
.community-chat-form button{grid-column:2;grid-row:1}
.community-chat-form small{grid-column:1/-1;grid-row:2}
.community-chat-form textarea{resize:none}
.community-chat-name-wrap{display:block;flex:0 1 auto;min-width:0;max-width:min(220px,calc(100% - 46px));overflow:visible;padding:0 8px;white-space:nowrap}
.community-chat-name-wrap .member-name-effect{max-width:none!important;overflow:visible!important;text-overflow:clip!important;padding-left:8px;padding-right:8px}
.community-chat-name-wrap .community-chat-name-fallback{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.community-chat-name-wrap{max-width:min(180px,calc(100% - 46px))}}