/* Desktop panels are persistent across every signed-in route.
   The live community room already contains its own members column. */
@media (min-width:701px){
 .app-shell>.sidebar.whiiso-sidebar{
  background:#fffafd!important;border:1px solid #eddfe8!important;
  border-radius:20px!important;box-shadow:0 5px 22px #54263c0a!important;
  padding:14px 9px 18px!important;min-height:calc(100vh - 114px);
  align-self:start;position:sticky;top:89px;box-sizing:border-box;
 }
 .app-shell>.rightbar{
  display:grid;gap:14px;align-content:start;min-width:0;align-self:start;
  position:sticky;top:89px;min-height:calc(100vh - 114px);
  padding:16px 17px;border:1px solid #eddfe8;border-radius:20px;
  background:#fffafd;box-shadow:0 5px 22px #54263c0a;
  box-sizing:border-box;
 }
 .app-shell>.rightbar>.panel{
  background:transparent;box-shadow:none;border:0;border-radius:0;padding:0;
 }
 .app-shell>.rightbar>.panel+.panel{
  border-top:1px solid #f0e5eb;padding-top:16px;
 }
}
@media(min-width:971px) and (max-width:1100px){
 .app-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout)){
  display:grid!important;
  grid-template-columns:minmax(175px,195px) minmax(0,1fr) minmax(215px,245px)!important;
  gap:14px!important;max-width:1290px;
 }
 .app-shell:not(:has(.whiiso-real-room)):not(:has(.room-layout))>.rightbar{display:grid!important}
}
@media(min-width:701px) and (max-width:970px){
 .app-shell>.rightbar{display:none!important}
}
.shell-communities .row{margin-bottom:12px}
.shell-communities .shell-community-link{
 display:block;width:100%;padding:11px 0;text-align:left;
 background:transparent;border:0;border-bottom:1px solid #f0e5eb;
 color:#302638;font:inherit;font-weight:750;line-height:1.35;cursor:pointer;
}
.shell-communities .shell-community-link:last-child{border-bottom:0}
.shell-communities .shell-community-link:hover,.shell-communities .shell-community-link:focus-visible{color:#a92570}
.whiiso-real-room #whiisoPinnedBanner[hidden]{display:none!important}
.whiiso-real-room #whiisoPinnedBanner{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 flex-wrap:nowrap!important;gap:12px!important;min-height:64px!important;
 height:64px!important;padding:12px 18px!important;box-sizing:border-box;
 border-radius:18px!important;
}
.whiiso-real-room #whiisoPinnedBanner:after{height:64px;top:0}
.whiiso-real-room #whiisoPinnedBanner .pin-label{
 align-self:center!important;flex-shrink:0;z-index:1;position:relative;white-space:nowrap;
}
.whiiso-real-room #whiisoPinnedBanner h1{
 flex:1;min-width:0;max-width:none!important;margin:0!important;
 font-size:16px!important;line-height:1.35!important;letter-spacing:0!important;
 text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:white;
}
.whiiso-real-room #whiisoPinnedSubtitle,
.whiiso-real-room #whiisoPinnedFaces{display:none!important}
.whiiso-real-room .whiiso-leave-icon{
 font-size:22px;line-height:1;color:#a52570;background:#fffafd;
 border:1px solid #efd5e4;display:inline-grid;place-items:center;
}
.whiiso-real-room .whiiso-leave-icon:hover{background:#faeaf3}
.whiiso-real-room .whiiso-leave-icon:focus-visible{outline:2px solid #f54a91;outline-offset:2px}
@media(max-width:700px){
 .whiiso-real-room #whiisoPinnedBanner{height:60px!important;min-height:60px!important;padding:10px 12px!important;gap:8px!important}
 .whiiso-real-room #whiisoPinnedBanner h1{font-size:14px!important}
 .whiiso-real-room #whiisoPinnedBanner:after{height:60px}
}

/* Three distinct desktop regions. The center retains the approved page content,
   but a quiet edge distinguishes it from both sidebar containers. */
@media(min-width:1101px){
 .app-shell:not(:has(.whiiso-real-room)){
  grid-template-columns:minmax(205px,230px) minmax(0,1fr) minmax(245px,280px);
  gap:16px;
 }
 .app-shell>.app-main{
  border-left:1px solid #f1dfe9;
  border-right:1px solid #f1dfe9;
  border-radius:16px;
  padding-inline:14px;
 }
}
@media(min-width:701px){
 .app-shell>.sidebar.whiiso-sidebar{
  border-color:#eacbdf!important;
  background:#fffbfd!important;
  box-shadow:0 8px 24px #642c4c10!important;
  /* Let the page itself scroll. Never create a second scrollbar inside navigation. */
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
  position:static!important;
 }
 /* The existing promo was hidden by a previous responsive override. */
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo{
  display:flex!important;
  flex-direction:column!important;
  visibility:visible!important;
 }
}
@media(min-width:701px) and (max-width:1100px){
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo{
  min-height:205px!important;
  height:auto!important;
  padding:22px 15px 14px!important;
  margin:16px 4px 2px!important;
 }
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo .promo-faces{
  display:none!important;
 }
}
@media(min-width:1101px){
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo{
  margin-top:16px!important;
 }
}
@media(min-width:701px) and (max-height:850px){
 .app-shell>.sidebar.whiiso-sidebar>a:not(.sidebar-cta){
  padding-top:8px!important;padding-bottom:8px!important;
 }
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo{
  min-height:194px!important;height:auto!important;
  padding:18px 16px 13px!important;
 }
 .app-shell>.sidebar.whiiso-sidebar .whiiso-side-promo h3{font-size:18px!important}
}
/* Keep existing pinned discussion in its current banner; only stage labels change. */
.whiiso-real-room #roomLiveStats{display:none!important}
.whiiso-real-room #roomListeningHeading{
 display:block!important;color:#fff!important;
 padding-top:16px;border-top:1px solid #ab79a1;
 margin:16px 0 10px!important;
 font-size:15px!important;font-weight:800!important;
}
.whiiso-real-room .room-stage>h2:has(#stageCount){
 font-size:15px!important;font-weight:800!important;
 margin-top:13px!important;margin-bottom:15px!important;
}
.whiiso-real-room .whiiso-audience-row{
 display:flex;align-items:center;gap:12px;min-width:0;
}
.whiiso-real-room .whiiso-audience-row #listenerParticipants{
 flex:0 1 auto;min-width:0;max-width:100%;
 margin:0!important;justify-content:flex-start!important;
}
.whiiso-real-room .whiiso-audience-overflow{
 color:#f5d9e8;font-size:12px;font-weight:750;white-space:nowrap;
}
.whiiso-real-room .whiiso-audience-overflow[hidden]{display:none!important}
@media(max-width:700px){
 .whiiso-real-room #roomLiveStats{display:none!important}
 .whiiso-real-room #roomListeningHeading{display:block!important;border-top:1px solid #ab79a1;padding-top:13px;margin-top:15px!important}
 .whiiso-real-room .whiiso-audience-row{flex-wrap:wrap}
}

/* Mobile bottom navigation: keep ALL five controls inside the same bar.
   The Create control must not float over or outside the navigation boundary. */
@media(max-width:700px){
 .app-shell>.sidebar.whiiso-sidebar{
  position:fixed!important;
  inset:auto 0 0 0!important;
  width:100%!important;
  max-width:100vw!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:4px!important;
  margin:0!important;
  padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))!important;
  border:1px solid #eedce8!important;
  border-bottom:0!important;
  border-radius:16px 16px 0 0!important;
  background:#fff!important;
  box-shadow:0 -5px 18px #2817230d!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  z-index:25!important;
 }
 .app-shell>.sidebar.whiiso-sidebar>a:not(.sidebar-cta),
 .app-shell>.sidebar.whiiso-sidebar>.mobile-create{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:5px 2px!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  position:static!important;
  transform:none!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
 }
 .app-shell>.sidebar.whiiso-sidebar>a:not(.sidebar-cta){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:center!important;
  overflow:hidden!important;
  white-space:nowrap;
 }
 .app-shell>.sidebar.whiiso-sidebar>a.active:not(.sidebar-cta){
  background:#f9d9f2!important;
  color:#aa2069!important;
  box-shadow:none!important;
 }
 .app-shell>.sidebar.whiiso-sidebar>.mobile-create{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  font-size:23px!important;
  line-height:1!important;
  border:0!important;
  box-shadow:none!important;
 }
 .app-shell>.sidebar.whiiso-sidebar>.mobile-create span{
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:800!important;
 }
 .app-shell>.sidebar.whiiso-sidebar>.sidebar-label,
 .app-shell>.sidebar.whiiso-sidebar>.whiiso-side-promo{
  display:none!important;
 }
 .app-shell{
  padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
 }
 .app-shell>.sidebar.whiiso-sidebar>a:focus-visible,
 .app-shell>.sidebar.whiiso-sidebar>.mobile-create:focus-visible{
  outline:2px solid #af297d!important;
  outline-offset:-3px!important;
 }
}

/* Single room pin: action stays inside the approved top banner. */
.whiiso-real-room #whiisoPinnedBanner .whiiso-banner-unpin{
 position:relative;z-index:2;flex:0 0 auto;
 border:1px solid #ffffff77;border-radius:999px;
 background:#fff2f9;color:#85255e;
 padding:6px 12px;font:inherit;font-size:12px;font-weight:750;
 cursor:pointer;white-space:nowrap;
}
.whiiso-real-room #whiisoPinnedBanner .whiiso-banner-unpin[hidden]{display:none!important}
.whiiso-real-room #whiisoPinnedBanner .whiiso-banner-unpin:hover{background:#fff!important}
.whiiso-real-room #whiisoPinnedBanner .whiiso-banner-unpin:focus-visible{outline:2px solid #fff;outline-offset:3px}
.whiiso-real-room #whiisoPinnedBanner h1{min-width:0}

/* Match the supplied Put Me On landing header while retaining Whiiso branding and login. */
.landing-nav .landing-signup-link.primary{background:#ff4569;color:#fff;border-color:#ff4569}
.landing-nav .landing-signup-link.primary:hover,.landing-nav .landing-signup-link.primary:focus-visible{background:#e9355c;border-color:#e9355c;color:#fff}

/* Homepage v12 from the supplied HTML; scoped to the public landing route. */
@font-face{font-family:Poppins;src:url('/assets/poppins-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/poppins-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/poppins-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/poppins-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
body:has(.landing){--m:#83ffc9;--m2:#4fe8a8;--bg:#151517;--cd:#1e1e22;--bd:#2f2f35;--mu:#a9a9b6}
body:has(.landing),body:has(.landing) *,body:has(.landing) button,body:has(.landing) input,body:has(.landing) textarea{font-family:Poppins,Figtree,system-ui,sans-serif!important}
body:has(.landing),body:has(.landing),body:has(.landing) main.landing,body:has(.landing) .landing{background:var(--bg)!important;color:#fff}
body:has(.landing) .landing-nav,body:has(.landing) .polished-nav{background:var(--bg)!important;border-bottom:1px solid var(--bd)!important}
body:has(.landing) .logo,body:has(.landing) .landing-nav .logo{color:#fff!important;font-weight:700!important}
body:has(.landing) .landing-login-link{color:#fff!important}
body:has(.landing) .landing-signup-link,body:has(.landing) .primary{background:var(--m)!important;color:#151517!important;font-weight:600!important;box-shadow:none}
body:has(.landing) .polished-hero,body:has(.landing) .social-hero{background:radial-gradient(55% 70% at 50% 40%,#83ffc91f 0%,transparent 70%),linear-gradient(#ffffff0a 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px) 0 0/64px 64px,var(--bg)!important}
body:has(.landing) .hero-copy h1{font-size:clamp(36px,5vw,64px)!important;letter-spacing:-.035em!important;line-height:1.08!important;color:#fff!important;font-weight:700!important}
body:has(.landing) .hero-copy .fe{display:block;font-size:.5em;margin-top:14px;font-weight:600;letter-spacing:-.01em;background:none!important;-webkit-text-fill-color:initial;color:var(--m)!important}
body:has(.landing) .hero-copy p{color:var(--mu)!important;font-weight:400!important}
body:has(.landing) .hero-ctas .primary{background:var(--m)!important;color:#151517!important;box-shadow:0 10px 36px #83ffc955!important;font-weight:600!important}
body:has(.landing) .moment-label{background:#fff!important;color:#151517!important;font-weight:700!important}
body:has(.landing) .label-yellow{background:var(--m)!important}
body:has(.landing) .moment-photo-pair{box-shadow:0 18px 44px #0008!important}
body:has(.landing) .landing-features h2,body:has(.landing) .trending h2,body:has(.landing) .testimonial h2,body:has(.landing) .stories-section h2{color:#fff!important;font-weight:700!important;letter-spacing:-.03em!important}
body:has(.landing) .landing-features p,body:has(.landing) .testimonial small,body:has(.landing) .trend-card p,body:has(.landing) .story-card small,body:has(.landing) .landing-community-list small{color:var(--mu)!important}
body:has(.landing) .landing-features b,body:has(.landing) .trend-card b,body:has(.landing) .story-card b,body:has(.landing) .landing-community-list b{color:#fff!important}
body:has(.landing) .panel,body:has(.landing) .advice-card,body:has(.landing) .trend-card,body:has(.landing) .story-card,body:has(.landing) .landing-community-list>div,body:has(.landing) .room-teaser{background:var(--cd)!important;border:1px solid var(--bd)!important;color:#fff!important;box-shadow:none!important}
body:has(.landing) .trend-card:hover,body:has(.landing) .story-card:hover{border-color:var(--m)!important;transform:translateY(-5px)}
body:has(.landing) .trend-card small span,body:has(.landing) .advice-person small{color:var(--mu)!important}
body:has(.landing) .trend-card small img{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--m)}
body:has(.landing) .acts{border-top:1px solid var(--bd)!important}body:has(.landing) .acts>span{color:var(--mu)}body:has(.landing) .acts .po{background:var(--m);color:#151517}
body:has(.landing) .outline,body:has(.landing) .outline.small,body:has(.landing) .outline.tiny{background:transparent!important;color:#fff!important;border:1.5px solid #ffffff55!important}body:has(.landing) .outline:hover{border-color:var(--m)!important;color:var(--m)!important}
body:has(.landing) .testimonial{background:#1b1b1f!important;color:#fff!important}body:has(.landing) .testimonial blockquote{color:#fff!important}body:has(.landing) .testimonial cite{color:var(--mu)!important}
body:has(.landing) .testimonial-stars{color:var(--m)!important}body:has(.landing) .testimonial-controls button{color:#fff!important;border-color:var(--bd)!important;background:transparent!important}body:has(.landing) .testimonial-dots .current{background:var(--m)!important}
body:has(.landing) .final-cta{background:linear-gradient(135deg,#83ffc9,#4fe8a8)!important;color:#151517!important}body:has(.landing) .final-cta h2,body:has(.landing) .final-cta p{color:#151517!important}body:has(.landing) .final-cta .primary{background:#151517!important;color:#fff!important}
body:has(.landing) .polished-footer{background:#0f0f11!important}
body:has(.landing) .stacked-photos span,body:has(.landing) .people-presence,body:has(.landing) .room-teaser-live{color:#151517!important}body:has(.landing) .room-teaser b{color:#fff!important}
body:has(.landing) .floating-heart{color:var(--m)!important}
body:has(.landing) .hero-copy{max-width:800px!important;width:100%}body:has(.landing) .hero-copy h1{font-size:clamp(34px,4.8vw,60px)!important}body:has(.landing) .room-teaser-live{color:var(--m)!important}body:has(.landing) .acts{display:flex;gap:6px;align-items:center;margin-top:14px;padding-top:12px}body:has(.landing) .acts>span{font-style:normal!important;font-size:13px;font-weight:600;padding:7px 11px;border-radius:99px}body:has(.landing) .acts .po{margin-left:auto;padding:8px 16px;font-weight:700;font-size:13px}
body:has(.landing) .polished-hero,body:has(.landing) .social-hero{background:radial-gradient(45% 55% at 50% 38%,#83ffc912 0%,transparent 70%),#17171c!important}
body:has(.landing) .eyebrow{display:block;font-size:clamp(17px,1.7vw,22px);font-weight:600;letter-spacing:-.01em;margin-bottom:14px;background:linear-gradient(90deg,#83ffc9,#7cc8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
body:has(.landing) .hero-copy{max-width:760px!important}
body:has(.landing) .hero-copy h1{font-size:clamp(34px,4.7vw,60px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin-bottom:20px!important}
body:has(.landing) .hero-copy p{font-size:clamp(15px,1.4vw,18px)!important;color:#9a9ab0!important;max-width:560px;margin-left:auto!important;margin-right:auto!important}
body:has(.landing) .hero-ctas .primary{background:transparent!important;color:#fff!important;border:1px solid #3b3b47!important;border-radius:12px!important;box-shadow:none!important;padding:15px 30px!important;font-weight:600!important;transition:border-color .2s,background .2s}
body:has(.landing) .hero-ctas .primary:hover{border-color:#83ffc9!important;background:#83ffc90f!important}
body:has(.landing) .pros{max-width:1180px;margin:0 auto;padding:72px 20px 24px;text-align:center}
body:has(.landing) .pros h2{font-size:clamp(26px,3.6vw,40px)!important;font-weight:700;letter-spacing:-.03em;color:#fff;margin-bottom:40px}
body:has(.landing) .pros-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
body:has(.landing) .pro-card{position:relative;display:block;aspect-ratio:3/4.1;border-radius:20px;overflow:hidden;background:#222;text-decoration:none;transition:transform .25s,box-shadow .25s;box-shadow:0 0 0 1px #ffffff14}
body:has(.landing) .pro-card:hover{transform:translateY(-6px);box-shadow:0 0 0 2px #83ffc9,0 18px 40px #0008}
body:has(.landing) .pro-img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top;display:block;border-radius:0!important}
body:has(.landing) .pro-info{position:absolute;inset:auto 0 0 0;padding:56px 10px 14px;background:linear-gradient(transparent,#000d 70%);display:grid;gap:6px;justify-items:center}
body:has(.landing) .pro-info b{color:#fff!important;font-size:clamp(15px,1.5vw,20px);line-height:1.12;font-weight:700;letter-spacing:-.01em}
body:has(.landing) .pro-info small{color:#e8e8ee!important;font-size:11px;font-weight:500}
@media(max-width:980px){body:has(.landing) .pros-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){body:has(.landing) .pros-grid{grid-template-columns:repeat(2,1fr);gap:10px}body:has(.landing) .pros{padding-top:56px}}
body:has(.landing) .acts .ui-icon{width:14px;height:14px;vertical-align:-2px;margin-right:3px}

/* Match the supplied five-item mobile navigation while retaining every desktop route. */
@media(max-width:700px){
 .app-shell>.sidebar.whiiso-sidebar{grid-template-rows:54px!important;align-content:center!important}
 .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}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#feed"]{order:1}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#creators"]{order:2}
 .app-shell>.sidebar.whiiso-sidebar>.mobile-create{order:3}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#communities"]{order:4}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#messages"]{order:5}
}


/* Put Me On reference fidelity: keep the dark hero and people showcase,
   return the remaining public content to the reference's clear light canvas. */
body:has(.landing) main.landing,
body:has(.landing) .landing{background:#fff!important;color:#17171a!important}
body:has(.landing) .polished-hero,
body:has(.landing) .social-hero{background:radial-gradient(45% 55% at 50% 38%,#83ffc912 0%,transparent 70%),#17171c!important;color:#fff!important}
body:has(.landing) .pros{max-width:none!important;background:#151517!important;color:#fff!important;padding:72px max(20px,calc((100vw - 1180px)/2)) 64px!important}
body:has(.landing) :is(.landing-features,.section-action,.testimonial,.trending,.stories-section,.final-cta),
body:has(.landing) :is(.landing-features,.section-action,.testimonial,.trending,.stories-section,.final-cta) *{font-family:Figtree,Inter,Arial,sans-serif!important}
body:has(.landing) .landing-features,
body:has(.landing) .section-action,
body:has(.landing) .trending,
body:has(.landing) .stories-section{background:#fff!important;color:#17171a!important}
body:has(.landing) .landing-features h2,
body:has(.landing) .trending h2,
body:has(.landing) .stories-section h2{color:#17171a!important;font-weight:700!important}
body:has(.landing) .landing-features p,
body:has(.landing) .trend-card p,
body:has(.landing) .story-card small{color:#4d505b!important}
body:has(.landing) .landing-community-list{height:auto!important;min-height:315px;max-width:380px!important;display:flex!important;flex-direction:column;gap:9px;padding:6px!important}
body:has(.landing) .landing-community-list>div{position:relative!important;inset:auto!important;transform:none!important;min-height:52px!important;height:auto!important;margin:0!important;padding:8px 10px!important;background:#fff!important;border:1px solid #f1dfe4!important;color:#17171a!important;box-shadow:0 3px 12px #5d293010!important;display:flex!important;align-items:center;gap:8px}
body:has(.landing) .landing-community-list>div span{min-width:0!important;flex:1!important}
body:has(.landing) .landing-community-list b,
body:has(.landing) .advice-card b{color:#17171a!important}
body:has(.landing) .landing-community-list small,
body:has(.landing) .advice-person small{color:#737887!important}
body:has(.landing) .landing-community-list .outline{flex:none!important;background:#fff!important;border:1px solid #ff9db0!important;color:#ff4269!important}
body:has(.landing) .advice-scene{height:auto!important;max-width:380px!important;display:flex;flex-direction:column;gap:12px;align-items:stretch}
body:has(.landing) .advice-card{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-height:0!important;background:#fff!important;border:1px solid #26232b!important;color:#17171a!important;box-shadow:0 8px 24px #24212912!important}
body:has(.landing) .advice-card p{color:#3d414a!important}
body:has(.landing) .advice-card .outline{background:#fff!important;border:1px solid #ff8ea7!important;color:#ff4269!important}
body:has(.landing) .room-teaser{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;min-height:145px!important;background:#26232b!important;border:1px solid #26232b!important;color:#fff!important;box-shadow:0 10px 25px #26232b20!important}
body:has(.landing) .room-teaser b{color:#fff!important}
body:has(.landing) .room-teaser-live{color:#ff4269!important}
body:has(.landing) .floating-heart{display:none!important}
body:has(.landing) .section-action .outline{background:#fff!important;border:1px solid #ff4269!important;color:#ff4269!important}
body:has(.landing) .testimonial{background:#f8f4f2!important;color:#17171a!important}
body:has(.landing) .testimonial h2,
body:has(.landing) .testimonial blockquote{color:#17171a!important}
body:has(.landing) .testimonial cite,
body:has(.landing) .testimonial small{color:#656977!important}
body:has(.landing) .testimonial-stars{color:#efad1c!important}
body:has(.landing) .testimonial-controls button{background:#fff!important;border:1px solid #e4d8db!important;color:#17171a!important}
body:has(.landing) .testimonial-dots .current{background:#ff4269!important}
body:has(.landing) .trend-card{background:#f8f4f2!important;border:1px solid #f1e8e6!important;color:#17171a!important;min-height:220px!important;padding:24px!important}
body:has(.landing) .trend-card b{color:#17171a!important;font-weight:700!important}
body:has(.landing) .trend-card p{color:#41434b!important}
body:has(.landing) .trend-card small span{color:#5e626e!important}
body:has(.landing) .trend-card small img{box-shadow:0 0 0 2px #fff,0 0 0 4px #ff8ca7!important}
body:has(.landing) .trend-card .acts{display:none!important}
body:has(.landing) .story-card{background:#fff!important;border:1px solid #26232b!important;color:#17171a!important;box-shadow:none!important}
body:has(.landing) .story-card b{color:#17171a!important}
body:has(.landing) .final-cta{background:#eb4b5c!important;color:#fff!important}
body:has(.landing) .final-cta h2,
body:has(.landing) .final-cta p{color:#fff!important}
body:has(.landing) .final-cta .primary{background:#fff!important;color:#d92f4f!important}
@media(max-width:1100px) and (min-width:701px){
 body:has(.landing) .landing-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:52px 28px!important}
 body:has(.landing) .landing-features article:last-child{grid-column:1/-1;max-width:480px;justify-self:center;width:100%}
}
@media(max-width:700px){
 body:has(.landing) .landing-features{grid-template-columns:1fr!important;gap:52px!important}
 body:has(.landing) .landing-features article{min-width:0}
 body:has(.landing) .landing-community-list,body:has(.landing) .advice-scene{max-width:420px!important;width:100%}
 body:has(.landing) .pros{padding:56px 20px 60px!important}
}
/* Match the reference's compact single-row mobile destinations. */
@media(max-width:700px){
 .app-shell>.sidebar.whiiso-sidebar{grid-template-rows:58px!important;gap:2px!important;border-radius:0!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px))!important}
 .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}
 .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"]{display:flex!important;height:58px!important;min-height:58px!important;font-size:10px!important;font-weight:600!important}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#feed"]{order:1}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#creators"]{order:2}
 .app-shell>.sidebar.whiiso-sidebar>.mobile-create{order:3;display:flex!important;align-self:start!important;justify-self:center!important;width:min(64px,100%)!important;height:58px!important;min-height:58px!important;margin-top:-10px!important;border-radius:14px!important;background:linear-gradient(145deg,#ff466b,#d83c79 65%,#b44788)!important;color:#fff!important;box-shadow:0 7px 20px #d33d7d50!important}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#communities"]{order:4}
 .app-shell>.sidebar.whiiso-sidebar>a[href="#messages"]{order:5}
 .app-shell>.sidebar.whiiso-sidebar>a.active:not(.sidebar-cta){background:linear-gradient(90deg,#ffe2eb,#f7e3f5)!important;color:#9d2869!important}
}