.community-room-modal [hidden]{display:none!important}
#community .comm-direct-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:0;border:0;border-radius:14px;background:linear-gradient(145deg,#833ab4 0%,#fd1d1d 55%,#fcb045 100%);color:#fff;cursor:pointer;box-shadow:0 7px 18px rgba(193,53,132,.25);transition:transform .16s ease,box-shadow .16s ease}
#community .comm-direct-btn svg{width:23px;height:23px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#community .comm-direct-btn:hover{box-shadow:0 9px 22px rgba(193,53,132,.32);transform:translateY(-1px)}
#community .comm-direct-btn:active{transform:scale(.94)}
#community .comm-direct-btn:focus-visible{outline:3px solid rgba(131,58,180,.24);outline-offset:3px}
#community .comm-direct-btn [hidden]{display:none!important}
.community-unread,.community-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#df2f2f;color:#fff;font-size:9px;font-weight:900}
#communityUnreadBadge{position:absolute;top:-5px;right:-5px;border:2px solid #f0f4ff;box-sizing:border-box}
.community-live-dot{width:8px;height:8px;margin-left:auto;flex:0 0 8px;border-radius:50%;background:#aab5c3}.community-live-dot.on{background:#ef3434;box-shadow:0 0 0 5px rgba(239,52,52,.12);animation:communityLivePulse 1.4s ease infinite}
@keyframes communityLivePulse{50%{transform:scale(.78);opacity:.72}}

.community-room-modal{position:fixed;inset:0;z-index:1250;display:none;align-items:flex-end;justify-content:center;background:rgba(4,18,38,.66);backdrop-filter:blur(6px)}
.community-room-modal.show{display:flex}.community-room-panel{display:flex;flex-direction:column;width:min(100%,660px);height:min(94dvh,880px);overflow:hidden;border-radius:26px 26px 0 0;background:#f5f7fa;box-shadow:0 -22px 60px rgba(5,24,52,.28)}.community-live-panel{width:min(100%,1040px)}
.community-room-head{display:flex;align-items:center;gap:9px;padding:13px 15px;background:linear-gradient(135deg,#092f70,#1d5fd0);color:#fff}.community-room-head-copy{min-width:0;flex:1}.community-room-head small,.community-room-head strong{display:block}.community-room-head small{font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#bfd8ff}.community-room-head strong{margin-top:2px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-room-close,.community-room-back{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}
.community-room-tabs{display:grid;grid-template-columns:repeat(2,1fr);padding:5px;background:#fff;border-bottom:1px solid #e1e7ef}.community-room-tab{position:relative;min-height:42px;border:0;border-radius:11px;background:transparent;color:#75859b;font:800 11px var(--font);cursor:pointer}.community-room-tab.active{background:#eaf2ff;color:#134e96}.community-room-tab .community-live-dot{display:inline-block;margin:0 4px 0 0;vertical-align:1px}.community-tab-count{height:17px;min-width:17px;font-size:7px;vertical-align:1px}
.community-room-pane{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}

.community-inbox-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 7px;background:#fff}.community-inbox-actions button{min-height:42px;border:1px solid #d9e4f1;border-radius:12px;background:#edf4ff;color:#164e91;font:850 10px var(--font);cursor:pointer}
.community-privacy-note{display:flex;align-items:center;gap:10px;margin:6px 14px 10px;padding:10px 11px;border:1px solid #dfe8f3;border-radius:13px;background:#fff;color:#38516d}.community-privacy-note>span{font-size:19px}.community-privacy-note p{margin:0;font-size:9px;line-height:1.35}.community-privacy-note strong{display:block;font-size:10px;color:#173b69}
.community-conversation-list{flex:1;min-height:0;overflow-y:auto;background:#fff}.community-conversation-row{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;border:0;border-bottom:1px solid #edf1f6;background:#fff;color:#1d344f;text-align:left;font-family:var(--font);cursor:pointer}.community-conversation-row:active{background:#f1f6fd}
.community-conversation-avatar{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:50%;background:linear-gradient(145deg,#dbeaff,#f5f9ff);color:#1855a0;font-size:13px;font-weight:900}.community-conversation-avatar.group{background:#e9e5ff;color:#634eb4;font-size:17px}
.community-conversation-copy{min-width:0;flex:1}.community-conversation-copy strong,.community-conversation-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-conversation-copy strong{font-size:12px}.community-conversation-copy span{margin-top:4px;color:#7b899b;font-size:10px}.community-conversation-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.community-conversation-side time{color:#9aa5b3;font-size:8px}.community-conversation-side b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#1e65bb;color:#fff;font-size:8px}
.community-picker-intro{padding:17px 16px 10px;background:#fff}.community-picker-intro strong,.community-picker-intro span{display:block}.community-picker-intro strong{color:#1c3858;font-size:14px}.community-picker-intro span{margin-top:3px;color:#7d8ca0;font-size:10px}.community-member-list{flex:1;min-height:0;overflow-y:auto;background:#fff}.community-member-choice{width:100%;display:flex;align-items:center;gap:11px;min-height:62px;padding:9px 15px;border:0;border-bottom:1px solid #edf1f6;background:#fff;color:#233d5a;text-align:left;font-family:var(--font);cursor:pointer}.community-member-choice strong{flex:1;font-size:12px}.community-member-choice i{color:#7790ad;font-style:normal}.community-member-choice input{width:18px;height:18px;accent-color:#1e63b5}
.community-group-form{display:flex;min-height:0;flex:1;flex-direction:column;padding:15px;background:#fff}.community-group-form>label{display:flex;flex-direction:column;gap:5px;color:#4a607a;font-size:10px;font-weight:850}.community-group-form input[type="text"],.community-group-form>label input{border:1px solid #d8e1ec;border-radius:11px;background:#f7f9fc;padding:11px 12px;color:#243c58;font:12px var(--font);outline:none}.community-group-form>p{margin:7px 0 11px;color:#8190a3;font-size:9px}.community-group-form .community-member-list{margin:0 -15px;border-top:1px solid #edf1f6}.community-primary-button{min-height:44px;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(145deg,#0a3d91,#2d77dd);color:#fff;font:850 11px var(--font);cursor:pointer}
.community-private-banner{padding:8px 13px;border-bottom:1px solid #dce6f1;background:#edf5ff;color:#45617f;text-align:center;font-size:9px}

.community-room-messages{flex:1;min-height:0;overflow-y:auto;padding:14px;overscroll-behavior:contain}.community-room-empty{display:flex;height:100%;min-height:170px;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#75859a}.community-room-empty>span{display:grid;place-items:center;width:54px;height:54px;margin-bottom:11px;border-radius:18px;background:#e6eef8;font-size:24px}.community-room-empty strong{color:#2a405b;font-size:14px}.community-room-empty p{max-width:310px;margin:5px 0 0;font-size:10px;line-height:1.5}
.community-message{display:flex;gap:9px;margin-bottom:11px}.community-message.own{flex-direction:row-reverse}.community-message-avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#ddeaff,#f7faff);color:#174d9b;font-size:11px;font-weight:850}.community-message-bubble{max-width:min(78%,430px);padding:9px 11px;border:1px solid #e0e7f0;border-radius:5px 15px 15px;background:#fff;box-shadow:0 3px 10px rgba(18,45,80,.04)}.community-message.own .community-message-bubble{border-color:#cfe0f7;border-radius:15px 5px 15px 15px;background:#eaf3ff}.community-message-author{display:flex;align-items:center;gap:6px;margin-bottom:3px;color:#36506e;font-size:9px;font-weight:850}.community-message-author time{color:#99a5b3;font-size:8px;font-weight:600}.community-message-text{color:#263c56;font-size:12px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}
.community-conversation-avatar img,.community-message-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.community-room-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #dee5ee;background:#fff}.community-room-form textarea{flex:1;max-height:96px;resize:none;border:1px solid #dce4ee;border-radius:14px;background:#f7f9fc;padding:11px 12px;color:#203852;font:12px/1.4 var(--font);outline:none}.community-room-form textarea:focus{border-color:#2b70c8;box-shadow:0 0 0 3px rgba(43,112,200,.1)}.community-room-send{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:0;border-radius:13px;background:linear-gradient(145deg,#0a3d91,#2d77dd);color:#fff;font-size:17px;cursor:pointer}.community-room-send:disabled{opacity:.55}

.community-live-create{flex:1;overflow-y:auto;padding:25px 18px 22px;background:#fff;text-align:center}.community-live-create-icon{display:grid;place-items:center;width:65px;height:65px;margin:0 auto 12px;border-radius:22px;background:#ffe8e8;color:#d22c2c;font-size:29px}.community-live-create h3{margin:0;color:#193652;font-size:18px}.community-live-create>p{max-width:480px;margin:7px auto 18px;color:#718197;font-size:11px;line-height:1.55}.community-live-create form{display:grid;gap:11px;text-align:left}.community-live-create label{display:flex;flex-direction:column;gap:5px;color:#4a6078;font-size:10px;font-weight:850}.community-live-create input,.community-live-create textarea{width:100%;border:1px solid #d8e1eb;border-radius:12px;background:#f7f9fc;padding:11px 12px;color:#243b57;font:12px var(--font);outline:none}.community-live-create input:focus,.community-live-create textarea:focus{border-color:#2b70c8;box-shadow:0 0 0 3px rgba(43,112,200,.1)}.community-live-safety{padding:10px;border:1px solid #dfe8f2;border-radius:12px;background:#f3f7fc;color:#64758a;font-size:9px;line-height:1.45}.community-live-consent{display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:9px!important;padding:11px;border:1px solid #f0ccd0;border-radius:12px;background:#fff6f6;color:#5d3a40!important;line-height:1.45}.community-live-consent input{width:18px;height:18px;margin:0;accent-color:#cf2c35}.community-live-unavailable{padding:11px;border:1px solid #efc9cd;border-radius:12px;background:#fff1f2;color:#9e2630;font-size:10px;font-weight:750;line-height:1.45}.community-live-start{min-height:47px;border:0;border-radius:13px;background:linear-gradient(145deg,#b91f2b,#ed3f43);color:#fff;font:900 12px var(--font);cursor:pointer;box-shadow:0 8px 20px rgba(199,34,43,.2)}.community-live-start:disabled{cursor:not-allowed;box-shadow:none;filter:grayscale(.45);opacity:.58}
.community-live-layout{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto;background:#e8edf3}.community-live-stage{flex:0 0 auto;background:#fff}.community-live-video-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:#07111f}.community-live-video-wrap video{display:block;width:100%;height:100%;object-fit:cover}.community-live-video-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 40%,#23486f,#091729);color:#fff;text-align:center}.community-live-video-cover>span{font-size:30px}.community-live-video-cover strong{margin-top:8px;font-size:16px}.community-live-video-cover p{margin:4px 0 0;color:#c8d7e8;font-size:10px}.community-live-badge,.community-live-viewers{position:absolute;top:10px;padding:5px 8px;border-radius:8px;color:#fff;font-size:8px;font-weight:900}.community-live-badge{left:10px;background:#df3038}.community-live-viewers{right:10px;background:rgba(0,0,0,.52)}
.community-live-info{padding:13px 15px;border-bottom:1px solid #e6ebf1}.community-live-info h3{margin:0;color:#183451;font-size:15px}.community-live-info p{margin:5px 0 0;color:#718197;font-size:10px;line-height:1.45}.community-live-host{margin-top:8px;color:#8592a3;font-size:9px}.community-live-host strong{color:#38526f}.community-live-watch,.community-live-watching,.community-live-end,.community-live-actions button{width:100%;min-height:40px;margin-top:10px;border:0;border-radius:11px;background:#d82d36;color:#fff;font:850 10px var(--font);cursor:pointer}.community-live-watching{background:#eef3f8;color:#567087}.community-live-end{background:#fff0f0;color:#b32631;border:1px solid #f0cfd2}.community-live-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.community-live-actions button{background:#eaf2ff;color:#16579e}.community-live-actions .community-live-end{background:#fff0f0;color:#b32631}
.community-live-chat{display:flex;min-height:330px;flex:1;flex-direction:column;overflow:hidden;border-top:1px solid #dbe3ec;background:#f5f7fa}.community-live-chat-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #e1e7ee;background:#fff}.community-live-chat-head strong{color:#28435f;font-size:11px}.community-live-chat-head span{color:#8a98a8;font-size:8px}.community-live-chat-list{min-height:120px;flex:1;overflow-y:auto;padding:11px 13px}.community-live-chat-placeholder .community-room-empty{padding:18px}.community-live-chat-placeholder .community-room-empty>span{background:#edf3fa;color:#38618c}
@media(min-width:700px){.community-room-modal{align-items:center;padding:22px}.community-room-panel{border-radius:26px}}
@media(min-width:860px){.community-live-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,370px);overflow:hidden}.community-live-stage{min-width:0;overflow-y:auto}.community-live-chat{min-height:0;border-top:0;border-left:1px solid #dbe3ec}.community-live-video-wrap{aspect-ratio:16/10}}
@media(max-width:460px){#community .comm-direct-btn{width:40px;height:40px;flex-basis:40px;border-radius:13px}#community .comm-direct-btn svg{width:22px;height:22px}.community-message-bubble{max-width:84%}}
@media(max-width:380px){#community .comm-composer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#community .comm-composer-actions button{min-height:42px}.community-live-create{padding:19px 14px 18px}}
#community .comm-composer-live{background:#fff0f1;color:#b7232e}
#community .comm-composer-live:hover,#community .comm-composer-live:focus-visible{background:#ffe2e4;color:#941d27;outline:2px solid rgba(183,35,46,.22);outline-offset:1px}
@media(prefers-reduced-motion:reduce){.community-live-dot.on{animation:none}}