/* Community: one settings button, a compact member strip and a tall conversation. */
body[data-view=circle]{background:#fff9fc}
body[data-view=circle] #app-shell>.topbar{display:none!important}
#circle.community-refresh{--community-rose:#d64f8d;--community-ink:#362444;display:flex;flex-direction:column;box-sizing:border-box;max-width:900px;width:100%;margin:0 auto;height:calc(var(--chat-viewport-height,100dvh) - var(--chat-nav-height,76px) - env(safe-area-inset-bottom));min-height:360px;max-height:none;padding:8px 8px 68px!important;overflow:hidden;color:var(--community-ink)}
#circle.community-refresh[hidden]{display:none!important}
#circle.community-refresh>.tab-page-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:44px;padding:0 2px;margin:0 0 6px;max-width:none;width:100%;box-sizing:border-box}
#circle.community-refresh .tab-page-heading h1{font-family:inherit;font-size:1.4rem;line-height:1.2;letter-spacing:-.035em;font-weight:750;color:#38233f;margin:0}
#circle.community-refresh .community-menu{display:flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:8px 12px;border:1px solid #e9d7e5;border-radius:22px;background:#fff;font-family:inherit;font-size:.75rem;font-weight:650;line-height:1.3;color:#744563;cursor:pointer;box-sizing:border-box}
#circle-options-dialog .community-chat-info{padding:12px 0;color:#816a7e;font-size:.875rem}
#circle-options-dialog .community-chat-info summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
#circle-options-dialog .community-chat-info p{font-size:.8125rem;line-height:1.5;margin:8px 0}
#circle.community-refresh>.tab-retained-home{display:none!important}
#circle.community-refresh .community-members{flex:none;box-sizing:border-box;padding:9px 10px 10px;margin:0 0 7px;border:1px solid #f3dce9;border-radius:18px;background:linear-gradient(125deg,#ffeaf3,#fcf1fb);box-shadow:none}
#circle.community-refresh .community-members-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
#circle.community-refresh .community-members h2{font-family:inherit;font-size:1rem;line-height:1.3;font-weight:750;color:var(--community-ink);margin:0;min-width:0;overflow-wrap:anywhere}
#community-online{flex:none;font-size:.6875rem;font-weight:650;line-height:1.3;color:#5c7564;background:#fff9fd;border-radius:20px;padding:4px 7px}
#community-recent{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0}
#community-recent li{display:block;padding:0;margin:0;min-width:0;background:none;border:0}
#circle.community-refresh .community-person{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;width:100%;padding:0;border:0;background:none;box-shadow:none;font:inherit;cursor:pointer;color:inherit;text-align:center}
.community-portrait{position:relative;display:grid;place-items:center;width:clamp(40px,12vw,50px);height:clamp(40px,12vw,50px);background:#e9d7ec;color:#7e5283;font-size:1.25rem;font-weight:650;border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #8f517912;box-sizing:border-box}
.community-portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.community-portrait:after{content:'';position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#aa99b5}
.is-online .community-portrait:after{background:#2aa975}
.community-member-name{font-size:.75rem;color:#48324b;line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.community-member-time{font-size:.625rem;color:#857386;line-height:1.3}
.is-online .community-member-time{color:#257951}
#community-empty{color:#866c80;font-size:.8125rem;line-height:1.4;margin:0}
#circle.community-refresh .chat-layout{display:flex!important;flex:1;width:100%;gap:0;margin:0!important;min-height:0!important;height:auto!important;max-height:none!important}
#circle.community-refresh .conversation{display:flex!important;flex:1;flex-direction:column;width:100%;box-sizing:border-box;padding:0!important;min-height:0!important;height:100%!important;max-height:none!important;overflow:hidden!important;background:#fff!important;border:1px solid #efdfeb!important;border-radius:18px!important;box-shadow:none!important}
#circle.community-refresh :is(.chat-toolbar,.chat-room-presence,.day-marker){display:none!important}
#circle.community-refresh .messages{flex:1!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain;padding:8px!important;background:none!important}
#circle.community-refresh .community-chat-welcome{flex:none;margin:14px 12px 4px;text-align:center;font-size:.8125rem;line-height:1.5;color:#92758c}
#circle.community-refresh .community-chat-welcome[hidden]{display:none}
#circle.community-refresh .message-thread{padding:7px!important;margin:0 0 8px!important;border-radius:14px!important;box-shadow:none!important}
#circle.community-refresh .message-thread .message{gap:8px!important;padding:0!important;min-height:0!important;margin:0!important}
#circle.community-refresh .chat-portrait-card{width:44px!important;flex-basis:44px!important;padding:2px!important;border-radius:8px!important;transform:none!important;box-shadow:none!important}
#circle.community-refresh .chat-portrait-card b{font-size:.6875rem!important;line-height:1.25!important;margin-top:3px!important;overflow-wrap:anywhere}
#circle.community-refresh .message-body{flex:1;min-width:0;max-width:none!important}
#circle.community-refresh .message-meta{font-size:.75rem!important;line-height:1.3!important;margin-bottom:4px!important}
#circle.community-refresh .bubble{font-size:.9375rem!important;line-height:1.45!important;padding:7px 10px!important}
#circle.community-refresh .message-actions{display:flex;flex-wrap:wrap;gap:3px 8px!important;margin:0!important}
#circle.community-refresh .message-actions :is(button,a){min-height:36px!important;font-size:.75rem!important;padding:4px 2px!important}
#circle.community-refresh .composer{position:fixed!important;inset:auto 8px calc(var(--chat-nav-height,76px) + env(safe-area-inset-bottom))!important;display:flex!important;align-items:center;gap:6px;z-index:35;width:auto!important;max-width:884px!important;margin:0 auto!important;padding:6px!important;border:1px solid #e7cddd!important;border-radius:20px!important;box-shadow:0 3px 15px #7b365118;background:#fff!important;box-sizing:border-box;min-height:56px!important}
#circle.community-refresh .composer textarea{display:block!important;flex:1;min-width:0;background:#fff7fb!important;border:0!important;border-radius:14px!important;font-family:inherit;font-size:16px!important;line-height:1.4;min-height:44px!important;max-height:96px!important;padding:10px!important;color:#49314f}
#circle.community-refresh .composer .send-button{display:grid;place-items:center;border:0!important;border-radius:50%!important;width:44px!important;height:44px!important;min-width:44px;background:#d64f8d!important;color:#fff!important;font-size:1.4rem!important;padding:0!important;box-shadow:none!important}
#circle.community-refresh .composer .video-button{width:36px;min-width:36px;height:44px;border:0;background:none;color:#9a6ba6;padding:6px}
#circle.community-refresh #reply-context:not([hidden]){position:fixed;bottom:calc(var(--chat-nav-height,76px) + 62px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:876px;margin:auto;z-index:36;background:#fbedf5;border:1px solid #e7cddd;border-radius:12px;padding:8px;box-sizing:border-box}
#circle.community-refresh.community-keyboard .composer{bottom:calc(var(--community-keyboard-gap) + 6px)!important}
#circle.community-refresh.community-keyboard #reply-context:not([hidden]){bottom:calc(var(--community-keyboard-gap) + 66px)}
body[data-view=circle]:has(.community-keyboard) .mobile-nav{display:none!important}
#circle.community-refresh :is(button,summary,textarea):focus-visible{outline:3px solid #a45b9f;outline-offset:3px}
@media(min-width:700px){#circle.community-refresh{height:calc(100dvh - 16px);padding:8px 8px 78px!important}#circle.community-refresh .composer{bottom:12px!important}#circle.community-refresh #reply-context:not([hidden]){bottom:74px}.community-portrait{width:48px;height:48px}#community-recent{gap:12px}}

#circle.community-refresh .chat-portrait-card .avatar{display:block;width:40px!important;height:40px!important;min-width:0!important;border-radius:7px!important;margin:0!important}
#circle.community-refresh .chat-portrait-card .avatar img{width:100%!important;height:100%!important;object-fit:cover}
#circle.community-refresh :is(#invite-chat-status,#chat-send-status){flex:none;font-size:.6875rem;line-height:1.35;padding:3px 8px!important;margin:0!important;border:0!important;min-height:0!important}
#circle.community-refresh :is(#invite-chat-status,#chat-send-status):empty{display:none!important}

body[data-view=circle] .mobile-nav>a,body[data-view=circle] .mobile-nav .nav-label{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}