/* Community live room visual, scoped to Whiiso. */
:root{--wh-pink:#fa3478;--wh-purple:#67215e}
.topbar .logo,.logo{color:#70204f!important;font-weight:900!important;letter-spacing:-.04em}
.topbar .brand-mark,.logo .brand-mark{filter:brightness(0) saturate(100%) invert(34%) sepia(89%) saturate(3171%) hue-rotate(309deg) brightness(101%) contrast(97%)}
.whiiso-sidebar .sidebar-label{letter-spacing:.08em;color:#8c8b9e;font-weight:800}
.whiiso-sidebar>a.active{background:#f8d9f2!important;color:#a21867!important;border-radius:16px}
.whiiso-side-promo{margin:30px 12px 12px;padding:22px 18px;border-radius:20px;background:linear-gradient(145deg,#551a65,#e42e9e 65%,#46226a);color:white}
.whiiso-side-promo h3{font-size:24px;line-height:1.15;margin:12px 0 8px;color:white}.whiiso-side-promo p{font-size:14px;color:white;line-height:1.5}
.promo-faces{display:flex}.promo-faces img{width:36px;height:36px;border-radius:50%;border:2px solid white;margin-right:-10px}
.promo-create{display:block;background:white;color:#9d175e!important;text-align:center;padding:13px 8px;border-radius:13px;font-weight:800;margin-top:20px}
.whiiso-live{padding:0 0 30px}.whiiso-live>.back{display:block;color:#f32977;font-weight:800;margin:0 0 18px;text-decoration:none}
.whiiso-live-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.whiiso-pinned{position:relative;min-height:170px;border-radius:24px;padding:22px 30px;overflow:hidden;background:radial-gradient(ellipse at 98% 110%,#fd3989 0%,transparent 52%),linear-gradient(115deg,#4a1d50,#802366 68%,#dc2e87);color:white}
.whiiso-pinned:after{content:"";position:absolute;width:340px;height:170px;right:-60px;top:0;border-radius:50%;transform:rotate(-30deg);background:#fa4ba040;pointer-events:none}
.whiiso-pinned h1{font-size:clamp(24px,3vw,37px);line-height:1.1;margin:16px 0 8px;color:white}.whiiso-pinned p{margin:0;color:white}
.pin-label{background:#fa337c;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:900}.pinned-faces{position:absolute;right:25px;bottom:20px;display:flex}.pinned-faces img{width:34px;height:34px;border-radius:50%;border:2px solid white;margin-left:-9px}
.whiiso-community-meta{display:flex;align-items:center;gap:15px;margin:20px 0}.whiiso-community-meta>.avatar{width:65px;height:65px;border-radius:50%;border:3px solid #ee4a9c}.whiiso-community-meta>div{flex:1}.whiiso-community-meta h2{font-size:23px;margin:0 0 4px}.whiiso-community-meta span{color:#74708b;font-size:13px}
.whiiso-community-meta .primary,.whiiso-audio-controls .primary,.whiiso-room-message button{background:linear-gradient(110deg,#ff3b83,#c33587)!important;color:white!important;border:0;border-radius:18px}
.whiiso-audio{padding:25px 22px 20px;border-radius:23px;color:white;background:radial-gradient(ellipse at 50% 0%,#64305c,#2e1838 75%)}
.whiiso-live-status{color:#f5d6eb}.whiiso-live-status span{background:#f52c7d;padding:8px 13px;border-radius:20px;color:white;font-weight:800}
.whiiso-speakers{display:flex;justify-content:space-evenly;gap:12px;margin:35px 0 25px;text-align:center}.whiiso-speakers>div{display:flex;flex-direction:column;align-items:center;gap:5px}.whiiso-speakers .stage-avatar{width:clamp(64px,8vw,110px);height:clamp(64px,8vw,110px);object-fit:cover;border-radius:50%;border:3px solid #fff}.whiiso-speakers b{color:white}.whiiso-speakers small{color:#e2c8dc}
.whiiso-listeners{display:flex;justify-content:center;align-items:center;gap:7px}.whiiso-listeners img{width:38px;height:38px;border-radius:50%;border:2px solid white}.whiiso-listeners span{background:#6d426e;border-radius:30px;padding:10px;color:white}
.whiiso-audio-controls{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.whiiso-audio-controls button{padding:11px 15px;border-radius:22px;color:white;border-color:#825c82}
.whiiso-room-message{display:flex;gap:12px;padding:10px;border:1px solid #ead7e5;border-radius:25px;margin-top:14px;background:#fff}.whiiso-room-message input{flex:1;min-width:0;border:0;outline:0;padding:12px}.whiiso-room-message button{padding:10px 16px}
.whiiso-live .room-chat-log{padding:12px 18px}
.whiiso-member-panel{border:1px solid #eedce8;border-radius:24px;background:#fffafd;padding:20px 16px;min-height:550px}.whiiso-panel-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #ead9e5}.whiiso-panel-tabs button{border:0;background:none;padding:5px 10px 18px;font-weight:800;color:#79718a}.whiiso-panel-tabs button.active{color:#bc2475;border-bottom:3px solid #f33583}
.whiiso-member-search{display:flex;align-items:center;gap:10px;border:1px solid #e7dce8;border-radius:16px;margin:20px 0;padding:12px}.whiiso-member-search input{width:100%;border:0;background:transparent;outline:0}
.whiiso-member-list>div{display:flex;align-items:center;gap:12px;margin:16px 4px}.whiiso-member-list img{width:42px;height:42px;object-fit:cover;border-radius:50%}.whiiso-member-list b{flex:1;font-size:14px}.whiiso-member-list small{color:#9b2b72}.whiiso-about{padding:16px 8px;line-height:1.6}
@media(max-width:1100px){.whiiso-live-grid{grid-template-columns:1fr}.whiiso-member-panel{min-height:0}}@media(max-width:650px){.whiiso-pinned{padding:20px}.pinned-faces{display:none}.whiiso-community-meta{flex-wrap:wrap}.whiiso-speakers{gap:5px}.whiiso-speakers .stage-avatar{width:62px;height:62px}.whiiso-side-promo{display:none}}

/* Authenticated realtime room: override older stage/chat layout without changing media IDs. */
.whiiso-real-room{padding:0 0 35px}.whiiso-real-room .whiiso-back{display:inline-block;margin:0 0 18px;color:#ed2675;font-weight:800;text-decoration:none}
.whiiso-real-room .whiiso-live-grid{grid-template-columns:minmax(0,1fr) 310px}
.whiiso-real-room .whiiso-live-main{min-width:0}
.whiiso-real-room .whiiso-pinned{min-height:170px}
.whiiso-real-room .whiiso-community-meta{margin:18px 0}
.whiiso-real-room .whiiso-community-meta .avatar{object-fit:cover}
.whiiso-real-room .whiiso-audio{padding:24px;background:radial-gradient(ellipse at 50% 0%,#64305c,#2e1838 75%)}
.whiiso-real-room .room-stage{background:transparent!important;border:0!important;padding:0!important;min-height:260px;color:white;box-shadow:none!important}
.whiiso-real-room .room-stage h2{color:white!important;font-size:14px;margin:24px 0 15px}
.whiiso-real-room .room-avatar-grid{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px}
.whiiso-real-room .room-avatar-grid>div{color:white;text-align:center}
.whiiso-real-room .room-avatar-grid .room-empty-avatar{background:#624562;border:2px solid #b97aa4;color:#f1d7ea}
.whiiso-real-room .room-avatar-grid .room-empty-slot{opacity:.4}
.whiiso-real-room .room-avatar-grid img{border:3px solid #fff;border-radius:50%;object-fit:cover}
.whiiso-real-room .room-controls{display:flex!important;justify-content:center;flex-wrap:wrap;gap:10px;background:transparent!important;border:0!important;padding:14px 0 0!important;margin:0!important}
.whiiso-real-room .room-controls button{border-radius:24px!important;padding:11px 15px!important;color:white!important;background:#70486e!important;border:1px solid #a2749e!important}
.whiiso-real-room .room-controls #roomLeave{background:linear-gradient(115deg,#ff3985,#d72c7d)!important}
.whiiso-real-room .room-chat-log{background:transparent!important;max-height:180px;overflow:auto}
.whiiso-real-room .whiiso-member-panel{min-height:560px}
.whiiso-real-room .whiiso-room-message{margin-top:16px}
.whiiso-real-room .room-pinned:not([hidden]){background:#ffffff20;color:white;border-radius:12px;margin-top:10px;padding:8px}
.whiiso-real-room [hidden]{display:none!important}
.whiiso-real-room .whiiso-member-list:empty:before{content:"Members will appear as they join";display:block;padding:18px 8px;color:#82768b;font-size:13px}
@media(max-width:1100px){.whiiso-real-room .whiiso-live-grid{grid-template-columns:1fr}.whiiso-real-room .whiiso-member-panel{min-height:0}}

/* 25% more compact central community experience; side navigation stays unchanged. */
@media(min-width:1101px){
.whiiso-real-room .whiiso-live-grid{grid-template-columns:minmax(0,1fr) 310px}
.whiiso-real-room .whiiso-live-main{max-width:100%}
.whiiso-real-room .whiiso-pinned{min-height:128px;padding:16px 23px;border-radius:19px}
.whiiso-real-room .whiiso-pinned h1{font-size:clamp(22px,2.3vw,29px);margin:10px 0 6px}
.whiiso-real-room .whiiso-pinned p{font-size:13px}
.whiiso-real-room .pin-label{padding:5px 11px;font-size:11px}
.whiiso-real-room .whiiso-community-meta{margin:13px 0;gap:11px}
.whiiso-real-room .whiiso-community-meta .avatar{width:49px;height:49px}
.whiiso-real-room .whiiso-community-meta h2{font-size:19px}
.whiiso-real-room .whiiso-audio{padding:18px;border-radius:19px}
.whiiso-real-room .room-stage{min-height:195px}
.whiiso-real-room .room-stage h2{margin:15px 0 10px}
.whiiso-real-room .room-avatar-grid{gap:13px}
.whiiso-real-room .room-avatar-grid .room-empty-avatar{width:66px;height:66px}
.whiiso-real-room .room-controls{padding-top:10px!important}
.whiiso-real-room .room-controls button{padding:8px 12px!important}
.whiiso-real-room .whiiso-room-message{margin-top:10px}
.whiiso-real-room .whiiso-member-panel{min-height:420px}
}

/* Reference-matched stage controls and room heading. */
.whiiso-real-room .whiiso-community-meta{border-bottom:1px solid #ecd9e6;padding-bottom:13px}
.whiiso-real-room .whiiso-community-meta h2{font-weight:850;letter-spacing:-.035em}
.whiiso-real-room .whiiso-community-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.whiiso-real-room .whiiso-action-circle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #efcfe1;border-radius:50%;background:#fff9fc;color:#e72c7c;font-size:22px}
.whiiso-real-room .whiiso-joined-indicator{display:inline-flex;align-items:center;border-radius:16px;padding:11px 16px;background:linear-gradient(120deg,#fa4696,#ef2874);color:white;font-weight:750}
.whiiso-real-room .room-connected{font-size:10px;color:#22ac70}
.whiiso-real-room .whiiso-live-status{display:flex;align-items:center;gap:14px}
.whiiso-real-room .whiiso-listening-count{color:#f8e8f4;font-size:14px;font-weight:500}
.whiiso-real-room .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.whiiso-real-room .room-controls.social-room-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%;margin:18px auto 0!important}
.whiiso-real-room .room-controls.social-room-controls button.whiiso-control-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;border-radius:50%!important;font-size:20px!important;line-height:1!important;background:#624364!important;color:#fff!important}
.whiiso-real-room .room-controls.social-room-controls button.whiiso-leave-control{height:46px!important;padding:0 21px!important;margin-left:14px!important;border-radius:28px!important;white-space:nowrap}
.whiiso-real-room .room-controls.social-room-controls button:disabled{opacity:.6;cursor:not-allowed}
.whiiso-real-room .room-stage h2{font-size:13px!important;font-weight:650!important}
@media(max-width:650px){.whiiso-real-room .whiiso-community-actions{flex-wrap:wrap}.whiiso-real-room .room-controls.social-room-controls{gap:8px!important}.whiiso-real-room .room-controls.social-room-controls button.whiiso-leave-control{margin-left:0!important;padding:0 13px!important}}

/* Real participants: retain reference composition without inventing attendees. */
.whiiso-real-room .room-stage{position:relative}
.whiiso-real-room .room-stage:before,.whiiso-real-room .room-stage:after{content:"";position:absolute;top:42%;width:50px;height:85px;opacity:.5;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 5px,#e84eb0 5px 8px,transparent 8px 12px);mask-image:radial-gradient(ellipse at center,#000 15%,transparent 73%)}
.whiiso-real-room .room-stage:before{left:0}.whiiso-real-room .room-stage:after{right:0}
.whiiso-real-room #liveParticipants{min-height:100px;gap:24px}
.whiiso-real-room #listenerParticipants{min-height:48px;gap:10px}
.whiiso-real-room .room-real-person{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:65px}
.whiiso-real-room .room-person-photo{display:grid;place-items:center;width:80px;height:80px;border:3px solid #f3c8e4;border-radius:50%;background:#784776;box-shadow:0 0 0 4px #e73b9b25;overflow:hidden}
.whiiso-real-room .room-person-photo img{width:100%;height:100%;object-fit:cover}
.whiiso-real-room .room-person-photo .social-room-person{display:grid;place-items:center;width:100%;height:100%;font-size:28px;color:white}
.whiiso-real-room .room-real-person b{color:white;font-size:13px}.whiiso-real-room .room-real-person small{color:#e3d1e1}
.whiiso-real-room .room-listener-person{min-width:0}.whiiso-real-room .room-listener-person .room-person-photo{width:38px;height:38px;border-width:2px;box-shadow:none}.whiiso-real-room .room-listener-person .social-room-person{font-size:14px}
.whiiso-real-room .whiiso-member-row{display:flex;align-items:center;gap:12px;margin:15px 4px}
.whiiso-real-room .member-initial{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#f3d5e9;color:#8c246d;font-weight:800}
.whiiso-real-room .whiiso-member-row b{flex:1;font-size:14px}
.whiiso-real-room .whiiso-member-row small{font-size:12px;color:#9b2b72}
.whiiso-real-room .whiiso-live-status .whiiso-listening-count{background:none!important;border-radius:0!important;padding:0!important}
@media(max-width:650px){.whiiso-real-room .room-stage:before,.whiiso-real-room .room-stage:after{display:none}.whiiso-real-room .room-person-photo{width:60px;height:60px}}

/* Fit the complete room within the desktop viewport, including Members. */
.whiiso-real-room{min-width:0;max-width:100%;overflow-x:clip}
.whiiso-real-room .whiiso-live-grid{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(245px,290px);gap:16px}
.whiiso-real-room .whiiso-live-main,.whiiso-real-room .whiiso-member-panel{min-width:0}
.whiiso-real-room .room-avatar-grid:empty{min-height:0!important}
.whiiso-real-room .room-stage h2:has(+ .room-avatar-grid:empty){margin-bottom:7px}
.whiiso-real-room .room-stage:has(#liveParticipants:empty) #liveParticipants:after{content:"No speakers on stage yet";font-size:13px;color:#e8c9e0}
.whiiso-real-room .room-stage:has(#listenerParticipants:empty) #listenerParticipants:after{content:"No listeners connected yet";font-size:13px;color:#e8c9e0}
@media(max-width:1100px){.whiiso-real-room .whiiso-live-grid{grid-template-columns:minmax(0,1fr)}}

/* 01 Nov reference fidelity: resolve previous overrides without changing copy or features. */
:root{--wh-pink:var(--accent-text);--wh-purple:var(--active-text)}
.topbar,.landing-nav{background:#fff!important;border-bottom:1px solid #f4e3ec!important}
.topbar .logo,.landing-nav .logo{color:#78234f!important;font-weight:900!important}
.topbar .logo .brand-mark,.landing-nav .logo .brand-mark,.logo .brand-mark{filter:none!important;object-fit:contain}
.topbar .global-search{background:#fbedf3!important;border:1px solid #f5e3ec!important;border-radius:16px}
.topbar .top-icons a:first-child{color:#ed2c80!important}
.app-shell>.sidebar>a.active:not(.sidebar-cta){background:#f9d9f2!important;color:#aa2069!important}
.app-shell>.sidebar .whiiso-side-promo{position:relative;padding:26px 20px 18px;min-height:204px;box-sizing:border-box;margin:27px 4px 4px;border-radius:19px;background:linear-gradient(135deg,#751966 0%,#e62e99 65%,#602270 100%)}
.app-shell>.sidebar .whiiso-side-promo h3{font-size:22px;max-width:125px;margin:0 0 10px;color:white;line-height:1.15}
.app-shell>.sidebar .promo-faces{position:absolute;right:17px;top:27px}
.app-shell>.sidebar .promo-faces img{width:31px;height:31px;border:2px solid #fff;margin-right:-10px}
.app-shell>.sidebar .whiiso-side-promo p{line-height:1.35;font-size:12px;margin:0}
.app-shell>.sidebar .promo-create{margin-top:17px;font-size:12px;border-radius:13px;padding:12px 8px;color:#a61a6b!important;background:white}
.app-shell:has(.whiiso-real-room){grid-template-columns:minmax(190px,250px) minmax(0,1fr)!important;gap:22px!important;width:100%;max-width:1540px;padding:16px 20px 30px;box-sizing:border-box;margin:0 auto}
.app-shell:has(.whiiso-real-room)>.app-main{min-width:0!important;width:100%}
.whiiso-real-room{width:100%;max-width:100%;overflow:visible;box-sizing:border-box}
.whiiso-real-room .whiiso-live-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(245px,290px)!important;gap:20px!important;max-width:100%;width:100%;box-sizing:border-box;align-items:stretch}
.whiiso-real-room .whiiso-live-main,.whiiso-real-room .whiiso-member-panel{min-width:0}
.whiiso-real-room .whiiso-pinned{min-height:126px;padding:17px 23px;background:radial-gradient(ellipse at 100% 98%,#f62d87a0,transparent 50%),linear-gradient(115deg,#4a1d50,#832366 58%,#cb287d);border-radius:21px}
.whiiso-real-room .whiiso-pinned h1{font-size:clamp(21px,2vw,29px);line-height:1.16;letter-spacing:-.03em;margin:12px 0 6px}
.whiiso-real-room .whiiso-community-meta{margin:16px 0 12px;min-height:66px;gap:14px}
.whiiso-real-room .whiiso-community-meta h2{font-size:20px;font-weight:850;color:#201921}
.whiiso-real-room .whiiso-community-meta .avatar{width:62px;height:62px}
.whiiso-real-room .whiiso-action-circle{flex-shrink:0}
.whiiso-real-room .whiiso-joined-indicator{white-space:nowrap}
.whiiso-real-room .whiiso-audio{min-height:375px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:19px 22px 20px;background:radial-gradient(ellipse at 42% 12%,#5a3159,#321a3d 75%);border-radius:22px}
.whiiso-real-room .room-stage{min-height:252px!important;flex:1;position:relative;color:white!important}
.whiiso-real-room .whiiso-live-status{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.whiiso-real-room .whiiso-live-status>span:first-child{background:linear-gradient(115deg,#fd3f90,#eb2a7c);border-radius:25px;font-weight:800}
.whiiso-real-room .whiiso-live-status .whiiso-listening-count{display:inline-flex!important;gap:5px;align-items:center;color:#f7eaf3!important;background:transparent!important;font-size:13px}
.whiiso-real-room .room-stage h2{color:white!important;font-size:12px!important;font-weight:700!important;margin:8px 0 7px}
.whiiso-real-room #liveParticipants{display:flex!important;align-items:center;justify-content:center;gap:clamp(11px,2.5vw,30px);min-height:115px!important;margin:2px auto 9px}
.whiiso-real-room #listenerParticipants{display:flex!important;align-items:center;justify-content:center;gap:9px;min-height:53px!important;margin:4px auto 3px}
.whiiso-real-room #liveParticipants .room-empty-slot{display:flex;align-items:center;justify-content:center;flex:0 0 80px;opacity:1!important}
.whiiso-real-room #listenerParticipants .room-empty-slot{display:flex;align-items:center;justify-content:center;flex:0 0 39px;opacity:.8!important}
.whiiso-real-room #liveParticipants .room-empty-avatar{display:grid;place-items:center;width:79px!important;height:79px!important;background:#624361!important;border:3px solid #aa7aab!important;box-shadow:0 0 0 4px #f6bcdb22!important;color:#d6add0!important}
.whiiso-real-room #listenerParticipants .room-empty-avatar{display:grid;place-items:center;width:39px!important;height:39px!important;background:#624361!important;border:2px solid #976c9a!important;box-shadow:none!important;color:#b88bba!important}
.whiiso-real-room #liveParticipants .room-empty-avatar svg{width:30px;height:30px}
.whiiso-real-room #listenerParticipants .room-empty-avatar svg{width:17px;height:17px}
.whiiso-real-room .room-stage:has(#liveParticipants:empty) #liveParticipants:after,.whiiso-real-room .room-stage:has(#listenerParticipants:empty) #listenerParticipants:after{content:none!important}
.whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls{display:flex!important;align-items:center!important;justify-content:center!important;width:100%;max-width:480px;margin:11px auto 0!important;padding:0!important;gap:11px!important;flex-wrap:nowrap}
.whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-control-icon{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;border-radius:50%!important;background:#654368!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;border:1px solid #8a6a8f!important;color:#fff!important}
.whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-control-icon:hover:not(:disabled){background:#8c4d87!important}
.whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-leave-control{height:44px!important;margin-left:12px!important;border-radius:28px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:9px;padding:0 16px!important;background:linear-gradient(110deg,#fd3b8e,#ed2876)!important;color:#fff!important}
.whiiso-real-room .whiiso-icon{display:block;width:20px;height:20px;flex-shrink:0}
.whiiso-real-room .whiiso-action-circle .whiiso-icon{color:#e32a7c}
.whiiso-real-room .whiiso-leave-control .whiiso-icon{width:16px;height:16px}
.whiiso-real-room .whiiso-more-menu{display:flex;justify-content:center;margin-top:10px}
.whiiso-real-room .whiiso-more-menu[hidden]{display:none!important}
.whiiso-real-room .whiiso-more-menu button{display:inline-flex;align-items:center;gap:7px}
.whiiso-real-room .whiiso-member-panel{min-height:0;padding:19px 16px;background:#fffbfd;border:1px solid #efd7e7;box-shadow:0 10px 32px #7c2b6710;border-radius:23px}
.whiiso-real-room .whiiso-member-row .whiiso-member-photo{width:41px;height:41px;border-radius:50%;object-fit:cover;flex:none}
.whiiso-real-room .room-admin-controls{margin-top:10px}
.whiiso-real-room #whiisoRoomMembers:empty{min-height:80px}
.whiiso-real-room .room-error:empty{display:none}
.whiiso-real-room .room-error{max-width:100%;word-break:break-word}
/* Creators: preserve Codex cards and layout, adjust only existing header. */
.app-shell:has(.creator-directory) .creator-hero{
 background:#441a42!important;
 background-image:linear-gradient(109deg,#3a193d 0%,#622152 48%,#a02f72 100%)!important;
 color:#fff!important;
 border:0!important;
 border-radius:20px;
}
.app-shell:has(.creator-directory) .creator-hero h1{
 font-size:33px;
 line-height:1.08;
 color:#fff!important;
 font-weight:850;
 letter-spacing:-.04em;
}
.app-shell:has(.creator-directory) .creator-hero>span{color:#ff96bc!important}
.app-shell:has(.creator-directory) .creator-hero p{color:#fff!important}
@media(max-width:700px){
 .app-shell:has(.creator-directory) .creator-hero h1{font-size:27px}
}
@media(min-width:701px) and (max-width:1100px){
 .app-shell:has(.whiiso-real-room){grid-template-columns:185px minmax(0,1fr)!important;gap:14px!important;padding:14px 12px}
 .whiiso-real-room .whiiso-live-grid{grid-template-columns:1fr!important}
 .whiiso-real-room .whiiso-member-panel{min-height:0}
}
@media(max-width:700px){
 .app-shell:has(.whiiso-real-room){display:block!important;padding:14px 9px 85px!important}
 .whiiso-real-room .whiiso-live-grid{display:block!important}
 .whiiso-real-room .whiiso-member-panel{margin-top:12px}
 .whiiso-real-room .whiiso-community-meta{flex-wrap:wrap}
 .whiiso-real-room #liveParticipants .room-empty-slot{flex-basis:56px}
 .whiiso-real-room #liveParticipants .room-empty-avatar{width:55px!important;height:55px!important}
 .whiiso-real-room #listenerParticipants .room-empty-slot{flex-basis:28px}
 .whiiso-real-room #listenerParticipants .room-empty-avatar{width:28px!important;height:28px!important}
 .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls{gap:7px!important}
 .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-control-icon{width:40px!important;height:40px!important;min-width:40px!important}
 .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-leave-control{margin-left:0!important;padding:0 10px!important}
 .app-shell>.sidebar .whiiso-side-promo{display:none}
}

/* Use the existing create-community action rather than a link back to the listing. */
.whiiso-sidebar .promo-create{width:100%;border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:800}
.whiiso-sidebar .promo-create:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Small functional room controls, keeping the approved room stage untouched. */
.whiiso-real-room .whiiso-manage-trigger{
 display:inline-flex;align-items:center;justify-content:center;
 background:#fff7fc;border:1px solid #edd1e4;border-radius:24px;
 color:#87265e;font:inherit;font-weight:800;font-size:12px;padding:10px 13px;cursor:pointer;white-space:nowrap;
}
.whiiso-real-room .whiiso-room-panels{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;position:relative;z-index:2}
.whiiso-real-room .whiiso-manage-panel,
.whiiso-real-room .whiiso-notifications-panel{
 width:min(330px,100%);background:#fffafd;border:1px solid #ead0e0;
 border-radius:14px;box-shadow:0 12px 30px #4510371a;padding:14px;
 margin:0 0 12px;color:#321e35;
}
.whiiso-real-room .whiiso-manage-panel[hidden],
.whiiso-real-room .whiiso-notifications-panel[hidden],
.whiiso-real-room .whiiso-manage-trigger[hidden]{display:none!important}
.whiiso-real-room .whiiso-manage-panel form{display:flex;flex-direction:column;gap:9px;margin:0 0 8px}
.whiiso-real-room .whiiso-manage-panel label{font-size:12px;font-weight:800}
.whiiso-real-room .whiiso-manage-panel input{width:100%;min-width:0;border:1px solid #ecd4e5;background:#fff;border-radius:10px;font:inherit;padding:10px 11px;box-sizing:border-box}
.whiiso-real-room .whiiso-manage-panel button{cursor:pointer;font:inherit;font-weight:750;font-size:12px;border:1px solid #f1dae7;background:white;color:#812563;padding:10px 12px;border-radius:10px;display:inline-flex;margin:3px 3px 0 0}
.whiiso-real-room .whiiso-manage-panel button.primary{background:linear-gradient(115deg,#f93783,#d42682)!important;border:0;color:white}
.whiiso-real-room .whiiso-notifications-panel strong{font-size:13px}
.whiiso-real-room #whiisoNotificationsItems{max-height:220px;overflow-y:auto}
.whiiso-real-room #whiisoNotificationsItems p{font-size:12px;color:#5d4556;margin:10px 0;border-bottom:1px solid #f0e3eb;padding-bottom:8px;overflow-wrap:anywhere}
.whiiso-real-room .whiiso-action-circle:focus-visible,
.whiiso-real-room .whiiso-manage-trigger:focus-visible{outline:3px solid #ef6dae;outline-offset:2px}
/* Explore is a discovery view, not another copy of the Home feed. */
.whiiso-explore{padding:4px 0 28px}
.whiiso-explore-head{margin-bottom:16px}
.whiiso-explore h1{font-size:29px;color:#312233;margin:0}
.whiiso-explore-section{background:#fffafd;border:1px solid #efdeea;border-radius:18px;padding:18px;margin:0 0 18px}
.whiiso-explore-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.whiiso-explore-heading h2,.whiiso-explore-people h2{font-size:19px;margin:0;color:#311e33}
.whiiso-explore-heading a{color:#b62a75;font-weight:800;font-size:13px}
.whiiso-explore-communities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.whiiso-explore-community{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #efdce9;border-radius:15px;background:#fff;min-width:0}
.whiiso-explore-community .whiiso-explore-avatar{flex:none;width:51px;height:51px;border-radius:14px;overflow:hidden;background:#f9e5f1}
.whiiso-explore-avatar img{width:100%;height:100%;object-fit:cover}
.whiiso-explore-community>div:nth-child(2){min-width:0;flex:1}
.whiiso-explore-community h3{font-size:14px;margin:0 0 3px;color:#2d2030}
.whiiso-explore-community p{margin:0 0 4px;color:#736575;font-size:11px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.whiiso-explore-community small{color:#a52a73;font-size:11px}
.whiiso-explore-community button{flex:none;border:0;border-radius:50%;width:31px;height:31px;background:#fbe0ef;color:#b32675;font-size:18px;cursor:pointer}
.whiiso-explore-topics{display:flex;flex-wrap:wrap;gap:9px}
.whiiso-explore-topics span{background:#fbe5f2;color:#8b2767;padding:8px 12px;border-radius:22px;font-size:12px;font-weight:750}
.whiiso-explore-people{display:flex;align-items:center;justify-content:space-between}
@media(max-width:750px){.whiiso-explore-communities{grid-template-columns:1fr}.whiiso-real-room .whiiso-room-panels{justify-content:stretch}}

/* Membership and room attendance are separate. Keep existing community visuals unchanged. */
.whiiso-real-room .whiiso-community-actions button.whiiso-joined-indicator{
 cursor:pointer;border:0;font:inherit;font-weight:800;white-space:nowrap;
}
.whiiso-real-room .whiiso-membership-menu{
 width:min(260px,100%);padding:10px;background:#fffafd;
 border:1px solid #eed7e6;border-radius:14px;
 box-shadow:0 12px 28px #4b1b3e21;margin:0 0 12px;
}
.whiiso-real-room .whiiso-membership-menu[hidden]{display:none!important}
.whiiso-real-room .whiiso-membership-menu button{
 padding:10px 12px;border:1px solid #efd9e8;border-radius:10px;
 background:#fff;color:#982861;font-size:13px;font-weight:800;
 cursor:pointer;width:100%;text-align:left;
}
.whiiso-real-room .whiiso-membership-menu button:disabled{opacity:.55;cursor:wait}
.whiiso-community-access .whiiso-access-options{
 display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:19px 0 13px;
}
.whiiso-community-access .whiiso-access-options button{padding:12px 15px;border-radius:13px}
.whiiso-community-access #checkoutFeedback{font-size:13px;min-height:18px;color:#643650}
.whiiso-room-access-gate{max-width:620px;margin:20px auto;padding:27px;border-radius:18px}
.whiiso-room-access-gate h2{font-size:22px;margin:0 0 7px}
.whiiso-room-access-gate p{margin:0 0 17px;color:#76466c}
.pmo-community-card .pmo-community-price{
 border-radius:30px;background:#fae0f0;color:#a62272;
 font-weight:800;
}
@media(max-width:700px){
 .whiiso-real-room .whiiso-membership-menu{width:100%}
 .whiiso-community-access .whiiso-access-options{flex-direction:column;align-items:stretch}
}

/* Keep the live-room toolbar anchored while connection status changes.
   A variable error/status region must not redistribute flex space above it. */
.whiiso-real-room .whiiso-audio{justify-content:flex-start!important}
.whiiso-real-room .whiiso-audio>.room-stage{flex:0 0 auto!important}
.whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls{
 flex:0 0 auto!important;
 align-self:center!important;
 margin:11px auto 0!important;
 transition:none!important;
 transform:none!important;
}
.whiiso-real-room .whiiso-audio>#roomError{
 min-height:20px;
 margin-top:7px;
 color:#ffe5f3!important;
 line-height:1.4;
 font-weight:600;
}

/* Whiiso community creation: use the existing magenta/pink palette.
   Scoped to community actions; do not recolor unrelated auth, feed, or room controls. */
.pmo-communities .pmo-community-head > button.primary,
.create-community-modal .modal-form-footer > button.primary,
.create-community-modal .pmo-checkout-choice > button.primary{
  background:linear-gradient(115deg,#ff438e 0%,#ef2d83 58%,#d52d87 100%)!important;
  border:1px solid transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 19px rgba(188,36,114,.18)!important;
}
.pmo-communities .pmo-community-head > button.primary:hover,
.create-community-modal .modal-form-footer > button.primary:hover,
.create-community-modal .pmo-checkout-choice > button.primary:hover{
  background:linear-gradient(115deg,#e93181 0%,#d82379 100%)!important;
  box-shadow:0 9px 22px rgba(188,36,114,.24)!important;
}
.create-community-modal h2{color:#71244e!important}
.create-community-modal label{color:#642749!important}
.create-community-modal .modal-close{
  color:#a92a72!important;
  border-radius:50%;
}
.create-community-modal .modal-close:hover{
  background:#fbe1ee!important;
  color:#8e1c60!important;
}
.create-community-modal input:focus-visible,
.create-community-modal textarea:focus-visible{
  outline:2px solid #ec4d97!important;
  outline-offset:1px;
  border-color:#e94a95!important;
}
.pmo-communities .pmo-community-head > button.primary:focus-visible,
.create-community-modal .modal-form-footer > button.primary:focus-visible,
.create-community-modal .pmo-checkout-choice > button.primary:focus-visible{
  outline:3px solid #f885ba!important;
  outline-offset:3px;
}

/* The pinned discussion is one heading (and an optional description), never a chat-message card. */
.whiiso-real-room #whiisoPinnedBanner[hidden]{display:none!important}
.whiiso-real-room #whiisoPinnedBanner{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:138px;padding:17px 23px;box-sizing:border-box}
.whiiso-real-room #whiisoPinnedBanner .pin-label{align-self:flex-start;white-space:nowrap}
.whiiso-real-room #whiisoPinnedBanner h1{font-size:clamp(23px,2.2vw,32px);line-height:1.14;letter-spacing:-.035em;margin:8px 0 2px;max-width:calc(100% - 150px);color:#fff}
.whiiso-real-room #whiisoPinnedSubtitle{font-size:13px;color:#fce3f4;max-width:calc(100% - 150px);line-height:1.4;margin:0}
.whiiso-real-room #whiisoPinnedSubtitle[hidden],.whiiso-real-room #whiisoPinnedFaces[hidden]{display:none!important}
.whiiso-real-room #whiisoPinnedFaces{display:flex;align-items:center;right:20px;bottom:18px}
.whiiso-real-room #whiisoPinnedFaces img,
.whiiso-real-room #whiisoPinnedFaces .whiiso-banner-initial{
 display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;
 border:2px solid white;margin-left:-7px;color:white;background:#aa3c8c;
 object-fit:cover;font-size:12px;font-weight:850;
}
.whiiso-real-room .whiiso-count-pill{background:#9b3a84dd;color:white;border:1px solid #f9c4e6;border-radius:40px;padding:8px;font-size:11px;margin-left:4px}
.whiiso-real-room #whiisoManagePanel textarea{
 display:block;width:100%;min-width:0;box-sizing:border-box;
 border:1px solid #ecd4e5;background:#fff;border-radius:10px;font:inherit;
 padding:9px 11px;resize:vertical;
}
.whiiso-real-room #whiisoManagePanel input:focus-visible,
.whiiso-real-room #whiisoManagePanel textarea:focus-visible{outline:2px solid #f34996;outline-offset:1px}
.whiiso-real-room #whiisoPinnedBanner .room-pinned{display:none!important}
@media(max-width:680px){
 .whiiso-real-room #whiisoPinnedBanner h1,
 .whiiso-real-room #whiisoPinnedSubtitle{max-width:100%}
 .whiiso-real-room #whiisoPinnedFaces{position:static;margin-top:8px;align-self:flex-end}
}

/* Paid session onboarding is overlay-only: no layout changes to the stage or controls. */
.whiiso-intro-badge{
 position:absolute;top:43px;right:12px;z-index:5;
 width:202px;max-width:calc(100% - 24px);
 display:grid;gap:3px;padding:10px 12px;
 background:#5e315bdc;border:1px solid #b36c9c;
 color:#fff;border-radius:13px;box-shadow:0 7px 21px #1e0c2230;
 pointer-events:none;
}
.whiiso-intro-badge .whiiso-intro-label,.whiiso-intro-label{font-size:11px;font-weight:850;color:#ffd1e9;letter-spacing:.02em}
.whiiso-intro-badge .whiiso-intro-clock,.whiiso-intro-clock{font-size:23px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff}
.whiiso-intro-badge small{line-height:1.3;color:#f7ddec;font-size:10px}
.whiiso-intro-decision{
 position:fixed;inset:0;z-index:10000;
 background:#241223a8;display:grid;place-items:center;
 padding:20px;box-sizing:border-box;
}
.whiiso-intro-choice-card{
 width:min(440px,100%);background:#fff9fd;color:#342039;
 border:1px solid #eccdde;border-radius:23px;padding:26px;
 box-shadow:0 20px 70px #301b3c48;
}
.whiiso-intro-choice-card h2{color:#3c2140;font-size:25px;margin:11px 0 9px}
.whiiso-intro-choice-card p{color:#68566a;font-size:14px;line-height:1.5;margin:0 0 12px}
.whiiso-intro-choice-card .whiiso-intro-clock{display:block;color:#a52973;font-size:16px;margin-bottom:16px}
.whiiso-intro-options{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.whiiso-intro-options .primary{background:linear-gradient(115deg,#f53c8a,#d42a7e)!important;color:white!important;border:0!important}
.whiiso-intro-options button{border-radius:14px;padding:11px 16px}
@media(max-width:650px){
 .whiiso-intro-badge{position:relative;top:auto;right:auto;margin:9px auto 0;width:92%;max-width:none}
 .whiiso-intro-choice-card{padding:21px}
 .whiiso-intro-options{align-items:stretch;flex-direction:column}
}

/* Reviewable refund requests are distinct from leaving a live session. */
.whiiso-real-room .whiiso-membership-menu button[hidden]{display:none!important}
.whiiso-real-room .whiiso-refund-panel{
 width:min(320px,100%);margin:0 0 12px;padding:15px;
 background:#fffafd;border:1px solid #ead0e0;border-radius:14px;
 box-shadow:0 12px 30px #4510371a;
}
.whiiso-real-room .whiiso-refund-panel[hidden]{display:none!important}
.whiiso-real-room .whiiso-refund-panel form{display:grid;gap:10px;margin:0}
.whiiso-real-room .whiiso-refund-panel label{font-size:12px;font-weight:800;color:#642749}
.whiiso-real-room .whiiso-refund-panel textarea{
 box-sizing:border-box;width:100%;resize:vertical;min-height:80px;
 border:1px solid #e6cbdb;background:white;border-radius:10px;
 padding:10px;font:inherit;color:#342039;
}
.whiiso-real-room .whiiso-refund-panel textarea:focus-visible{outline:2px solid #f23e90;outline-offset:2px}
.whiiso-real-room .whiiso-refund-panel button.primary{
 background:linear-gradient(110deg,#f33b8a,#d32a80)!important;color:white!important;
 border:0!important;border-radius:11px;padding:10px 13px;
}

/* Community member roles are presentation-only and originate from server-issued
   membership records. The green/purple/blue/pink dots never grant permissions. */
.whiiso-real-room .whiiso-member-row{
 display:flex;align-items:center;gap:11px;
 min-height:44px;margin:9px 2px;padding:4px 2px;
}
.whiiso-real-room .whiiso-member-row[hidden]{display:none!important}
.whiiso-real-room .whiiso-member-photo-wrap{
 display:inline-flex;position:relative;align-items:center;justify-content:center;
 flex:0 0 42px;width:42px;height:42px;
}
.whiiso-real-room .whiiso-member-photo-wrap img,
.whiiso-real-room .whiiso-member-photo-wrap .member-initial{
 display:grid;place-items:center;width:40px;height:40px;
 border-radius:50%;object-fit:cover;
}
.whiiso-real-room .whiiso-member-status-dot{
 position:absolute;right:-1px;bottom:0px;z-index:2;
 width:11px;height:11px;box-sizing:border-box;border:2px solid #fff;
 border-radius:50%;background:#17af59;
}
.whiiso-real-room .whiiso-role-host{--whiiso-role-color:#f92b83}
.whiiso-real-room .whiiso-role-moderator{--whiiso-role-color:#2685ef}
.whiiso-real-room .whiiso-role-speaker{--whiiso-role-color:#8541e9}
.whiiso-real-room .whiiso-role-member{--whiiso-role-color:#12ad59}
.whiiso-real-room .whiiso-member-status-dot{background:var(--whiiso-role-color,#12ad59)}
.whiiso-real-room .whiiso-member-row b{
 flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:13px;color:#25182e;font-weight:750;
}
.whiiso-real-room .whiiso-member-role{
 display:inline-flex;align-items:center;gap:4px;justify-content:center;flex-shrink:0;
 padding:5px 8px;line-height:1.15;border-radius:18px;
 color:#27633f;background:#dff8e8;font-weight:750;font-size:11px;
}
.whiiso-real-room .whiiso-role-host .whiiso-member-role{background:#fce3f0;color:#a31b63}
.whiiso-real-room .whiiso-role-moderator .whiiso-member-role{background:#e4efff;color:#195db3}
.whiiso-real-room .whiiso-role-speaker .whiiso-member-role{background:#f0e1ff;color:#6f23b6}
.whiiso-real-room .whiiso-crown{width:14px;height:14px;flex-shrink:0}
/* Audio activity creates a subtle ring but never moves or resizes the portrait. */
@keyframes whiiso-speaking-ring {
 0%,100%{box-shadow:0 0 0 3px #fb399944,0 0 12px #f93f9d45}
 50%{box-shadow:0 0 0 5px #fb3999aa,0 0 23px #ff5fb7aa}
}
.whiiso-real-room .room-real-person.whiiso-speaking .room-person-photo{
 border-color:#ff68b5!important;
 animation:whiiso-speaking-ring 1.65s ease-in-out infinite;
}
.whiiso-real-room .whiiso-member-row.whiiso-speaking .whiiso-member-photo-wrap{
 border-radius:50%;
 animation:whiiso-speaking-ring 1.65s ease-in-out infinite;
}
@media(prefers-reduced-motion:reduce){
 .whiiso-real-room .room-real-person.whiiso-speaking .room-person-photo,
 .whiiso-real-room .whiiso-member-row.whiiso-speaking .whiiso-member-photo-wrap{
  animation:none;box-shadow:0 0 0 3px #f94d9d!important;
 }
}
/* Match the approved Find your people card proportions, without replacing
   existing photos, CTA text, or navigation. */
@media(min-width:1101px){
 .app-shell:has(.whiiso-real-room){grid-template-columns:minmax(215px,270px) minmax(0,1fr)!important}
 .app-shell>.sidebar .whiiso-side-promo{
  min-height:238px;display:flex;flex-direction:column;
  padding:32px 19px 18px;max-width:100%;
  background:linear-gradient(133deg,#731a69 0%,#a3208b 44%,#e735a6 80%,#66216d 100%);
 }
 .app-shell>.sidebar .whiiso-side-promo h3{
  font-size:21px;max-width:130px;line-height:1.14;margin:0 0 11px;
 }
 .app-shell>.sidebar .whiiso-side-promo p{
  max-width:192px;font-size:12px;line-height:1.45;
 }
 .app-shell>.sidebar .whiiso-side-promo .promo-faces{top:27px;right:14px}
 .app-shell>.sidebar .whiiso-side-promo .promo-create{
  width:100%;box-sizing:border-box;margin-top:auto;
  border-radius:12px;padding:11px 6px;font-size:12px;
 }
}

/* Approved room composer: white pill, outlined plus, inset text field with
   inline waveform and smile, and a Whiiso-magenta paper-plane send button.
   Scope to community chat only; do not alter direct messages or private calls. */
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer{
 display:grid!important;
 grid-template-columns:48px minmax(0,1fr) 48px!important;
 align-items:center!important;
 column-gap:10px!important;
 position:relative;
 box-sizing:border-box;
 width:100%;
 min-height:68px;
 margin:14px 0 0!important;
 padding:8px 10px!important;
 background:#fff!important;
 border:1px solid #ebd9e7!important;
 border-radius:30px!important;
 box-shadow:none!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer .whiiso-chat-input-wrap{
 display:flex;align-items:center;gap:3px;
 box-sizing:border-box;min-width:0;height:48px;
 border:1px solid #e8e0eb;
 border-radius:26px;
 background:#faf8fc;
 padding:0 8px 0 1px;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer input#realRoomChatInput{
 flex:1 1 auto!important;min-width:0!important;width:auto;
 box-sizing:border-box;height:44px;padding:0 13px!important;
 background:transparent!important;border:0!important;border-radius:22px;
 outline:0!important;box-shadow:none!important;
 color:#2b2541!important;font-size:13px!important;font-weight:500;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer input#realRoomChatInput::placeholder{
 color:#73718b!important;opacity:1;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer .whiiso-chat-input-wrap:focus-within{
 border-color:#cf9dbe;box-shadow:0 0 0 2px #f9ddeb;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:none;cursor:pointer;
 min-width:0!important;
 transition:background-color .15s ease,border-color .15s ease!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-attach{
 width:48px!important;height:48px!important;
 padding:11px!important;border-radius:50%!important;
 border:1px solid #e8e1ec!important;
 background:#fff!important;color:#31314a!important;
 box-shadow:none!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-inline-action{
 width:36px!important;height:36px!important;
 padding:7px!important;border:0!important;border-radius:50%!important;
 background:transparent!important;color:#666582!important;
 box-shadow:none!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-send{
 width:48px!important;height:48px!important;
 padding:11px!important;border:0!important;border-radius:50%!important;
 background:linear-gradient(140deg,#ff4d96 0%,#ef2b83 70%,#d62779 100%)!important;
 color:#fff!important;box-shadow:none!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button svg{
 width:100%;height:100%;display:block;stroke:currentColor;fill:none;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-attach:hover,
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-inline-action:hover{
 background:#f8eaf3!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-send:hover{
 background:linear-gradient(140deg,#eb3985,#c62072)!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button:focus-visible{
 outline:2px solid #da3282!important;outline-offset:2px;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-voice-btn.is-recording{
 color:#ea287f!important;background:#ffe5f2!important;
 box-shadow:0 0 0 2px #ffc1df inset!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer .whiiso-emoji-picker{
 position:absolute;bottom:calc(100% + 9px);right:63px;z-index:10;
 box-sizing:border-box;width:260px;
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;
 padding:9px;border-radius:15px;border:1px solid #edd5e4;
 background:#fff;box-shadow:0 12px 32px #4d234027;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer .whiiso-emoji-picker[hidden]{display:none!important}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer .whiiso-emoji-picker button{
 width:36px!important;height:36px!important;padding:3px!important;
 font-size:21px!important;line-height:1;
 border:0!important;border-radius:9px!important;
 background:#fff!important;box-shadow:none!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer .whiiso-emoji-picker button:hover{
 background:#fbe7f2!important;
}
@media(max-width:530px){
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer{
  grid-template-columns:40px minmax(0,1fr) 42px!important;
  gap:6px!important;min-height:60px;
  padding:7px!important;border-radius:24px!important;
 }
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-attach{
  width:40px!important;height:40px!important;padding:9px!important;
 }
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-send{
  width:42px!important;height:42px!important;padding:10px!important;
 }
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer .whiiso-chat-input-wrap{
  height:43px;gap:0;padding-right:2px;
 }
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-inline-action{
  width:31px!important;height:31px!important;padding:6px!important;
 }
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer input#realRoomChatInput{
  padding:0 8px!important;height:40px;font-size:12px!important;
 }
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer .whiiso-emoji-picker{
  right:0;width:min(260px,100%);
 }
}

/* Nov 01: align the COMMUNITY view with the approved Whiiso reference.
   Earlier contrast-guard.css wrapped the desktop sidebar in a second rounded
   container. Remove that extra frame in this view; preserve all links/actions. */
@media(min-width:701px){
 .app-shell>.sidebar.whiiso-sidebar{
  background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;
  padding:9px 0!important;
 }
 .app-shell>.sidebar.whiiso-sidebar>.sidebar-label{
  margin-left:19px!important;margin-right:13px!important;
 }
 .app-shell>.sidebar.whiiso-sidebar>a:not(.sidebar-cta){
  margin-left:3px!important;margin-right:3px!important;
 }
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:calc(100% - 9px)!important;
  max-width:none!important;
  min-height:240px!important;
  height:240px!important;
  margin:30px 4px 0!important;
  padding:28px 22px 19px!important;
  border:0!important;
  border-radius:19px!important;
  overflow:hidden!important;
  color:#fff!important;
  box-shadow:none!important;
  background:
   radial-gradient(ellipse 99% 84% at 98% -9%,#ea309e 0%,#d5299b 43%,transparent 75%),
   linear-gradient(155deg,#731b6d 0%,#942184 49%,#4c205e 100%)!important;
 }
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo h3{
  position:relative;z-index:1;
  max-width:119px!important;
  margin:3px 0 11px!important;
  font-size:22px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  font-weight:850!important;color:#fff!important;
 }
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo .promo-faces{
  position:absolute!important;top:31px!important;right:20px!important;
  display:flex!important;align-items:center!important;z-index:2;
 }
 .app-shell>.sidebar.whiiso-sidebar .promo-faces img{
  width:38px!important;height:38px!important;
  border:2px solid #fff!important;
  margin-right:-9px!important;object-fit:cover!important;
  border-radius:50%!important;
 }
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo p{
  position:relative;z-index:1;max-width:194px!important;
  font-size:13px!important;line-height:1.4!important;color:#fff!important;
  margin:0!important;
 }
 .app-shell>.sidebar.whiiso-sidebar .promo-create{
  position:relative;z-index:1;
  display:flex!important;align-items:center;justify-content:center;
  width:100%!important;min-height:44px!important;
  margin:14px 0 0!important;margin-top:auto!important;
  padding:9px 8px!important;
  font-size:12px!important;font-weight:800!important;
  background:#fff!important;color:#a32272!important;
  border:0!important;border-radius:12px!important;
  box-shadow:0 5px 13px #40114925!important;
 }
}
/* A pure white search field as requested; keep the same subtle inset border
   used on the room message composer, and leave search behavior untouched. */
.topbar .global-search{
 background:#fff!important;
 border:1px solid #e8e0eb!important;
 border-radius:19px!important;
 box-shadow:0 1px 6px #6a43600a!important;
}
.topbar .global-search input{background:transparent!important;color:#302c46!important}
.topbar .global-search input::placeholder{color:#74718a!important;opacity:1}
/* The old room applied Live now even when the provider never connected.
   The badges are now hidden in markup until real media activity arrives. */
.whiiso-real-room .whiiso-live-status:has(#roomLiveBadge[hidden]){
 margin:0!important;
 min-height:0!important;
}
.whiiso-real-room #roomLiveBadge[hidden],
.whiiso-real-room #roomListeningBadge[hidden],
.whiiso-real-room #roomListeningHeading[hidden]{
 display:none!important;
}
/* Match the approved message bar proportions: a smaller circular send action. */
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer{
 grid-template-columns:48px minmax(0,1fr) 42px!important;
 min-height:64px!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-send{
 width:42px!important;height:42px!important;
 padding:11px!important;border-radius:50%!important;
}
.whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-send svg{
 width:19px!important;height:19px!important;
}
@media(max-width:530px){
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer{
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  min-height:58px!important;
 }
 .whiiso-real-room .whiiso-room-message.whiiso-chat-composer button.whiiso-chat-send{
  width:40px!important;height:40px!important;padding:10px!important;
 }
}

/* A community without an uploaded image uses its own initial—not an
   unrelated creator photo. The owner can replace it through Manage. */
.whiiso-real-room .whiiso-community-meta .whiiso-community-image-placeholder{
 display:grid;place-items:center;
 flex:0 0 62px;width:62px;height:62px;
 border-radius:50%;border:3px solid #f54b9c;
 background:linear-gradient(145deg,#742368,#e93c99);
 color:#fff;font-size:25px;font-weight:850;
}
.pmo-community-card .pmo-community-avatar.whiiso-community-image-placeholder{
 display:grid;place-items:center;box-sizing:border-box;
 flex:0 0 75px;width:75px;height:75px;
 background:linear-gradient(145deg,#742368,#e93c99);
 border:3px solid #ed4a9c;color:#fff;
 font-size:28px;font-weight:850;
}
.whiiso-real-room .whiiso-community-description{
 display:block;color:#84718b;font-size:12px;
 margin-top:4px;line-height:1.35;
 max-width:390px;
}
.create-community-modal #newCommunityImage{
 display:block;box-sizing:border-box;width:100%;max-width:100%;
 color:#623b56;font-size:12px;margin-top:7px;
 border:1px solid #efd6e5;background:#fff;border-radius:10px;
 padding:10px;cursor:pointer;
}
.create-community-modal #newCommunityImage::file-selector-button{
 margin-right:12px;
 border:0;border-radius:9px;background:#fae6f1;
 color:#a92570;font:inherit;font-weight:800;padding:8px 12px;
 cursor:pointer;
}

/* Apply the approved sidebar treatment across app pages, not just rooms.
   Respect the existing compact layout for smaller screens. */
@media(min-width:701px) and (max-width:1100px){
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo{display:none!important}
}

/* The room connection dot must never appear green when audio failed to connect. */
.whiiso-real-room .room-connected{visibility:hidden!important;color:#8e8b95!important}
.whiiso-real-room .room-connected.online{visibility:visible!important;color:#20ad6d!important}

/* Shown only to the currently authenticated administrator operating a
   managed profile; invisible on public views and normal member sessions. */
#whiisoManagedReturn{
 position:fixed;right:18px;bottom:18px;z-index:9500;
 display:flex;align-items:center;justify-content:center;
 padding:11px 18px;border-radius:30px;
 border:2px solid #fff;background:linear-gradient(110deg,#f83c8a,#b82070);
 color:white;font-family:inherit;font-size:13px;font-weight:850;
 box-shadow:0 7px 23px #4b214b40;cursor:pointer;
}
#whiisoManagedReturn[hidden]{display:none!important}
#whiisoManagedReturn:disabled{opacity:.65;cursor:wait}
#whiisoManagedReturn:focus-visible{outline:3px solid #ffb4d6;outline-offset:3px}
#whiisoManagedReturnError{
 position:fixed;right:18px;bottom:72px;z-index:9501;
 background:#fffafc;color:#732547;max-width:320px;
 border:1px solid #efd8e3;border-radius:12px;padding:10px 12px;
 box-shadow:0 5px 20px #36163330;font-size:12px;
}
@media(max-width:550px){#whiisoManagedReturn{right:10px;bottom:10px;padding:9px 14px;font-size:12px}}

/* Compact social landing sections with Whiiso's existing blush and charcoal palette. */
.polished-landing .happening-now{max-width:none;background:#fff7f9;padding:72px 24px 36px;text-align:center;color:#17171a}
.polished-landing .happening-now h2{font-size:clamp(37px,3.6vw,48px);line-height:1.05;letter-spacing:-.045em;font-weight:900;margin:0 auto 34px}
.polished-landing .happening-now .happening-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;text-align:left}
.happening-now .happening-card{min-height:250px;padding:23px 23px 18px;display:flex;flex-direction:column;border:1px solid #eadde2;border-radius:17px;background:#fff;box-shadow:0 8px 20px #4223330a;transition:transform .2s ease,box-shadow .2s ease}
.happening-now .happening-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #42233314;background:#fff}
.happening-card-main{flex:1}
.happening-now .happening-card h3{font-size:20px;line-height:1.13;letter-spacing:-.035em;font-weight:850;margin:0 0 12px;color:#17171a}
.happening-now .happening-card p{font-size:14px;line-height:1.35;color:#58515a;margin:0 0 14px}
.happening-card-meta{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#635b66;font-size:11px}
.happening-card-meta .avatar{width:32px;height:32px;border:2px solid #e43176;border-radius:50%;object-fit:cover}
.happening-card-actions{display:flex;align-items:center;gap:13px;border-top:1px solid #f0e4e9;padding-top:11px;white-space:nowrap}
.happening-card-actions a{font-size:12px;font-weight:750;color:#463f47;text-decoration:none}
.happening-card-actions a:hover{color:#a62759}
.happening-card-actions .happening-puton{margin-left:auto;padding:8px 12px;border-radius:100px;background:#242328;color:#fff;font-weight:850;text-align:center}
.happening-card-actions .happening-puton:hover{background:#a62759;color:#fff}
.polished-landing .stories-section{max-width:none;background:#fff7f9;padding:52px 24px 80px;text-align:center}
.polished-landing .stories-section h2{font-size:clamp(33px,3.4vw,43px);font-weight:900;letter-spacing:-.045em;margin:0 0 31px}
.polished-landing .stories-section .story-rail{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible;padding:0;text-align:left}
.polished-landing .story-rail .story-card{min-width:0;min-height:218px;border:1px solid #eadde2;border-radius:15px;background:#fff;padding:9px;box-shadow:0 6px 18px #42233309}
.polished-landing .story-rail .story-photo{width:100%;height:118px;object-fit:cover;border-radius:9px}
.polished-landing .story-rail .story-card b{font-size:15px;line-height:1.12;letter-spacing:-.02em;margin:7px 0 0;padding:0 2px}
.polished-landing .story-rail .story-card small{font-size:10px;color:#70656a;padding:4px 2px 0}
.polished-landing .stories-section .explore-btn{margin-top:27px;padding:10px 18px;border:1px solid #242328;border-radius:100px;background:transparent;color:#242328;font-size:13px;font-weight:800}
.polished-landing .stories-section .explore-btn:hover{background:#242328;color:#fff}
@media(max-width:900px){.polished-landing .happening-now .happening-grid{gap:11px}.happening-now .happening-card{padding:20px 16px}.happening-card-actions{gap:7px}.happening-card-actions a{font-size:11px}.polished-landing .stories-section .story-rail{gap:10px}.polished-landing .story-rail .story-card b{font-size:13px}}
@media(max-width:700px){.polished-landing .happening-now{padding:57px 17px 24px}.polished-landing .happening-now h2{font-size:38px;margin-bottom:27px}.polished-landing .happening-now .happening-grid{grid-template-columns:1fr;gap:12px}.happening-now .happening-card{min-height:215px;padding:22px 21px 17px}.happening-now .happening-card h3{font-size:21px}.happening-now .happening-card p{font-size:14px}.happening-card-actions a{font-size:12px}.polished-landing .stories-section{padding:53px 17px 66px}.polished-landing .stories-section h2{font-size:34px;margin-bottom:25px}.polished-landing .stories-section .story-rail{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 11px}.polished-landing .story-rail .story-card{flex:0 0 220px;min-width:220px;min-height:222px}.polished-landing .story-rail .story-photo{height:115px}.polished-landing .story-rail .story-card b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.happening-now .happening-card{transition:none}}

/* Match the supplied Put Me On landing reference. Keep these rules scoped to
   the landing page so signed-in app surfaces retain their own theme. */
.polished-landing{background:#fff;color:#111}
.polished-landing .polished-hero{background:#fdebed}
.polished-landing .polished-nav{border-bottom-color:#f4e8e8}
.polished-landing .primary{background:#ff4569;color:#fff}
.polished-landing .primary:hover{background:#eb2d55}
.polished-landing .outline{border-color:#ff9db0;color:#ff3e63;background:#fff}
.polished-landing .outline:hover{background:#fff0f3}
.polished-landing .polished-features .advice-scene .advice-card{background:#fff;border:1px solid #202020;box-shadow:0 15px 30px #30222412;transform:rotate(-3deg)}
.polished-landing .advice-scene .room-teaser{background:#26232b;color:#fff;transform:rotate(7deg)}
.polished-landing .advice-scene .room-teaser-live{color:#ff6e88}
.polished-landing .advice-scene .floating-heart{color:#ff5576}
.polished-landing .advice-scene .advice-card .outline{border-color:#ff9db0!important;color:#ff3e63!important;background:#fff!important}
.polished-landing .testimonial-carousel{background:#f8f4f2}
.polished-landing .testimonial-dots button.current{background:#ff4569}
.polished-landing .reference-trending{max-width:1210px;background:#fff;padding:70px 24px 75px;text-align:center}
.polished-landing .reference-trending h2{font-size:39px;line-height:1.1;margin:0 0 42px;font-weight:900;letter-spacing:-.035em}
.polished-landing .reference-trending>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;text-align:left}
.polished-landing .reference-trending .trend-card{min-height:220px;padding:29px 30px;background:#f8f4f2;border:0;border-radius:20px;color:#111;text-decoration:none}
.polished-landing .reference-trending .trend-card:hover{background:#f9f1f2}
.polished-landing .reference-trending .trend-card b{font-size:21px;line-height:1.1}
.polished-landing .reference-trending .trend-card p{font-size:16px;line-height:1.3;margin:16px 0 23px}
.polished-landing .reference-trending .trend-card small{display:flex;align-items:center;gap:10px;font-size:13px;color:#52545b}
.polished-landing .reference-trending .trend-card .avatar{width:32px;height:32px}
.trend-stats,.trend-stats>span{display:inline-flex;align-items:center;gap:4px}
.trend-stats{gap:10px}.trend-stats svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.polished-landing .stories-section{max-width:1210px;background:#fff;padding:58px 24px 78px;text-align:center;overflow:hidden}
.polished-landing .stories-section h2{font-size:39px;line-height:1.1;margin:0 0 38px}
.polished-landing .stories-section .story-rail{display:flex;grid-template-columns:none;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;text-align:left;padding:2px 2px 16px;max-width:none}
.polished-landing .story-rail .story-card{flex:0 0 calc((100% - 51px)/4);min-width:230px;min-height:280px;padding:10px;border:1px solid #252225;border-radius:16px;background:#fff;scroll-snap-align:start}
.polished-landing .story-rail .story-photo{height:150px}
.polished-landing .story-rail .story-card b{font-size:18px;margin-top:7px}
.polished-landing .story-rail .story-card small{font-size:12px;margin-top:4px}
.polished-landing .stories-section .explore-btn{font-size:15px;padding:12px 24px;margin-top:23px;border:1px solid #ff4569;color:#ff3e63;background:#fff}
.polished-landing .stories-section .explore-btn:hover{background:#fff0f3;color:#ff3e63}
.polished-landing .final-cta{background:#eb4b5c;color:#fff}
.polished-landing .final-cta .primary{background:#fff;color:#d42d46}
.polished-landing .final-cta .primary:hover{background:#fff3f4}
@media(max-width:700px){
 .polished-landing .reference-trending{padding:55px 18px}
 .polished-landing .reference-trending h2{font-size:31px;margin-bottom:28px}
 .polished-landing .reference-trending>div{grid-template-columns:1fr;gap:12px}
 .polished-landing .reference-trending .trend-card{min-height:0;padding:21px}
 .polished-landing .reference-trending .trend-card b{font-size:18px}
 .polished-landing .reference-trending .trend-card p{font-size:14px;margin:10px 0 17px}
 .polished-landing .stories-section{padding:45px 18px 60px}
 .polished-landing .stories-section h2{font-size:31px;margin-bottom:28px}
 .polished-landing .stories-section .story-rail{display:flex;gap:17px;overflow-x:auto;padding:2px 2px 16px}
 .polished-landing .story-rail .story-card{flex:0 0 235px;min-width:235px;min-height:245px}
 .polished-landing .story-rail .story-photo{height:125px}
 .polished-landing .story-rail .story-card b{font-size:16px}
 .polished-landing .final-cta{background:#eb4b5c}
}

/* The supplied demo uses Figtree's natural bold scale. Later Whiiso theme
   rules made these sections heavier than the reference, especially on mobile. */
.polished-landing .polished-features h2,
.polished-landing .testimonial-carousel h2,
.polished-landing .reference-trending h2,
.polished-landing .stories-section h2{font-family:Figtree,Inter,Arial,sans-serif;font-weight:700;letter-spacing:-.035em}
.polished-landing .testimonial-carousel blockquote{font-weight:600;letter-spacing:-.015em}
.polished-landing .reference-trending .trend-card b{font-weight:650;letter-spacing:-.02em}
.polished-landing .story-rail .story-card b{font-weight:650;letter-spacing:-.015em}
.polished-landing .polished-features .advice-card>b,
.polished-landing .room-teaser b{font-weight:650}
@media(max-width:700px){
 .polished-landing .polished-features h2{font-size:32px}
 .polished-landing .testimonial-carousel h2,
 .polished-landing .reference-trending h2,
 .polished-landing .stories-section h2{font-size:31px;line-height:1.12}
 .polished-landing .testimonial-carousel blockquote{font-size:21px}
 .polished-landing .reference-trending .trend-card b{font-size:18px;line-height:1.18}
}
.polished-landing .polished-hero .hero-emphasis{display:inline-block;color:#e9365d;font-size:.52em;line-height:1.25;letter-spacing:-.025em;vertical-align:top}