/*
 * HeartLink Professional UI v32
 * Visual-only design system. No database or business-logic changes.
 */
:root{
  color-scheme:dark;
  --v32-bg:#050506;
  --v32-bg-soft:#0a0a0d;
  --v32-surface:#111116;
  --v32-surface-2:#17171d;
  --v32-surface-3:#202027;
  --v32-text:#f7f7f9;
  --v32-muted:#9a9aa5;
  --v32-faint:#686873;
  --v32-line:rgba(255,255,255,.09);
  --v32-line-strong:rgba(255,255,255,.16);
  --v32-pink:#ff2d70;
  --v32-pink-soft:#ff5b91;
  --v32-purple:#8e5cff;
  --v32-cyan:#25d7e7;
  --v32-green:#30d486;
  --v32-danger:#ff4e65;
  --v32-radius-sm:10px;
  --v32-radius:14px;
  --v32-radius-lg:20px;
  --v32-nav-h:72px;
  --v32-shadow:0 16px 45px rgba(0,0,0,.34);
  --v32-ease:cubic-bezier(.22,.7,.2,1);
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--v32-bg)}
body.hlv32-ready,
body:has(.hlv32-bottom-nav){
  background:var(--v32-bg)!important;
  color:var(--v32-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.hlv32-ready button,
body.hlv32-ready a,
body.hlv32-ready input,
body.hlv32-ready textarea,
body.hlv32-ready select{font-family:inherit}
body.hlv32-ready button,
body.hlv32-ready a{touch-action:manipulation}
body.hlv32-ready button:focus-visible,
body.hlv32-ready a:focus-visible,
body.hlv32-ready input:focus-visible,
body.hlv32-ready textarea:focus-visible,
body.hlv32-ready select:focus-visible{outline:2px solid var(--v32-cyan);outline-offset:2px}

/* ---------- Bottom navigation ---------- */
body.has-app-bottom-nav{padding-bottom:calc(var(--v32-nav-h) + max(8px,env(safe-area-inset-bottom)))!important}
.hlv32-bottom-nav.app-bottom-nav{
  position:fixed!important;
  z-index:2147482000!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  width:min(100%,600px)!important;
  height:calc(var(--v32-nav-h) + max(6px,env(safe-area-inset-bottom)))!important;
  padding:5px 8px max(6px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  background:rgba(7,7,9,.94)!important;
  border:0!important;
  border-top:1px solid var(--v32-line)!important;
  box-shadow:0 -14px 36px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(24px) saturate(1.3)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.3)!important;
}
.hlv32-bottom-nav .app-bottom-item{
  position:relative!important;
  min-width:0!important;
  height:60px!important;
  padding:4px 2px!important;
  gap:4px!important;
  border-radius:14px!important;
  color:#777783!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:690!important;
  letter-spacing:.01em!important;
  transition:color .18s var(--v32-ease),transform .18s var(--v32-ease),background .18s var(--v32-ease)!important;
}
.hlv32-bottom-nav .app-bottom-item:active{transform:scale(.94)!important}
.hlv32-bottom-nav .app-bottom-item.active{color:#fff!important;background:transparent!important}
.hlv32-bottom-nav .app-bottom-item.active:after{
  content:"";
  position:absolute;
  top:1px;
  left:50%;
  width:18px;
  height:2px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--v32-cyan),var(--v32-pink));
  box-shadow:0 0 12px rgba(255,45,112,.28);
}
.hlv32-bottom-nav .app-bottom-icon{
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  color:currentColor!important;
}
.hlv32-bottom-nav .app-bottom-icon svg{
  width:25px!important;
  height:25px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.hlv32-bottom-nav .create-item{transform:none!important}
.hlv32-bottom-nav .create-item:after{display:none!important}
.hlv32-bottom-nav .create-item .hlv32-create-disc{
  width:46px!important;
  height:32px!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,var(--v32-cyan) 0 9%,#fff 9% 91%,var(--v32-pink) 91%)!important;
  color:#060607!important;
  box-shadow:none!important;
}
.hlv32-bottom-nav .create-item .hlv32-create-disc svg{width:22px!important;height:22px!important;stroke-width:2.2!important}
.hlv32-bottom-nav .create-item.active .hlv32-create-disc{box-shadow:0 0 0 2px rgba(255,255,255,.18),0 7px 20px rgba(37,215,231,.12)!important}

/* ---------- Shared professional components ---------- */
body.hlv32-ready .hl-card,
body.hlv32-ready .card,
body.hlv32-ready .profile-card,
body.hlv32-ready .hl-social-card,
body.hlv32-ready .hl-choice{
  background:var(--v32-surface)!important;
  border:1px solid var(--v32-line)!important;
  border-radius:var(--v32-radius-lg)!important;
  box-shadow:none!important;
}
body.hlv32-ready .hl-btn,
body.hlv32-ready .btn,
body.hlv32-ready .hl35-follow-btn,
body.hlv32-ready .hl35-message-btn{
  min-height:44px;
  border-radius:12px!important;
  font-weight:780!important;
  letter-spacing:-.01em;
  box-shadow:none!important;
  transition:transform .16s var(--v32-ease),filter .16s var(--v32-ease),background .16s var(--v32-ease)!important;
}
body.hlv32-ready .hl-btn:active,
body.hlv32-ready .btn:active,
body.hlv32-ready .hl35-follow-btn:active,
body.hlv32-ready .hl35-message-btn:active{transform:scale(.975)!important}
body.hlv32-ready .hl-btn:not(.secondary):not(.danger),
body.hlv32-ready .btn:not(.ghost):not(.secondary):not(.danger),
body.hlv32-ready .hl35-follow-btn:not(.following){background:linear-gradient(100deg,var(--v32-pink),var(--v32-purple))!important;color:#fff!important;border:0!important}
body.hlv32-ready .secondary,
body.hlv32-ready .ghost,
body.hlv32-ready .hl35-follow-btn.following,
body.hlv32-ready .hl35-message-btn{background:var(--v32-surface-2)!important;color:#f2f2f5!important;border:1px solid var(--v32-line-strong)!important}
body.hlv32-ready input,
body.hlv32-ready textarea,
body.hlv32-ready select,
body.hlv32-ready .hl-input,
body.hlv32-ready .hl-select{
  background:var(--v32-surface-2)!important;
  color:var(--v32-text)!important;
  border:1px solid var(--v32-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.hlv32-ready input:focus,
body.hlv32-ready textarea:focus,
body.hlv32-ready select:focus{border-color:rgba(255,255,255,.28)!important;box-shadow:0 0 0 3px rgba(255,255,255,.045)!important}
body.hlv32-ready .muted,
body.hlv32-ready .hl-muted,
body.hlv32-ready .hl-subtitle{color:var(--v32-muted)!important}
body.hlv32-ready .hl-topbar{
  background:rgba(7,7,9,.9)!important;
  border-bottom:1px solid var(--v32-line)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
}
body.hlv32-ready .hl-logo{background:#fff!important;color:#080809!important;box-shadow:none!important}
body.hlv32-ready .hl-icon-btn,
body.hlv32-ready .hl-back{background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;box-shadow:none!important}
body.hlv32-ready .hl-chip{background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;color:var(--v32-muted)!important}
body.hlv32-ready .hl-chip.active{background:#f5f5f7!important;border-color:#f5f5f7!important;color:#08080a!important}

/* ---------- Reels home ---------- */
.hlr34-body.hlv32-ready{background:#000!important;overflow:hidden}
.hlr34-body .hlr34-topbar{
  height:68px!important;
  padding:max(12px,env(safe-area-inset-top)) 14px 8px!important;
  align-items:flex-end!important;
  background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.08),transparent)!important;
}
.hlr34-body .hlv32-feed-brand{
  position:absolute;
  left:14px;
  bottom:8px;
  width:37px;
  height:37px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  background:rgba(10,10,12,.42);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(12px);
}
.hlr34-body .hlv32-feed-brand svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hlr34-body .hlr34-tabs{gap:26px!important}
.hlr34-body .hlr34-tabs a{font-size:15px!important;font-weight:680!important;color:rgba(255,255,255,.57)!important;letter-spacing:-.01em!important}
.hlr34-body .hlr34-tabs a.active{color:#fff!important;font-weight:790!important}
.hlr34-body .hlr34-tabs a.active:after{bottom:-8px!important;width:24px!important;height:2.5px!important}
.hlr34-body .hlr34-search{right:12px!important;bottom:6px!important;width:40px!important;height:40px!important;border-radius:12px;background:rgba(10,10,12,.38);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.hlr34-body .hlr34-search svg{width:24px!important;height:24px!important;stroke-width:2!important}
.hlr34-body .hlr34-feed{height:calc(100dvh - var(--v32-nav-h) - max(6px,env(safe-area-inset-bottom)))!important}
.hlr34-body .hlr34-card{height:calc(100dvh - var(--v32-nav-h) - max(6px,env(safe-area-inset-bottom)))!important;background:#000!important}
.hlr34-body .hlr34-video{object-fit:cover!important}
.hlr34-body .hlr34-shade{background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 20%,transparent 49%,rgba(0,0,0,.82) 100%)!important}
.hlr34-body .hlr34-sound{top:76px!important;right:13px!important;width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(8,8,10,.42)!important;box-shadow:none!important}
.hlr34-body .hlr34-actions{right:10px!important;bottom:20px!important;width:58px!important;gap:14px!important}
.hlr34-body .hlr34-avatar{width:48px!important;height:48px!important;border:2px solid #fff!important;background:var(--v32-surface-2)!important;box-shadow:0 5px 18px rgba(0,0,0,.28)!important}
.hlr34-body .hlr34-avatar-wrap{margin-bottom:6px!important}
.hlr34-body .hlr34-follow{width:23px!important;height:23px!important;bottom:-9px!important;border:2px solid #050506!important;background:var(--v32-pink)!important;box-shadow:0 0 0 1px rgba(255,255,255,.75)!important}
.hlr34-body .hlr34-follow.following{background:var(--v32-surface-3)!important;color:#fff!important}
.hlr34-body .hlr34-action{min-width:52px!important;gap:3px!important;font-size:11px!important;font-weight:760!important;text-shadow:0 2px 8px rgba(0,0,0,.75)!important}
.hlr34-body .hlr34-action svg{
  width:35px!important;
  height:35px!important;
  padding:6px!important;
  border-radius:0!important;
  fill:transparent!important;
  stroke:#fff!important;
  stroke-width:1.65!important;
  background:transparent!important;
  border:0!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.72))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hlr34-body .hlr34-like.liked svg{fill:var(--v32-pink)!important;stroke:var(--v32-pink)!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hlr34-body .hlr34-meta{left:14px!important;right:77px!important;bottom:20px!important;text-shadow:0 2px 8px rgba(0,0,0,.82)!important}
.hlr34-body .hlv32-author-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}
.hlr34-body .hlv32-author-name{font-size:15px;font-weight:820;letter-spacing:-.01em;color:#fff;text-decoration:none}
.hlr34-body .hlv32-author-handle{font-size:12px;font-weight:640;color:rgba(255,255,255,.74)}
.hlr34-body .hlr35-relation{margin-left:0!important;padding:3px 7px!important;font-size:8px!important;background:rgba(10,10,12,.44)!important}
.hlr34-body .hlr34-meta p{margin:5px 0 8px!important;font-size:13px!important;line-height:1.4!important;font-weight:470!important}
.hlr34-body .hlr34-audio{width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.28);font-size:11px!important;gap:6px!important}
.hlr34-body .hlr34-empty{
  height:calc(100dvh - var(--v32-nav-h) - max(6px,env(safe-area-inset-bottom)))!important;
  padding:92px 24px 26px!important;
  background:radial-gradient(circle at 50% 34%,rgba(142,92,255,.13),transparent 30%),#060607!important;
}
.hlr34-body .hlr34-empty-icon{width:68px!important;height:68px!important;border-radius:21px!important;background:var(--v32-surface-2)!important;border:1px solid var(--v32-line)!important;box-shadow:none!important;color:#f5f5f7!important}
.hlr34-body .hlr34-empty-icon svg{width:34px!important;height:34px!important;stroke-width:1.6!important}
.hlr34-body .hlr34-empty h1{margin:19px 0 7px!important;font-size:23px!important;letter-spacing:-.04em!important}
.hlr34-body .hlr34-empty p{font-size:14px!important;color:var(--v32-muted)!important;max-width:330px!important}
.hlr34-body .hlr34-empty-actions{margin-top:20px!important;gap:8px!important}
.hlr34-body .hlr34-empty-actions a{min-height:43px!important;padding:0 16px!important;display:inline-grid!important;place-items:center!important;border-radius:12px!important;background:var(--v32-surface-2)!important;border:1px solid var(--v32-line-strong)!important;font-size:13px!important}
.hlr34-body .hlr34-empty-actions a.primary{background:#fff!important;color:#080809!important;border-color:#fff!important}

/* ---------- Profile ---------- */
.hlp33-body.hlv32-ready{
  background:var(--v32-bg)!important;
  color:var(--v32-text)!important;
  padding-bottom:calc(var(--v32-nav-h) + 14px)!important;
}
.hlp33-body .hlp33-topbar{
  min-height:62px!important;
  height:auto!important;
  padding:calc(8px + env(safe-area-inset-top)) 14px 8px!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  background:rgba(5,5,6,.9)!important;
  border-bottom:1px solid var(--v32-line)!important;
  backdrop-filter:blur(24px)!important;
}
.hlp33-body .hlp33-title{font-size:14px!important;font-weight:760!important;letter-spacing:-.01em!important}
.hlp33-body .hlp33-round{width:38px!important;height:38px!important;border-radius:12px!important;background:transparent!important;border:0!important}
.hlp33-body .hlp33-round svg{width:23px!important;height:23px!important;stroke-width:1.7!important}
.hlp33-body .hlp33-main{width:min(100%,640px)!important}
.hlp33-body .hlp33-profile-head{padding:20px 16px 17px!important;text-align:left!important;background:#08080a!important;border-bottom:1px solid var(--v32-line)!important}
.hlp33-body .hlp33-profile-head:before{display:none!important}
.hlp33-body .hlv32-profile-summary{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center}
.hlp33-body .hlp33-avatar-shell{width:92px!important;height:92px!important;margin:0!important}
.hlp33-body .hlp33-avatar{width:92px!important;height:92px!important;border:2px solid #fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.08)!important}
.hlp33-body .hlp33-avatar-fallback{font-size:34px!important;background:linear-gradient(145deg,var(--v32-pink),var(--v32-purple))!important}
.hlp33-body .hlp33-avatar-plus{width:29px!important;height:29px!important;right:-2px!important;bottom:0!important;border:3px solid #08080a!important;background:#fff!important;color:#09090b!important;font-size:20px!important;box-shadow:none!important}
.hlp33-body .hlv32-profile-copy{min-width:0}
.hlp33-body .hlp33-profile-head h1{margin:0!important;font-size:21px!important;font-weight:790!important;letter-spacing:-.03em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hlp33-body .hlp33-username{margin:3px 0 0!important;color:var(--v32-muted)!important;font-size:12px!important;font-weight:630!important}
.hlp33-body .hl35-badges{justify-content:flex-start!important;margin:7px 0 0!important}
.hlp33-body .hlp33-stats{width:100%!important;margin:15px 0 0!important;padding:0!important;gap:4px!important;background:transparent!important;border:0!important;border-radius:0!important}
.hlp33-body .hlp33-stats a,
.hlp33-body .hlp33-stats div{min-height:48px;padding:4px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;text-decoration:none!important}
.hlp33-body .hlp33-stats div+div:before{display:none!important}
.hlp33-body .hlp33-stats strong{font-size:16px!important;line-height:1!important;font-weight:790!important}
.hlp33-body .hlp33-stats span{font-size:9px!important;line-height:1!important;color:var(--v32-muted)!important;font-weight:650!important}
.hlp33-body .hlp33-bio{margin:13px 0 0!important;max-width:none!important;color:#d8d8de!important;font-size:13px!important;line-height:1.5!important}
.hlp33-body .hlp33-add-bio{margin-top:12px!important;color:#d8d8de!important;font-size:12px!important}
.hlp33-body .hlp33-public-actions,
.hlp33-body .hlv32-profile-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:13px!important}
.hlp33-body .hlp33-follow,
.hlp33-body .hlp33-message,
.hlp33-body .hlp33-action{width:auto!important;min-width:0!important;min-height:40px!important;height:40px!important;border-radius:10px!important;font-size:12px!important;font-weight:760!important;box-shadow:none!important}
.hlp33-body .hlp33-follow{background:#fff!important;color:#08080a!important}
.hlp33-body .hlp33-follow.following{background:var(--v32-surface-2)!important;color:#fff!important;border:1px solid var(--v32-line-strong)!important}
.hlp33-body .hlp33-message{background:var(--v32-surface-2)!important;border:1px solid var(--v32-line-strong)!important}
.hlp33-body .hlp33-action-rail{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:13px!important}
.hlp33-body .hlp33-action{padding:0 12px!important;display:flex!important;flex-direction:row!important;gap:7px!important;background:var(--v32-surface-2)!important;border:1px solid var(--v32-line-strong)!important;color:#fff!important;text-decoration:none!important}
.hlp33-body .hlp33-action.upload{background:#fff!important;color:#08080a!important;border-color:#fff!important}
.hlp33-body .hlp33-action svg{width:18px!important;height:18px!important}
.hlp33-body .hlp33-action span{font-size:12px!important;font-weight:760!important}
.hlp33-body .hlp33-reels-section{margin-top:0!important;background:#050506!important;border-top:0!important}
.hlp33-body .hlp33-tabs{height:49px!important;border-bottom:1px solid var(--v32-line)!important}
.hlp33-body .hlp33-tab{min-width:120px!important;font-size:11px!important;font-weight:720!important;color:#fff!important}
.hlp33-body .hlp33-tab:after{left:31px!important;right:31px!important;bottom:-1px!important;height:2px!important;background:#fff!important}
.hlp33-body .hlp33-tab svg{width:19px!important;height:19px!important}
.hlp33-body .hlp33-grid{gap:1px!important;background:#050506!important}
.hlp33-body .hlp33-reel-card{aspect-ratio:9/13!important;background:#111116!important}
.hlp33-body .hlp33-views{left:7px!important;bottom:7px!important;font-size:10px!important}
.hlp33-body .hlp33-empty{margin:22px 14px!important;padding:35px 18px!important;border-radius:18px!important;background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important}
.hlp33-body .hlp33-empty-icon{width:58px!important;height:58px!important;border-radius:18px!important;background:var(--v32-surface-2)!important;color:#fff!important}

/* Profile and reel forms */
.hlp33-form-body.hlv32-ready{background:var(--v32-bg)!important}
.hlp33-form-body .hlp33-form-topbar{height:62px!important;padding:calc(8px + env(safe-area-inset-top)) 12px 7px!important;background:rgba(5,5,6,.92)!important;border-bottom:1px solid var(--v32-line)!important}
.hlp33-form-body .hlp33-form-topbar strong{font-size:15px!important;font-weight:760!important}
.hlp33-form-body .hlp33-form-main{padding:16px 12px 26px!important}
.hlp33-form-body .hlp33-upload-card{padding:13px!important;border-radius:19px!important;background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;box-shadow:none!important}
.hlp33-form-body .hlp33-video-picker{border-radius:15px!important;background:#050506!important;border:1px solid var(--v32-line)!important}
.hlp33-form-body .hlp33-video-placeholder svg{background:#fff!important;color:#08080a!important;border-radius:13px!important}
.hlp33-form-body .hlp33-publish{height:48px!important;border-radius:12px!important;background:#fff!important;color:#08080a!important;box-shadow:none!important}

/* ---------- Full reel viewer and engagement sheets ---------- */
.hlp33-reel-body{background:#000!important}
.hlp33-reel-body .hlp33-reel-back{width:39px!important;height:39px!important;background:rgba(10,10,12,.44)!important;border:1px solid rgba(255,255,255,.13)!important}
.hlp33-reel-body .hlp33-reel-actions{right:10px!important;gap:13px!important}
.hlp33-reel-body .hlp33-reel-actions button,
.hlp33-reel-body .hlp33-reel-stat{min-width:48px!important}
.hlp33-reel-body .hlp33-reel-actions svg{width:35px!important;height:35px!important;padding:6px!important;border-radius:50%!important;background:rgba(10,10,12,.32)!important;border:1px solid rgba(255,255,255,.08)!important}
.hlp33-reel-body .hlp33-reel-author{left:14px!important;right:72px!important}
.hlp33-reel-body .hlp33-reel-author img,
.hlp33-reel-body .hlp33-reel-author a>span{width:38px!important;height:38px!important}
.hlp33-reel-body .hlp33-reel-author b{font-size:13px!important}
.hlp33-reel-body .hlp33-reel-author p{font-size:12px!important}
.hlr36-layer .hlr36-backdrop{background:rgba(0,0,0,.66)!important;backdrop-filter:blur(5px)!important}
.hlr36-layer .hlr36-sheet{background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -20px 65px rgba(0,0,0,.48)!important}
.hlr36-layer .hlr36-sheet:before{content:"";display:block;width:36px;height:4px;border-radius:99px;background:#4b4b55;margin:8px auto 0}
.hlr36-layer .hlr36-sheet-head{height:51px!important;flex-basis:51px!important;border-bottom:1px solid var(--v32-line)!important}
.hlr36-layer .hlr36-close{width:34px!important;height:34px!important;background:transparent!important;font-size:24px!important}
.hlr36-layer .hlr36-comment-form{background:#0d0d11!important;border-top:1px solid var(--v32-line)!important}
.hlr36-layer .hlr36-comment-form textarea{background:var(--v32-surface-2)!important;border:1px solid var(--v32-line)!important;border-radius:12px!important}
.hlr36-layer .hlr36-comment-form button{height:42px!important;border-radius:11px!important;background:#fff!important;color:#08080a!important}
.hlr36-layer .hlr36-share-icon{background:var(--v32-surface-2)!important;border:1px solid var(--v32-line)!important}
.hlr36-layer .hlr36-cancel{background:var(--v32-surface-2)!important;border:1px solid var(--v32-line)!important;border-radius:11px!important}

/* ---------- Rooms and create room ---------- */
body.hlv32-ready .hl-shell{width:100%!important;min-height:100dvh!important;background:var(--v32-bg)!important}
body.hlv32-ready .hl-page{width:min(100%,720px)!important;padding:13px 13px 22px!important}
body.hlv32-ready .hl-topbar{min-height:62px!important;padding:calc(8px + env(safe-area-inset-top)) 13px 8px!important}
body.hlv32-ready .hl-brand{font-size:18px!important;font-weight:790!important;letter-spacing:-.02em!important}
body.hlv32-ready .hl-logo{width:32px!important;height:32px!important;border-radius:10px!important;font-size:15px!important}
body.hlv32-ready .hl-top-actions{gap:4px!important}
body.hlv32-ready .hl-icon-btn{width:38px!important;height:38px!important;border-radius:12px!important;background:transparent!important;border:0!important;font-size:17px!important}
body.hlv32-ready form.hl-search,
body.hlv32-ready .hl-page>.hl-search{height:47px!important;padding:0 13px!important;border-radius:13px!important;background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important}
body.hlv32-ready .hl-search input{font-size:14px!important}
body.hlv32-ready .hl-chips{gap:7px!important;padding:12px 0 3px!important}
body.hlv32-ready .hl-chip{padding:8px 12px!important;border-radius:10px!important;font-size:11px!important;font-weight:690!important}
body.hlv32-ready .hl-section-head{margin:18px 1px 10px!important;align-items:center!important}
body.hlv32-ready .hl-section-head h1,
body.hlv32-ready .hl-section-head h2{font-size:19px!important;font-weight:790!important;letter-spacing:-.035em!important}
body.hlv32-ready .hl-section-head span{font-size:11px!important}
body.hlv32-ready .hl-room-grid{gap:9px!important}
body.hlv32-ready .hl-room-card{min-height:235px!important;border-radius:16px!important;border:1px solid var(--v32-line)!important;background:var(--v32-surface)!important;box-shadow:none!important}
body.hlv32-ready .hl-room-thumb{filter:saturate(.9) contrast(1.02)!important}
body.hlv32-ready .hl-room-card:after{background:linear-gradient(180deg,rgba(0,0,0,.03) 30%,rgba(0,0,0,.9) 100%)!important}
body.hlv32-ready .hl-room-badges{top:8px!important;left:8px!important;right:8px!important;justify-content:flex-start!important;gap:5px!important;flex-wrap:wrap!important}
body.hlv32-ready .hl-badge{padding:5px 7px!important;border-radius:7px!important;font-size:8.5px!important;font-weight:800!important;background:rgba(7,7,9,.56)!important;border:1px solid rgba(255,255,255,.12)!important}
body.hlv32-ready .hl-badge.live{background:var(--v32-pink)!important;border-color:transparent!important}
body.hlv32-ready .hl-room-info{left:10px!important;right:10px!important;bottom:10px!important}
body.hlv32-ready .hl-room-info h3{font-size:14px!important;font-weight:760!important;margin-bottom:6px!important}
body.hlv32-ready .hl-host-line{font-size:10.5px!important;color:#c7c7cf!important}
body.hlv32-ready .hl-host-line img{width:22px!important;height:22px!important}
body.hlv32-ready .hl-fab{display:none!important}
body.hlv32-ready .hl-choice-grid{gap:9px!important}
body.hlv32-ready .hl-choice{min-height:150px!important;padding:16px!important;border-radius:17px!important}
body.hlv32-ready .hl-choice-icon{font-size:32px!important}
body.hlv32-ready .hl-choice h2{font-size:17px!important;margin:12px 0 5px!important}
body.hlv32-ready .hl-choice p{font-size:12px!important}
body.hlv32-ready .hl-title{font-size:23px!important;font-weight:800!important;letter-spacing:-.04em!important}
body.hlv32-ready .hl-card{padding:15px!important;border-radius:17px!important}
body.hlv32-ready .hl-field{margin:12px 0!important}
body.hlv32-ready .hl-field label{font-size:11.5px!important;font-weight:720!important}
body.hlv32-ready .hl-input,
body.hlv32-ready .hl-select{height:47px!important;border-radius:11px!important;font-size:13px!important}
body.hlv32-ready .hl-btn{min-height:46px!important;border-radius:11px!important;font-size:13px!important}
body.hlv32-ready .hl-source-switch{padding:5px!important;border-radius:13px!important;background:#0c0c0f!important}
body.hlv32-ready .hl-source-switch button{min-height:42px!important;border-radius:9px!important}
body.hlv32-ready .hl-source-switch button.active{background:var(--v32-surface-3)!important;box-shadow:none!important;border:1px solid var(--v32-line)!important}
body.hlv32-ready .hl-upload-drop,
body.hlv32-ready .hl-video-history-empty,
body.hlv32-ready .hl-video-history-item{background:var(--v32-surface-2)!important;border-color:var(--v32-line-strong)!important;border-radius:14px!important}

/* ---------- Generic discover, notifications and list pages ---------- */
body.hlv32-ready .hl-social-page{background:var(--v32-bg)!important;min-height:100dvh!important}
body.hlv32-ready .hl-social-shell{width:min(100%,640px)!important;padding:14px 12px calc(var(--v32-nav-h) + 20px)!important}
body.hlv32-ready .hl-social-shell h1{font-size:22px!important;letter-spacing:-.04em!important}
body.hlv32-ready .hl-social-shell h2{font-size:15px!important;color:#e6e6eb!important;margin:18px 2px 9px!important}
body.hlv32-ready .hl-social-card{padding:14px!important;margin-bottom:9px!important;border-radius:15px!important}
body.hlv32-ready .grid{gap:10px!important}
body.hlv32-ready .profile-card{overflow:hidden!important;border-radius:16px!important}
body.hlv32-ready .profile-cover{height:70px!important;background:linear-gradient(120deg,#17171d,#24202c)!important}
body.hlv32-ready .profile-body{padding:0 13px 14px!important}
body.hlv32-ready .profile-body .avatar{width:70px!important;height:70px!important;border:3px solid var(--v32-surface)!important;margin-top:-35px!important}
body.hlv32-ready .profile-body h3{font-size:16px!important;margin:8px 0 3px!important}
body.hlv32-ready .profile-body p{font-size:12px!important;line-height:1.45!important}
body.hlv32-ready .profile-body .actions{gap:6px!important;display:flex!important;flex-wrap:wrap!important}
body.hlv32-ready .profile-body .actions>*{flex:1 1 auto!important}
body.hlv32-ready .hl35-badge{min-height:21px!important;padding:2px 7px!important;font-size:8.5px!important;background:var(--v32-surface-2)!important;border-color:var(--v32-line)!important}
body.hlv32-ready .hl35-badge.mutual{color:#ffd2e6!important;background:rgba(255,45,112,.12)!important;border-color:rgba(255,45,112,.25)!important}
body.hlv32-ready .hl35-follows-page{background:var(--v32-bg)!important;padding-bottom:calc(var(--v32-nav-h) + 25px)!important}
body.hlv32-ready .hl35-follows-head{background:rgba(5,5,6,.94)!important;padding-top:calc(10px + env(safe-area-inset-top))!important}
body.hlv32-ready .hl35-back{width:38px!important;height:38px!important;background:transparent!important}
body.hlv32-ready .hl35-tabs{border-color:var(--v32-line)!important}
body.hlv32-ready .hl35-tab{font-size:12px!important;font-weight:680!important;padding:11px!important}
body.hlv32-ready .hl35-tab.active{border-color:#fff!important}
body.hlv32-ready .hl35-person{padding:10px 2px!important;border-color:var(--v32-line)!important}
body.hlv32-ready .hl35-person-avatar{width:46px!important;height:46px!important;flex-basis:46px!important}

/* ---------- Chat list/conversation override ---------- */
body:has(.hl-chat-app){background:#050506!important}
.hl-chat-app{
  --main-nav-height:72px!important;
  background:var(--v32-bg)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.hl-chat-app .hl-chat-bg{background:radial-gradient(circle at 50% -10%,rgba(142,92,255,.12),transparent 33%),#050506!important;filter:none!important;transform:none!important}
.hl-chat-app .hl-chat-bg:after{display:none!important}
.hl-chat-app .hl-list-head{height:72px!important;padding:max(8px,env(safe-area-inset-top)) 12px 7px!important;grid-template-columns:40px 1fr 40px!important;background:rgba(5,5,6,.88)!important;border-bottom:1px solid var(--v32-line)!important;backdrop-filter:blur(24px)!important}
.hl-chat-app .hl-head-button{width:38px!important;height:38px!important;filter:none!important}
.hl-chat-app .hl-head-button svg{width:23px!important;height:23px!important;stroke-width:1.8!important}
.hl-chat-app .hl-head-button .badge{right:-2px!important;top:-2px!important;min-width:18px!important;height:18px!important;background:var(--v32-pink)!important;color:#fff!important;font-size:9px!important}
.hl-chat-app .hl-wordmark{font-size:20px!important;line-height:1!important;font-weight:820!important;letter-spacing:-.04em!important;text-shadow:none!important;text-transform:none!important}
.hl-chat-app .hl-wordmark span{color:var(--v32-pink)!important}
.hl-chat-app .hl-list-scroll{top:72px!important;bottom:calc(var(--main-nav-height) + 58px)!important;padding:11px 12px 22px!important}
.hl-chat-app .hl-search{position:sticky!important;top:0!important;height:46px!important;padding:0 12px!important;border-radius:13px!important;background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;box-shadow:none!important;backdrop-filter:none!important}
.hl-chat-app .hl-search svg{width:23px!important;height:23px!important;flex-basis:23px!important;stroke-width:1.8!important;color:var(--v32-muted)!important}
.hl-chat-app .hl-search input{font-size:14px!important;font-weight:500!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0!important}
.hl-chat-app .hl-search input::placeholder{color:#777782!important}
.hl-chat-app .hl-search-clear{width:28px!important;height:28px!important;font-size:20px!important}
.hl-chat-app .hl-search-results{top:53px!important;border-radius:14px!important;background:#0d0d11!important;border:1px solid var(--v32-line)!important;box-shadow:var(--v32-shadow)!important}
.hl-chat-app .hl-list-panel{padding-top:7px!important}
.hl-chat-app .hl-person-row{min-height:68px!important;gap:11px!important;padding:7px 5px!important;border-radius:12px!important;text-shadow:none!important}
.hl-chat-app .hl-person-row:active{background:var(--v32-surface)!important}
.hl-chat-app .hl-avatar{width:52px!important;height:52px!important;flex-basis:52px!important;padding:0!important;border:0!important;background:var(--v32-surface-2)!important;box-shadow:none!important}
.hl-chat-app .hl-avatar img,
.hl-chat-app .hl-avatar i{font-size:18px!important;background:linear-gradient(145deg,#2a2434,#15151c)!important}
.hl-chat-app .hl-avatar .online{width:13px!important;height:13px!important;right:1px!important;bottom:2px!important;border:2px solid var(--v32-bg)!important;background:var(--v32-green)!important;box-shadow:none!important}
.hl-chat-app .hl-person-text strong{font-size:15px!important;font-weight:720!important;letter-spacing:-.01em!important}
.hl-chat-app .hl-person-text small{margin-top:4px!important;font-size:12px!important;color:var(--v32-muted)!important}
.hl-chat-app .hl-person-side{gap:5px!important}
.hl-chat-app .hl-person-side time{font-size:9px!important;color:var(--v32-faint)!important}
.hl-chat-app .hl-unread{min-width:20px!important;height:20px!important;padding:0 5px!important;font-size:9px!important;background:var(--v32-pink)!important;box-shadow:none!important}
.hl-chat-app .hl-empty{padding:52px 18px!important}
.hl-chat-app .hl-empty strong{font-size:18px!important}
.hl-chat-app .hl-empty span{font-size:12px!important}
.hl-chat-app .hl-tabs{bottom:calc(var(--main-nav-height) + 5px)!important;width:min(410px,94vw)!important;height:48px!important;padding:4px!important;border-radius:13px!important;background:#0d0d11!important;border:1px solid var(--v32-line)!important;box-shadow:none!important}
.hl-chat-app .hl-tab{border-radius:9px!important;color:#777782!important}
.hl-chat-app .hl-tab b{font-size:11px!important;font-weight:700!important}
.hl-chat-app .hl-tab.active{background:var(--v32-surface-2)!important;color:#fff!important}
.hl-chat-app .hl-main-nav{
  height:calc(var(--main-nav-height) + max(6px,env(safe-area-inset-bottom)))!important;
  padding:5px 8px max(6px,env(safe-area-inset-bottom))!important;
  background:rgba(7,7,9,.95)!important;
  border-top:1px solid var(--v32-line)!important;
  box-shadow:none!important;
}
.hl-chat-app .hl-main-item{height:58px!important;border-radius:13px!important;color:#777783!important;font-size:10.5px!important;font-weight:690!important;gap:4px!important}
.hl-chat-app .hl-main-item svg{width:25px!important;height:25px!important;stroke-width:1.8!important}
.hl-chat-app .hl-main-item.active{color:#fff!important;background:transparent!important}
.hl-chat-app .hl-main-item.create{transform:none!important}
.hl-chat-app .hl-main-item.create .create-disc{width:46px!important;height:32px!important;border-radius:10px!important;background:linear-gradient(90deg,var(--v32-cyan) 0 9%,#fff 9% 91%,var(--v32-pink) 91%)!important;color:#08080a!important;box-shadow:none!important}
.hl-chat-app .hl-main-item.create svg{width:22px!important;height:22px!important}
.hl-chat-app .hl-conv-head{height:70px!important;padding:max(8px,env(safe-area-inset-top)) 10px 7px!important;background:rgba(5,5,6,.88)!important;border-bottom:1px solid var(--v32-line)!important;backdrop-filter:blur(24px)!important}
.hl-chat-app .hl-conv-head .hl-avatar{width:42px!important;height:42px!important;flex-basis:42px!important}
.hl-chat-app .hl-conv-copy strong{font-size:14px!important;font-weight:730!important}
.hl-chat-app .hl-conv-copy small{font-size:10px!important;color:var(--v32-muted)!important}
.hl-chat-app .hl-back,
.hl-chat-app .hl-menu-btn{width:38px!important;height:38px!important;background:transparent!important;border:0!important}
.hl-chat-app .hl-message-stream{top:70px!important;background:transparent!important}
.hl-chat-app .hl-relation-note{top:70px!important;font-size:10px!important;background:#15151b!important;border-bottom:1px solid var(--v32-line)!important}
.hl-chat-app .hl-message{font-size:13px!important;line-height:1.42!important}
.hl-chat-app .hl-message .bubble,
.hl-chat-app .hl-message>div:not(.hl-rave-voice){border-radius:15px!important}
.hl-chat-app .hl-message.mine .bubble,
.hl-chat-app .hl-message.mine>div:not(.hl-rave-voice){background:linear-gradient(135deg,#ef2768,#8a51ed)!important}
.hl-chat-app .hl-composer{background:rgba(7,7,9,.96)!important;border-top:1px solid var(--v32-line)!important;backdrop-filter:blur(20px)!important}
.hl-chat-app .hl-composer-shell,
.hl-chat-app .hl-composer form{background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;border-radius:18px!important}
.hl-chat-app .hl-composer input[name=body]{font-size:14px!important}

/* ---------- Live rooms, watch rooms and PK battle ---------- */
.hl-stage-page,
.hl-watch-rave-page{background:#000!important}
.hl-stage-page .hl-live-top,
.hl-watch-rave-page .hl-rave-topbar{filter:none!important}
.hl-stage-page .hl-live-host,
.hl-stage-page .hl-round-action,
.hl-watch-rave-page .hl-rave-icon,
.hl-watch-rave-page .hl-rave-members-button{background:rgba(8,8,10,.52)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}
.hl-stage-page .hl-live-host{padding:5px 9px 5px 5px!important}
.hl-stage-page .hl-round-action.end{background:var(--v32-danger)!important;border-color:transparent!important}
.hl-stage-page .hl-comment-form,
.hl-watch-rave-page .hl-rave-message-form{background:rgba(8,8,10,.68)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:none!important}
.hl-stage-page .hl-comment-form button,
.hl-watch-rave-page .hl-rave-send{background:#fff!important;color:#08080a!important}
.hl-stage-page .hl-action-dot,
.hl-watch-rave-page .hl-rave-mic,
.hl-watch-rave-page .hl-rave-gift{background:rgba(8,8,10,.58)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
.hl-stage-page .hl-chat-line{background:rgba(8,8,10,.38)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:10px!important}
.hl-stage-page .hl-filter-sheet,
.hl-stage-page .hl-gift-sheet,
.hl-watch-rave-page .hl-rave-bottom-sheet,
.hl-watch-rave-page .hl-growth-sheet,
.hl-watch-rave-page .hl-member-profile-sheet{background:#111116!important;border:1px solid var(--v32-line)!important;border-radius:20px!important;box-shadow:var(--v32-shadow)!important}
.hl-watch-rave-page .hl-rave-room-summary{background:#0b0b0e!important;border-color:var(--v32-line)!important}
.hl-watch-rave-page .hl-rave-now-playing,
.hl-watch-rave-page .hl-rave-invite-card{background:var(--v32-surface)!important;border-color:var(--v32-line)!important;border-radius:14px!important}
.hl-watch-rave-page .hl-rave-composer{background:rgba(7,7,9,.95)!important;border-top:1px solid var(--v32-line)!important}
.hl-battle-shell,
.hl-pk-battle,
[class*="battle-panel"],
[class*="pk-panel"]{--hl-pink:var(--v32-pink);--hl-purple:var(--v32-purple)}

/* ---------- Edit/settings pages ---------- */
.hlv32-ready .hl-profile-page,
.hlv32-ready .hl-profile-shell{background:var(--v32-bg)!important}
.hlv32-ready .hl-profile-hero,
.hlv32-ready .hl-profile-card{background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;box-shadow:none!important;border-radius:18px!important}
.hlv32-ready .hl-profile-settings{background:var(--v32-surface-2)!important;border:1px solid var(--v32-line)!important}
.hlv32-ready .hl-profile-field input,
.hlv32-ready .hl-profile-field textarea,
.hlv32-ready .hl-profile-field select{background:var(--v32-surface-2)!important;border-color:var(--v32-line)!important}

/* ---------- Motion and desktop ---------- */
@media(hover:hover){
  .hlv32-bottom-nav .app-bottom-item:hover{color:#d7d7dd!important}
  body.hlv32-ready .hl-room-card:hover{border-color:rgba(255,255,255,.22)!important;transform:translateY(-1px)}
  body.hlv32-ready .hl-room-card{transition:transform .18s var(--v32-ease),border-color .18s var(--v32-ease)!important}
}
@media(min-width:620px){
  .hlr34-body .hlr34-feed,
  .hlr34-body .hlr34-topbar{max-width:520px!important}
  .hlr34-body .hlr34-feed{border-left:1px solid #18181d!important;border-right:1px solid #18181d!important}
  .hlv32-bottom-nav.app-bottom-nav{border-left:1px solid var(--v32-line)!important;border-right:1px solid var(--v32-line)!important}
}
@media(max-width:390px){
  .hlp33-body .hlv32-profile-summary{grid-template-columns:82px minmax(0,1fr);gap:14px}
  .hlp33-body .hlp33-avatar-shell,
  .hlp33-body .hlp33-avatar{width:82px!important;height:82px!important}
  body.hlv32-ready .hl-room-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.hlv32-ready .hl-room-card{min-height:215px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
body.hlv32-ready .hl-logo svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.hlv32-ready .hl-icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.hlv32-ready .hl-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.hlv32-ready .hl-choice-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--v32-surface-2)!important;color:#fff!important}
body.hlv32-ready .hl-choice-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Public landing and authentication ---------- */
.hl-entry-body{
  background:var(--v32-bg)!important;
  color:var(--v32-text)!important;
}
.hl-entry-body .hl-entry-bg{opacity:.38!important}
.hl-entry-body .hl-entry-orb{filter:blur(90px)!important;opacity:.28!important}
.hl-entry-body .hl-entry-nav{background:rgba(5,5,6,.76)!important;border-color:var(--v32-line)!important;backdrop-filter:blur(22px)!important}
.hl-entry-body .hl-entry-brand{font-weight:800!important;letter-spacing:-.03em!important}
.hl-entry-body .hl-entry-logo{background:#fff!important;color:#09090b!important;box-shadow:none!important}
.hl-entry-body .hl-entry-btn,
.hl-entry-body .hl-auth-submit{border-radius:12px!important;box-shadow:none!important;font-weight:760!important}
.hl-entry-body .hl-entry-btn:not(.secondary),
.hl-entry-body .hl-auth-submit{background:#fff!important;color:#08080a!important}
.hl-entry-body .hl-entry-btn.secondary{background:var(--v32-surface)!important;color:#fff!important;border:1px solid var(--v32-line-strong)!important}
.hl-entry-body .hl-entry-kicker,
.hl-entry-body .hl-auth-pill{background:var(--v32-surface)!important;border-color:var(--v32-line)!important;box-shadow:none!important}
.hl-entry-body .hl-entry-gradient-text{background:linear-gradient(90deg,#fff,#d7d7df)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hl-entry-body .hl-entry-feature,
.hl-entry-body .hl-entry-cta,
.hl-entry-body .hl-auth-card{background:var(--v32-surface)!important;border:1px solid var(--v32-line)!important;box-shadow:none!important;border-radius:20px!important}
.hl-entry-body .hl-entry-feature:before{opacity:.18!important}
.hl-entry-body .hl-auth-side h1,
.hl-entry-body .hl-entry-hero h1{letter-spacing:-.055em!important}
.hl-entry-body .hl-auth-input-wrap{background:var(--v32-surface-2)!important;border:1px solid var(--v32-line)!important;border-radius:12px!important;box-shadow:none!important}
.hl-entry-body .hl-auth-input-wrap input{background:transparent!important;border:0!important;box-shadow:none!important}
.hl-entry-body .hl-auth-alert{border-radius:12px!important;box-shadow:none!important}
.hl-entry-body .hl-phone{box-shadow:0 24px 70px rgba(0,0,0,.42)!important;border-color:rgba(255,255,255,.13)!important}