@font-face{font-family:Poppins-Regular;src:url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');font-display:swap}
.community-page{margin:0;background:var(--hub-soft);font:14px/1.6 var(--hub-font);color:var(--hub-ink)}
.community-page *,.community-page *::before,.community-page *::after{box-sizing:border-box}
.community-page h1,.community-page h2,.community-page p{margin:0}
.community-page a{text-decoration:none}
.community-page button,.community-page textarea{font-family:inherit}
.community-page .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}
.chat-brand-logo{display:block;flex-shrink:0;width:46px;height:46px;object-fit:contain}
.community-page .community-brand small{font-size:12px;letter-spacing:.5px}
.community-brand small i{margin-right:4px}
.community-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);width:100%;max-width:1600px;margin:0 auto;font-family:var(--hub-font);color:var(--hub-ink);background:var(--hub-soft)}
.community-sidebar{height:100dvh;overflow:auto;display:flex;flex-direction:column;gap:24px;padding:32px 24px;border-right:1px solid var(--hub-line);background:#fff}
.community-sidebar-heading{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:-.6px;margin-top:16px}
.community-sidebar-intro{font-size:12px;line-height:1.9;color:var(--hub-muted);margin-top:-14px}
.community-sidebar .community-note{margin-top:14px}
.community-sidebar-footer{margin-top:auto;padding-top:30px;font-size:10px;letter-spacing:1.5px;color:#9a91a7;text-align:center}
.community-main{min-width:0;padding:24px 28px}
.community-shell{position:relative;display:flex;flex-direction:column;height:calc(100dvh - 48px);min-height:260px;overflow:hidden;background:#fff;border:1px solid var(--hub-line);border-radius:24px;box-shadow:0 12px 50px #33215a08}
.chat-toolbar{flex-shrink:0;padding:20px 26px;display:flex;justify-content:space-between;gap:14px;background:#fff;align-items:center;border-bottom:1px solid var(--hub-line)}
.chat-room-heading{display:flex;align-items:center;gap:13px;min-width:0}
.chat-room-avatar{width:46px;height:46px;border-radius:16px;font-size:22px}
.chat-toolbar h1{font-size:18px;line-height:1.5;font-weight:700;color:var(--hub-ink);margin:0}
.chat-toolbar p{font-size:11px;color:var(--hub-muted);margin:4px 0 0}
.chat-toolbar p::before{content:'';display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#9580b0}
.chat-toolbar p.is-connected::before{background:#36a879}
.chat-room-badge{display:inline-block;margin-left:9px;padding:3px 7px;border-radius:5px;background:#f1ebfc;color:#8763ae;font-size:8px;letter-spacing:1px;vertical-align:middle}
.chat-back{display:none;color:var(--hub-ink);font-size:26px}
.chat-toolbar-actions{display:flex;align-items:center;gap:12px;min-width:0}
.chat-profile{display:block;padding:9px 13px;border:1px solid var(--hub-line);border-radius:22px;font-size:11px;color:#6c587e;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fcfaff}
.chat-profile:hover,.chat-sender:hover{color:var(--hub-purple);text-decoration:underline}
.chat-messages{flex:1;min-height:0;overflow:auto;padding:24px 60px;background-color:#faf9fd;background-image:radial-gradient(#ded6ec55 .8px,transparent .8px);background-size:19px 19px;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dcd3e8 transparent}
.chat-day{width:fit-content;text-align:center;font-size:10px;color:#93869f;margin:4px auto 24px;padding:6px 13px;border:1px solid #ece7f5;border-radius:20px;background:#f4f0fa}
.chat-message{position:relative;width:fit-content;min-width:160px;max-width:min(78%,600px);margin:0 auto 22px 0;padding:13px 16px 10px;background:#fff;border:1px solid #eeeaf4;border-radius:18px 18px 18px 4px;box-shadow:0 3px 9px #34214704;overflow-wrap:anywhere}
.chat-avatar{position:absolute;left:-39px;top:2px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ece3fa;color:#8059a0;border:2px solid #fff;font-size:10px;font-weight:700}
.chat-message.mine{margin:0 0 22px auto;background:linear-gradient(125deg,#8445d2,#6738df);border-color:transparent;border-radius:18px 18px 4px 18px}
.chat-message.mine .chat-avatar{left:auto;right:-39px;background:#e4dcfa;color:#6740a3}
.chat-sender{display:block;font-size:10px;font-weight:700;line-height:1.6;color:#8966a6;margin-bottom:6px}
.chat-body{white-space:pre-wrap;color:#43384f;font-size:13px;line-height:1.8;margin:0}
.chat-message.mine .chat-body{color:#fff}
.chat-message.mine .chat-sender{color:#f0dfff}
.chat-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:7px}
.chat-time,.chat-edited{color:#a095ad;font-size:9px}
.chat-message.mine .chat-time,.chat-message.mine .chat-edited{color:#e2cffa}
.chat-message-actions{display:flex;align-items:center;gap:2px;margin-left:auto}
.chat-message-actions button{min-width:40px;min-height:30px;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:#f0dfff;font:10px var(--hub-font);cursor:pointer}
.chat-message-actions button:hover{background:#ffffff24;color:#fff}
.chat-empty{max-width:360px;margin:auto;padding:75px 20px;text-align:center;color:#9a89ab;font-size:12px;line-height:1.9}
.chat-empty::before{content:'✦';display:grid;place-items:center;width:70px;height:70px;border-radius:25px;background:#efe6ff;color:#9363cb;font-size:36px;margin:0 auto 22px}
.chat-empty strong{display:block;font-size:23px;font-weight:700;color:#513b67;margin-bottom:12px;letter-spacing:-.6px}
.chat-composer{display:flex;flex-shrink:0;gap:10px;padding:16px 22px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:#fff;align-items:flex-end;border-top:1px solid var(--hub-line)}
.chat-composer textarea{flex:1;min-width:0;min-height:48px;max-height:120px;border:1px solid #eee9f4;border-radius:24px;padding:13px 18px;font:14px/1.5 var(--hub-font);resize:vertical;color:#43384f;background:#faf9fd}
.chat-composer textarea::placeholder{color:#a095af}
.chat-button{min-height:46px;padding:13px 20px;border:0;border-radius:24px;background:linear-gradient(125deg,#8546d1,#6837de);color:#fff;font:700 12px var(--hub-font);cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px #7537a71a}
.chat-button:hover{background:#6831a0;color:#fff}
.chat-button:disabled{opacity:.6;cursor:wait}
.chat-button.outline{min-height:38px;border:1px solid #e9dff3;background:#fff;color:var(--hub-purple);font-size:11px;padding:9px 13px;box-shadow:none}
.chat-button.danger{background:#a62b43}
.chat-message-status{flex-shrink:0;margin:0;padding:0 24px 10px;font-size:11px;color:var(--hub-muted);background:#fff}
.chat-message-status:empty{display:none}
.chat-new{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);background:var(--hub-purple);color:#fff;border-radius:20px;border:0;padding:10px 18px;font-size:12px;cursor:pointer;z-index:1;box-shadow:0 5px 20px #7537a733}
.chat-emoji-toggle{flex-shrink:0;width:46px;height:48px;border:0;border-radius:50%;background:#f4effb;color:#8453b1;font-size:27px;cursor:pointer}
.chat-emojis{flex-shrink:0;display:flex;flex-wrap:wrap;gap:4px;padding:8px 22px;border-top:1px solid var(--hub-line);background:#fff}
.chat-emojis button{width:40px;height:40px;border:0;border-radius:12px;background:#fff;font-size:24px;cursor:pointer}
.chat-emojis button:hover,.chat-emoji-toggle:hover{background:#ece3f9}
.chat-editing{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-top:1px solid #e7deef;border-left:4px solid var(--hub-purple);background:#faf8fc;font-size:12px;flex-shrink:0}
.chat-editing>div{min-width:0}
.chat-editing strong{color:var(--hub-purple)}
.chat-editing p{max-width:70ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8b7b99;font-size:12px;margin:4px 0 0}
.chat-editing button{flex-shrink:0;min-height:44px;border:0;background:transparent;color:var(--hub-purple);font-size:12px;cursor:pointer}
.chat-login{text-align:center;margin:24px 0;padding:65px 24px;background:#fff;border:1px solid var(--hub-line);border-radius:24px;color:var(--hub-muted);min-height:60vh}
.chat-login .chat-brand-logo{margin:0 auto 20px}
.chat-login h1{font-size:28px;color:var(--hub-ink);margin-bottom:14px}
.chat-login p{margin-bottom:22px}
.chat-login .chat-button{display:inline-block;margin:4px}
.chat-login .chat-login-home{margin-top:24px;font-size:12px}
.chat-login-home a{color:var(--hub-purple)}
.chat-dialog{margin:auto;border:1px solid var(--hub-line);border-radius:24px;padding:28px;max-width:430px;width:calc(100% - 32px);color:var(--hub-ink);box-shadow:0 20px 80px #24133522}
.chat-dialog::backdrop{background:#24133588;backdrop-filter:blur(4px)}
.chat-dialog h2{font-size:22px;margin-bottom:12px}
.chat-dialog p{font-size:13px;line-height:1.8}
.chat-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.chat-delete-preview{max-height:120px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:16px;padding:12px;border-left:3px solid var(--hub-purple);background:#faf8fc;color:var(--hub-muted)}
.community-wrap [hidden]{display:none!important}
.community-wrap button:focus-visible,.community-wrap a:focus-visible,.chat-composer textarea:focus-visible{outline:3px solid #b58bdd;outline-offset:3px}
.chat-dialog:not([open]){display:none}
@media(min-width:1600px){.community-wrap{border-left:1px solid var(--hub-line);border-right:1px solid var(--hub-line)}}
@media(max-width:1100px){.community-wrap{grid-template-columns:230px minmax(0,1fr)}.community-sidebar{padding:26px 18px}.community-main{padding:18px 18px 0}.chat-room-badge{display:none}.chat-toolbar{padding:18px}.chat-profile{max-width:135px}.chat-toolbar-actions{gap:7px}.community-brand{font-size:14px}.community-brand-icon{width:38px;height:38px}.community-note{padding:20px}}
@media(max-width:800px){.community-wrap{display:block}.community-sidebar{display:none}.community-main{padding:0}.community-shell{height:100dvh;border:0;border-radius:0}.chat-login{min-height:100dvh;margin:0;border:0;border-radius:0}.chat-login h1{font-size:24px}.chat-back{display:block}.chat-toolbar{padding:14px 18px}.chat-brand-logo{width:36px;height:36px}.chat-toolbar h1{font-size:16px}.chat-toolbar p{font-size:10px}.chat-profile{max-width:145px}.chat-messages{padding:22px 54px}.chat-composer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:480px){.chat-toolbar{padding:12px;gap:7px}.chat-room-heading{gap:8px}.chat-room-avatar{width:34px;height:34px;font-size:18px;border-radius:12px}.chat-toolbar h1{font-size:14px}.chat-toolbar p{max-width:145px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-toolbar-actions{flex-direction:column;align-items:flex-end;gap:3px}.chat-profile{max-width:108px;font-size:9px;padding:7px 9px}.chat-toolbar .chat-button.outline{font-size:9px;padding:5px 9px;min-height:29px}.chat-messages{padding:18px 43px}.chat-message{max-width:94%;min-width:130px;padding:11px 13px 8px}.chat-avatar{left:-34px;width:26px;height:26px;font-size:9px}.chat-message.mine .chat-avatar{right:-34px}.chat-body{font-size:12px}.chat-composer{gap:7px;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.chat-composer textarea{font-size:16px;padding:12px;min-height:48px}.chat-composer .chat-button{padding:13px 15px}.chat-emoji-toggle{width:36px}.chat-message-actions button{min-height:40px}.chat-editing{padding:8px 12px;gap:8px}.chat-emojis{padding:8px 12px}.chat-dialog-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.chat-messages{scroll-behavior:auto}}