header{padding-right:max(96px,calc((100vw - 1140px)/2))}header>.notify-wrap .notify-bell{width:auto;min-width:62px;gap:6px;padding:8px}.hub-entry-label{font-size:14px;font-weight:750}.message-hub{z-index:36;padding:20px;background:#50394477;backdrop-filter:blur(3px)}.hub-open{overflow:hidden}.hub-shell{width:min(1180px,100%);height:min(90dvh,900px);min-height:0;display:flex;flex-direction:column;border:1px solid #efc9da;border-radius:24px;background:#fffcfe;overflow:hidden;box-shadow:0 24px 80px #60384a44}.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;border-bottom:1px solid #efd6e1;background:linear-gradient(110deg,#fff0f7,#fffafd);flex-shrink:0}.hub-heading h2{font-size:22px;margin:0 0 4px;color:#b85b82}.hub-heading p{font-size:12px;color:#a17b8e;margin:0}.hub-heading>button{flex-shrink:0}.hub-layout{flex:1;display:flex;min-height:0}.hub-sidebar{width:178px;flex-shrink:0;background:#fff5fa;border-right:1px solid #f0d7e3;padding:18px 12px;display:flex;flex-direction:column;gap:10px}.hub-tab{position:relative;display:flex;gap:10px;align-items:center;width:100%;text-align:left;color:#ad6585;background:transparent;border:1px solid transparent;padding:14px 10px;border-radius:14px}.hub-tab:hover{background:#fffafd}.hub-tab[aria-selected=true]{background:white;border-color:#edbed3;color:#ae4e79;box-shadow:0 4px 14px #d694af20}.hub-tab:focus-visible{outline:2px solid #bf648c;outline-offset:2px}.hub-tab-icon{font-size:23px;line-height:1;width:25px;text-align:center;flex-shrink:0}.hub-tab-copy{min-width:0;flex:1}.hub-tab-copy strong{font-size:15px;display:block;white-space:nowrap}.hub-tab-copy small{display:block;font-size:10px;color:#a88697;font-weight:400;margin-top:5px;white-space:nowrap}.hub-count{position:absolute;top:6px;right:6px;background:#dc759e;color:white;border:2px solid #fff;min-width:20px;max-width:40px;height:20px;line-height:16px;text-align:center;padding:0 4px;border-radius:20px;font-size:10px;font-weight:800}.hub-count.is-unknown{background:#a88898}.hub-sidebar-foot{margin-top:auto;color:#c296ab;font-size:11px;text-align:center;padding:16px 0 0}.hub-stage{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden;background:#fff}.hub-stage>.hub-pane{display:none!important}.hub-stage>.hub-pane.active{display:block!important;height:100%;min-height:0;overflow:auto}.hub-guest{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#a06d85}.hub-guest>span{font-size:48px;color:#dca4bd}.hub-guest h3{color:#b5628a;margin-bottom:0}.message-hub [hidden]{display:none!important}.hub-stage #messages>.message-shell{max-width:none;margin:0;border:0;box-shadow:none;border-radius:0;padding:24px}.hub-stage #messages h1{font-size:23px;margin-top:0}.hub-stage #messages .about-kicker,.hub-stage #messages .history-stamp{display:none}.hub-stage .message-toolbar{justify-content:flex-start}.hub-stage .message-card{overflow-wrap:anywhere}.hub-stage #privateChatModal{position:static;inset:auto;padding:0;background:none;z-index:auto}.hub-stage #privateChatModal.active{display:flex!important}.hub-stage .chat-shell{height:100%;width:100%;border:0;border-radius:0;box-shadow:none}.hub-stage .chat-head{padding:18px 20px 10px;background:#fff}.hub-stage .chat-head h2{font-size:21px}.hub-stage #chatClose{display:none}.hub-stage .chat-sync{padding:7px 20px;background:#fff8fb}.hub-stage .chat-inbox-pane{width:210px}.hub-stage .chat-conversation{padding:12px 18px}.hub-stage #room>.room-shell{height:100%;min-height:440px;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;box-shadow:none;margin:0;padding:20px}.hub-stage .room-heading h1{font-size:22px;margin:0}.hub-stage .room-kicker{display:none}.hub-stage .room-intro{font-size:12px;margin:9px 0 12px}.hub-stage .room-heading>button{font-size:12px;padding:7px 10px}.hub-stage #roomContent{flex:1;display:flex;flex-direction:column;min-height:0}.hub-stage .room-announcement{max-height:110px;overflow:auto;padding:10px 14px;flex-shrink:0;font-size:13px}.hub-stage .room-announcement p{margin:4px 0 0}.hub-stage .room-tools{padding:10px 0;flex-shrink:0}.hub-stage .room-log{height:auto;flex:1;min-height:90px;padding:14px}.hub-stage #roomForm{flex-shrink:0}.hub-stage #roomForm label{margin-top:9px;font-size:12px}.hub-stage #roomInput{min-height:60px;height:60px;max-height:110px;font-size:14px}.hub-stage .room-compose-actions{margin-top:7px}.hub-stage .room-compose-actions button{padding:8px 20px}.hub-stage #roomStatus{margin:5px 0 0;flex-shrink:0}.hub-stage .room-mute{margin:6px 0;padding:8px;font-size:12px}.hub-stage .room-jump{flex-shrink:0;font-size:12px;margin:5px auto 0;padding:5px 10px}.hub-stage .room-tools .muted{font-size:12px}.hub-stage .room-message-actions button{font-size:11px}
@media(max-width:900px){.hub-stage .chat-layout{flex-direction:column}.hub-stage .chat-inbox-pane{width:100%;max-height:130px;flex-shrink:0;border-right:0;border-bottom:1px solid #f2d8e3;padding:8px 12px}.hub-stage .chat-inbox-note{display:none}.hub-stage #chatInbox{display:flex;gap:6px;overflow-x:auto}.hub-stage .chat-conv-button{width:175px;min-width:175px;padding:7px;margin:6px 0 0}.hub-stage .chat-conv-button p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-stage .chat-filter button{padding:5px 8px}.hub-stage .chat-conversation{padding:10px 14px}}
@media(max-width:630px){header{padding-right:84px}.message-hub{padding:6px}.hub-shell{height:96dvh;border-radius:17px}.hub-heading{padding:12px 14px}.hub-heading h2{font-size:18px;margin:0}.hub-heading p{display:none}.hub-heading>button{font-size:12px;padding:7px 9px}.hub-sidebar{width:70px;padding:12px 6px;gap:9px}.hub-tab{flex-direction:column;gap:7px;padding:13px 3px 10px;border-radius:11px;text-align:center}.hub-tab-copy strong{font-size:12px}.hub-tab-copy small,.hub-sidebar-foot{display:none}.hub-tab-icon{font-size:21px}.hub-count{top:3px;right:1px;min-width:18px;height:18px;line-height:14px;font-size:9px}.hub-stage #messages>.message-shell{padding:15px 12px}.hub-stage #messages h1{font-size:19px}.hub-stage #messages .muted{font-size:12px}.hub-stage .message-toolbar{gap:6px}.hub-stage .message-toolbar button{font-size:11px;padding:7px}.hub-stage .message-card{padding:12px 10px}.hub-stage .message-card h3{font-size:15px}.hub-stage .chat-head{padding:13px 12px 8px}.hub-stage .chat-head h2{font-size:18px}.hub-stage .chat-head p{font-size:11px}.hub-stage .chat-sync{padding:6px 12px;font-size:10px}.hub-stage .chat-conversation{padding:9px 10px}.hub-stage .chat-compose textarea{height:64px;min-height:60px;font-size:13px}.hub-stage .chat-compose-bottom button{padding:8px 14px;font-size:13px}.hub-stage .chat-message{max-width:96%}.hub-stage .chat-bubble{font-size:13px;padding:8px 10px}.hub-stage .chat-conversation h3{font-size:13px}.hub-stage #room>.room-shell{padding:13px 10px;min-height:440px}.hub-stage .room-heading{gap:7px}.hub-stage .room-heading h1{font-size:18px}.hub-stage .room-heading>button{font-size:10px;padding:5px 7px}.hub-stage .room-intro{font-size:11px;line-height:1.5;margin:7px 0 9px}.hub-stage .room-announcement{font-size:12px;padding:8px 10px;max-height:90px}.hub-stage .room-tools{padding:8px 0;gap:7px}.hub-stage .room-tools button{font-size:11px;padding:5px 8px}.hub-stage .room-tools .muted{font-size:10px}.hub-stage .room-log{padding:12px 8px}.hub-stage .room-avatar{width:24px;height:24px;border-radius:8px;font-size:11px}.hub-stage .room-message{gap:5px}.hub-stage .room-message-main{max-width:calc(100% - 29px)}.hub-stage .room-bubble{font-size:13px;padding:8px 10px}.hub-stage .room-meta{font-size:10px;gap:4px}.hub-stage #roomInput{height:60px;max-height:85px;font-size:13px}.hub-stage .room-compose-actions .muted{font-size:10px}.hub-stage .room-compose-actions button{font-size:12px;padding:8px 11px}.hub-stage #roomStatus{font-size:11px}.hub-guest{padding:20px 15px}.hub-guest h3{font-size:18px}}

/* Each content pane owns its scroll; do not inherit nested modal panel scrolling. */
.hub-stage #messages>.message-shell{max-height:none;overflow:visible}
.hub-stage #room>.room-shell{max-height:none}
#chatSync:empty,#roomSync:empty{display:none}
.hub-stage .room-tools:has(#roomEarlier[hidden]):has(#roomRetry[hidden]):has(#roomSync:empty){display:none}