/*
 * HerTime Profile Live Theme — forced visual layer
 * Loaded after legacy profile styles while the redesign is rolled out.
 * Scope is intentionally limited to the public profile page.
 */

.profile-theme-live-page{
  --ht-live-bg:#040a1b;
  --ht-live-bg-2:#071126;
  --ht-live-panel:rgba(9,20,43,.86);
  --ht-live-panel-soft:rgba(13,27,55,.72);
  --ht-live-line:rgba(151,178,232,.16);
  --ht-live-line-hot:rgba(244,72,197,.34);
  --ht-live-text:#f7f8ff;
  --ht-live-muted:#9aa8c4;
  --ht-live-pink:#ff42bc;
  --ht-live-pink-2:#ff2d86;
  --ht-live-violet:#8a4dff;
  --ht-live-blue:#38bdf8;
  --ht-live-green:#36df7a;
  --ht-live-radius:24px;
  color:var(--ht-live-text)!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(101,48,255,.18),transparent 30%),
    radial-gradient(circle at 86% 4%,rgba(0,151,255,.13),transparent 27%),
    radial-gradient(circle at 50% 40%,rgba(255,46,151,.075),transparent 37%),
    linear-gradient(180deg,#030817 0%,#061126 52%,#04091a 100%)!important;
  min-height:100vh!important;
}

.profile-theme-live-page:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 80%);
}

.profile-theme-live-page .ht-noise{opacity:.045!important}
.profile-theme-live-page .ht-main{padding:0!important;overflow:visible!important;position:relative;z-index:1}
.profile-theme-live-page a{text-decoration:none}

/* Top navigation — same visual language as HerTime Live */
.profile-theme-live-page .topbar{
  position:sticky!important;
  top:0!important;
  z-index:900!important;
  height:78px!important;
  padding:0 max(28px,calc((100vw - 1460px)/2))!important;
  border-bottom:1px solid rgba(140,166,219,.13)!important;
  background:rgba(3,9,24,.82)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  box-shadow:0 14px 50px rgba(0,0,0,.24)!important;
}
.profile-theme-live-page .brand{
  color:#fff!important;
  font-size:25px!important;
  font-weight:920!important;
  letter-spacing:-.045em!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.profile-theme-live-page .brand:before{
  content:"H";
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border-radius:16px 16px 20px 20px;
  border:2px solid transparent;
  background:
    linear-gradient(#081126,#081126) padding-box,
    linear-gradient(135deg,#ff4ec8,#8b5cf6,#38bdf8) border-box;
  color:#ff82dc;
  font-size:20px;
  font-weight:850;
  text-shadow:0 0 16px rgba(255,78,200,.65);
  box-shadow:0 0 26px rgba(164,65,255,.18);
}
.profile-theme-live-page .brand span{color:#fff!important}
.profile-theme-live-page .brand i{display:none!important}
.profile-theme-live-page .desktop-nav{gap:30px!important;font-size:14px!important;color:#8f9bb5!important}
.profile-theme-live-page .desktop-nav a{
  position:relative;
  color:#8f9bb5!important;
  font-weight:760!important;
  padding:27px 2px 25px!important;
  transition:.18s ease!important;
}
.profile-theme-live-page .desktop-nav a:hover{color:#fff!important}
.profile-theme-live-page .desktop-nav a:first-child{color:#ff8bdf!important}
.profile-theme-live-page .desktop-nav a:first-child:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:17px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#a855f7,#ff43bd);
  box-shadow:0 0 15px rgba(255,67,189,.9);
}
.profile-theme-live-page .top-actions{gap:10px!important}
.profile-theme-live-page .ht-challenge-quick,
.profile-theme-live-page .ht-bell-link,
.profile-theme-live-page .ht-user-toggle{
  border-color:rgba(160,182,229,.14)!important;
  background:rgba(14,28,53,.72)!important;
  box-shadow:none!important;
}

/* Main profile frame */
.profile-theme-live-page .profile-shell.profile-live-theme{
  width:min(1450px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:24px 0 110px!important;
  position:relative!important;
  z-index:2!important;
}

.profile-theme-live-page .profile-hero{padding:0!important;position:relative!important}
.profile-theme-live-page .profile-hero .cover{
  height:320px!important;
  min-height:320px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(142,168,222,.18)!important;
  background:
    radial-gradient(circle at 74% 20%,rgba(255,57,185,.24),transparent 23%),
    radial-gradient(circle at 88% 74%,rgba(0,176,255,.26),transparent 29%),
    linear-gradient(135deg,#111a39 0%,#21112e 45%,#07132d 100%)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.02) inset!important;
}
.profile-theme-live-page .profile-hero .cover img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 42%!important;
  filter:saturate(.92) contrast(1.03)!important;
}
.profile-theme-live-page .cover-shade{
  background:
    linear-gradient(90deg,rgba(3,9,25,.92) 0%,rgba(3,9,25,.54) 39%,rgba(3,9,25,.14) 70%,rgba(3,9,25,.56) 100%),
    linear-gradient(0deg,rgba(3,9,25,.9) 0%,transparent 68%)!important;
}
.profile-theme-live-page .profile-hero-orbit{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  right:4%!important;
  top:20px!important;
  width:420px!important;
  height:220px!important;
  border:3px solid rgba(255,64,194,.7)!important;
  border-left-color:rgba(56,189,248,.8)!important;
  border-radius:50%!important;
  transform:rotate(-13deg)!important;
  filter:drop-shadow(0 0 12px rgba(255,64,194,.75))!important;
  opacity:.68!important;
  pointer-events:none!important;
  box-shadow:
    0 0 0 18px rgba(139,92,246,.055),
    0 0 0 38px rgba(56,189,248,.025)!important;
}
.profile-theme-live-page .profile-hero-orbit:after{
  content:"";
  position:absolute;
  right:2%;top:47%;
  width:10px;height:10px;border-radius:50%;
  background:#fff;
  box-shadow:0 0 20px #fff,90px -48px 0 -2px #ff56c8,-210px 55px 0 -3px #5dd8ff;
}
.profile-theme-live-page .cover-badges{
  left:auto!important;right:18px!important;top:18px!important;z-index:3!important;gap:8px!important;
}
.profile-theme-live-page .cover-badges span{
  background:rgba(5,13,32,.64)!important;
  border:1px solid rgba(180,200,241,.16)!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  font-size:11px!important;
  color:#cdd8ee!important;
  backdrop-filter:blur(15px)!important;
}

.profile-theme-live-page .identity-card{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  z-index:5!important;
  margin:0!important;
  min-height:230px!important;
  padding:25px 30px 23px 260px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:25px!important;
  border:0!important;
  border-radius:0 0 24px 24px!important;
  background:linear-gradient(180deg,transparent,rgba(3,9,25,.16) 18%,rgba(3,9,25,.88) 100%)!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.profile-theme-live-page .avatar-wrap{
  position:absolute!important;
  left:54px!important;
  bottom:31px!important;
  width:170px!important;
  height:170px!important;
  padding:5px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#ff49c4,#8b5cf6 55%,#36cffa)!important;
  box-shadow:0 0 0 6px rgba(5,12,29,.88),0 0 38px rgba(255,65,191,.36)!important;
}
.profile-theme-live-page .avatar-wrap .avatar{
  width:100%!important;height:100%!important;
  margin:0!important;
  border-radius:50%!important;
  border:3px solid #071127!important;
  object-fit:cover!important;
  display:block!important;
}
.profile-theme-live-page .avatar-online-dot{
  right:7px!important;bottom:11px!important;
  width:22px!important;height:22px!important;
  border:4px solid #071127!important;
  background:var(--ht-live-green)!important;
  box-shadow:0 0 14px rgba(54,223,122,.75)!important;
}
.profile-theme-live-page .ht-verified-mark--avatar{display:none!important}
.profile-theme-live-page .identity-main{min-width:0!important;padding:0!important;align-self:end!important}
.profile-theme-live-page .name-row{gap:8px!important;align-items:center!important}
.profile-theme-live-page .name-row h1{
  margin:0!important;
  font-size:34px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
  text-shadow:0 8px 28px rgba(0,0,0,.4)!important;
}
.profile-theme-live-page .ht-verified-mark--name{transform:translateY(1px)!important}
.profile-theme-live-page .profile-hero-location{
  margin:8px 0 0!important;
  color:#d3d9e8!important;
  font-size:13px!important;
  font-weight:670!important;
}
.profile-theme-live-page .profile-hero-bio{
  max-width:720px!important;
  margin:8px 0 12px!important;
  color:#d6dceb!important;
  font-size:14px!important;
  line-height:1.48!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.profile-theme-live-page .profile-hero-bio .ht-hashtag{color:#ff87d9!important}
.profile-theme-live-page .profile-micro-stats{
  display:flex!important;
  gap:0!important;
  margin:0!important;
  width:max-content!important;
  max-width:100%!important;
}
.profile-theme-live-page .profile-micro-stats a{
  display:grid!important;
  gap:3px!important;
  min-width:90px!important;
  padding:0 19px!important;
  border-right:1px solid rgba(164,185,226,.15)!important;
  text-align:left!important;
}
.profile-theme-live-page .profile-micro-stats a:first-child{padding-left:0!important}
.profile-theme-live-page .profile-micro-stats a:last-child{border-right:0!important}
.profile-theme-live-page .profile-micro-stats strong{font-size:18px!important;line-height:1!important;color:#ff6ccc!important;font-weight:900!important}
.profile-theme-live-page .profile-micro-stats span{font-size:11px!important;color:#9aa8c2!important}
.profile-theme-live-page .identity-main .chips{display:none!important}
.profile-theme-live-page .identity-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:9px!important;
  padding-bottom:2px!important;
}
.profile-theme-live-page .identity-actions .pink-btn,
.profile-theme-live-page .identity-actions .ghost-btn,
.profile-theme-live-page .identity-actions .circle-btn,
.profile-theme-live-page .identity-actions .is-waiting{
  min-height:43px!important;
  border-radius:10px!important;
  padding:0 20px!important;
  font-size:13px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.profile-theme-live-page .identity-actions .pink-btn{
  color:#fff!important;
  border:1px solid rgba(255,128,220,.28)!important;
  background:linear-gradient(135deg,#b73cff,#ff3d9e)!important;
  box-shadow:0 12px 28px rgba(255,43,153,.25),0 0 22px rgba(174,61,255,.18)!important;
}
.profile-theme-live-page .identity-actions .ghost-btn,
.profile-theme-live-page .identity-actions .circle-btn,
.profile-theme-live-page .identity-actions .is-waiting{
  color:#f5a4df!important;
  border:1px solid rgba(224,85,211,.45)!important;
  background:rgba(6,15,35,.58)!important;
  box-shadow:none!important;
}
.profile-theme-live-page .identity-actions .circle-btn{width:43px!important;padding:0!important}
.profile-theme-live-page .identity-actions .community-action-form{margin:0!important}
.profile-theme-live-page .profile-smart-stats{display:none!important}

/* Story highlights */
.profile-theme-live-page .story-strip{
  margin:12px 0 14px!important;
  padding:14px 18px 13px!important;
  min-height:112px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:24px!important;
  border:1px solid var(--ht-live-line)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(8,19,42,.86),rgba(6,15,34,.72))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.profile-theme-live-page .story-strip::-webkit-scrollbar{display:none!important}
.profile-theme-live-page .story{
  width:76px!important;
  min-width:76px!important;
  text-align:center!important;
}
.profile-theme-live-page .story img,
.profile-theme-live-page .story .story-fallback{
  width:62px!important;height:62px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  border:2px solid transparent!important;
  background:
    linear-gradient(#0a1631,#0a1631) padding-box,
    linear-gradient(135deg,#ff3dbb,#9b5cff,#39c8ff) border-box!important;
  outline:0!important;
  box-shadow:0 0 18px rgba(222,65,255,.16)!important;
}
.profile-theme-live-page .story img{padding:3px!important;object-fit:cover!important}
.profile-theme-live-page .story .story-fallback{display:grid!important;place-items:center!important;font-size:22px!important;color:#d6dcf0!important}
.profile-theme-live-page .story span{margin-top:8px!important;color:#c9d2e7!important;font-size:11px!important;line-height:1.25!important;white-space:normal!important}
.profile-theme-live-page .story span b{color:#ff73d2!important}
.profile-theme-live-page .story.active:after{display:none!important}
.profile-theme-live-page .story-add-pro .story-fallback{border-style:dashed!important;color:#fff!important;font-size:29px!important}

/* Two-column desktop profile */
.profile-theme-live-page .profile-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 330px!important;
  grid-template-rows:auto auto!important;
  gap:14px 16px!important;
  align-items:start!important;
  padding:0 0 80px!important;
}
.profile-theme-live-page .left-rail{
  grid-column:2!important;
  grid-row:1!important;
  position:static!important;
  display:grid!important;
  gap:12px!important;
}
.profile-theme-live-page .feed{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  min-width:0!important;
  display:grid!important;
  gap:12px!important;
}
.profile-theme-live-page .right-rail{
  grid-column:2!important;
  grid-row:2!important;
  position:static!important;
  display:grid!important;
  gap:12px!important;
}
.profile-theme-live-page .rail-card,
.profile-theme-live-page .post-card,
.profile-theme-live-page .review-card,
.profile-theme-live-page .profile-highlights{
  border:1px solid var(--ht-live-line)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(10,22,47,.88),rgba(7,17,38,.84))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.012) inset!important;
  color:var(--ht-live-text)!important;
}
.profile-theme-live-page .rail-card{padding:18px!important}
.profile-theme-live-page .rail-card h2,
.profile-theme-live-page .section-title h2,
.profile-theme-live-page .post-card h2{font-size:16px!important;letter-spacing:-.02em!important;margin:0 0 12px!important;color:#fff!important}
.profile-theme-live-page .rail-card h2:before,
.profile-theme-live-page .section-title h2:before{display:none!important}
.profile-theme-live-page .about-card p,
.profile-theme-live-page .live-card p,
.profile-theme-live-page .post-card p,
.profile-theme-live-page .review-card p{color:#c5cee0!important}
.profile-theme-live-page .soft-list span,
.profile-theme-live-page .profile-interest-cloud a{
  border:1px solid rgba(215,86,209,.32)!important;
  background:rgba(134,48,188,.09)!important;
  color:#e9a8df!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:11px!important;
}
.profile-theme-live-page .trust-item{border-top-color:rgba(149,172,220,.1)!important;color:#b8c4dc!important;font-size:12px!important}
.profile-theme-live-page .stats-card{grid-template-columns:repeat(3,1fr)!important;text-align:center!important}
.profile-theme-live-page .stats-card strong{font-size:19px!important;color:#ff67c9!important}
.profile-theme-live-page .stats-card span{font-size:10px!important;color:#8f9db9!important}

/* Tabs */
.profile-theme-live-page .profile-tabs{
  position:sticky!important;
  top:78px!important;
  z-index:100!important;
  min-height:52px!important;
  padding:0 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  border:1px solid var(--ht-live-line)!important;
  border-radius:16px!important;
  background:rgba(5,14,33,.92)!important;
  backdrop-filter:blur(22px)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.24)!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.profile-theme-live-page .profile-tabs::-webkit-scrollbar{display:none!important}
.profile-theme-live-page .profile-tabs a{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:50px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#95a3bf!important;
  font-size:12px!important;
  font-weight:760!important;
}
.profile-theme-live-page .profile-tabs a.active{color:#ff72d3!important}
.profile-theme-live-page .profile-tabs a.active:after{
  content:"";
  position:absolute!important;
  left:14px!important;right:14px!important;bottom:0!important;
  height:2px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#a855f7,#ff43bd)!important;
  box-shadow:0 0 13px rgba(255,67,189,.85)!important;
}
.profile-theme-live-page .profile-tabs .profile-tab-create{
  margin-left:auto!important;
  color:#fff!important;
  min-height:34px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#a43cff,#ff3c9d)!important;
}
.profile-theme-live-page .profile-tabs .profile-tab-create:after{display:none!important}

/* Highlights */
.profile-theme-live-page .profile-highlights--feed{
  order:-2!important;
  padding:14px 16px!important;
  margin:0!important;
}
.profile-theme-live-page .profile-highlights__head h2{font-size:14px!important;margin:0!important}
.profile-theme-live-page .profile-highlights__rail{gap:14px!important}
.profile-theme-live-page .profile-highlight__cover{width:58px!important;height:58px!important;border-color:#ff4fc6!important}
.profile-theme-live-page .profile-highlight strong{font-size:11px!important;color:#dbe3f2!important}
.profile-theme-live-page .profile-highlight small{font-size:9px!important;color:#8795b1!important}

/* Wall composer */
.profile-theme-live-page .wall-inline-composer{
  padding:16px!important;
  border-color:rgba(239,79,203,.23)!important;
}
.profile-theme-live-page .wall-inline-composer .post-head{margin-bottom:12px!important}
.profile-theme-live-page .wall-inline-composer textarea{
  width:100%!important;
  min-height:88px!important;
  border:1px solid rgba(147,173,224,.13)!important;
  border-radius:14px!important;
  background:rgba(3,11,28,.56)!important;
  color:#fff!important;
  padding:13px 14px!important;
  outline:0!important;
}
.profile-theme-live-page .wall-inline-composer textarea:focus{border-color:rgba(255,69,192,.42)!important;box-shadow:0 0 0 3px rgba(255,69,192,.07)!important}
.profile-theme-live-page .wall-inline-actions .ghost-btn,
.profile-theme-live-page .wall-inline-actions .pink-btn{border-radius:10px!important;min-height:39px!important;padding:0 15px!important;font-size:12px!important}

/* Feed cards */
.profile-theme-live-page .wall-post{
  padding:15px!important;
  overflow:visible!important;
  border-radius:18px!important;
  border-color:rgba(141,167,219,.15)!important;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.profile-theme-live-page .wall-post:hover{
  border-color:rgba(232,76,200,.28)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 25px rgba(198,55,222,.055)!important;
}
.profile-theme-live-page .wall-post.is-direct-target{border-color:#ff4fc6!important;box-shadow:0 0 0 2px rgba(255,79,198,.14),0 22px 55px rgba(0,0,0,.3)!important}
.profile-theme-live-page .post-head{gap:10px!important;margin-bottom:11px!important}
.profile-theme-live-page .post-head img,
.profile-theme-live-page .post-avatar-fallback{
  width:42px!important;height:42px!important;border-radius:50%!important;
  border:2px solid #ff48c2!important;
  box-shadow:0 0 0 2px rgba(7,17,39,.9)!important;
  object-fit:cover!important;
}
.profile-theme-live-page .post-head b{color:#fff!important;font-size:13px!important}
.profile-theme-live-page .post-head span{color:#8796b3!important;font-size:10.5px!important;margin-top:2px!important}
.profile-theme-live-page .post-head .post-menu>summary{color:#8290ab!important}
.profile-theme-live-page .wall-post>p{font-size:13px!important;line-height:1.52!important;margin:0 0 12px!important;color:#d1d8e7!important}
.profile-theme-live-page .wall-post-pinned,
.profile-theme-live-page .wall-post-badges span{
  border:1px solid rgba(241,76,198,.26)!important;
  background:rgba(239,61,187,.09)!important;
  color:#ff9cde!important;
  border-radius:999px!important;
  font-size:10px!important;
}
.profile-theme-live-page .ht-media{margin-top:10px!important;border-radius:14px!important;overflow:hidden!important}
.profile-theme-live-page .ht-media-single,
.profile-theme-live-page .ht-media-gallery,
.profile-theme-live-page .ht-media-album,
.profile-theme-live-page .ht-media-locked,
.profile-theme-live-page .ht-media-video,
.profile-theme-live-page .ht-media-audio{border:1px solid rgba(145,171,224,.14)!important;background:#07132d!important}
.profile-theme-live-page .ht-media-single img{max-height:500px!important;object-fit:cover!important}
.profile-theme-live-page .ht-media-gallery__item{min-height:230px!important;background:#07132d!important}
.profile-theme-live-page .ht-media-gallery__item img{object-fit:cover!important}
.profile-theme-live-page .ht-media-locked{min-height:230px!important}
.profile-theme-live-page .ht-media-locked__preview{filter:blur(14px) saturate(.72)!important;transform:scale(1.07)!important}
.profile-theme-live-page .ht-media-locked>div{background:linear-gradient(90deg,rgba(4,10,25,.92),rgba(5,10,24,.7))!important}
.profile-theme-live-page .ht-media-locked__primary,
.profile-theme-live-page .album-pro-card .pink-btn{
  border-radius:9px!important;
  background:linear-gradient(135deg,#a43cff,#ff3d9e)!important;
}
.profile-theme-live-page .post-actions{
  margin-top:11px!important;
  padding-top:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  border-top:1px solid rgba(145,170,220,.09)!important;
}
.profile-theme-live-page .post-actions button,
.profile-theme-live-page .post-actions [data-share-open]{color:#a8b4ca!important;font-size:11.5px!important;font-weight:760!important}
.profile-theme-live-page .post-actions button:hover{color:#ff72d2!important}
.profile-theme-live-page .wall-like-heart,
.profile-theme-live-page .wall-like-count{background:rgba(255,255,255,.04)!important;color:#ff72d2!important}
.profile-theme-live-page .wall-comments{border-top-color:rgba(145,170,220,.09)!important}
.profile-theme-live-page .wall-comment-bubble{background:rgba(15,29,56,.72)!important;border-color:rgba(147,174,225,.11)!important}
.profile-theme-live-page .wall-comment-bubble b{color:#fff!important}
.profile-theme-live-page .wall-comment-bubble span{color:#bec8da!important}
.profile-theme-live-page .wall-comment-form input,
.profile-theme-live-page .wall-comment-form textarea{
  background:rgba(4,12,29,.8)!important;
  border-color:rgba(146,174,225,.13)!important;
  color:#fff!important;
}

/* Polls, albums and media hubs */
.profile-theme-live-page .wall-poll{border-color:rgba(151,177,229,.13)!important;background:rgba(4,12,29,.56)!important;border-radius:14px!important}
.profile-theme-live-page .wall-poll__badge{background:rgba(255,61,186,.12)!important;color:#ff80d4!important}
.profile-theme-live-page .wall-poll__option{border-color:rgba(147,174,226,.13)!important;background:rgba(15,28,53,.7)!important}
.profile-theme-live-page .wall-poll__fill{background:linear-gradient(90deg,rgba(136,76,255,.25),rgba(255,61,186,.23))!important}
.profile-theme-live-page .media-section,
.profile-theme-live-page .profile-activity-hub{border-radius:18px!important}
.profile-theme-live-page .album-pro-card,
.profile-theme-live-page .profile-media-tile{
  border-radius:14px!important;
  border-color:rgba(145,171,223,.14)!important;
  background:rgba(8,19,42,.84)!important;
}
.profile-theme-live-page .album-pro-card__cover{min-height:180px!important}
.profile-theme-live-page .profile-media-grid{gap:9px!important}

/* Right rail */
.profile-theme-live-page .profile-rail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.profile-theme-live-page .profile-rail-head h2{margin:0!important}
.profile-theme-live-page .profile-rail-head>a,
.profile-theme-live-page .profile-rail-head>span{font-size:10px!important;color:#9d79e9!important}
.profile-theme-live-page .profile-suggested-list{display:grid!important;gap:7px!important;margin-top:10px!important}
.profile-theme-live-page .profile-suggested-person{
  min-height:43px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:5px 0!important;
  color:#fff!important;
}
.profile-theme-live-page .profile-suggested-person img,
.profile-theme-live-page .profile-suggested-person>span{
  width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#ff4fc3,#5e8fff)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:12px!important;font-weight:900!important;
}
.profile-theme-live-page .profile-suggested-person strong{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.profile-theme-live-page .profile-suggested-person em{
  min-height:29px!important;padding:0 10px!important;border:1px solid rgba(213,82,211,.35)!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;color:#d58bdd!important;font-size:9.5px!important;font-style:normal!important;font-weight:800!important;
}
.profile-theme-live-page .profile-community-row{border-top-color:rgba(145,171,222,.09)!important}
.profile-theme-live-page .profile-community-row__top strong{color:#e7ecf7!important}
.profile-theme-live-page .profile-community-row__top span{color:#ff6bca!important}
.profile-theme-live-page .profile-community-avatars img,
.profile-theme-live-page .profile-community-avatars span{border-color:#0b1731!important}
.profile-theme-live-page .profile-interest-cloud{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:10px!important}
.profile-theme-live-page .profile-visibility-list span{border-color:rgba(145,171,222,.09)!important}
.profile-theme-live-page .profile-visibility-list b{color:#bcc7da!important}
.profile-theme-live-page .profile-visibility-list em{color:#ff8bd8!important}
.profile-theme-live-page .profile-timeline-item{border-color:rgba(145,171,222,.09)!important}
.profile-theme-live-page .profile-timeline-icon{background:rgba(112,65,206,.13)!important}
.profile-theme-live-page .profile-timeline-body strong{color:#dfe6f2!important;font-size:11px!important}
.profile-theme-live-page .profile-timeline-body small,
.profile-theme-live-page .profile-timeline-item time{color:#7f8da8!important;font-size:9.5px!important}

/* Menus */
.profile-theme-live-page .profile-action-menu>div,
.profile-theme-live-page .post-menu-panel{
  background:rgba(5,13,31,.98)!important;
  border-color:rgba(148,175,227,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
}
.profile-theme-live-page .profile-action-menu a,
.profile-theme-live-page .profile-action-menu button,
.profile-theme-live-page .post-menu-panel button,
.profile-theme-live-page .post-menu-panel summary{color:#ccd5e6!important}

/* Fixed extras */
.profile-theme-live-page .mobile-actions{display:none!important}
.profile-theme-live-page .ht-feedback-widget{z-index:700!important}

/* Tablet */
@media(max-width:1120px){
  .profile-theme-live-page .profile-shell.profile-live-theme{width:min(100% - 30px,980px)!important}
  .profile-theme-live-page .profile-layout{grid-template-columns:minmax(0,1fr) 285px!important}
  .profile-theme-live-page .identity-card{padding-left:225px!important}
  .profile-theme-live-page .avatar-wrap{left:36px!important;width:155px!important;height:155px!important}
  .profile-theme-live-page .identity-actions .ghost-btn{padding-inline:15px!important}
}

/* Mobile profile — aligned with the approved mobile mockup */
@media(max-width:760px){
  .profile-theme-live-page{
    padding-bottom:82px!important;
    background:
      radial-gradient(circle at 80% 3%,rgba(76,54,255,.19),transparent 28%),
      radial-gradient(circle at 18% 38%,rgba(255,47,174,.09),transparent 30%),
      linear-gradient(180deg,#030817,#061126 58%,#030817)!important;
  }
  .profile-theme-live-page .topbar{
    height:70px!important;
    position:sticky!important;
    padding:0 16px!important;
    background:rgba(3,9,24,.91)!important;
  }
  .profile-theme-live-page .brand{font-size:21px!important;margin:0 auto!important;transform:translateX(20px)!important}
  .profile-theme-live-page .brand:before{width:36px!important;height:36px!important;border-radius:15px!important;font-size:18px!important}
  .profile-theme-live-page .top-actions{display:flex!important;position:absolute!important;right:13px!important}
  .profile-theme-live-page .top-actions .ht-challenge-quick{display:none!important}
  .profile-theme-live-page .top-actions .ht-bell-link{display:grid!important;width:38px!important;height:38px!important}
  .profile-theme-live-page .top-actions .ht-user-menu{display:none!important}
  .profile-theme-live-page .desktop-nav{display:none!important}

  .profile-theme-live-page .profile-shell.profile-live-theme{
    width:100%!important;
    padding:0 0 30px!important;
  }
  .profile-theme-live-page .profile-hero{padding:0!important}
  .profile-theme-live-page .profile-hero .cover{
    height:430px!important;
    min-height:430px!important;
    border-radius:0!important;
    border-left:0!important;border-right:0!important;
  }
  .profile-theme-live-page .profile-hero .cover img{object-position:center 26%!important}
  .profile-theme-live-page .cover-shade{
    background:
      linear-gradient(180deg,rgba(2,7,20,.02) 0%,rgba(3,9,24,.08) 34%,rgba(3,9,24,.93) 76%,#030817 100%),
      linear-gradient(90deg,rgba(3,9,24,.35),transparent 72%)!important;
  }
  .profile-theme-live-page .profile-hero-orbit{display:none!important}
  .profile-theme-live-page .cover-badges{display:none!important}
  .profile-theme-live-page .identity-card{
    position:absolute!important;
    left:0!important;right:0!important;bottom:0!important;
    min-height:310px!important;
    padding:80px 16px 15px!important;
    display:block!important;
    border-radius:0!important;
    background:linear-gradient(180deg,transparent 0%,rgba(3,8,22,.54) 20%,#030817 80%)!important;
  }
  .profile-theme-live-page .avatar-wrap{
    left:18px!important;
    bottom:auto!important;
    top:-16px!important;
    width:132px!important;
    height:132px!important;
    padding:4px!important;
  }
  .profile-theme-live-page .avatar-online-dot{width:20px!important;height:20px!important;right:4px!important;bottom:8px!important}
  .profile-theme-live-page .identity-main{padding-left:148px!important;min-height:122px!important}
  .profile-theme-live-page .name-row h1{font-size:29px!important}
  .profile-theme-live-page .profile-hero-location{font-size:12px!important;margin-top:7px!important}
  .profile-theme-live-page .profile-hero-bio{
    position:absolute!important;
    left:16px!important;right:16px!important;top:134px!important;
    max-width:none!important;
    margin:0!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    -webkit-line-clamp:3!important;
  }
  .profile-theme-live-page .profile-micro-stats{display:none!important}
  .profile-theme-live-page .identity-actions{
    position:absolute!important;
    left:16px!important;right:16px!important;bottom:13px!important;
    display:grid!important;
    grid-template-columns:1.1fr 1fr 1fr!important;
    gap:8px!important;
    padding:0!important;
  }
  .profile-theme-live-page .identity-actions>*{min-width:0!important;width:100%!important}
  .profile-theme-live-page .identity-actions .pink-btn,
  .profile-theme-live-page .identity-actions .ghost-btn,
  .profile-theme-live-page .identity-actions .is-waiting{
    min-height:46px!important;
    width:100%!important;
    padding:0 9px!important;
    justify-content:center!important;
    font-size:12px!important;
    border-radius:10px!important;
  }
  .profile-theme-live-page .identity-actions .profile-action-menu{display:none!important}
  .profile-theme-live-page .identity-actions .community-action-form{display:block!important}
  .profile-theme-live-page .identity-actions .community-decline{display:none!important}

  .profile-theme-live-page .profile-smart-stats{
    margin:0 14px!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    border:1px solid var(--ht-live-line)!important;
    border-radius:14px!important;
    background:rgba(7,17,38,.88)!important;
    overflow:hidden!important;
  }
  .profile-theme-live-page .profile-smart-stats a{
    min-width:0!important;
    display:grid!important;
    align-content:center!important;
    justify-items:center!important;
    gap:4px!important;
    padding:9px 2px!important;
    border-right:1px solid rgba(147,174,225,.1)!important;
  }
  .profile-theme-live-page .profile-smart-stats a:last-child{border-right:0!important}
  .profile-theme-live-page .profile-smart-stats strong{font-size:15px!important;color:#f3f5fb!important}
  .profile-theme-live-page .profile-smart-stats span{font-size:9.5px!important;color:#95a3bd!important}

  .profile-theme-live-page .story-strip{
    margin:12px 0 0!important;
    padding:14px 14px 12px!important;
    border-left:0!important;border-right:0!important;border-radius:0!important;
    gap:17px!important;
    min-height:103px!important;
    background:rgba(5,14,32,.76)!important;
  }
  .profile-theme-live-page .story{width:66px!important;min-width:66px!important}
  .profile-theme-live-page .story img,
  .profile-theme-live-page .story .story-fallback{width:58px!important;height:58px!important}
  .profile-theme-live-page .story span{font-size:10px!important}

  .profile-theme-live-page .profile-layout{
    display:block!important;
    padding:0!important;
  }
  .profile-theme-live-page .left-rail,
  .profile-theme-live-page .right-rail{display:none!important}
  .profile-theme-live-page .feed{display:grid!important;gap:9px!important}
  .profile-theme-live-page .profile-tabs{
    top:70px!important;
    width:100%!important;
    margin:0!important;
    min-height:51px!important;
    border-left:0!important;border-right:0!important;border-radius:0!important;
    padding:0 8px!important;
    background:rgba(3,9,24,.96)!important;
  }
  .profile-theme-live-page .profile-tabs a{min-height:50px!important;padding:0 17px!important;font-size:11.5px!important}
  .profile-theme-live-page .profile-tabs .profile-tab-create{display:none!important}
  .profile-theme-live-page .profile-highlights--feed{margin:9px 10px 0!important;border-radius:15px!important;padding:12px!important}

  .profile-theme-live-page .wall-inline-composer,
  .profile-theme-live-page .wall-post,
  .profile-theme-live-page .media-section,
  .profile-theme-live-page .profile-activity-hub,
  .profile-theme-live-page .profile-empty-wall-v3{
    margin:0 10px!important;
    border-radius:15px!important;
  }
  .profile-theme-live-page .wall-post{padding:12px!important}
  .profile-theme-live-page .post-head{margin-bottom:9px!important}
  .profile-theme-live-page .post-head img,
  .profile-theme-live-page .post-avatar-fallback{width:38px!important;height:38px!important}
  .profile-theme-live-page .wall-post>p{font-size:12.5px!important;line-height:1.45!important}
  .profile-theme-live-page .ht-media{border-radius:12px!important;margin-left:0!important;margin-right:0!important}
  .profile-theme-live-page .ht-media-single img{max-height:390px!important}
  .profile-theme-live-page .ht-media-gallery__item{min-height:160px!important}
  .profile-theme-live-page .ht-media-gallery--single .ht-media-gallery__item{min-height:240px!important;max-height:410px!important}
  .profile-theme-live-page .post-actions{gap:12px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .profile-theme-live-page .post-actions::-webkit-scrollbar{display:none!important}
  .profile-theme-live-page .post-actions button{white-space:nowrap!important}
  .profile-theme-live-page .wall-comments{padding-top:8px!important}
  .profile-theme-live-page .wall-comment-form{grid-template-columns:minmax(0,1fr) auto!important}
  .profile-theme-live-page .album-pro-cards{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .profile-theme-live-page .album-pro-card__cover{min-height:150px!important}

  .profile-theme-live-page .bottom-nav{
    display:grid!important;
    z-index:950!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;
    border-radius:0!important;
    border-top:1px solid rgba(147,174,225,.14)!important;
    background:rgba(3,9,24,.96)!important;
    backdrop-filter:blur(24px)!important;
    box-shadow:0 -15px 40px rgba(0,0,0,.34)!important;
  }
  .profile-theme-live-page .bottom-nav a{color:#8896b1!important}
  .profile-theme-live-page .bottom-nav a.active{color:#ff58c6!important;text-shadow:0 0 15px rgba(255,72,196,.5)!important}
  .profile-theme-live-page .bottom-nav .plus{background:linear-gradient(135deg,#9f41ff,#ff3e9e)!important;box-shadow:0 8px 24px rgba(224,52,186,.3)!important}

  .profile-theme-live-page .ht-feedback-widget{display:none!important}
  .profile-theme-live-page .chat-floating-shell{display:none!important}
}

@media(max-width:420px){
  .profile-theme-live-page .profile-hero .cover{height:418px!important;min-height:418px!important}
  .profile-theme-live-page .avatar-wrap{width:122px!important;height:122px!important}
  .profile-theme-live-page .identity-main{padding-left:138px!important}
  .profile-theme-live-page .name-row h1{font-size:27px!important}
  .profile-theme-live-page .identity-actions .pink-btn,
  .profile-theme-live-page .identity-actions .ghost-btn,
  .profile-theme-live-page .identity-actions .is-waiting{font-size:11px!important;padding-inline:6px!important}
  .profile-theme-live-page .profile-tabs a{padding-inline:14px!important}
}

@media(prefers-reduced-motion:reduce){
  .profile-theme-live-page *,
  .profile-theme-live-page *:before,
  .profile-theme-live-page *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* State-aware mobile action layout */
@media(max-width:760px){
  .profile-theme-live-page .identity-actions--owner{grid-template-columns:1fr 1fr!important}
  .profile-theme-live-page .identity-actions--member{grid-template-columns:1.15fr 1fr 1fr!important}
  .profile-theme-live-page .identity-actions--guest{grid-template-columns:1fr!important}
  .profile-theme-live-page .identity-actions--member .community-action-form + .community-action-form{display:none!important}
  .profile-theme-live-page .identity-actions--member .is-waiting{grid-column:auto!important}
}


/* ======================================================================
   Profile Live Theme V2 — shared logo, premium actions and aligned bubbles
   ====================================================================== */

/* Use the exact HerTime Live heart mark in the shared header. */
.profile-theme-live-page .brand.ht-brand:before{
  content:none!important;
  display:none!important;
}
.profile-theme-live-page .brand.ht-brand{
  gap:11px!important;
  font-size:25px!important;
  transform:none!important;
}
.profile-theme-live-page .brand.ht-brand .ht-brand-mark{
  width:43px!important;
  height:37px!important;
  color:#f05bd4!important;
  filter:drop-shadow(0 0 10px rgba(240,91,212,.68)) drop-shadow(0 0 24px rgba(118,79,255,.18))!important;
}
.profile-theme-live-page .brand.ht-brand .ht-brand-mark svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.profile-theme-live-page .brand.ht-brand .ht-brand-word{
  color:#fff!important;
  font-size:25px!important;
  font-weight:940!important;
  letter-spacing:-.045em!important;
}

/* Cleaner, more premium hero actions. */
.profile-theme-live-page .identity-actions{
  align-items:center!important;
  gap:10px!important;
}
.profile-theme-live-page .identity-actions .pink-btn,
.profile-theme-live-page .identity-actions .ghost-btn,
.profile-theme-live-page .identity-actions .is-waiting,
.profile-theme-live-page .identity-actions .circle-btn{
  min-height:49px!important;
  border-radius:15px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
.profile-theme-live-page .identity-actions .pink-btn{
  position:relative!important;
  overflow:hidden!important;
  padding:0 25px!important;
  border:1px solid rgba(255,132,224,.5)!important;
  color:#fff!important;
  background:linear-gradient(115deg,#a83cff 0%,#e838c5 47%,#ff398a 100%)!important;
  box-shadow:0 13px 30px rgba(224,48,190,.27),0 0 0 1px rgba(255,255,255,.09) inset!important;
}
.profile-theme-live-page .identity-actions .pink-btn:after{
  content:"";
  position:absolute;
  inset:-50% auto -50% -34%;
  width:27%;
  transform:rotate(17deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transition:left .35s ease!important;
}
.profile-theme-live-page .identity-actions .pink-btn:hover:after{left:112%}
.profile-theme-live-page .identity-actions .pink-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 17px 38px rgba(224,48,190,.34),0 0 22px rgba(160,77,255,.2)!important;
}
.profile-theme-live-page .identity-actions .ghost-btn,
.profile-theme-live-page .identity-actions .is-waiting{
  padding:0 22px!important;
  color:#f1eafa!important;
  border:1px solid rgba(210,113,255,.38)!important;
  background:linear-gradient(180deg,rgba(26,21,61,.74),rgba(10,19,43,.75))!important;
  box-shadow:0 11px 26px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.05) inset!important;
  backdrop-filter:blur(14px)!important;
}
.profile-theme-live-page .identity-actions .ghost-btn:hover{
  transform:translateY(-2px)!important;
  color:#fff!important;
  border-color:rgba(255,85,204,.66)!important;
  background:linear-gradient(180deg,rgba(49,28,89,.82),rgba(15,24,52,.82))!important;
  box-shadow:0 15px 32px rgba(0,0,0,.24),0 0 22px rgba(218,61,202,.12)!important;
}
.profile-theme-live-page .identity-actions .circle-btn{
  width:49px!important;
  min-width:49px!important;
  padding:0!important;
  color:#e9e3f3!important;
  border:1px solid rgba(190,150,235,.28)!important;
  background:rgba(10,20,44,.72)!important;
}
.profile-theme-live-page .identity-actions .circle-btn:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,91,205,.58)!important;
  background:rgba(34,24,69,.82)!important;
}
.profile-theme-live-page .profile-action-menu>div{
  border:1px solid rgba(184,142,232,.22)!important;
  background:rgba(5,12,29,.97)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.52)!important;
  backdrop-filter:blur(22px)!important;
}

/* Story/quick bubbles are now one aligned rail, with counts on the bubble. */
.profile-theme-live-page .story-strip.story-strip--pro{
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  padding:17px clamp(22px,3vw,44px) 14px!important;
  min-height:122px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story{
  flex:0 0 82px!important;
  width:82px!important;
  min-width:82px!important;
  min-height:91px!important;
  padding:3px 2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  border-radius:17px!important;
  scroll-snap-align:start!important;
  transition:transform .18s ease,background .18s ease!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story:hover{
  transform:translateY(-3px)!important;
  background:rgba(255,255,255,.025)!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story img,
.profile-theme-live-page .story-strip.story-strip--pro .story .story-fallback{
  position:relative!important;
  flex:0 0 auto!important;
  width:68px!important;
  height:68px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story img{
  padding:3px!important;
  border-width:2px!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story-pro-item img{
  box-shadow:0 0 0 3px rgba(5,13,31,.92),0 0 22px rgba(255,59,190,.24)!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story-label{
  width:100%!important;
  min-height:28px!important;
  margin:8px 0 0!important;
  padding:0 2px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#cbd5ea!important;
  font-size:10.5px!important;
  font-weight:720!important;
  line-height:1.24!important;
  text-align:center!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story-fallback--add{
  border-style:dashed!important;
  border-color:rgba(182,145,239,.62)!important;
  color:#fff!important;
  background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.16),rgba(7,17,38,.88))!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story-fallback--quick{
  overflow:visible!important;
  border-color:rgba(255,73,193,.52)!important;
  background:
    radial-gradient(circle at 38% 28%,rgba(255,255,255,.08),transparent 33%),
    linear-gradient(145deg,rgba(23,29,66,.96),rgba(7,18,42,.96)) padding-box,
    linear-gradient(135deg,#ff3dbb,#9b5cff 56%,#39c8ff) border-box!important;
  box-shadow:0 0 0 3px rgba(5,13,31,.84),0 0 20px rgba(194,57,240,.17)!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story-fallback--quick i{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  font-style:normal!important;
  font-size:24px!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story-fallback--quick em{
  position:absolute!important;
  top:-6px!important;
  right:-8px!important;
  z-index:3!important;
  min-width:25px!important;
  height:25px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  border:3px solid #071127!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ff3dbb,#8b5cf6)!important;
  box-shadow:0 7px 17px rgba(197,54,224,.35)!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:950!important;
  line-height:1!important;
}
.profile-theme-live-page .story-quick--today .story-fallback--quick{border-color:rgba(255,195,81,.48)!important}
.profile-theme-live-page .story-quick--voice .story-fallback--quick{border-color:rgba(91,202,255,.46)!important}
.profile-theme-live-page .story-quick--activity .story-fallback--quick{border-color:rgba(83,224,157,.44)!important}
.profile-theme-live-page .story-quick--albums .story-fallback--quick{border-color:rgba(255,111,185,.48)!important}

@media(max-width:760px){
  .profile-theme-live-page .brand.ht-brand{
    margin:0 auto!important;
    transform:translateX(18px)!important;
    gap:8px!important;
  }
  .profile-theme-live-page .brand.ht-brand .ht-brand-mark{width:35px!important;height:30px!important}
  .profile-theme-live-page .brand.ht-brand .ht-brand-word{font-size:21px!important}

  .profile-theme-live-page .identity-actions.identity-actions--owner{
    grid-template-columns:1.15fr 1fr!important;
  }
  .profile-theme-live-page .identity-actions.identity-actions--owner .pink-btn,
  .profile-theme-live-page .identity-actions.identity-actions--owner .ghost-btn{
    min-height:45px!important;
    padding:0 11px!important;
    font-size:11.5px!important;
  }
  .profile-theme-live-page .identity-actions.identity-actions--guest{
    grid-template-columns:1fr!important;
  }

  .profile-theme-live-page .story-strip.story-strip--pro{
    justify-content:flex-start!important;
    gap:13px!important;
    min-height:108px!important;
    padding:13px 14px 11px!important;
  }
  .profile-theme-live-page .story-strip.story-strip--pro .story{
    flex-basis:68px!important;
    width:68px!important;
    min-width:68px!important;
    min-height:86px!important;
  }
  .profile-theme-live-page .story-strip.story-strip--pro .story img,
  .profile-theme-live-page .story-strip.story-strip--pro .story .story-fallback{
    width:58px!important;
    height:58px!important;
  }
  .profile-theme-live-page .story-strip.story-strip--pro .story-label{
    min-height:25px!important;
    margin-top:7px!important;
    font-size:9.5px!important;
  }
  .profile-theme-live-page .story-strip.story-strip--pro .story-fallback--quick i{font-size:21px!important}
  .profile-theme-live-page .story-strip.story-strip--pro .story-fallback--quick em{
    top:-5px!important;
    right:-5px!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 5px!important;
    border-width:3px!important;
    font-size:8px!important;
  }
}

/* =========================================================
   Profile Live Theme V3 — stable stories, compact sidebar,
   cleaner comment composer. Loaded last on the profile page.
   ========================================================= */

/* The stories strip is deliberately split into real stories and profile shortcuts.
   This prevents the circles from drifting when the number of items changes. */
.profile-theme-live-page .story-strip.story-strip--pro{
  display:block!important;
  min-height:0!important;
  padding:15px 20px 13px!important;
  overflow:hidden!important;
}
.profile-theme-live-page .story-strip__rail{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
}
.profile-theme-live-page .story-strip__stories,
.profile-theme-live-page .story-strip__quick{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:14px!important;
}
.profile-theme-live-page .story-strip__stories{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 3px 5px!important;
  scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
}
.profile-theme-live-page .story-strip__stories::-webkit-scrollbar{display:none!important}
.profile-theme-live-page .story-strip__quick{
  flex:0 0 auto!important;
  padding:2px 2px 5px 19px!important;
  border-left:1px solid rgba(157,181,229,.12)!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story{
  flex:0 0 76px!important;
  width:76px!important;
  min-width:76px!important;
  min-height:88px!important;
  margin:0!important;
  padding:2px 0!important;
  transform:none!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story:hover{transform:translateY(-2px)!important}
.profile-theme-live-page .story-strip.story-strip--pro .story img,
.profile-theme-live-page .story-strip.story-strip--pro .story .story-fallback{
  width:62px!important;
  height:62px!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story-label{
  height:27px!important;
  min-height:27px!important;
  margin:7px 0 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  color:#cbd5e8!important;
  font-size:10px!important;
  font-weight:760!important;
  line-height:1.2!important;
  white-space:normal!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.profile-theme-live-page .story-strip.story-strip--pro .story-fallback--quick em{
  top:-5px!important;
  right:-5px!important;
}

/* The sidebar is one continuous column. Previously the second rail occupied a
   separate CSS-grid row, so the feed height created a very large blank gap. */
.profile-theme-live-page .profile-layout{
  grid-template-columns:minmax(0,1fr) 330px!important;
  grid-template-rows:auto!important;
  align-items:start!important;
}
.profile-theme-live-page .feed{
  grid-column:1!important;
  grid-row:1!important;
}
.profile-theme-live-page .profile-sidebar{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  align-self:start!important;
  display:grid!important;
  gap:12px!important;
}
.profile-theme-live-page .profile-sidebar .left-rail,
.profile-theme-live-page .profile-sidebar .right-rail{
  position:static!important;
  inset:auto!important;
  display:grid!important;
  grid-column:auto!important;
  grid-row:auto!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}
.profile-theme-live-page .profile-sidebar .rail-card{margin:0!important}
.profile-theme-live-page .profile-sidebar .stats-card{margin-bottom:0!important}
.profile-theme-live-page .profile-sidebar .profile-suggested-card{margin-top:0!important}
.profile-theme-live-page .profile-mini-timeline .profile-timeline-actions{
  padding-top:9px!important;
  border-top:1px solid rgba(145,171,222,.08)!important;
}
.profile-theme-live-page .profile-mini-timeline .profile-timeline-actions button{
  width:100%!important;
  min-height:36px!important;
  border:1px solid rgba(195,100,229,.22)!important;
  border-radius:10px!important;
  color:#dca0e9!important;
  background:rgba(132,55,181,.08)!important;
  font-size:10px!important;
  font-weight:850!important;
  cursor:pointer!important;
}

/* Comments: one coherent composer instead of three visually unrelated pieces. */
.profile-theme-live-page .wall-comment-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px auto!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:10px!important;
  padding:7px!important;
  border:1px solid rgba(151,177,229,.12)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(5,14,33,.82),rgba(4,11,27,.9))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14),0 1px 0 rgba(255,255,255,.025) inset!important;
}
.profile-theme-live-page .wall-comment-form>input[name="comment"],
.profile-theme-live-page .wall-comment-form>textarea{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:11px!important;
  outline:0!important;
  color:#f5f7fc!important;
  background:rgba(10,23,48,.5)!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.profile-theme-live-page .wall-comment-form>input[name="comment"]:focus,
.profile-theme-live-page .wall-comment-form>textarea:focus{
  background:rgba(15,29,58,.72)!important;
  box-shadow:0 0 0 1px rgba(224,74,202,.24) inset!important;
}
.profile-theme-live-page .wall-comment-form .emoji-picker{
  width:42px!important;
  height:42px!important;
  margin:0!important;
}
.profile-theme-live-page .wall-comment-form .emoji-picker>summary{
  width:42px!important;
  height:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(173,148,223,.16)!important;
  border-radius:12px!important;
  color:#f3c4eb!important;
  background:rgba(21,31,61,.76)!important;
  font-size:17px!important;
  cursor:pointer!important;
}
.profile-theme-live-page .wall-comment-form>button[type="submit"]{
  min-width:104px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid rgba(255,135,221,.38)!important;
  border-radius:12px!important;
  color:#fff!important;
  background:linear-gradient(125deg,#a83cff 0%,#df38c6 52%,#ff3d91 100%)!important;
  box-shadow:0 10px 24px rgba(221,49,190,.22),0 1px 0 rgba(255,255,255,.12) inset!important;
  font-size:11.5px!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
.profile-theme-live-page .wall-comment-form>button[type="submit"] i{
  font-size:13px!important;
  font-style:normal!important;
  transform:rotate(-8deg)!important;
}
.profile-theme-live-page .wall-comment-form>button[type="submit"]:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 13px 28px rgba(221,49,190,.29),0 0 18px rgba(149,63,255,.13)!important;
}
.profile-theme-live-page .comment-reply-context{
  grid-column:1 / -1!important;
  margin:0!important;
  border-radius:10px!important;
}

@media(max-width:1120px) and (min-width:761px){
  .profile-theme-live-page .profile-layout{grid-template-columns:minmax(0,1fr) 285px!important}
  .profile-theme-live-page .story-strip__rail{grid-template-columns:minmax(115px,1fr) auto!important;gap:12px!important}
  .profile-theme-live-page .story-strip__stories,
  .profile-theme-live-page .story-strip__quick{gap:9px!important}
  .profile-theme-live-page .story-strip__quick{padding-left:12px!important}
  .profile-theme-live-page .story-strip.story-strip--pro .story{flex-basis:66px!important;width:66px!important;min-width:66px!important}
  .profile-theme-live-page .story-strip.story-strip--pro .story img,
  .profile-theme-live-page .story-strip.story-strip--pro .story .story-fallback{width:56px!important;height:56px!important}
}

@media(max-width:760px){
  .profile-theme-live-page .story-strip.story-strip--pro{
    padding:12px 0 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    scrollbar-width:none!important;
  }
  .profile-theme-live-page .story-strip.story-strip--pro::-webkit-scrollbar{display:none!important}
  .profile-theme-live-page .story-strip__rail{
    width:max-content!important;
    min-width:100%!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:13px!important;
    padding:0 14px!important;
  }
  .profile-theme-live-page .story-strip__stories,
  .profile-theme-live-page .story-strip__quick{
    overflow:visible!important;
    flex:0 0 auto!important;
    gap:12px!important;
    padding:0!important;
  }
  .profile-theme-live-page .story-strip__quick{
    padding-left:13px!important;
    border-left:1px solid rgba(157,181,229,.12)!important;
  }
  .profile-theme-live-page .story-strip.story-strip--pro .story{
    flex:0 0 64px!important;
    width:64px!important;
    min-width:64px!important;
    min-height:82px!important;
  }
  .profile-theme-live-page .story-strip.story-strip--pro .story img,
  .profile-theme-live-page .story-strip.story-strip--pro .story .story-fallback{width:56px!important;height:56px!important}
  .profile-theme-live-page .story-strip.story-strip--pro .story-label{
    height:24px!important;
    min-height:24px!important;
    font-size:9.5px!important;
  }
  .profile-theme-live-page .profile-sidebar{display:none!important}
  .profile-theme-live-page .wall-comment-form{
    grid-template-columns:minmax(0,1fr) 40px 88px!important;
    gap:6px!important;
    padding:6px!important;
    border-radius:14px!important;
  }
  .profile-theme-live-page .wall-comment-form>input[name="comment"],
  .profile-theme-live-page .wall-comment-form>textarea{min-height:40px!important;padding:0 10px!important;font-size:11.5px!important}
  .profile-theme-live-page .wall-comment-form .emoji-picker,
  .profile-theme-live-page .wall-comment-form .emoji-picker>summary{width:40px!important;height:40px!important;min-height:40px!important}
  .profile-theme-live-page .wall-comment-form>button[type="submit"]{min-width:88px!important;min-height:40px!important;padding:0 10px!important;font-size:10.5px!important}
}


/* =========================================================
   Profile Live Theme V4 — tighter alignment under story strip.
   Hides empty highlights rows and keeps story shortcuts visually flush.
   ========================================================= */
.profile-theme-live-page .story-strip__rail{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
}
.profile-theme-live-page .story-strip__stories{
  flex:1 1 auto!important;
}
.profile-theme-live-page .story-strip__quick{
  margin-left:auto!important;
  justify-content:flex-end!important;
  align-self:center!important;
}
.profile-theme-live-page .profile-highlights--feed:empty{display:none!important}
.profile-theme-live-page .feed > .profile-tabs:first-child{margin-top:0!important}
.profile-theme-live-page .profile-layout{align-items:start!important}
.profile-theme-live-page .feed{align-content:start!important}
.profile-theme-live-page .left-rail,
.profile-theme-live-page .right-rail{align-content:start!important}

@media(max-width:1120px) and (min-width:761px){
  .profile-theme-live-page .story-strip__rail{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
}

@media(max-width:760px){
  .profile-theme-live-page .story-strip__quick{
    margin-left:0!important;
    justify-content:flex-start!important;
    align-self:flex-start!important;
  }
}


/* =========================================================
   Profile Live Theme V5 — definitive story rail alignment.
   The add-story action is its own item and stays visible on mobile.
   ========================================================= */
@media (min-width:761px){
  .profile-theme-live-page .story-strip.story-strip--pro{
    width:min(100%,var(--ht-profile-page-max,1280px))!important;
    max-width:var(--ht-profile-page-max,1280px)!important;
    margin:12px auto 14px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .profile-theme-live-page .story-strip__rail{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:14px!important;
  }
  .profile-theme-live-page .story-strip__add{
    flex:0 0 76px!important;
  }
  .profile-theme-live-page .story-strip__stories{
    flex:1 1 auto!important;
    width:auto!important;
  }
  .profile-theme-live-page .story-strip__quick{
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
}

@media (max-width:760px){
  .profile-theme-live-page .story-strip.story-strip--pro{
    width:auto!important;
    max-width:none!important;
    margin:12px 0 0!important;
    padding-left:0!important;
    padding-right:0!important;
    scroll-padding-left:14px!important;
  }
  .profile-theme-live-page .story-strip__rail{
    width:max-content!important;
    min-width:100%!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;
    padding:0 14px!important;
  }
  .profile-theme-live-page .story-strip__add{
    position:sticky!important;
    left:14px!important;
    z-index:12!important;
    flex:0 0 64px!important;
    width:64px!important;
    min-width:64px!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    isolation:isolate!important;
  }
  .profile-theme-live-page .story-strip__add:before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    top:-8px!important;
    right:-10px!important;
    bottom:-8px!important;
    left:-14px!important;
    border-radius:0 18px 18px 0!important;
    background:linear-gradient(90deg,#061126 74%,rgba(6,17,38,0))!important;
    pointer-events:none!important;
  }
  .profile-theme-live-page .story-strip__stories{
    flex:0 0 auto!important;
    width:auto!important;
    padding-left:0!important;
  }
  .profile-theme-live-page .story-strip__quick{
    flex:0 0 auto!important;
    margin-left:0!important;
  }
}


/* =========================================================
   Profile Live Theme V6 — graceful visitor state without Stories.
   A foreign profile no longer leaves a large unexplained blank area.
   ========================================================= */
@media (min-width:761px){
  .profile-theme-live-page .story-strip--empty .story-strip__rail{
    align-items:center!important;
  }
  .profile-theme-live-page .story-strip__empty-state{
    flex:1 1 auto!important;
    min-width:280px!important;
    min-height:86px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding:13px 18px!important;
    border:1px solid rgba(143,168,222,.12)!important;
    border-radius:16px!important;
    background:
      radial-gradient(circle at 12% 30%,rgba(255,73,194,.11),transparent 34%),
      linear-gradient(135deg,rgba(11,25,53,.76),rgba(7,17,38,.4))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  }
  .profile-theme-live-page .story-strip__empty-icon{
    flex:0 0 52px!important;
    width:52px!important;
    height:52px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,83,199,.35)!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,rgba(170,55,241,.2),rgba(44,155,255,.08))!important;
    color:#ff83d8!important;
    font-size:23px!important;
    box-shadow:0 0 24px rgba(221,66,224,.12)!important;
  }
  .profile-theme-live-page .story-strip__empty-copy{
    min-width:0!important;
    display:grid!important;
    gap:4px!important;
  }
  .profile-theme-live-page .story-strip__empty-copy strong{
    color:#f5f7ff!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  .profile-theme-live-page .story-strip__empty-copy small{
    color:#8e9db9!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }
  .profile-theme-live-page .story-strip--empty .story-strip__quick{
    align-self:center!important;
    padding-left:22px!important;
    border-left:1px solid rgba(157,181,229,.12)!important;
  }
}

@media (max-width:760px){
  .profile-theme-live-page .story-strip--empty .story-strip__empty-state{
    display:none!important;
  }
  .profile-theme-live-page .story-strip--empty .story-strip__rail{
    width:max-content!important;
    min-width:100%!important;
  }
  .profile-theme-live-page .story-strip--empty .story-strip__quick{
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important;
  }
}


/* =========================================================
   Profile Live Theme V16 — safe Challenges V15 integration
   Keeps the proven morning profile design; only adds challenge hooks.
   ========================================================= */
.profile-theme-live-page .profile-challenge-btn{cursor:pointer!important}
.profile-theme-live-page .identity-actions--member{max-width:720px!important}
.profile-theme-live-page .profile-challenges-v15{position:relative!important;z-index:2!important;width:min(100%,var(--ht-profile-page-max,1280px))!important;margin:14px auto!important}
.profile-theme-live-page .profile-challenges-v15__head h2{letter-spacing:-.025em!important}
.profile-theme-live-page .profile-mobile-challenge-btn{color:#fff!important;background:linear-gradient(135deg,#a83cff,#ff398a)!important;border-color:rgba(255,130,220,.36)!important;box-shadow:0 10px 24px rgba(220,50,182,.22)!important}
@media(max-width:1180px){
  .profile-theme-live-page .identity-actions .profile-challenge-btn{padding-inline:15px!important}
}
@media(max-width:760px){
  .profile-theme-live-page .profile-challenges-v15{width:auto!important;margin:12px 0!important}
  .profile-theme-live-page .identity-actions .profile-challenge-btn{display:none!important}
}


/* ======================================================================
   Profile Live Theme V20 — shared HerTime wordmark + dropdown above all
   ====================================================================== */

/* The global topbar already renders HerTime✦. Do not recreate the retired H tile. */
.profile-theme-live-page .topbar .brand,
.profile-theme-live-page .topbar .brand.ht-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  color:#ff4fb8!important;
  font-size:25px!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  line-height:1!important;
  transform:none!important;
}
.profile-theme-live-page .topbar .brand:before,
.profile-theme-live-page .topbar .brand.ht-brand:before,
.profile-theme-live-page .topbar .brand .ht-brand-mark{
  content:none!important;
  display:none!important;
}
.profile-theme-live-page .topbar .brand span{
  color:#fff!important;
}
.profile-theme-live-page .topbar .brand i{
  display:inline-block!important;
  margin-left:4px!important;
  color:#ff83cf!important;
  font-size:.62em!important;
  font-style:normal!important;
  line-height:1!important;
  transform:translateY(-.18em)!important;
  text-shadow:0 0 15px rgba(255,79,184,.58)!important;
}

/* Keep the hero action dropdown in a stacking layer above Stories and all following panels. */
.profile-theme-live-page .profile-hero{
  z-index:40!important;
  overflow:visible!important;
}
.profile-theme-live-page .identity-card,
.profile-theme-live-page .identity-actions{
  overflow:visible!important;
}
.profile-theme-live-page .profile-action-menu{
  isolation:auto!important;
}
.profile-theme-live-page .profile-action-menu[open]{
  position:relative!important;
  z-index:10050!important;
}
.profile-theme-live-page .profile-action-menu[open] > summary{
  position:relative!important;
  z-index:10052!important;
}
.profile-theme-live-page .profile-action-menu > div{
  z-index:10051!important;
  isolation:isolate!important;
}
.profile-theme-live-page .story-strip,
.profile-theme-live-page .profile-challenges-v15,
.profile-theme-live-page .profile-layout{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:760px){
  .profile-theme-live-page .topbar .brand,
  .profile-theme-live-page .topbar .brand.ht-brand{
    margin:0 auto!important;
    transform:translateX(18px)!important;
    font-size:21px!important;
  }
  .profile-theme-live-page .profile-action-menu > div{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:76px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 92px)!important;
    overflow:auto!important;
    z-index:10051!important;
  }
}


/* ======================================================================
   Profile V22 — brand always stays in the left topbar slot on mobile
   ====================================================================== */
@media(max-width:760px){
  .profile-theme-live-page .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:8px!important;
    padding-inline:12px!important;
    overflow:visible!important;
  }
  .profile-theme-live-page .topbar>.brand,
  .profile-theme-live-page .topbar>.brand.ht-brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    margin:0!important;
    transform:none!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:nowrap!important;
  }
  .profile-theme-live-page .topbar>.top-actions{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
    min-width:0!important;
  }
}