/* Approved v17 layout overrides; loaded after production styles. */


/* narrower, Instagram-like width */
.polished-landing>section:not(.hero):not(.testimonial),.polished-landing>.section-action{max-width:1000px;margin-left:auto!important;margin-right:auto!important}
.polished-landing .testimonial{max-width:1000px;margin:50px auto 0!important;border-radius:28px}
.polished-landing .final-cta{max-width:1000px;margin:60px auto 0!important;border-radius:28px}
.trending,.landing-features,.stories-section{max-width:1000px!important;margin-left:auto!important;margin-right:auto!important}
/* hero */
.hero-copy{max-width:640px!important;width:100%}
.hero-copy h1{font-size:clamp(34px,4.3vw,56px)!important;line-height:1.04!important;letter-spacing:-.045em!important;margin-bottom:18px!important}
.rot{display:block;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rin .5s ease both}
@keyframes rin{from{opacity:0;transform:translateY(14px)}}
.hero-copy p{max-width:500px;margin:0 auto 26px!important;line-height:1.5}
.hero-ctas{display:flex!important;gap:12px;justify-content:center;flex-wrap:wrap}
.hero-ctas a{text-decoration:none}
.ghost{display:inline-flex;align-items:center;padding:0 26px;min-height:52px;border-radius:999px;border:1.5px solid #17171a33;color:var(--brand-ink);font-weight:700;background:#ffffffb0}
.ghost:hover{border-color:var(--accent-purple);color:var(--accent-purple)}
.proof{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;font-size:13px;color:var(--brand-secondary-ink)}.proof b{font-weight:600}
.proof-av{display:flex}.proof-av .pa{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-canvas);margin-left:-9px}.proof-av .pa:first-child{margin-left:0}
.social-moment{transition:translate .2s}.social-moment:hover{translate:0 -8px}
/* sections */
.landing-features h2,.pros h2,.trending h2,.testimonial h2,.stories-section h2,.how h2{font-size:clamp(26px,3.4vw,36px)!important;letter-spacing:-.035em!important;line-height:1.1!important}
.pros{padding:64px 20px 10px;text-align:center}.pros h2{margin-bottom:32px!important}
.pros-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.pro-card{position:relative;display:block;aspect-ratio:3/4.1;border-radius:18px;overflow:hidden;background:#222;text-decoration:none;transition:translate .25s,box-shadow .25s}
.pro-card:hover{translate:0 -6px;box-shadow:0 16px 36px #7a124840}
.pro-img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top;display:block;border-radius:0!important}
.pro-info{position:absolute;inset:auto 0 0 0;padding:50px 8px 12px;background:linear-gradient(transparent,#000c 70%);display:grid;gap:5px;justify-items:center}
.pro-info b{color:var(--brand-surface);font-size:clamp(13px,1.4vw,17px);line-height:1.12;font-weight:800}.pro-info small{color:#eee;font-size:10.5px}
.how{padding:64px 20px 20px;text-align:center}.how h2{margin-bottom:30px!important}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.how-card{background:var(--brand-surface);border:1px solid var(--brand-outline);border-radius:20px;padding:22px 18px;text-align:left}
.how-card i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-gradient);color:var(--brand-surface);font-style:normal;font-weight:800;margin-bottom:14px}
.how-card b{display:block;font-size:17px;margin-bottom:4px}.how-card p{margin:0;font-size:14px;color:var(--brand-secondary-ink)}
.trend-card{transition:transform .2s,box-shadow .2s}.trend-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #a63fa01f}
.trend-card small img{box-shadow:0 0 0 2px var(--brand-surface),0 0 0 4px var(--accent-text)}
.acts{display:flex;gap:6px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--brand-outline)}
.acts i{white-space:nowrap;font-style:normal;font-size:13px;font-weight:700;color:var(--brand-secondary-ink);padding:7px 8px;border-radius:99px}
.acts .po{white-space:nowrap;margin-left:auto;background:var(--accent-gradient);color:var(--brand-surface);padding:8px 12px}
.sticky-join{position:fixed;right:18px;bottom:18px;z-index:20;background:var(--brand-action);color:var(--brand-surface)!important;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none;box-shadow:0 10px 30px #0003}
@media(max-width:980px){.pros-grid{grid-template-columns:repeat(3,1fr)}.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pros-grid{grid-template-columns:repeat(2,1fr)}}
/* app: narrower, Instagram-like */
.app-shell{max-width:1040px!important;margin:0 auto!important;grid-template-columns:200px minmax(0,1fr) 290px!important;gap:22px!important}
@media(min-width:1101px){html body #app .app-shell:has(.whiiso-real-room){max-width:1540px!important;grid-template-columns:minmax(215px,270px) minmax(0,1fr)!important;gap:22px!important}}
@media(min-width:1181px){html body #app .app-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout)){max-width:1040px!important;grid-template-columns:200px minmax(0,1fr) 290px!important;gap:22px!important}}
@media(min-width:901px) and (max-width:1180px){html body #app .app-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout)){max-width:1040px!important;grid-template-columns:190px minmax(0,1fr) 250px!important;gap:18px!important}}
.global-search{max-width:360px}
.feed-heading h1{font-size:24px!important}
.stories-row{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 14px;scrollbar-width:none}
.story{display:grid;justify-items:center;gap:6px;flex:none;width:68px;color:var(--brand-ink)}.story small{font-size:11.5px;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-ring{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;padding:3px;background:conic-gradient(var(--story-yellow),var(--accent-pink),var(--accent-purple),var(--story-yellow))}
.story-av{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;border:3px solid var(--brand-canvas)}
.story.mine .story-ring{background:var(--brand-outline)}.story.mine b{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--brand-surface);color:var(--accent-purple);font-size:26px;font-weight:500;border:3px solid var(--brand-canvas)}
.post{border-radius:20px!important}.post-photo{border-radius:14px!important;max-height:520px;width:100%;object-fit:cover}
@media(max-width:700px){
.sidebar.whiiso-sidebar{padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px))!important}
.sidebar a[href="#explore"]{display:none!important}
.sidebar a[href="#messages"]{display:flex!important}
.sidebar a[href="#feed"]{order:1}.sidebar a[href="#creators"]{order:2}.sidebar .mobile-create{order:3}.sidebar a[href="#communities"]{order:4}.sidebar a[href="#messages"]{order:5}
.sidebar a{flex-direction:column;gap:3px;font-size:11.5px;font-weight:500;border-radius:20px;padding:8px 4px!important}
.sidebar a.active{background:var(--active-tint)!important;color:var(--active-text)!important;font-weight:600}
.sidebar .mobile-create{width:72px;height:68px;margin:-30px auto 0;border-radius:20px;background:var(--accent-gradient)!important;color:var(--brand-surface)!important;box-shadow:0 10px 24px #a63fa055;font-weight:700;font-size:11.5px}
}

.pmo-community-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.pmo-community-card{display:grid!important;grid-template-columns:48px 80px 1fr;align-items:center;gap:14px}
.pmo-community-body{min-width:0}.pmo-enter{justify-self:end}
.whiiso-side-promo .promo-faces{position:static!important;display:flex;margin-bottom:10px}


.rightbar{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none;gap:14px!important}
.rail-row{display:flex;align-items:center;gap:10px;padding:8px 0}.rail-row>span{flex:1;min-width:0}.rail-row b{display:block;font-size:14px}.rail-row small{color:var(--brand-secondary-ink);font-size:12px}
.rail-row img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--brand-surface),0 0 0 4px var(--accent-text)}
.rail-row .outline.tiny{padding:6px 14px;min-height:0;text-decoration:none}
.rail-opp{display:grid;gap:2px;padding:11px 12px;margin-top:8px;border:1px solid var(--brand-outline);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.rail-opp:hover{border-color:var(--accent-purple);transform:translateY(-2px)}.rail-opp b{font-size:14px}.rail-opp small{color:var(--brand-secondary-ink);font-size:12px}
.rail-opp span{font-size:12.5px;font-weight:800;background:linear-gradient(135deg,var(--accent-text),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:3px}
.rail-foot{font-size:12px;color:#8a7f86;line-height:1.7;padding:0 6px 20px}
@media(min-width:901px){.rightbar{display:grid!important}}
@media(min-width:901px) and (max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr) 250px!important;gap:18px!important}}
@media(max-width:900px){.app-shell{grid-template-columns:190px minmax(0,1fr)!important}.rightbar{display:none!important}}
@media(max-width:700px){.app-shell{grid-template-columns:minmax(0,1fr)!important}}


.hero-copy{align-self:start!important;margin-top:34px!important}
@media(max-width:760px){.hero-copy{margin-top:0!important}}

/* Production-specific corrections and accessibility. */
.story{border:0;background:transparent;min-height:84px;cursor:pointer}
.story:focus-visible,.pro-card:focus-visible,.ghost:focus-visible,.sticky-join:focus-visible{outline:3px solid var(--active-text);outline-offset:3px}
.trend-card{transition:translate .2s,box-shadow .2s}
.trend-card:hover{transform:none;translate:0 -5px;box-shadow:var(--shadow-accent)}
.rail-opp{transition:border-color .2s,translate .2s}.rail-opp:hover{transform:none;translate:0 -2px}
.polished-landing .testimonial,.polished-landing .final-cta{overflow:hidden}
.rightbar::-webkit-scrollbar,.stories-row::-webkit-scrollbar{display:none}
@media(max-width:700px){.sidebar.whiiso-sidebar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center;gap:0!important;background:var(--brand-surface)!important;border-top:1px solid var(--brand-outline)!important;box-shadow:0 -8px 24px #24232812;}.sidebar.whiiso-sidebar>a[href="#rooms"],.sidebar.whiiso-sidebar>a[href="#saved"],.sidebar.whiiso-sidebar>.sidebar-label,.sidebar.whiiso-sidebar>.whiiso-side-promo{display:none!important}.sidebar.whiiso-sidebar>a,.sidebar.whiiso-sidebar>.mobile-create{min-height:44px}.sidebar.whiiso-sidebar .mobile-create{min-height:68px}.app-main{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))!important}}
@media(prefers-reduced-motion:reduce){.rot{animation:none!important}.social-moment:hover,.pro-card:hover,.trend-card:hover,.rail-opp:hover{translate:none!important}.social-moment,.pro-card,.trend-card,.rail-opp{transition:none!important}}

.logo .brand-mark,.topbar .brand-mark{filter:none!important}
.logo,.topbar .logo{color:#70204f!important}
@media(max-width:700px){.sidebar.whiiso-sidebar>a[href="#creators"],.sidebar.whiiso-sidebar>a[href="#messages"]{display:flex!important}}

html body #app .landing-nav.polished-nav .logo,html body #app .polished-footer .logo,html body #app .topbar .logo{color:#70204f!important}

/* Exact v17 bottom bar wins over the older community containment layer. */
@media(max-width:700px){
 .app-shell>.sidebar.whiiso-sidebar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:64px!important;gap:0!important;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px))!important;border-radius:0!important;background:var(--brand-surface)!important;border-top:1px solid var(--brand-outline)!important;box-shadow:0 -8px 24px #24232812!important}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#feed"],.app-shell>.sidebar.whiiso-sidebar>a[href="#creators"],.app-shell>.sidebar.whiiso-sidebar>a[href="#communities"],.app-shell>.sidebar.whiiso-sidebar>a[href="#messages"]{height:60px!important;min-height:60px!important;font-size:11.5px!important;font-weight:500!important;color:#17171ab3!important;border-radius:20px!important}
 .app-shell>.sidebar.whiiso-sidebar>a.active:not(.sidebar-cta){background:var(--active-tint)!important;color:var(--active-text)!important;font-weight:600!important}
 .app-shell>.sidebar.whiiso-sidebar>.mobile-create{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:min(76px,100%)!important;height:70px!important;min-height:70px!important;margin:-29px auto 0!important;border-radius:20px!important;background:var(--accent-gradient)!important;color:var(--brand-surface)!important;box-shadow:0 10px 24px rgba(166,63,160,.35)!important;font-size:28px!important}
 .app-shell>.sidebar.whiiso-sidebar>.mobile-create span{font-size:11.5px!important;line-height:1.1}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#explore"],.app-shell>.sidebar.whiiso-sidebar>a[href="#rooms"],.app-shell>.sidebar.whiiso-sidebar>a[href="#saved"]{display:none!important}
}
.story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--brand-canvas)}

.app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo .promo-faces{position:static!important;inset:auto!important;display:flex!important;margin:0 0 10px!important;order:0!important}.app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo h3{order:1!important;margin:0 0 8px!important}.app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo p{order:2!important}.app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo .promo-create{order:3!important}

@media(max-width:700px){.app-shell>.sidebar.whiiso-sidebar{overflow:visible!important}}

/* Community room: readable summary and controls visible before the speaker stage. */
html body #app .whiiso-real-room .whiiso-community-meta{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px 0 20px;margin:0 0 18px}
html body #app .whiiso-real-room .whiiso-community-meta>.avatar{width:72px;height:72px}
html body #app .whiiso-real-room .whiiso-community-meta>div:nth-child(2){min-width:0;max-width:600px}
html body #app .whiiso-real-room .whiiso-community-meta h2{font-size:clamp(21px,2vw,28px);line-height:1.16;margin:0 0 5px;overflow-wrap:anywhere}
html body #app .whiiso-real-room .whiiso-community-description{display:block;max-width:56ch;margin-top:9px;color:#695d74;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
html body #app .whiiso-real-room .whiiso-community-actions{align-self:start;justify-self:end;margin:0;flex:0 0 auto}
html body #app .whiiso-real-room .whiiso-audio{min-height:0;padding:20px 22px 24px;gap:0}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls{max-width:none;width:100%;justify-content:flex-start!important;flex-wrap:wrap;gap:10px!important;margin:0!important;align-self:stretch!important}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-control-icon{width:auto!important;max-width:none!important;min-width:0!important;height:46px!important;border-radius:24px!important;padding:0 16px!important;gap:8px;background:#684268!important;font-size:13px;font-weight:700;white-space:nowrap}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-mic-control{background:#f62b8d!important;border-color:#f62b8d!important}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-mic-control.whiiso-mic-on{background:#654368!important;border-color:#8a6a8f!important}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-control-icon:disabled{opacity:.55;cursor:not-allowed}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-leave-control{margin-left:auto!important}
html body #app .whiiso-real-room .room-control-status{margin:10px 0 0;color:#f8ddec;font-size:12px;line-height:1.4}
html body #app .whiiso-real-room .whiiso-audio>.room-stage{margin-top:14px!important;min-height:240px!important}
.community-description-count{display:block;text-align:right;margin-top:5px;color:#777087;font-size:12px}
@media(max-width:900px){html body #app .whiiso-real-room .whiiso-community-meta{grid-template-columns:60px minmax(0,1fr)}html body #app .whiiso-real-room .whiiso-community-meta>.avatar{width:60px;height:60px}html body #app .whiiso-real-room .whiiso-community-actions{grid-column:2;justify-self:start;flex-wrap:wrap}}
@media(max-width:600px){html body #app .whiiso-real-room .whiiso-community-meta{grid-template-columns:48px minmax(0,1fr);gap:10px}html body #app .whiiso-real-room .whiiso-community-meta>.avatar{width:48px;height:48px}html body #app .whiiso-real-room .whiiso-audio{padding:16px}html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls{gap:8px!important}html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-control-icon{height:44px!important;padding:0 12px!important;font-size:12px}html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-leave-control{margin-left:0!important}}

/* Give the feed and its two rails usable widths at desktop sizes. */
@media(min-width:1181px){html body #app .app-shell:has(>.rightbar):not(:has(.whiiso-real-room)):not(:has(.room-layout)){width:100%;max-width:1480px!important;grid-template-columns:250px minmax(0,1fr) 320px!important;gap:24px!important;padding:24px 24px 40px!important}}
@media(min-width:901px) and (max-width:1180px){html body #app .app-shell:has(>.rightbar):not(:has(.whiiso-real-room)):not(:has(.room-layout)){width:100%;max-width:1180px!important;grid-template-columns:215px minmax(0,1fr) 270px!important;gap:18px!important;padding:18px!important}}
@media(min-width:701px){html body #app .app-shell>.sidebar.whiiso-sidebar{position:sticky!important;top:120px!important;align-self:start!important;max-height:calc(100dvh - 136px);overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;background:#fffafd!important;border:1px solid #efd8e6!important;border-radius:24px!important;padding:18px 14px!important;box-shadow:0 12px 32px #5523480a!important}html body #app .app-shell>.sidebar.whiiso-sidebar>a:not(.sidebar-cta){margin:2px 0!important;min-height:46px;padding:10px 12px!important;border-radius:14px!important}html body #app .app-shell>.sidebar.whiiso-sidebar>.sidebar-label{margin:0 12px 6px!important}html body #app .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo{width:100%!important;height:auto!important;min-height:220px!important;margin:22px 0 0!important;padding:22px 18px 18px!important}html body #app .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo h3{max-width:none!important;font-size:20px!important}html body #app .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo p{max-width:none!important}}
@media(min-width:701px){html body #app .whiiso-sidebar .side-bottom{margin:20px 0 0;padding:18px 2px 4px;border-top:1px solid #f0dfea}html body #app .whiiso-sidebar .side-bottom>b{display:block;margin:0 0 8px;font-size:14px}html body #app .whiiso-sidebar .mini-community{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;margin:0;padding:7px 0;border-bottom:1px solid #f4eaf0}html body #app .whiiso-sidebar .mini-community img{width:32px;height:32px;object-fit:cover;border-radius:9px}html body #app .whiiso-sidebar .mini-community span{min-width:0;font-size:12px}html body #app .whiiso-sidebar .mini-community span b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2}html body #app .whiiso-sidebar .mini-community small{margin-top:2px;font-size:10px}html body #app .whiiso-sidebar .mini-community .outline.tiny{min-height:30px;padding:4px 8px;font-size:10px;white-space:nowrap}}
@media(min-width:901px){html body #app .app-shell>.rightbar{min-width:0;max-height:calc(100dvh - 136px);top:120px!important;overflow-y:auto;align-content:start;gap:14px!important}html body #app .rightbar>.side-panel{min-width:0;padding:20px 22px;border-radius:22px;box-shadow:0 12px 32px #5523480a}html body #app .rightbar .row.spread{gap:12px}html body #app .rightbar .row.spread h3{margin:0;font-size:16px}html body #app .rightbar .row.spread .accent{white-space:nowrap}html body #app .rightbar .pmo-side-community{gap:4px;padding:14px 0}html body #app .rightbar .pmo-side-community b{font-size:14px;line-height:1.25;overflow-wrap:anywhere}html body #app .rightbar .pmo-side-community small{font-size:12px;line-height:1.4}html body #app .rightbar .rail-row{align-items:start;padding:15px 0;gap:10px}html body #app .rightbar .rail-row span{min-width:0}html body #app .rightbar .rail-row b{font-size:14px;line-height:1.25;overflow-wrap:anywhere}html body #app .rightbar .rail-row .outline{flex:none}}
@media(min-width:701px) and (max-width:900px){html body #app .app-shell{grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important;padding:18px!important}}

/* Community admission progress, shown while the membership request completes. */
.pmo-room-setup-backdrop{z-index:60;background:#211329b8;backdrop-filter:blur(7px)}
.pmo-room-setup{width:min(420px,100%);padding:38px 30px 34px;text-align:center;border:1px solid #f3dbea;border-radius:28px;background:#fffafd;box-shadow:0 28px 80px #2b102f4d}
.pmo-room-setup-mark{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 13px;border-radius:26px;background:#ddfff0;box-shadow:0 0 0 8px #ddfff06b;animation:roomSetupPulse 1.6s ease-in-out infinite}
.pmo-room-setup-mark img{display:block;width:46px;height:46px;object-fit:contain}
.pmo-room-setup-brand{display:block;color:#742352;font-size:19px;font-weight:900;letter-spacing:-.04em}
.pmo-room-setup h2{margin:21px 0 8px;color:#201421;font-size:27px;line-height:1.15}
.pmo-room-setup p{margin:0;color:#675b6b;font-size:15px;line-height:1.45}
.pmo-room-setup small{display:block;margin-top:15px;color:#817487;font-size:12px}
.pmo-room-setup-progress{display:flex;justify-content:center;gap:7px;margin-top:25px}
.pmo-room-setup-progress span{width:7px;height:7px;border-radius:50%;background:#e52b91;animation:roomSetupDots 1s ease-in-out infinite}.pmo-room-setup-progress span:nth-child(2){animation-delay:.15s}.pmo-room-setup-progress span:nth-child(3){animation-delay:.3s}
@keyframes roomSetupPulse{50%{transform:scale(1.045);box-shadow:0 0 0 13px #ddfff04a}}@keyframes roomSetupDots{50%{transform:translateY(-6px);opacity:.45}}
@media(prefers-reduced-motion:reduce){.pmo-room-setup-mark,.pmo-room-setup-progress span{animation:none}}

/* Compact live-room toolbar: keep Leave beside the speaking controls. */
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls{gap:7px!important;flex-wrap:nowrap!important}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-control-icon{height:38px!important;min-width:38px!important;padding:0 11px!important;gap:6px!important;font-size:12px!important}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-control-icon svg{width:17px;height:17px}
html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-leave-control{height:38px!important;min-height:38px!important;margin-left:auto!important;padding:0 12px!important;border-radius:20px!important;font-size:12px!important;white-space:nowrap}
@media(max-width:700px){html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls{flex-wrap:wrap!important}html body #app .whiiso-real-room .room-controls.social-room-controls.whiiso-reference-controls button.whiiso-leave-control{margin-left:0!important}}