.community-shell{max-width:1180px;margin:0 auto;padding:8px 0 50px}.community-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:36px;border-radius:24px;background:linear-gradient(120deg,#493044,#76536d);color:#fff8ed}.community-hero h1{margin:10px 0 8px;font:800 clamp(30px,4vw,48px)/1.1 Manrope,sans-serif}.community-hero p{max-width:650px;margin:0;color:#ead8df;line-height:1.7}.community-live{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#f6d6bd;font-size:12px}.community-live i{width:9px;height:9px;border-radius:50%;background:#9bd29e;box-shadow:0 0 0 5px #9bd29e33}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin-top:24px}.community-composer,.community-post,.community-chat{background:var(--card,#fffdf8);border:1px solid var(--line,#e5e4dc);border-radius:18px}.community-composer{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px}.community-avatar{width:42px;height:42px;border-radius:50%;background:#f0e7ed;display:grid;place-items:center;overflow:hidden;flex:none;font-size:21px}.community-avatar img{width:100%;height:100%;object-fit:cover}.community-composer textarea,.community-message-form textarea{width:100%;min-height:80px;resize:vertical;border:0;background:transparent;color:inherit;font:inherit;outline:0;padding:8px 0}.community-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line,#e5e4dc);padding-top:12px}.community-compose-footer small,.community-post small,.community-comment small{color:var(--muted,#81847a);font-size:11px}.community-compose-footer .primary-button{padding:10px 16px}.community-feed-toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 2px 12px}.community-feed-toolbar h2{font-size:21px}.community-post{padding:18px;margin-bottom:14px}.community-post>header{display:flex;align-items:center;gap:11px}.community-post>header strong{display:block}.community-post>header small{display:block;margin-top:3px}.community-delete{margin-left:auto;border:0;background:transparent;color:var(--muted,#81847a);font-size:22px;cursor:pointer}.community-post-body{font-size:15px;line-height:1.7;white-space:normal;margin:18px 0}.community-post>footer{display:flex;gap:18px;border-top:1px solid var(--line,#e5e4dc);padding-top:12px;color:var(--muted,#81847a);font-size:12px}.community-like{border:0;background:transparent;color:inherit;cursor:pointer}.community-like.liked{color:#ae536f}.community-comments{margin-top:13px}.community-comment{display:flex;gap:9px;padding:9px 0}.community-comment .community-avatar{width:28px;height:28px;font-size:14px}.community-comment p{margin:0;font-size:12px;line-height:1.5}.community-comment p strong{margin-right:4px}.community-comment p small{display:block}.community-comment-form{display:flex;gap:8px;margin-top:6px}.community-comment-form input,.community-search input{min-width:0;flex:1;border:1px solid var(--line,#e5e4dc);border-radius:9px;padding:9px 11px;background:transparent;color:inherit}.community-comment-form button{border:0;border-radius:9px;background:var(--olive,#4c553b);color:#fff;padding:0 13px;cursor:pointer}.community-chat{padding:18px;align-self:start;position:sticky;top:20px}.community-chat-heading{display:flex;justify-content:space-between;align-items:start}.community-chat-heading h2{font-size:19px;margin:8px 0 16px}.community-count{background:#f1e5ee;color:#7c4560;border-radius:20px;padding:4px 8px;font-size:11px}.community-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line,#e5e4dc);border-radius:10px;padding:0 10px;margin-bottom:10px}.community-search input{border:0;padding:10px 2px}.community-user{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--line,#e5e4dc);padding:11px 0;background:transparent;color:inherit;text-align:left;cursor:pointer}.community-user .community-avatar{width:34px;height:34px;font-size:17px}.community-user strong,.community-user small{display:block}.community-user small{color:var(--muted,#81847a);font-size:10px;margin-top:3px}.community-user>span:last-child{margin-left:auto;font-size:20px;color:var(--muted,#81847a)}.community-conversation h3{margin:16px 0 8px}.community-messages{display:flex;flex-direction:column;gap:8px;max-height:310px;overflow:auto;padding:8px 0}.community-message{max-width:85%;align-self:start}.community-message p{margin:0;padding:9px 11px;border-radius:12px 12px 12px 3px;background:#f1eee7;font-size:12px;line-height:1.5}.community-message small{display:block;color:var(--muted,#81847a);font-size:9px;margin:3px 4px}.community-message.mine{align-self:end}.community-message.mine p{background:#e7d6e4;border-radius:12px 12px 3px 12px}.community-message-form{border-top:1px solid var(--line,#e5e4dc);padding-top:10px}.community-message-form textarea{min-height:48px}.community-message-form .primary-button{padding:9px 14px}.community-loading,.community-muted{color:var(--muted,#81847a);font-size:13px}.community-empty{text-align:center;padding:50px 20px;color:var(--muted,#81847a)}.community-empty span{font-size:32px}.community-guest{max-width:720px;margin:50px auto;padding:45px;border-radius:24px;background:linear-gradient(130deg,#f1e7f0,#f7f1e6)}.community-guest h1{font:800 clamp(30px,5vw,52px)/1.12 Manrope;margin:14px 0}.community-guest p{line-height:1.8;max-width:570px;margin-bottom:24px}@media(max-width:850px){.community-layout{grid-template-columns:1fr}.community-chat{position:static}.community-hero{padding:26px 22px;display:block}.community-live{margin-top:20px}}@media(max-width:520px){.community-shell{padding:0 0 30px}.community-composer{grid-template-columns:34px 1fr;padding:13px}.community-composer .community-avatar{width:34px;height:34px;font-size:16px}.community-compose-footer{align-items:end;flex-direction:column}.community-compose-footer .primary-button{align-self:end}.community-guest{padding:28px 20px;margin:20px 0}}
html[data-theme=dark] .community-post,html[data-theme=dark] .community-composer,html[data-theme=dark] .community-chat{background:#1d2028;border-color:#454b57;color:#f8f8f3}html[data-theme=dark] .community-message p{background:#343844}html[data-theme=dark] .community-message.mine p{background:#59445b}.dark-mode .community-post,.dark-mode .community-composer,.dark-mode .community-chat{background:#292731;border-color:#484453}.dark-mode .community-message p{background:#3a3744}.dark-mode .community-message.mine p{background:#59445b}

/* Community production polish */
.community-shell{max-width:1080px;padding:20px 0 64px;position:relative;isolation:isolate}.community-shell:before{content:"";position:absolute;inset:0 -28px;border-radius:30px;background:linear-gradient(180deg,#fffaf8c8 0%,#fffaf8e8 58%,#fffaf8f4 100%),url('/assets/afro-family.png') center 12%/cover no-repeat;opacity:1;z-index:-1}.community-hero{position:relative;overflow:hidden;padding:34px 38px;border:1px solid #e5d9e4;background:linear-gradient(115deg,#f7edf5 0%,#f4f1e9 100%);color:#342b37;box-shadow:0 14px 40px #51385212}.community-hero:after{content:"";position:absolute;right:-70px;bottom:-110px;width:280px;height:280px;border-radius:50%;background:#ead5e633}.community-hero h1{position:relative;z-index:1;font-size:clamp(28px,4vw,44px);letter-spacing:-1.5px}.community-hero p{position:relative;z-index:1;color:#6d6170;max-width:560px}.community-hero .eyebrow{color:#8d5a7c}.community-live{position:relative;z-index:1;padding:8px 12px;border:1px solid #dbcecf;border-radius:999px;background:#fffaf8;color:#705b67;font-weight:650}.community-layout{grid-template-columns:minmax(0,1fr) 310px;gap:28px}.community-composer,.community-post,.community-chat{border-color:#e9e2e5;box-shadow:0 8px 28px #3f2e4310}.community-composer{padding:20px;grid-template-columns:44px 1fr}.community-composer textarea{min-height:62px;padding:4px 0;font-size:15px}.community-composer textarea::placeholder{color:#aaa0a8}.community-compose-footer{border-top:0;padding-top:10px}.community-compose-footer small{font-size:11px;color:#948a91}.community-compose-footer .primary-button{border-radius:10px;box-shadow:none;font-weight:700}.community-feed-toolbar{margin:32px 2px 14px}.community-feed-toolbar h2{font-size:20px;letter-spacing:-.3px}.community-feed-toolbar .text-link{padding:8px 11px;border-radius:8px;background:#f3edf2;text-decoration:none}.community-post{padding:21px 22px;margin-bottom:15px}.community-post>header{gap:12px}.community-post>header .community-avatar{width:44px;height:44px;border:2px solid #fff;box-shadow:0 3px 10px #42334418}.community-post>header strong{font-size:14px}.community-post>header small{font-size:11px}.community-post-body{font-size:14px;line-height:1.75;margin:17px 0 18px;color:#4e4851}.community-post>footer{border-top:0;padding-top:0;gap:10px}.community-like{padding:7px 11px;border-radius:8px;background:#f8f3f5;font-weight:650}.community-like:hover,.community-like.liked{background:#f3dce8}.community-post>footer>span{padding:7px 10px;color:#948c93}.community-comments{margin:14px -2px 0;padding-top:8px;border-top:1px solid #f0e9ed}.community-comment-form input{background:#faf8f8;border-color:#e8e0e5}.community-chat{padding:20px;top:24px}.community-chat-heading h2{font-size:18px;letter-spacing:-.2px}.community-count{background:#f5e4ef;color:#87516f;font-weight:700}.community-search{background:#faf8f9;border-color:#e8e0e5}.community-search input::placeholder{color:#aaa0a8}.community-user{padding:12px 4px;border-bottom-color:#f0e9ed;border-radius:9px}.community-user:hover{background:#faf3f8}.community-user .community-avatar{width:36px;height:36px}.community-user strong{font-size:13px}.community-messages{min-height:120px;background:#faf8f8;border-radius:10px;padding:12px 9px}.community-message p{box-shadow:0 1px 2px #3f2e4310}.community-message-form{border-top:0;padding-top:10px}.community-message-form textarea{background:#faf8f8;border:1px solid #e8e0e5;border-radius:9px;padding:10px;min-height:52px}.community-message-form .primary-button{margin-top:8px;width:100%;border-radius:9px}.community-empty{border:1px dashed #dfd5dc;border-radius:16px;background:#fcfafb;padding:58px 20px}.community-empty h3{margin:12px 0 5px;color:#504454}.community-guest{box-shadow:0 14px 40px #51385212;border:1px solid #e5d9e4}.community-guest .primary-button{border-radius:10px}
html[data-theme=dark] .community-shell:before{background:linear-gradient(180deg,#15121ae8,#15121af7),url('/assets/afro-family.png') center 12%/cover no-repeat}html[data-theme=dark] .community-hero{background:linear-gradient(115deg,#312634,#292e2a);border-color:#514454;color:#f8f2f7}html[data-theme=dark] .community-hero p{color:#cbc0cd}html[data-theme=dark] .community-live{background:#28232c;border-color:#514454;color:#d8cbd9}html[data-theme=dark] .community-feed-toolbar .text-link,html[data-theme=dark] .community-like,html[data-theme=dark] .community-search,html[data-theme=dark] .community-messages,html[data-theme=dark] .community-message-form textarea{background:#25232d;border-color:#454b57}html[data-theme=dark] .community-user:hover{background:#322936}html[data-theme=dark] .community-post-body{color:#d6ced9}html[data-theme=dark] .community-empty{background:#202129;border-color:#55505c}html[data-theme=dark] .community-empty h3{color:#f8f2f7}
.community-online{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #eee7eb}.community-online-heading{display:flex;justify-content:space-between;align-items:start}.community-online-heading h2{font-size:16px;margin:7px 0 12px}.community-online-list{display:grid;gap:9px}.community-online-user{display:flex;align-items:center;gap:9px}.community-online-user .community-avatar{position:relative;width:31px;height:31px;font-size:15px}.community-online-user .community-avatar i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#69b579;border:2px solid #fff}.community-online-user strong,.community-online-user small{display:block}.community-online-user strong{font-size:12px}.community-online-user small{margin-top:2px;color:#928890;font-size:10px}.community-online .community-muted{margin:4px 0;font-size:11px}@media(max-width:850px){.community-online-list{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-theme=dark] .community-online{border-color:#454b57}html[data-theme=dark] .community-online-user .community-avatar i{border-color:#1d2028}
.community-media-controls{display:flex;align-items:center;gap:7px;margin-top:5px}.community-media-controls select,.community-media-controls input{border:1px solid #e8e0e5;border-radius:8px;background:#faf8f8;color:inherit;padding:7px 8px;font-size:11px}.community-media-controls input{min-width:0;flex:1}.community-media-controls span{color:#9a8e98;font-size:10px;white-space:nowrap}.community-post-media{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:12px;margin:12px 0;background:#f1ecef}.community-reactions{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.community-reactions span{padding:3px 8px;border-radius:999px;background:#f8edf4;color:#76536a;font-size:11px}.community-reaction-picker{display:flex;gap:2px;margin-bottom:6px}.community-reaction-picker button,.community-comment-reactions button{border:0;background:transparent;padding:4px;border-radius:7px;cursor:pointer;font-size:15px}.community-reaction-picker button:hover,.community-comment-reactions button:hover{background:#f4e6ef}.community-comment-reactions{margin-left:auto;white-space:nowrap}.community-online-user>button{border:0;background:#f7eff4;color:#845773;border-radius:6px;padding:4px 6px;cursor:pointer;font-size:13px}.community-online-user>button:hover{background:#eed8e7}.community-online-user>button:first-of-type{margin-left:auto}html[data-theme=dark] .community-media-controls select,html[data-theme=dark] .community-media-controls input{background:#25232d;border-color:#454b57}html[data-theme=dark] .community-reactions span,html[data-theme=dark] .community-online-user>button{background:#3a3040;color:#e6c8dc}html[data-theme=dark] .community-post-media{background:#25232d}
.community-file-label{border:1px solid #e8e0e5;border-radius:8px;padding:7px 8px;color:#845773;font-size:11px;white-space:nowrap;cursor:pointer;background:#faf8f8}.community-file-label:hover{background:#f3e9f0}html[data-theme=dark] .community-file-label{background:#25232d;border-color:#454b57;color:#e6c8dc}
.community-reaction-gif{width:72px;height:42px;object-fit:cover;border-radius:7px;vertical-align:middle}
@media(max-width:640px){.community-shell{width:calc(100% + 28px);margin-left:-14px;padding:0 14px 88px}.community-shell:before{inset:0 -14px;border-radius:0;background:linear-gradient(180deg,#fffaf8c8,#fffaf8eb),url('/assets/afro-family.png') center top/cover no-repeat}.community-hero{margin:0 -14px;padding:25px 18px 22px;border:0;border-radius:0;box-shadow:none}.community-hero h1{font-size:30px;letter-spacing:-1px;max-width:300px}.community-hero p{font-size:13px;line-height:1.6}.community-live{display:inline-flex;margin-top:16px;padding:6px 9px;font-size:10px}.community-layout{display:flex;flex-direction:column;gap:16px;margin-top:16px}.community-feed{min-width:0}.community-composer{padding:14px;grid-template-columns:34px minmax(0,1fr);gap:10px;border-radius:14px}.community-composer .community-avatar{width:34px;height:34px;font-size:16px}.community-composer textarea{min-height:66px;font-size:14px}.community-media-controls{display:grid;grid-template-columns:90px 1fr;gap:6px}.community-media-controls select,.community-media-controls input,.community-file-label{min-width:0;width:100%;box-sizing:border-box;font-size:10px}.community-media-controls span{grid-column:2;font-size:9px}.community-compose-footer{align-items:flex-end;gap:8px}.community-compose-footer small{font-size:10px;line-height:1.35}.community-compose-footer .primary-button{padding:9px 13px;font-size:11px}.community-feed-toolbar{margin:21px 2px 10px}.community-feed-toolbar h2{font-size:17px}.community-feed-toolbar .text-link{font-size:11px;padding:7px 9px}.community-post{padding:16px 14px;border-radius:14px;margin-bottom:10px}.community-post>header .community-avatar{width:38px;height:38px}.community-post-body{font-size:14px;line-height:1.65;margin:14px 0}.community-post-media{max-height:300px;border-radius:9px}.community-reaction-picker button,.community-comment-reactions button{font-size:14px}.community-chat{padding:15px;border-radius:14px;box-shadow:0 6px 20px #3f2e4310}.community-online{padding-bottom:13px;margin-bottom:14px}.community-online-list{display:flex;overflow-x:auto;gap:8px;padding-bottom:3px;scroll-snap-type:x proximity}.community-online-user{min-width:138px;padding:9px;border:1px solid #eee3e9;border-radius:10px;background:#fffafc;scroll-snap-align:start}.community-online-user>button{padding:3px 5px}.community-online-user strong{font-size:11px}.community-online-user small{font-size:9px;white-space:nowrap;max-width:72px;overflow:hidden;text-overflow:ellipsis}.community-chat-heading h2{font-size:17px;margin-bottom:12px}.community-users{max-height:250px;overflow-y:auto}.community-conversation{min-height:280px}.community-messages{max-height:280px}.community-search{margin-bottom:5px}.community-guest{margin:15px 0;padding:28px 20px;border-radius:16px}.community-guest h1{font-size:32px}}
@media(max-width:640px){html[data-theme=dark] .community-shell:before{background:linear-gradient(180deg,#15121af2,#15121afc),url('/assets/afro-family.png') center top/cover no-repeat}html[data-theme=dark] .community-online-user{background:#25232d;border-color:#454b57}}

/* Keep intrinsic input and member widths within the community columns. */
.community-layout>*{min-width:0;max-width:100%}
.community-composer>div{min-width:0}
.community-post-body,.community-comment p,.community-message p,.community-user strong{overflow-wrap:anywhere}
@media(max-width:850px){.community-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.community-shell:before{inset:0}.community-chat{width:100%}}