/* ============================================================================
   HeartLink v92 — Reference Black/White Theme
   Palette-only. Does not change navigation geometry, button sizes/positions,
   swipe behavior, video layout, PHP logic, or feature behavior.
   ============================================================================ */

:root{
  --hl92-like:#ff3f78;
  --hl92-dark-bg:#050607;
  --hl92-dark-surface:#0d0f12;
  --hl92-dark-surface-2:#15171b;
  --hl92-dark-text:#f7f7f8;
  --hl92-dark-muted:#9a9da5;
  --hl92-dark-line:rgba(255,255,255,.10);
  --hl92-light-bg:#ffffff;
  --hl92-light-surface:#ffffff;
  --hl92-light-surface-2:#f4f4f6;
  --hl92-light-text:#111216;
  --hl92-light-muted:#747780;
  --hl92-light-line:rgba(17,18,22,.10);
}

html[data-hl-theme="dark"]{
  color-scheme:dark;
  --hl92-bg:var(--hl92-dark-bg);
  --hl92-surface:var(--hl92-dark-surface);
  --hl92-surface-2:var(--hl92-dark-surface-2);
  --hl92-text:var(--hl92-dark-text);
  --hl92-muted:var(--hl92-dark-muted);
  --hl92-line:var(--hl92-dark-line);
  --hl-bg:var(--hl92-dark-bg);--hl-bg2:#090a0c;--hl-panel:var(--hl92-dark-surface);--hl-panel2:var(--hl92-dark-surface-2);
  --hl-border:var(--hl92-dark-line);--hl-line:var(--hl92-dark-line);--hl-text:var(--hl92-dark-text);--hl-muted:var(--hl92-dark-muted);
  --bg:var(--hl92-dark-bg);--panel:var(--hl92-dark-surface);--text:var(--hl92-dark-text);--muted:var(--hl92-dark-muted);--line:var(--hl92-dark-line);
  --card:var(--hl92-dark-surface);--card2:var(--hl92-dark-surface-2);--surface:var(--hl92-dark-surface);--surface-hi:var(--hl92-dark-surface-2);
  --ink:var(--hl92-dark-text);--ink-muted:var(--hl92-dark-muted);
  --lv-bg:var(--hl92-dark-bg);--lv-panel:var(--hl92-dark-surface);--lv-panel2:var(--hl92-dark-surface-2);--lv-text:var(--hl92-dark-text);--lv-muted:var(--hl92-dark-muted);--lv-line:var(--hl92-dark-line);
  --lv35-bg:var(--hl92-dark-bg);--lv35-bg-2:#090a0c;--lv35-surface:var(--hl92-dark-surface);--lv35-surface-2:var(--hl92-dark-surface-2);--lv35-surface-3:#1c1f24;
  --lv35-line:var(--hl92-dark-line);--lv35-line-strong:rgba(255,255,255,.16);--lv35-text:var(--hl92-dark-text);--lv35-muted:var(--hl92-dark-muted);
  --p33-bg:var(--hl92-dark-bg);--p33-panel:var(--hl92-dark-surface);--p33-panel2:var(--hl92-dark-surface-2);--p33-text:var(--hl92-dark-text);--p33-muted:var(--hl92-dark-muted);--p33-line:var(--hl92-dark-line);
  --v32-bg:var(--hl92-dark-bg);--v32-bg-soft:#090a0c;--v32-surface:var(--hl92-dark-surface);--v32-surface-2:var(--hl92-dark-surface-2);--v32-surface-3:#1c1f24;
  --v32-text:var(--hl92-dark-text);--v32-muted:var(--hl92-dark-muted);--v32-faint:#757981;--v32-line:var(--hl92-dark-line);--v32-line-strong:rgba(255,255,255,.16);
  --a33-bg:var(--hl92-dark-bg);--a33-bg2:#090a0c;--a33-surface:var(--hl92-dark-surface);--a33-surface2:var(--hl92-dark-surface-2);--a33-text:var(--hl92-dark-text);--a33-muted:var(--hl92-dark-muted);--a33-line:var(--hl92-dark-line);
}
html[data-hl-theme="light"]{
  color-scheme:light;
  --hl92-bg:var(--hl92-light-bg);
  --hl92-surface:var(--hl92-light-surface);
  --hl92-surface-2:var(--hl92-light-surface-2);
  --hl92-text:var(--hl92-light-text);
  --hl92-muted:var(--hl92-light-muted);
  --hl92-line:var(--hl92-light-line);
  --hl-bg:#fff;--hl-bg2:#fafafa;--hl-panel:#fff;--hl-panel2:#f4f4f6;
  --hl-border:var(--hl92-light-line);--hl-line:var(--hl92-light-line);--hl-text:var(--hl92-light-text);--hl-muted:var(--hl92-light-muted);
  --bg:#fff;--panel:#fff;--text:var(--hl92-light-text);--muted:var(--hl92-light-muted);--line:var(--hl92-light-line);
  --card:#fff;--card2:#f4f4f6;--surface:#fff;--surface-hi:#f4f4f6;--ink:var(--hl92-light-text);--ink-muted:var(--hl92-light-muted);
  --lv-bg:#fff;--lv-panel:#fff;--lv-panel2:#f4f4f6;--lv-text:var(--hl92-light-text);--lv-muted:var(--hl92-light-muted);--lv-line:var(--hl92-light-line);
  --lv35-bg:#fff;--lv35-bg-2:#fafafa;--lv35-surface:#fff;--lv35-surface-2:#f4f4f6;--lv35-surface-3:#eceef1;
  --lv35-line:var(--hl92-light-line);--lv35-line-strong:rgba(17,18,22,.16);--lv35-text:var(--hl92-light-text);--lv35-muted:var(--hl92-light-muted);
  --p33-bg:#fff;--p33-panel:#fff;--p33-panel2:#f4f4f6;--p33-text:var(--hl92-light-text);--p33-muted:var(--hl92-light-muted);--p33-line:var(--hl92-light-line);
  --v32-bg:#fff;--v32-bg-soft:#fafafa;--v32-surface:#fff;--v32-surface-2:#f4f4f6;--v32-surface-3:#eceef1;
  --v32-text:var(--hl92-light-text);--v32-muted:var(--hl92-light-muted);--v32-faint:#999ca5;--v32-line:var(--hl92-light-line);--v32-line-strong:rgba(17,18,22,.16);
  --a33-bg:#fff;--a33-bg2:#fafafa;--a33-surface:#fff;--a33-surface2:#f4f4f6;--a33-text:var(--hl92-light-text);--a33-muted:var(--hl92-light-muted);--a33-line:var(--hl92-light-line);
}

/* Global page canvas. Media/reel/story/live stages remain media-first. */
html[data-hl-theme] body:not(.hlr34-body):not(.hl-stage-page){background:var(--hl92-bg)!important;color:var(--hl92-text)!important}
html[data-hl-theme] :is(.hl-shell,.lv34-body,.lv35-body,.hlp33-body,.s59,.hl-profile-body,.hlv33-analytics-body,.hlv52-audio-body){background:var(--hl92-bg)!important;color:var(--hl92-text)!important}

/* Shared headers and surfaces. */
html[data-hl-theme] :is(.topbar,.hl-topbar,.lv34-topbar,.lv35-topbar,.hlp33-topbar,.hlp33-form-topbar,.s59-head,.page-header,.section-header){
  background:var(--hl92-surface)!important;color:var(--hl92-text)!important;border-color:var(--hl92-line)!important;box-shadow:none!important
}
html[data-hl-theme] :is(.card,.hl-card,.hl-empty,.hl-panel,.panel,.sheet,.modal-content,.dialog,.lv34-card,.lv35-card,.lv34-balance,.lv35-balance-card,.hlp33-profile-head,.hlp33-stats,.hlp33-empty,.hls331-person,.hls331-empty,.hls331-error){
  background:var(--hl92-surface)!important;color:var(--hl92-text)!important;border-color:var(--hl92-line)!important
}

/* Inputs / search. */
html[data-hl-theme] :is(input:not([type="range"]),textarea,select,.hl-search,.s59-box,.lv34-input,.lv34-select,.lv34-textarea,.hl-input,.room-search,.search-box,.search-input){
  background:var(--hl92-surface-2)!important;color:var(--hl92-text)!important;border-color:var(--hl92-line)!important;box-shadow:none!important
}
html[data-hl-theme] :is(input,textarea)::placeholder{color:var(--hl92-muted)!important}

/* Tabs and selected chips are monochrome, as in the reference. */
html[data-hl-theme] :is(.hl-chip,.s59-tab,.tab,.chip,.filter-chip){background:var(--hl92-surface-2)!important;color:var(--hl92-muted)!important;border-color:var(--hl92-line)!important;box-shadow:none!important}
html[data-hl-theme="dark"] :is(.hl-chip,.s59-tab,.tab,.chip,.filter-chip).active{background:#fff!important;color:#111216!important;border-color:#fff!important}
html[data-hl-theme="light"] :is(.hl-chip,.s59-tab,.tab,.chip,.filter-chip).active{background:#111216!important;color:#fff!important;border-color:#111216!important}

/* Common primary actions become inverse monochrome. Shape/size untouched. */
html[data-hl-theme="dark"] :is(.hl-btn:not(.danger),.btn-primary,.primary-btn,.primary-action){background:#fff!important;background-image:none!important;color:#111216!important;border-color:#fff!important;box-shadow:none!important}
html[data-hl-theme="light"] :is(.hl-btn:not(.danger),.btn-primary,.primary-btn,.primary-action){background:#111216!important;background-image:none!important;color:#fff!important;border-color:#111216!important;box-shadow:none!important}

/* Profile / settings / utility pages. */
html[data-hl-theme] :is(.hlp33-title strong,.hlv32-profile-copy h1,.hlv33-profile-section-head h2,.hlp33-stats strong){color:var(--hl92-text)!important}
html[data-hl-theme] :is(.hlp33-username,.hlp33-title span,.hlv33-profile-section-head small,.hlp33-stats span,.hlp33-bio,.hlp33-add-bio){color:var(--hl92-muted)!important}
html[data-hl-theme] :is(.hlv33-profile-tools a,.hlp33-message,.hlp33-follow.following,.hlp33-follow){background:var(--hl92-surface)!important;color:var(--hl92-text)!important;border-color:var(--hl92-line)!important;box-shadow:none!important}
html[data-hl-theme] .hlv40-profile-tabs{background:var(--hl92-surface-2)!important;border-color:var(--hl92-line)!important}
html[data-hl-theme] .hlv40-profile-tab{color:var(--hl92-muted)!important}
html[data-hl-theme] .hlv40-profile-tab.active{background:var(--hl92-surface)!important;color:var(--hl92-text)!important;box-shadow:none!important}
html[data-hl-theme] :is(.lv34-nav-icon,.lv35-nav-icon){background:var(--hl92-surface-2)!important;background-image:none!important;color:var(--hl92-text)!important;border-color:var(--hl92-line)!important}

/* Rooms. */
html[data-hl-theme] .hl-shell .hl-search{background:var(--hl92-surface-2)!important;border-color:var(--hl92-line)!important;box-shadow:none!important}
html[data-hl-theme] .hl-shell .hl-empty{background:var(--hl92-surface)!important;color:var(--hl92-text)!important;border-color:var(--hl92-line)!important;box-shadow:none!important}
html[data-hl-theme] .hl-shell :is(.hl-section-head span,.hl-empty p){color:var(--hl92-muted)!important}

/* Search. */
html[data-hl-theme] .s59{background:var(--hl92-bg)!important;color:var(--hl92-text)!important}
html[data-hl-theme] .s59-head{background:var(--hl92-bg)!important;border-color:var(--hl92-line)!important}
html[data-hl-theme] .s59-box{background:var(--hl92-surface-2)!important;border-color:var(--hl92-line)!important}

/* Comments/share sheets. Background video behavior is not touched. */
html[data-hl-theme="dark"] :is(.hl-comment-sheet,.hl-share-sheet,.hlx88-sheet,.hlr384-sheet,.hlv79-sheet,.hlv82-sheet,.bottom-sheet){background:#0d0f12!important;color:#f7f7f8!important;border-color:rgba(255,255,255,.10)!important}
html[data-hl-theme="light"] :is(.hl-comment-sheet,.hl-share-sheet,.hlx88-sheet,.hlr384-sheet,.hlv79-sheet,.hlv82-sheet,.bottom-sheet){background:#fff!important;color:#111216!important;border-color:rgba(17,18,22,.10)!important}

/* Reels header only. Video sizing/placement is explicitly untouched. */
html[data-hl-theme="dark"] body.hl-home-v71 .hl70-header{background:rgba(8,9,11,.98)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl70-header{background:rgba(255,255,255,.99)!important;border-color:rgba(17,18,22,.08)!important;box-shadow:none!important}
html[data-hl-theme="dark"] body.hl-home-v71 .hl71-brand-text strong{color:#fff!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl71-brand-text strong{color:#111216!important}
html[data-hl-theme="dark"] body.hl-home-v71 .hl70-tabs a{color:#7e828a!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl70-tabs a{color:#7a7d85!important}
html[data-hl-theme="dark"] body.hl-home-v71 .hl70-tabs a.active{color:#fff!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl70-tabs a.active{color:#111216!important}
html[data-hl-theme="dark"] body.hl-home-v71 .hl70-tabs a.active::after{background:#fff!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl70-tabs a.active::after{background:#111216!important}
html[data-hl-theme="dark"] body.hl-home-v71 .hl70-search{background:#0d0f12!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl70-search{background:#fff!important;color:#111216!important;border-color:rgba(17,18,22,.10)!important;box-shadow:none!important}

/* Keep Like as the only deliberate pink reel accent. */
html[data-hl-theme] body.hl-home-v71 .hlr34-like.liked :is(.hl70-icon,.hl71-heart-icon){color:var(--hl92-like)!important;stroke:var(--hl92-like)!important;fill:var(--hl92-like)!important;background:var(--hl92-like)!important}

/* Global bottom navigation palette; geometry comes from v76 and is not changed here. */
html[data-hl-theme="dark"] .hl76-global-nav{background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(20, 24, 38, 0.52) 25%, rgba(10, 12, 18, 0.65) 100%)!important;border:1px solid rgba(255,255,255,.18)!important;border-top:1.5px solid rgba(255,255,255,.38)!important;box-shadow:0 18px 45px rgba(0,0,0,.55), inset 0 1px 1.5px rgba(255,255,255,.35)!important;backdrop-filter:blur(28px) saturate(200%) contrast(105%)!important;-webkit-backdrop-filter:blur(28px) saturate(200%) contrast(105%)!important}
html[data-hl-theme="light"] .hl76-global-nav{background:rgba(255,255,255,.985)!important;border-color:rgba(17,18,22,.09)!important}
html[data-hl-theme="dark"] .hl76-global-nav .hl76-nav-item{color:#9da1aa!important}
html[data-hl-theme="light"] .hl76-global-nav .hl76-nav-item{color:#737985!important}
html[data-hl-theme="dark"] .hl76-global-nav :is(.hl76-nav-item.active,.hl76-create){color:#fff!important}
html[data-hl-theme="light"] .hl76-global-nav :is(.hl76-nav-item.active,.hl76-create){color:#111216!important}
html[data-hl-theme="dark"] .hl76-global-nav .hl76-rooms-icon b{background:#121318!important;border-color:#9da1aa!important;color:#9da1aa!important}
html[data-hl-theme="light"] .hl76-global-nav .hl76-rooms-icon b{background:#fff!important;border-color:#737985!important;color:#737985!important}

/* Dashboard's own bottom nav palette; geometry comes from home-v72 and is untouched. */
html[data-hl-theme="dark"] body.hl-home-v71 .hl72-bottom-nav{background:linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(20, 24, 38, 0.52) 25%, rgba(10, 12, 18, 0.65) 100%)!important;border:1px solid rgba(255,255,255,.18)!important;border-top:1.5px solid rgba(255,255,255,.38)!important;box-shadow:0 18px 45px rgba(0,0,0,.55), inset 0 1px 1.5px rgba(255,255,255,.35)!important;backdrop-filter:blur(28px) saturate(200%) contrast(105%)!important;-webkit-backdrop-filter:blur(28px) saturate(200%) contrast(105%)!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl72-bottom-nav{background:rgba(255,255,255,.985)!important;border-color:rgba(17,18,22,.09)!important}
html[data-hl-theme="dark"] body.hl-home-v71 .hl72-nav-item{color:#9da1aa!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl72-nav-item{color:#737985!important}
html[data-hl-theme="dark"] body.hl-home-v71 :is(.hl72-nav-item.active,.hl72-create){color:#fff!important}
html[data-hl-theme="light"] body.hl-home-v71 :is(.hl72-nav-item.active,.hl72-create){color:#111216!important}
html[data-hl-theme="dark"] body.hl-home-v71 .hl72-rooms-icon b{background:#121318!important;border-color:#9da1aa!important;color:#9da1aa!important}
html[data-hl-theme="light"] body.hl-home-v71 .hl72-rooms-icon b{background:#fff!important;border-color:#737985!important;color:#737985!important}

/* Native form controls follow the current system mode. */
html[data-hl-theme="dark"] :is(input,textarea,select){color-scheme:dark}
html[data-hl-theme="light"] :is(input,textarea,select){color-scheme:light}