.app-shell.whiiso-profile-shell{grid-template-columns:210px minmax(0,1fr);max-width:1560px;gap:0;padding:0}
.whiiso-profile-shell .sidebar{padding:28px 16px;top:58px;border-right:1px solid #f0e5e6;min-height:calc(100vh - 58px)}
.whiiso-profile-shell .app-main{padding:34px clamp(20px,3vw,48px) 60px;background:#fffbfa}
.pmo-profile{max-width:1180px;margin:0 auto;color:#211622;container:pmo-profile / inline-size}
.pmo-profile .pmo-profile-head{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:start;gap:26px;padding:0 0 28px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.pmo-profile .pmo-profile-picture{width:210px;height:210px;margin:0!important;border-radius:50%;padding:7px;background:linear-gradient(145deg,#b12db4,#ff8a28,#ee5799);display:grid;place-items:center}
.pmo-profile .pmo-profile-picture .pmo-face,.pmo-profile .pmo-profile-picture img{width:100%;height:100%;border:5px solid #fffbfa;border-radius:50%;object-fit:cover}
.pmo-profile .pmo-profile-detail{padding-top:5px;min-width:0}
.pmo-profile .pmo-profile-title{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:22px}
.pmo-profile .pmo-profile-title h1{font-size:clamp(29px,3vw,38px);line-height:1.1;letter-spacing:-.045em;margin:0;overflow-wrap:anywhere}
.pmo-profile .pmo-verified{display:grid;place-items:center;background:#7e176f;color:#fff;width:24px;height:24px;border-radius:8px;font-size:16px;font-weight:900}
.pmo-profile .pmo-profile-stats{display:flex;flex-wrap:wrap;gap:clamp(22px,3vw,56px);margin-bottom:22px;color:#3c2a3a;font-size:15px}
.pmo-profile .pmo-profile-stats span{display:flex;flex-direction:column;gap:2px}
.pmo-profile .pmo-profile-stats b{font-size:22px;color:#211622;line-height:1.1}
.pmo-profile .pmo-profile-bio{font-size:15px;line-height:1.5}
.pmo-profile .pmo-profile-bio strong{display:block;font-size:16px}
.pmo-profile .pmo-profile-bio p{margin:2px 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}
.pmo-profile .pmo-profile-location{color:#594255}
.pmo-profile .pmo-profile-website{display:block;width:fit-content;margin-top:5px;color:#79196b;font-weight:700;overflow-wrap:anywhere}
.pmo-profile .pmo-profile-tags{margin-top:16px;gap:8px}
.pmo-profile .pmo-profile-tags span{font-size:13px;padding:9px 14px;border-radius:999px;background:#fae6e5;color:#503047}
.pmo-profile .pmo-profile-tags span:nth-child(3n + 2){background:#f9e2e9}
.pmo-profile .pmo-profile-tags span:nth-child(3n + 3){background:#f8eaf0}
.pmo-profile .pmo-profile-actions{display:flex;flex-wrap:nowrap;gap:9px;margin:0;padding-top:2px}
.pmo-profile .pmo-profile-actions button{white-space:nowrap;font-size:14px!important;min-height:42px;padding:9px 16px!important;border-radius:14px;font-weight:700}
.pmo-profile .pmo-profile-actions .outline{border-color:#e6cfd7;color:#211622;background:#fffaf9}
.pmo-profile .pmo-profile-actions .pmo-icon-action{border:1px solid #eedfe3;background:#fffaf9;color:#391c33;font-size:22px!important;min-width:44px;padding:5px!important}
.pmo-profile .pmo-highlights{display:flex;gap:24px;overflow-x:auto;padding:14px 0 26px;scrollbar-width:thin}
.pmo-profile .pmo-highlight{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 98px;text-align:center;font-size:13px}
.pmo-profile .pmo-highlight>span{width:84px;height:84px;padding:3px;border-radius:50%;border:1px solid #dfc6ce;background:#fff}
.pmo-profile .pmo-highlight img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.pmo-profile .pmo-highlight .pmo-highlight-topic{display:grid;place-items:center;background:linear-gradient(145deg,#f4d1e2,#fbe9dc);color:#7a1a69;font-size:30px;font-weight:800}
.pmo-profile .pmo-highlight b{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmo-profile .pmo-profile-content{border-top:1px solid #efdee2}
.pmo-profile .pmo-profile-tabs{display:flex;justify-content:space-around;gap:10px;overflow-x:auto;scrollbar-width:none}
.pmo-profile .pmo-profile-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;flex:1;border:0;background:transparent;color:#705568;padding:18px 10px 20px;font-size:14px;font-weight:650}
.pmo-profile .pmo-profile-tabs button span{font-size:21px;line-height:1}
.pmo-profile .pmo-profile-tabs button.selected{color:#711163}
.pmo-profile .pmo-profile-tabs button.selected:after{content:'';position:absolute;bottom:0;left:16%;width:68%;height:3px;border-radius:3px;background:#711163}
.pmo-profile .pmo-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.pmo-profile .pmo-post-tile{aspect-ratio:1.16;min-width:0;border:0;border-radius:16px;overflow:hidden;background:#f5e8e9;box-shadow:none;position:relative}
.pmo-profile .pmo-post-tile img,.pmo-profile .pmo-post-tile video{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.pmo-profile .pmo-post-tile:hover img{transform:scale(1.035)}
.pmo-profile .pmo-grid-text{display:grid;place-items:center;height:100%;padding:24px;background:linear-gradient(135deg,#f5dce7,#faeee7);color:#572447;font-size:17px;font-weight:650;text-align:center}
.pmo-profile .pmo-profile-empty{text-align:center;padding:76px 20px;color:#745c6f}
.pmo-profile .pmo-profile-empty>span{display:block;font-size:34px;color:#8a2c79;margin-bottom:10px}
.pmo-profile .pmo-profile-empty h2{color:#321e2d;margin-bottom:8px}
.pmo-profile .pmo-profile-communities{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding-top:24px}
.pmo-profile .pmo-profile-communities a{display:flex;justify-content:space-between;padding:20px;border:1px solid #ecdce1;background:#fff;border-radius:14px;font-weight:700}
@container pmo-profile (max-width:900px){.pmo-profile .pmo-profile-head{grid-template-columns:150px minmax(0,1fr);gap:18px}.pmo-profile .pmo-profile-picture{width:145px;height:145px}.pmo-profile .pmo-profile-actions{grid-column:2;grid-row:2;margin-top:-8px}.pmo-profile .pmo-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container pmo-profile (max-width:600px){.pmo-profile .pmo-profile-head{grid-template-columns:90px minmax(0,1fr);gap:14px}.pmo-profile .pmo-profile-picture{width:88px;height:88px;padding:4px}.pmo-profile .pmo-profile-picture .pmo-face{font-size:27px}.pmo-profile .pmo-profile-title{margin-bottom:12px}.pmo-profile .pmo-profile-title h1{font-size:25px}.pmo-profile .pmo-profile-stats{gap:14px;font-size:12px;margin-bottom:12px}.pmo-profile .pmo-profile-stats b{font-size:17px}.pmo-profile .pmo-profile-bio{font-size:13px}.pmo-profile .pmo-profile-actions{grid-column:1/-1;grid-row:auto;margin:0}.pmo-profile .pmo-profile-actions button{flex:1}.pmo-profile .pmo-profile-tags span{font-size:11px;padding:7px 10px}.pmo-profile .pmo-highlights{gap:10px}.pmo-profile .pmo-highlight{flex-basis:76px;font-size:11px}.pmo-profile .pmo-highlight>span{width:66px;height:66px}.pmo-profile .pmo-profile-tabs{justify-content:flex-start}.pmo-profile .pmo-profile-tabs button{flex:0 0 auto;font-size:12px;padding:14px 10px}.pmo-profile .pmo-post-grid{gap:8px;margin-top:14px}.pmo-profile .pmo-post-tile{border-radius:9px;aspect-ratio:1}}
@media(max-width:700px){.app-shell.whiiso-profile-shell{display:grid}.whiiso-profile-shell .sidebar{min-height:0;border-right:0}.whiiso-profile-shell .app-main{padding:22px 14px 120px}}

/* Profile canvas overrides the older three-column desktop shell. */
@media(min-width:701px){
 html body #app .app-shell.whiiso-profile-shell,
 html body #app .app-shell.whiiso-profile-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout)){
  display:grid!important;width:min(100%,1560px)!important;max-width:1560px!important;
  grid-template-columns:260px minmax(0,1fr)!important;gap:24px!important;
  padding:24px clamp(16px,2vw,32px) 48px!important;align-items:start!important;
 }
 html body #app .app-shell.whiiso-profile-shell>.sidebar.whiiso-sidebar{
  width:100%!important;min-width:0!important;padding:18px 14px!important;
  border:1px solid #efd8e6!important;border-radius:24px!important;min-height:0!important;
 }
 html body #app .app-shell.whiiso-profile-shell>.app-main{
  width:100%!important;max-width:none!important;min-width:0!important;
  padding:24px clamp(20px,3vw,44px) 54px!important;
  background:#fffbfa!important;border:1px solid #f1e5e7!important;border-radius:24px!important;
 }
}
html body #app .whiiso-profile-shell .pmo-profile{width:100%!important;max-width:none!important}
html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-head{
 display:grid!important;grid-template-columns:180px minmax(0,1fr) auto!important;
 gap:20px 28px!important;padding:0 0 34px!important;margin:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-picture{
 grid-column:1!important;grid-row:1 / span 2!important;
 width:180px!important;height:180px!important;margin:0!important;
}
html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-picture .pmo-face{
 width:100%!important;height:100%!important;border-color:#fffbfa!important;
}
html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-detail{
 grid-column:2!important;grid-row:1 / span 2!important;
}
html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-actions{
 grid-column:3!important;grid-row:1!important;margin:0!important;
 align-self:start!important;flex-wrap:nowrap!important;
}
html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-actions button{
 flex:none!important;min-width:44px!important;
}
html body #app .whiiso-profile-shell .pmo-profile .pmo-post-grid{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:18px!important;width:100%!important;
}
html body #app .whiiso-profile-shell .pmo-profile .pmo-post-grid>*{
 min-height:240px!important;aspect-ratio:1.25!important;
}
@media(min-width:701px) and (max-width:1250px){
 html body #app .app-shell.whiiso-profile-shell,
 html body #app .app-shell.whiiso-profile-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout)){
  grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-head{
  grid-template-columns:145px minmax(0,1fr)!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-picture{
  width:145px!important;height:145px!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-actions{
  grid-column:2!important;grid-row:3!important;justify-content:flex-start!important;
 }
}
@media(max-width:700px){
 html body #app .app-shell.whiiso-profile-shell,
 html body #app .app-shell.whiiso-profile-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout)){
  width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;padding:0!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-head{
  grid-template-columns:90px minmax(0,1fr)!important;gap:12px!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-picture{
  width:88px!important;height:88px!important;grid-row:1!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-detail{
  grid-column:2!important;grid-row:1!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-actions{
  grid-column:1/-1!important;grid-row:2!important;flex-wrap:wrap!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-post-grid>*{
  min-height:150px!important;aspect-ratio:1!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-post-grid .pmo-grid-text{
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:5;
  height:auto!important;max-height:100%;overflow:hidden!important;
  font-size:12px!important;line-height:1.35!important;padding:18px!important;
 }
}

/* Match the established three-panel member layout on desktop. */
@media(min-width:1101px){
 html body #app .app-shell.whiiso-profile-shell,
 html body #app .app-shell.whiiso-profile-shell:has(>.rightbar),
 html body #app .app-shell.whiiso-profile-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout)),
 html body #app .app-shell.whiiso-profile-shell:has(>.rightbar):not(:has(.whiiso-real-room)):not(:has(.room-layout)){
  width:100%!important;max-width:1560px!important;
  grid-template-columns:250px minmax(0,1fr) 285px!important;
  gap:18px!important;padding:24px!important;
 }
 html body #app .app-shell.whiiso-profile-shell>.rightbar{
  display:grid!important;width:100%!important;min-width:0!important;
  position:sticky;top:120px;align-self:start;max-height:calc(100dvh - 136px);
  overflow-y:auto;align-content:start;gap:14px;
 }
}
@media(min-width:701px) and (max-width:1100px){
 html body #app .app-shell.whiiso-profile-shell,
 html body #app .app-shell.whiiso-profile-shell:has(>.rightbar),
 html body #app .app-shell.whiiso-profile-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout)){
  width:100%!important;max-width:1100px!important;
  grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important;
  padding:18px!important;
 }
 html body #app .app-shell.whiiso-profile-shell>.rightbar{display:none!important}
}
@media(min-width:1101px) and (max-width:1450px){
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-head{
  grid-template-columns:125px minmax(0,1fr)!important;gap:16px!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-picture{
  width:125px!important;height:125px!important;
 }
 html body #app .whiiso-profile-shell .pmo-profile .pmo-profile-actions{
  grid-column:2!important;grid-row:3!important;justify-content:flex-start!important;
 }
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-panel{
 padding:20px!important;border:1px solid #efdde4!important;border-radius:20px!important;
 background:#fffafc!important;box-shadow:0 8px 24px #55234808!important;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-head{
 display:flex;justify-content:space-between;align-items:baseline;gap:8px;
 margin-bottom:14px;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-head h3{
 margin:0;font-size:15px;line-height:1.25;color:#361b31;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-head>a,
html body #app .whiiso-profile-shell .whiiso-profile-rail-cta{
 color:#7b1e66;font-size:12px;font-weight:750;white-space:nowrap;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-panel>p{
 color:#755f70;font-size:13px;line-height:1.45;margin:0 0 12px;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-link{
 display:grid;grid-template-columns:42px minmax(0,1fr) auto;
 align-items:center;gap:10px;padding:11px 0;border-top:1px solid #f2e5ea;
 color:#331a2f;font-size:12px;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-link b{
 display:block;line-height:1.2;overflow-wrap:anywhere;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-link small{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 overflow:hidden;margin-top:3px;color:#866d7d;line-height:1.3;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-art{
 display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
 background:#f6e3ed;color:#741b63;font-size:19px;font-weight:800;overflow:hidden;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-art img{
 width:100%;height:100%;object-fit:cover;
}
html body #app .whiiso-profile-shell .whiiso-profile-rail-link>span:last-child{
 color:#8d5279;font-size:16px;
}
html body #app .whiiso-self-card .creator-profile-actions a{
 display:inline-flex;align-items:center;justify-content:center;
}