/* HTL_THEME_CONSISTENCY_V1
   Final member-facing appearance pass. This file intentionally loads after the
   legacy and feature stylesheets so Pink, Blue, and Black & Gold remain the
   single source of truth for decorative accents throughout New Look. */

/* TESTER BATCH — Card 3A
   Black & Gold must retain truly black navigation chrome. Match both the
   current runtime class/data attribute and the older full-platform alias so a
   migration cannot silently fall back to the cream sidebar. */
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-sidebar,
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-sidebar {
  background:#0d0d0f!important;
  color:#f8edcf!important;
  border-right-color:rgba(222,188,96,.28)!important;
}

/* TESTER BATCH — Cards 1A / 1B
   Staff opening a tracker tool must retain a direct route to the New Platform
   Home. Match the existing line-art sidebar rather than adding another header. */
body.theme-redesign #main-app #main-nav .htl-platform-home-nav::before {
  content:""!important;
  display:block!important;
  width:23px!important;
  height:23px!important;
  flex:0 0 23px!important;
  background:currentColor!important;
  color:var(--theme-accent)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1V10Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

/* TESTER BATCH — Card 8A
   Safari treated the reminder SVG and its text as separate baseline content,
   placing "Remind Me" below the visible pill. Keep both inside one control. */
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-upcoming button {
  box-sizing:border-box!important;
  min-width:0!important;
  height:30px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  line-height:1!important;
  text-align:center!important;
}
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-upcoming button svg {
  display:block!important;
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  margin:0!important;
}

/* TESTER BATCH — Cards 6A / 6B
   The Advanced learning-path card had a separate pink image treatment that
   escaped the page palette. Theme the hero and the Advanced card itself while
   preserving Foundations and Gold Class artwork. */
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-paths-hero,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-paths-hero {
  background-image:
    linear-gradient(90deg,rgba(2,25,50,.98),rgba(5,88,135,.76),rgba(8,56,103,.55)),
    url('/htl-art-advanced-v89.png')!important;
  background-blend-mode:color,normal!important;
  border-color:rgba(93,207,255,.68)!important;
  filter:saturate(1.12) brightness(1.03) contrast(1.05)!important;
  box-shadow:0 25px 68px rgba(0,38,75,.44),0 0 54px rgba(48,184,255,.25),inset 0 1px rgba(255,255,255,.3)!important;
}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-paths-hero small,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-paths-hero small {
  color:#9de5ff!important;
}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold),
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold) {
  background-image:
    linear-gradient(0deg,rgba(2,23,48,.88),rgba(4,98,145,.12)),
    url('/htl-advanced-hero-v18.png')!important;
  background-blend-mode:color,normal!important;
  border-color:rgba(88,207,255,.72)!important;
  filter:saturate(1.1) brightness(1.04) contrast(1.04)!important;
  box-shadow:inset 0 0 0 999px rgba(3,31,58,.18),0 19px 49px rgba(0,27,55,.36),0 0 34px rgba(45,185,255,.25)!important;
}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold)>span,
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold) footer b,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold)>span,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold) footer b {
  color:#8edfff!important;
  text-shadow:0 0 13px rgba(57,192,255,.56)!important;
}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold),
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold) {
  background-image:
    linear-gradient(0deg,rgba(7,7,7,.9),rgba(106,83,32,.12)),
    url('/htl-advanced-hero-v18.png')!important;
  background-blend-mode:color,normal!important;
  border-color:rgba(224,191,102,.68)!important;
  filter:grayscale(.83) sepia(.72) saturate(.88) brightness(1.03) contrast(1.07)!important;
  box-shadow:inset 0 0 0 999px rgba(9,8,6,.2),0 19px 49px rgba(0,0,0,.43),0 0 31px rgba(201,166,76,.18)!important;
}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold)>span,
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold) footer b,
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold)>span,
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-path-card:not(.complete):not(.gold) footer b {
  color:#e4c672!important;
  text-shadow:0 0 12px rgba(213,178,81,.42)!important;
}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-sidebar::before,
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-sidebar::before {
  background:linear-gradient(rgba(10,10,11,.94),rgba(10,10,11,.94)),url('/htl-approved-background-feminine.png') 0 0/100vw 100vh fixed!important;
  filter:blur(12px) grayscale(1) sepia(.3) saturate(.45) brightness(.32)!important;
  opacity:1!important;
}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-sidebar :is(.fp2-nav-heading,.fp2-nav-item),
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-sidebar :is(.fp2-nav-heading,.fp2-nav-item) {
  color:#f4ead2!important;
  -webkit-text-fill-color:#f4ead2!important;
}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-sidebar .fp2-nav-heading,
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-sidebar .fp2-nav-heading {
  color:#bda873!important;
  -webkit-text-fill-color:#bda873!important;
}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-sidebar .fp2-nav-ico,
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-sidebar .fp2-nav-ico {
  color:#d6b96d!important;
}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 .fp2-sidebar .fp2-nav-item.active,
body[data-htl-theme="black"] #fullplatformdemo-page.fp2 .fp2-sidebar .fp2-nav-item.active {
  background:linear-gradient(100deg,rgba(200,165,78,.24),rgba(82,64,28,.16))!important;
  border-color:rgba(230,199,116,.42)!important;
  box-shadow:inset 3px 0 #d1ae54,0 0 16px rgba(200,165,78,.12)!important;
  color:#fff9ea!important;
  -webkit-text-fill-color:#fff9ea!important;
}

/* TESTER BATCH — Card 5A
   The Blue appearance previously kept the education artwork's original
   orange/red cast and Pink metric chrome. Color the artwork layer blue and
   explicitly theme all four independent hero controls. */
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-edu-hero,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-edu-hero {
  background-image:
    linear-gradient(90deg,rgba(2,27,53,.98),rgba(4,91,139,.78),rgba(9,62,112,.58)),
    url('/htl-art-education-v89.png')!important;
  background-blend-mode:color,normal!important;
  border-color:rgba(92,205,255,.72)!important;
  filter:saturate(1.12) brightness(1.03) contrast(1.05)!important;
  box-shadow:0 24px 64px rgba(0,44,82,.42),0 0 0 1px rgba(128,222,255,.16),0 0 52px rgba(46,183,255,.25),inset 0 1px rgba(255,255,255,.3)!important;
}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-edu-hero-copy small,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-edu-hero-copy small {
  color:#9ae4ff!important;
  text-shadow:0 0 14px rgba(73,198,255,.62)!important;
}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-edu-hero-stats>div,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-edu-hero-stats>div {
  border-color:rgba(111,212,255,.52)!important;
  background:linear-gradient(135deg,rgba(6,62,96,.86),rgba(2,28,53,.78))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 7px 22px rgba(0,25,50,.3),0 0 18px rgba(52,190,255,.13)!important;
}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-edu-hero-stats>div svg,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-edu-hero-stats>div svg {
  stroke:#65d1ff!important;
  filter:drop-shadow(0 0 8px rgba(65,198,255,.58))!important;
}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 .fp2-edu-hero-stats>button,
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 .fp2-edu-hero-stats>button {
  border-color:rgba(151,226,255,.72)!important;
  background:linear-gradient(102deg,#159ed8,#536fe4)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.34),0 0 24px rgba(49,180,255,.42)!important;
}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 :is(
  .fp2-edu-cover.foundation,.fp2-edu-course.foundations,.fp2-edu-course.psychology,
  .fp2-edu-course.reset,.fp2-edu-course.advanced
),
body[data-htl-theme="blue"] #fullplatformdemo-page.fp2 :is(
  .fp2-edu-cover.foundation,.fp2-edu-course.foundations,.fp2-edu-course.psychology,
  .fp2-edu-course.reset,.fp2-edu-course.advanced
) {
  filter:grayscale(.42) sepia(.62) saturate(2.15) hue-rotate(165deg) brightness(1.06) contrast(1.04)!important;
}
body.light.theme-redesign {
  --htl-theme-gradient:linear-gradient(
    90deg,
    color-mix(in srgb,var(--theme-accent) 72%,var(--pp2) 28%),
    var(--theme-accent),
    color-mix(in srgb,var(--theme-accent) 62%,var(--pp2) 38%)
  );
  --htl-theme-glow:color-mix(in srgb,var(--theme-accent) 26%,transparent);
}

/* Remove the original fixed pink rules from cards and calendar containers. */
body.light.theme-redesign #main-app .content :is(
  .hero,.chart-card,.bar-wrap,.an-card,.an-section,.dcard,.calmonth,.tcard
)::before {
  background:var(--htl-theme-gradient)!important;
  border-color:var(--theme-border)!important;
}

body.light.theme-redesign #main-app .content :is(
  .jrn-hero-eyebrow,.dt-hero-eyebrow,.pf-hero-eyebrow,.an-hero-eyebrow,
  .tw-hero-eyebrow,.ch-hero-eyebrow,.cm-hero-eyebrow,.pp-hero-eyebrow
) {
  background:var(--htl-theme-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

/* Analytics used to globally force cyan after inline chart colors were set. */
body.light.theme-redesign #tab-analytics .bar-fill {
  background:var(--htl-theme-gradient)!important;
  box-shadow:0 0 14px var(--htl-theme-glow)!important;
}
body.light.theme-redesign #tab-analytics :is(.bar-track,.emo-track) {
  background:color-mix(in srgb,var(--theme-border) 42%,transparent)!important;
}
body.light.theme-redesign #tab-analytics #an-emo-trend path:first-of-type {
  stroke:var(--theme-accent)!important;
}
body.light.theme-redesign #tab-analytics #an-emo-trend path:nth-of-type(2) {
  fill:var(--theme-accent)!important;
}
body.light.theme-redesign #tab-analytics #an-emo-trend circle {
  fill:var(--theme-accent)!important;
}
body.light.theme-redesign #tab-analytics #an-emo-trend stop:first-child {
  stop-color:var(--theme-accent)!important;
}
body.light.theme-redesign #tab-analytics #an-emo-trend stop:last-child {
  stop-color:var(--pp2)!important;
}

/* SVG review progress indicators must follow the selected appearance too. */
body.light.theme-redesign :is(#dt-hero-ring,#h-rules-ring) {
  stroke:var(--theme-accent)!important;
  filter:drop-shadow(0 0 4px var(--htl-theme-glow));
}

/* 21 Day Reset: override the late legacy selectors that restored pink copy,
   day numbers, locks, selected states, quote text, and input focus rings. */
body.light.theme-redesign #main-app .content #tab-reset21 {
  --rg-accent:var(--theme-accent)!important;
  --rg-secondary:var(--pp2)!important;
  --rg-border:color-mix(in srgb,var(--theme-border) 78%,white 22%)!important;
  --rg-line:var(--rg-border)!important;
}
body.light.theme-redesign #main-app .content #tab-reset21 :is(
  .rg-kicker,.rg-number,.rg-progress small,.rg-aside h3,.rg-day-list button span,
  .rg-day-list button:not(.selected),.rg-day-list button:disabled,.rg-day-lock,
  .rg-quote,.rg-link,.rg-finale-mark,.rg-finale em
) {
  color:var(--rg-secondary)!important;
  -webkit-text-fill-color:var(--rg-secondary)!important;
}
body.light.theme-redesign #main-app .content #tab-reset21 .rg-day-list button.selected {
  background:color-mix(in srgb,var(--theme-card) 82%,var(--rg-accent) 18%)!important;
  border-color:var(--rg-accent)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 0 15px color-mix(in srgb,var(--rg-accent) 22%,transparent)!important;
}
body.light.theme-redesign #main-app .content #tab-reset21 .rg-day-list button.selected span:first-child {
  color:var(--rg-secondary)!important;
  -webkit-text-fill-color:var(--rg-secondary)!important;
}
body.light.theme-redesign #main-app .content #tab-reset21 :is(.rg-field textarea,.rg-field select,.rg-toolbar input):focus {
  border-color:var(--rg-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--rg-accent) 18%,transparent)!important;
}

/* Profile is portalled beside #main-app, so it needs its own palette bridge. */
body.light.theme-redesign #profile-panel {
  --tx:var(--theme-ink);
  --tx2:var(--theme-muted);
  --tx3:var(--theme-muted);
  --bg:var(--theme-wash);
  --bg2:var(--theme-chrome);
  --bg3:var(--theme-active);
  --bdr:var(--theme-border);
  --bdr2:color-mix(in srgb,var(--theme-border) 68%,transparent);
  background:
    radial-gradient(circle at 92% 2%,color-mix(in srgb,var(--theme-accent) 14%,transparent),transparent 31%),
    var(--theme-chrome)!important;
  border-left:1px solid var(--theme-border)!important;
  color:var(--theme-ink)!important;
  box-shadow:-20px 0 55px rgba(30,18,38,.18)!important;
}
body.light.theme-redesign #profile-panel .pp-hero {
  background:
    radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--theme-accent) 17%,transparent),transparent 44%),
    var(--theme-wash)!important;
  border-color:var(--theme-border)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--theme-accent) 10%,transparent)!important;
}
body.light.theme-redesign #profile-panel .pp-hero-eyebrow {
  background:var(--htl-theme-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
body.light.theme-redesign #profile-panel :is(.pp-hero-headline,label,div) {
  border-color:var(--bdr2);
}
body.light.theme-redesign #profile-panel .mi {
  background:var(--theme-wash)!important;
  border:1px solid var(--theme-border)!important;
  color:var(--theme-ink)!important;
  -webkit-text-fill-color:var(--theme-ink)!important;
}
body.light.theme-redesign #profile-panel .mi:focus {
  border-color:var(--theme-accent)!important;
  box-shadow:0 0 0 3px var(--htl-theme-glow)!important;
}
body.light.theme-redesign #profile-panel .btn-p {
  background:linear-gradient(135deg,var(--theme-accent),var(--pp))!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 82%,white 18%)!important;
  color:#fff!important;
  box-shadow:0 8px 20px var(--htl-theme-glow)!important;
}
body.light.theme-redesign.theme-black #profile-panel .pp-hero-watermark {
  filter:grayscale(1) sepia(.45) saturate(.65) contrast(1.05)!important;
}
body.light.theme-redesign.theme-masculine #profile-panel .pp-hero-watermark {
  filter:hue-rotate(85deg) saturate(.8)!important;
}
/* Card 4A: live posts use legacy text tokens inside dark Community surfaces.
   Scope the tokens to feeds so light page settings cannot darken post text. */
#fullplatformdemo-page.fp2 :is(#fp2-community-feed,.fp2-space-post) {
  --tx:#fff;
  --tx2:#f3eef8;
  --tx3:#ded5e8;
  --bg3:#292133;
  --pp2:var(--theme-accent);
  color:var(--tx);
}

/* Education guidance has no module timeline; decorative rails must not cross text. */
#fullplatformdemo-page.fp2 .fp2-edu-path::before,
#fullplatformdemo-page.fp2 .fp2-edu-path::after { content:none!important; }
#fullplatformdemo-page.fp2 .fp2-edu-path>p {
  position:relative;
  margin:12px 0 0;
  font-size:13px;
  line-height:1.6;
  color:#eee5f5;
}

/* Education follow-up: keep the subtitle clear of the display font descenders. */
#fullplatformdemo-page.fp2 .fp2-edu-hero-copy h1 {
  line-height:1!important;
  margin-bottom:18px!important;
}
#fullplatformdemo-page.fp2 .fp2-edu-hero-copy>p {
  line-height:1.5!important;
}
/* Labels and actions share the host palette, including live course cards. */
#fullplatformdemo-page.fp2 #fpd-panel-education :is(
  .fp2-edu-panel>header>span,.fp2-edu-panel>header>button,
  .fp2-edu-resume-copy>small,.fp2-edu-course>div small
) {
  color:var(--theme-accent)!important;
}
#fullplatformdemo-page.fp2 #fpd-panel-education .fp2-edu-resume-copy>button {
  background:color-mix(in srgb,var(--theme-accent) 32%,#14121b)!important;
  border-color:var(--theme-accent)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 20px color-mix(in srgb,var(--theme-accent) 24%,transparent)!important;
}
#fullplatformdemo-page.fp2 #fpd-panel-education .fp2-edu-course {
  border-color:color-mix(in srgb,var(--theme-accent) 65%,transparent)!important;
  background-color:#19151f;
}
#fullplatformdemo-page.fp2 #fpd-panel-education .fp2-edu-course:hover {
  border-color:var(--theme-accent)!important;
  box-shadow:inset 0 -78px 55px -32px rgba(12,2,23,.9),0 11px 28px rgba(8,1,16,.26),0 0 20px color-mix(in srgb,var(--theme-accent) 24%,transparent)!important;
}

/* Path-card follow-up: recolor artwork luminance using the actual theme hue.
   A translucent color overlay alone allowed the original pink image to show. */
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 #fpd-panel-paths {
  --path-art-hue:#126697;
  --path-shade:rgba(0,15,34,.7);
}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-paths {
  --path-art-hue:#8c733e;
  --path-shade:rgba(5,5,5,.76);
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-path-card {
  --path-image:url('/htl-advanced-hero-v18.png');
  background-color:var(--path-art-hue)!important;
  background-image:linear-gradient(0deg,var(--path-shade),transparent),var(--path-image)!important;
  background-blend-mode:normal,luminosity!important;
  filter:none!important;
  border-color:color-mix(in srgb,var(--theme-accent) 65%,transparent)!important;
  box-shadow:0 19px 49px rgba(0,0,0,.34),0 0 28px color-mix(in srgb,var(--theme-accent) 18%,transparent)!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-path-card.complete {
  --path-image:url('/htl-foundations-workspace-v23.png');
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-path-card.gold {
  --path-image:url('/htl-gold-lounge-v23.png');
}
#fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-path-card>span,
#fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-path-card footer b,
#fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-paths-hero small {
  color:var(--theme-accent)!important;
  text-shadow:0 0 13px color-mix(in srgb,var(--theme-accent) 40%,transparent)!important;
}

/* Home follow-up: replace fixed pink accents and recolor artwork. */
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 #fpd-panel-home { --home-hue:#126697; --home-shade:rgba(0,18,38,.7); }
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home { --home-hue:#8c733e; --home-shade:rgba(5,5,5,.76); }
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-panel-head>span,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-panel-head button,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-card-kicker,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-live-top>button,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-social,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-event-line>b,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-hero-actions svg {
color:var(--theme-accent)!important; text-shadow:none!important; filter:none!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-progress i {
background:var(--theme-accent)!important; box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent) 35%,transparent)!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-course-copy>button,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-hero-actions button,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-event-tag,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-mini-avatar,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-live-controls>button {
background:color-mix(in srgb,var(--theme-accent) 28%,#10151c)!important; color:#fff!important; border-color:var(--theme-accent)!important; box-shadow:0 0 16px color-mix(in srgb,var(--theme-accent) 20%,transparent)!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-live-dot {
background:var(--theme-accent)!important; box-shadow:0 0 14px var(--theme-accent)!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-hero-copy {
background-color:var(--home-hue)!important; background-image:linear-gradient(90deg,var(--home-shade),transparent),url('/htl-art-member-home-v89.png')!important; background-blend-mode:normal,luminosity!important; filter:none!important; border-color:var(--theme-accent)!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-live-card::before {
background-color:var(--home-hue)!important; background-image:linear-gradient(90deg,var(--home-shade),transparent),url('/htl-art-live-trading-v89.png')!important; background-blend-mode:normal,luminosity!important; filter:none!important; border-color:var(--theme-accent)!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-course-art {
background-color:var(--home-hue)!important; background-image:linear-gradient(90deg,var(--home-shade),transparent),url('/htl-vault-workspace-hero-v51.png')!important; background-blend-mode:normal,luminosity!important; filter:none!important; border-color:var(--theme-accent)!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-course-art>div {
background:color-mix(in srgb,var(--theme-accent) 20%,#11151b)!important; color:#fff!important;
}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-panel::after,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-course-art::after,
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-home .fp2-hero-copy::after {
background:linear-gradient(0deg,rgba(0,0,0,.18),transparent)!important;
}

/* Readable Advanced curriculum at normal laptop zoom. */
#fullplatformdemo-page.fp2 .fp2-advanced-layout { font-size:15px;line-height:1.5; }
#fullplatformdemo-page.fp2 .fp2-advanced-layout :is(nav button,.fp2-advanced-module>button strong,.fp2-advanced-module>div p,.fp2-advanced-call strong,.fp2-advanced-included span) { font-size:15px!important;line-height:1.5!important; }
#fullplatformdemo-page.fp2 .fp2-advanced-layout :is(.fp2-advanced-module>button span,.fp2-advanced-module>div button,.fp2-advanced-call span,.fp2-advanced-call em,header p,header button) { font-size:13px!important;line-height:1.5!important; }
#fullplatformdemo-page.fp2 .fp2-advanced-module>button { min-height:58px;cursor:pointer; }
#fullplatformdemo-page.fp2 .fp2-advanced-module>div[hidden] { display:none!important; }
#fullplatformdemo-page.fp2 .fp2-advanced-module>div>button { padding:10px 14px;cursor:pointer; }
#fullplatformdemo-page.fp2 .fp2-advanced-layout>main>nav { flex-wrap:wrap; }

#fp2-gold-invitation { padding:0;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid #c8aa61;border-radius:24px;background:#14120e;color:#fff8e5;box-shadow:0 30px 100px #0009,0 0 35px #d6b65a33; }
#fp2-gold-invitation::backdrop { background:rgba(8,7,12,.72);backdrop-filter:blur(8px); }
.fp2-gold-invitation-art { padding:32px 28px;background:linear-gradient(0deg,#14120e,rgba(20,18,14,.25)),url('/htl-gold-lounge-v23.png') center/cover;text-align:center; }
.fp2-gold-invitation-art>span { display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border:1px solid #dfc77e;border-radius:50%;background:#17130dc9;color:#edd291; }
.fp2-gold-invitation-art svg { width:28px;height:28px; }
.fp2-gold-invitation-art small,.fp2-gold-invitation-body>span { color:#ead397;font-size:11px;font-weight:800;letter-spacing:.15em; }
.fp2-gold-invitation-art h2 { margin:12px 0 0;font:600 42px/1.1 'Cormorant Garamond',Georgia,serif; }
.fp2-gold-invitation-body { padding:6px 28px 28px;text-align:center; }
.fp2-gold-invitation-body p { font-size:16px;line-height:1.6;color:#f4eddb; }
.fp2-gold-invitation-body p+p { font-size:14px;color:#cfc4ad; }
.fp2-gold-invitation-body button { width:100%;min-height:46px;margin-top:12px;border:1px solid #edd08b;border-radius:999px;background:linear-gradient(110deg,#b99950,#edda9a);color:#231b0b;font-size:15px;font-weight:800;cursor:pointer; }
.fp2-gold-invitation-body button:focus-visible { outline:3px solid #fff;outline-offset:4px; }

#fullplatformdemo-page.fp2 .fp2-events-hero nav label { display:flex;flex-direction:column;gap:6px;font-size:13px;color:#fff; }
#fullplatformdemo-page.fp2 #fp2-events-timezone { max-width:260px;padding:10px;border-radius:12px;border:1px solid var(--theme-accent);background:#171522;color:#fff;font-size:14px; }
#fullplatformdemo-page.fp2 #fp2-events-feedback { color:var(--theme-accent);font-size:14px; }
#fullplatformdemo-page.fp2 .fp2-cal-day { min-width:0; }
#fullplatformdemo-page.fp2 .fp2-cal-event { width:100%;text-align:left;white-space:normal;min-height:42px; }

/* Foundations sees the Advanced artwork even while access is locked. */
#fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-path-card:not(.complete):not(.gold) {
  background-image:linear-gradient(0deg,rgba(18,5,30,.86),rgba(98,18,100,.12)),url('/htl-advanced-hero-v18.png');
}

#fullplatformdemo-page.fp2 .fp2-edu-path button.fp2-edu-path-row { width:100%;text-align:left;background:transparent;color:#fff;border-right:0;border-left:0;border-bottom:0;border-radius:0;padding:10px 0;cursor:pointer; }
#fullplatformdemo-page.fp2 .fp2-edu-path .fp2-edu-path-row strong { font-size:14px;line-height:1.4; }
#fullplatformdemo-page.fp2 .fp2-edu-path .fp2-edu-path-row :is(small,span) { font-size:11px;line-height:1.4; }
#fullplatformdemo-page.fp2 .fp2-edu-path .fp2-edu-path-row>em { color:var(--theme-accent); }
#fullplatformdemo-page.fp2 .fp2-edu-path .fp2-edu-path-row:focus-visible { outline:2px solid var(--theme-accent);outline-offset:3px; }

/* Advanced reports: the nested two-column pair previously occupied one half
   of another two-column grid, forcing its contents over the custom-tag card. */
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports>.ux-report-grid { grid-template-columns:repeat(2,minmax(0,1fr));align-items:start; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-pnl-pair { display:contents; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-pnl-pair>div { min-width:0; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .ux-report-grid>.an-section { grid-column:1/-1; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .an-section>div[style*="display:grid"] { grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .an-section>div[style*="display:grid"]>div { min-width:0; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .bar-row { display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) max-content;gap:10px; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .bar-label { width:auto!important;min-width:0!important; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .bar-stat { width:auto; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .bar-track { overflow:visible;min-width:0; }
body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .bar-fill { justify-content:flex-start;white-space:nowrap;padding-left:6px;box-sizing:border-box;overflow:visible; }
@media(max-width:1100px) {
  body.theme-redesign #main-app #tab-analytics .ux-advanced-reports>.ux-report-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:650px) {
  body.theme-redesign #main-app #tab-analytics .ux-advanced-reports .an-section>div[style*="display:grid"] { grid-template-columns:minmax(0,1fr)!important; }
}
/* Badge copy stays on a dark inset rather than a pale inherited box. */
body.theme-redesign #main-app #tab-badges :is(.htl-milestone-focus-copy h2,.htl-milestone-path-copy) { background:#24232b!important;border-radius:12px;padding:12px!important;color:#fff!important; }
body.theme-redesign #main-app #tab-badges :is(.htl-milestone-focus-copy h2,.htl-milestone-path-copy h3) { color:#fff!important;-webkit-text-fill-color:#fff!important; }
body.theme-redesign #main-app #tab-badges :is(.htl-milestone-focus-copy>p,.htl-milestone-path-copy p,.htl-milestone-stage) { color:#ece7f1!important;-webkit-text-fill-color:#ece7f1!important;opacity:1!important; }
body.theme-redesign #main-app #tab-badges .htl-milestone-path-copy p { font-size:13px!important;line-height:1.5!important; }

/* Live course/lesson and event-detail renderers use legacy palette tokens.
   Give those views an explicit dark reading surface across all appearances. */
#fullplatformdemo-page.fp2 :is(.htl-education-live-view,.htl-event-detail-view) {
  --tx:#fff;--tx2:#eee8f5;--tx3:#ddd3e8;
  --bg2:#272033;--bg3:#211b2a;--bg4:#32283e;
  color:#fff;background:rgba(20,17,28,.94);padding:24px;border-radius:22px;
  border:1px solid color-mix(in srgb,var(--theme-accent) 50%,transparent);
  font-size:16px;line-height:1.6;
}
#fullplatformdemo-page.fp2 :is(.htl-education-live-view,.htl-event-detail-view) div[style*="font-size"] { font-size:15px!important;line-height:1.6!important; }
#fullplatformdemo-page.fp2 .htl-education-live-view button[onclick*="fpdOpenLesson"] { color:#fff!important;min-height:46px; }
#fullplatformdemo-page.fp2 :is(.htl-education-live-view,.htl-event-detail-view) :is(.mi,.tbtn,.btn-p) { font-size:14px; }
#fullplatformdemo-page.fp2 .htl-event-detail-view a { font-size:14px!important; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-event-up { grid-template-columns:minmax(0,1fr) auto!important;gap:14px;align-items:center;min-height:110px; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-event-up>div { min-width:0;grid-column:1; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-event-up>div strong { display:block;font-size:20px!important;line-height:1.3;overflow-wrap:break-word; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-event-up>div span { display:block;font-size:13px!important;line-height:1.6;white-space:normal; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-event-up>button { grid-column:2;position:static;max-width:none;white-space:nowrap; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-cal-event { display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;height:auto;min-height:54px;overflow:hidden; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-cal-event span { display:block;min-width:0;white-space:normal;font-size:11px!important;line-height:1.35;overflow-wrap:anywhere; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-cal-event small { display:block;font-size:10px!important;white-space:normal; }
@media(max-width:1000px) {
 #fullplatformdemo-page.fp2 #fpd-panel-events .fp2-events-layout { grid-template-columns:minmax(0,1fr)!important; }
}
@media(max-width:550px) {
 #fullplatformdemo-page.fp2 #fpd-panel-events .fp2-event-up { grid-template-columns:minmax(0,1fr)!important; }
 #fullplatformdemo-page.fp2 #fpd-panel-events .fp2-event-up>button { grid-column:1;justify-self:start; }
}

#fullplatformdemo-page.fp2 .htl-sample-calendar-switch { display:flex;align-items:center;gap:10px;padding:12px 16px;margin:8px 0 16px;background:#211b2a;color:#f3edf8;border-radius:12px;font-size:14px;line-height:1.5; }
#fullplatformdemo-page.fp2 .htl-sample-calendar-switch input { accent-color:var(--theme-accent); }

.htl-page-back { display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 17px;margin:0 0 14px;border:1px solid var(--theme-accent,#b26fd0);border-radius:999px;background:#211c2e;color:#fff;font:700 14px/1.4 Manrope,sans-serif;cursor:pointer; }
.htl-page-back:disabled { opacity:.5;cursor:default; }
.htl-page-back:focus-visible { outline:3px solid var(--theme-accent,#b26fd0);outline-offset:3px; }
#admin-page>.htl-page-back { position:relative;z-index:5;margin:12px 24px; }

/* Calendar save/export feedback needs its own reading surface over artwork. */
#fullplatformdemo-page.fp2 #fpd-panel-events #fp2-events-feedback:not(:empty) {
  display:block;
  margin:12px 0 16px;
  padding:12px 16px;
  border:1px solid color-mix(in srgb,var(--theme-accent) 45%,transparent);
  border-radius:12px;
  background:#211b2a;
  color:#f5effa!important;
  font-size:15px;
  line-height:1.6;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
#fullplatformdemo-page.fp2 #fpd-panel-events #fp2-events-feedback:empty { display:none; }

/* Learning Paths display-font descenders must not overlap the subtitle. */
#fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-paths-hero h1 {
  line-height:1.05!important;
  margin:16px 0 20px!important;
}
#fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-paths-hero>p {
  line-height:1.6!important;
  margin:0!important;
}
#fullplatformdemo-page.fp2 #fpd-panel-paths .fp2-paths-hero {
  height:auto!important;
  flex-shrink:0;
}

#fullplatformdemo-page.fp2 .htl-community-post-preferences { display:flex;gap:10px;margin-top:12px; }
#fullplatformdemo-page.fp2 .htl-community-post-preferences button { border:1px solid var(--theme-accent);border-radius:999px;padding:8px 12px;background:#211b2a;color:#fff;font-size:13px;cursor:pointer; }
#fp2-post-destination { width:100%;min-height:44px;margin:12px 0;border:1px solid #a98bbd;border-radius:10px;background:#211b2a;color:#fff;padding:10px;font-size:14px; }

/* Back follows the Join Lobby treatment across appearances. */
body .htl-page-back {
  background:linear-gradient(110deg,#e522a1,#a54de8)!important;
  border:1px solid #f7b6ff!important;
  box-shadow:0 0 20px rgba(241,48,213,.4),inset 0 1px rgba(255,255,255,.38);
  color:#fff!important;
  transition:box-shadow .18s ease,transform .18s ease;
}
body:is(.theme-masculine,.theme-blue) .htl-page-back {
  background:linear-gradient(110deg,#159ed8,#536fe4)!important;
  border-color:#9de5ff!important;
  box-shadow:0 0 20px rgba(49,180,255,.35),inset 0 1px rgba(255,255,255,.38);
}
body:is(.theme-black,.theme-blackgold) .htl-page-back {
  background:linear-gradient(110deg,#aa873b,#786126)!important;
  border-color:#e7ce86!important;
  box-shadow:0 0 20px rgba(201,166,76,.28),inset 0 1px rgba(255,245,211,.38);
}
.htl-page-back:hover:not(:disabled) { transform:translateY(-1px); }
.htl-page-back:disabled { box-shadow:none!important; }

/* Live Trading header content must wrap as groups, not squeezed text. */
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status {
  height:auto!important;min-height:104px;display:flex;flex-wrap:wrap;
  gap:16px;padding:18px 22px!important;
}
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status>div { flex:1 1 220px;min-width:0;gap:12px; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status>div>svg { flex:0 0 36px;width:36px; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status p strong { font-size:32px!important;line-height:1.15!important;white-space:nowrap; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status p span { margin-top:7px;font-size:13px;line-height:1.5; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status>b { flex:0 0 auto;display:inline-flex;align-items:center;white-space:nowrap;padding:10px 14px;letter-spacing:.06em; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status>aside { flex:1 1 230px;height:auto;min-height:48px; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status>aside>span { min-width:0;flex:1;padding:0 12px; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-conversation>header { height:auto;min-height:70px;padding:14px 16px;gap:12px;flex-wrap:wrap;flex:0 0 auto; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-conversation>header h2 { font-size:26px;line-height:1.2;flex:1 1 160px; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-conversation>header button { flex:0 0 auto;white-space:nowrap; }
#fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-conversation.collapsed { height:auto; }

#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-events-hero nav { display:flex!important;align-items:flex-end!important;gap:12px;flex-wrap:wrap; }
#fullplatformdemo-page.fp2 #fpd-panel-events .fp2-events-hero nav>label { margin:0;min-width:0;flex:1 1 210px; }
#fullplatformdemo-page.fp2 #fpd-panel-events #fp2-events-timezone { box-sizing:border-box;width:100%;max-width:none;height:44px; }
#fullplatformdemo-page.fp2 #fpd-panel-events #fp2-calendar-export { height:44px;margin:0;flex:0 0 auto;white-space:nowrap; }
.htl-live-tool-dialog { width:min(520px,calc(100vw - 32px));box-sizing:border-box;max-height:90vh;overflow:auto;padding:26px;border:1px solid var(--theme-accent,#d25ddb);border-radius:22px;background:#211b2a;color:#fff;font-size:15px;line-height:1.6; }
.htl-live-tool-dialog::backdrop { background:#080610b8;backdrop-filter:blur(6px); }
.htl-live-tool-dialog label { display:block; }
.htl-live-tool-dialog textarea { display:block;box-sizing:border-box;width:100%;margin:8px 0 14px;padding:12px;font:inherit;resize:vertical;border:1px solid #a291b2;border-radius:12px;background:#15111d;color:#fff; }
.htl-live-tool-dialog footer { display:flex;gap:10px;justify-content:flex-end; }
.htl-live-tool-dialog button { min-height:42px;padding:9px 16px;border:1px solid var(--theme-accent,#d25ddb);border-radius:999px;background:#403149;color:#fff;cursor:pointer; }

#fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-views { display:flex;gap:6px;flex-wrap:wrap; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-views button[aria-pressed="true"] { background:var(--theme-accent);color:#17111c; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-compact-month { grid-auto-rows:150px; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-compact-month .fp2-cal-day { min-height:0;height:150px;overflow:hidden;box-sizing:border-box; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-compact-month .fp2-cal-event { min-height:0;height:36px;gap:1px;padding:3px 5px; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-compact-month .fp2-cal-event span { white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
#fullplatformdemo-page.fp2 #fpd-panel-events :is(.htl-day-open,.htl-day-more) { border:0;background:transparent;color:#fff;cursor:pointer;padding:3px 5px;font-size:12px; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-day-open { font-weight:800; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-day-more { color:var(--theme-accent); }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-agenda-day { padding:16px;margin:12px 0;border:1px solid #ffffff30;border-radius:14px;background:#17122066; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-agenda-day h3 { margin:0 0 12px;font-size:18px;color:#fff; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-agenda .fp2-cal-event { min-height:60px;margin:8px 0; }
#fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-agenda .fp2-cal-event span { font-size:15px!important; }

#fullplatformdemo-page.fp2 .fp2-gold-member-hero { padding:38px;border:1px solid #d9bd73;border-radius:22px;background:linear-gradient(90deg,#100d09e8,#21180b88),url('/htl-gold-lounge-v23.png') center/cover;color:#fff8e7; }
#fullplatformdemo-page.fp2 .fp2-gold-member-hero h1 { margin:16px 0;font:600 clamp(40px,5vw,68px)/1.1 'Cormorant Garamond',Georgia,serif; }
#fullplatformdemo-page.fp2 .fp2-gold-member-hero p { font-size:16px;line-height:1.6; }
#fullplatformdemo-page.fp2 .fp2-gold-member-hero small { color:#ecd28e;font-weight:800;letter-spacing:.14em; }
#fullplatformdemo-page.fp2 .fp2-gold-member-actions { display:flex;gap:12px;flex-wrap:wrap;margin:18px 0; }
#fullplatformdemo-page.fp2 :is(.fp2-gold-member-actions button,.fp2-gold-course) { border:1px solid #d9bd73;border-radius:14px;background:#201b12;color:#fff8e7;padding:14px 18px;font-size:15px;cursor:pointer; }
#fullplatformdemo-page.fp2 .fp2-gold-member-courses { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px; }
#fullplatformdemo-page.fp2 .fp2-gold-course { display:flex;flex-direction:column;gap:12px;text-align:left; }

/* Admin Course Builder: keep tier badges inside their cards. */
body.theme-redesign #admin-page .htl-crs-v103-course {box-sizing:border-box;}
body.theme-redesign #admin-page .htl-crs-v103-course>span {grid-template-columns:minmax(0,1fr);}
body.theme-redesign #admin-page .htl-crs-v103-course em {white-space:normal;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box;justify-self:start;line-height:1.5;}
body.theme-redesign #admin-page .htl-crs-v103-builder>header {grid-template-columns:90px minmax(0,1fr);}
body.theme-redesign #admin-page .htl-crs-v103-builder>header>em {white-space:normal;overflow-wrap:anywhere;}
body.theme-redesign #admin-page .htl-crs-v103-builder>header>button {justify-self:start;}
/* Broadcast composer sizing follows its panel, including narrower admin windows. */
body.theme-redesign #htl-broadcast-v97-root {min-width:0;}
body.theme-redesign #htl-broadcast-v97-root .bc-workspace {grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);}
body.theme-redesign #htl-broadcast-v97-root :is(.bc-card,.edit-grid>*,.tier-choice,.preview article>*) {min-width:0;}
body.theme-redesign #htl-broadcast-v97-root :is(input,textarea,.tier-choice,.delivery label) {box-sizing:border-box;max-width:100%;}
body.theme-redesign #htl-broadcast-v97-root .edit-grid {grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);}
body.theme-redesign #htl-broadcast-v97-root .editor>header {height:auto;min-height:54px;gap:12px;flex-wrap:wrap;padding:12px 15px;}
body.theme-redesign #htl-broadcast-v97-root .delivery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
body.theme-redesign #htl-broadcast-v97-root .delivery h3 {grid-column:1/-1;width:auto;}
body.theme-redesign #htl-broadcast-v97-root .delivery label {height:auto;min-height:60px;grid-template-columns:15px 22px minmax(0,1fr);}
body.theme-redesign #htl-broadcast-v97-root .schedule {flex-wrap:wrap;}
body.theme-redesign #htl-broadcast-v97-root .bc-filters {grid-template-columns:minmax(0,1fr) minmax(0,175px);}
body.theme-redesign #htl-broadcast-v97-root .bc-filters input {min-width:0;}
body.theme-redesign #htl-broadcast-v97-root .preview article {height:auto;min-height:117px;grid-template-columns:100px minmax(0,1fr);}
body.theme-redesign #htl-broadcast-v97-root .preview article>button {grid-column:2;justify-self:start;}
@media(max-width:1250px){body.theme-redesign #htl-broadcast-v97-root .bc-workspace{grid-template-columns:minmax(0,1fr);}}
@media(max-width:760px){body.theme-redesign #htl-broadcast-v97-root .edit-grid{grid-template-columns:minmax(0,1fr);}body.theme-redesign #htl-broadcast-v97-root .audience-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* Admin Live Chat fits the available workspace instead of fixed column minima. */
body.theme-redesign #admin-page .htl-chat110-shell {width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:minmax(200px,.9fr) minmax(0,1.6fr) minmax(180px,.8fr);}
body.theme-redesign #admin-page .htl-chat110-shell>* {min-width:0;}
body.theme-redesign #admin-page .htl-chat110-detail {display:block!important;}
body.theme-redesign #admin-page .htl-chat110-detail :is(header,h2,h3) {white-space:normal;overflow-wrap:anywhere;}
body.theme-redesign #admin-page .htl-chat110-channel-list article {grid-template-columns:42px minmax(0,1fr);}
body.theme-redesign #admin-page .htl-chat110-channel-list article>button {grid-column:2;justify-self:start;}
body.theme-redesign #admin-page .htl-chat110-message {box-sizing:border-box;min-width:0;max-width:100%!important;grid-template-columns:40px minmax(0,1fr);overflow-wrap:anywhere;}
@media(max-width:1350px){body.theme-redesign #admin-page .htl-chat110-shell{height:auto;grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr);}body.theme-redesign #admin-page .htl-chat110-detail{grid-column:1/-1;}}
@media(max-width:800px){body.theme-redesign #admin-page .htl-chat110-shell{grid-template-columns:minmax(0,1fr);}body.theme-redesign #admin-page .htl-chat110-detail{grid-column:auto;}}
/* Readable Payments and Audit Log cards across admin appearances. */
body.theme-redesign #admin-page :is(.htl-pay-kpis,.htl-audit-kpis) :is(b,strong) {color:#fff6df!important;}
body.theme-redesign #admin-page :is(#htl-pay-v97-root,#htl-audit-v97-root) :is(.htl-pay-kpis,.htl-audit-kpis) small {color:#f1dca5!important;}
body.theme-redesign #admin-page :is(#htl-pay-v97-root,#htl-audit-v97-root) :is(.htl-pay-kpis,.htl-audit-kpis) :is(p,span) {color:#e9e2d5!important;}
body.theme-redesign #admin-page :is(#htl-pay-v97-root,#htl-audit-v97-root) :is(.htl-pay-panel-head,.htl-audit-action,.htl-audit-target,.htl-audit-actor,.htl-audit-row time,.htl-audit-detail-intro,.htl-audit-empty) :is(small,p,em) {color:#ded6c8!important;}
/* Stripe billing lists remain compact and readable on laptop screens. */
body.theme-redesign #htl-pay-v97-root .htl-pay-actions,
body.theme-redesign #htl-pay-v97-root .htl-pay-sync {padding:20px;border:1px solid var(--pay-line);border-radius:20px;background:var(--pay-panel);color:#f7f0e3;box-sizing:border-box;}
body.theme-redesign #htl-pay-v97-root .htl-pay-fold {margin-top:12px;border:1px solid var(--pay-line);border-radius:14px;overflow:hidden;color:#f7f0e3;background:rgba(0,0,0,.18);}
body.theme-redesign #htl-pay-v97-root .htl-pay-fold summary {cursor:pointer;padding:16px;font-weight:700;line-height:1.5;}
body.theme-redesign #htl-pay-v97-root .htl-pay-fold summary span {margin-left:8px;color:#ded6c8;font-size:12px;font-weight:500;}
body.theme-redesign #htl-pay-v97-root .htl-pay-fold-body {padding:0 16px 16px;max-height:500px;overflow:auto;}
body.theme-redesign #htl-pay-v97-root .htl-pay-act-row {flex-wrap:wrap;border-bottom:1px solid var(--pay-line);padding:14px 0!important;color:#f7f0e3;}
body.theme-redesign #htl-pay-v97-root .htl-pay-act-row>span {min-width:180px;overflow-wrap:anywhere;line-height:1.6;}
body.theme-redesign #htl-pay-v97-root .htl-pay-act-row strong {color:#fff6df!important;}
body.theme-redesign #htl-pay-v97-root .htl-pay-act-row small {color:#ded6c8!important;}
body.theme-redesign #htl-pay-v97-root .htl-pay-act-row button {white-space:normal;min-height:38px;}
body.theme-redesign #htl-pay-v97-root .htl-pay-layout {grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);}
body.theme-redesign #htl-pay-v97-root .htl-pay-member-row {min-width:0;grid-template-columns:32px minmax(100px,1fr) auto auto;gap:10px;}
body.theme-redesign #htl-pay-v97-root .htl-pay-id {grid-row:2;min-width:0;}
body.theme-redesign #htl-pay-v97-root .htl-pay-member-labels {display:none;}
body.theme-redesign #htl-pay-v97-root .htl-pay-member-copy {min-width:0;overflow-wrap:anywhere;}
@media(max-width:1350px){body.theme-redesign #htl-pay-v97-root .htl-pay-layout{grid-template-columns:minmax(0,1fr);}body.theme-redesign #htl-pay-v97-root .htl-pay-panel-head{flex-wrap:wrap;}}

/* The shared header arrow also controls the member-platform sidebar. */
@media(min-width:761px){
 body.theme-redesign.htl-sidebar-collapsed #fullplatformdemo-page .fp2-sidebar {display:none!important;}
 body.theme-redesign.htl-sidebar-collapsed #fullplatformdemo-page .fp2-main {width:100%;min-width:0;}
}
/* Live Trading text must grow its containers rather than escape fixed artwork rows. */
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status {height:auto!important;min-height:110px!important;padding:20px!important;box-sizing:border-box;align-items:center!important;flex-wrap:wrap!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status p {margin:0!important;height:auto!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status p strong {display:block!important;font-size:32px!important;line-height:1.2!important;white-space:normal!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-status p span {display:block!important;line-height:1.5!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-conversation>header h2 {margin:0!important;line-height:1.25!important;font-size:26px!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-live .fp2-live-conversation>header {height:auto!important;min-height:80px!important;box-sizing:border-box;}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-live {--live-accent:#e4c66d;--live-soft:#f4e5ba;--live-panel:#242019;--live-line:#8e7950;}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 #fpd-panel-live {--live-accent:#68ccff;--live-soft:#c3edff;--live-panel:#102d43;--live-line:#397b9e;}
body:is(.theme-black,.theme-blackgold,.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 #fpd-panel-live :is(.fp2-live-status>b,.fp2-live-comment>div,.fp2-live-comment>span,.fp2-live-conversation>header,.fp2-live-comment footer button,.fp2-live-conversation>header button) {background:var(--live-panel)!important;border-color:var(--live-line)!important;color:var(--live-soft)!important;box-shadow:none!important;}
body:is(.theme-black,.theme-blackgold,.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 #fpd-panel-live :is(svg,.fp2-live-tools>small,.fp2-live-comment strong,.fp2-live-comment footer button,.fp2-live-status aside small) {color:var(--live-accent)!important;}
/* Month calendars grow to include every week; legacy fixed heights clipped dates. */
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .fp2-events-calendar {height:auto!important;min-height:0!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .fp2-cal-grid.htl-compact-month {height:auto!important;max-height:none!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-rows:132px!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .htl-compact-month .fp2-cal-day {height:132px!important;min-height:0!important;padding:6px!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .htl-compact-month .fp2-cal-event {height:32px!important;min-height:0!important;margin:3px 0!important;overflow:hidden!important;box-sizing:border-box;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .htl-compact-month .fp2-cal-event span {display:block!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:1.2!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .fp2-events-calendar>header {height:auto!important;flex-wrap:wrap;gap:8px;}
/* Moderator Live Chat: keep channel settings inside the available page width. */
body.theme-redesign.htl-moderator-mode #admin-page .htl-chat110-shell {width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr)!important;height:auto!important;}
body.theme-redesign.htl-moderator-mode #admin-page .htl-chat110-shell>main {min-width:0;min-height:480px;}
body.theme-redesign.htl-moderator-mode #admin-page .htl-chat110-detail {display:block!important;grid-column:1/-1!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.2);}
body.theme-redesign #admin-page .htl-chat110-detail header {height:auto!important;min-height:80px;display:block!important;padding:20px!important;box-sizing:border-box;}
body.theme-redesign #admin-page .htl-chat110-detail h2 {white-space:normal!important;overflow-wrap:anywhere;line-height:1.25!important;margin:8px 0 0!important;}
body.theme-redesign.htl-moderator-mode #admin-page .htl-chat110-detail>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.theme-redesign.htl-moderator-mode #admin-page .htl-chat110-detail label span {overflow-wrap:anywhere;}
@media(max-width:800px){body.theme-redesign.htl-moderator-mode #admin-page .htl-chat110-shell{grid-template-columns:minmax(0,1fr)!important;}body.theme-redesign.htl-moderator-mode #admin-page .htl-chat110-detail>div{grid-template-columns:minmax(0,1fr);}}
/* Native session dialogs stay centered even with the global margin reset. */
dialog.htl-live-tool-dialog[open] {position:fixed!important;inset:0!important;margin:auto!important;width:min(520px,calc(100vw - 32px))!important;height:fit-content!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;}
.htl-live-session-tab-content {padding:16px 0;line-height:1.6;}
.htl-live-session-tab-content button {padding:10px 16px;border:1px solid var(--theme-accent);border-radius:999px;background:var(--theme-chrome);color:var(--theme-ink);cursor:pointer;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-community .fp2-channel-empty {background:#251b30!important;color:#fff!important;border:1px solid var(--theme-accent)!important;border-radius:18px;padding:24px!important;line-height:1.6;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-community .fp2-channel-empty :is(h2,p,small) {color:#f5eef9!important;opacity:1!important;}
body:is(.theme-black,.theme-blackgold) #fullplatformdemo-page.fp2 #fpd-panel-community .fp2-channel-empty {background:#211e17!important;}
body:is(.theme-masculine,.theme-blue) #fullplatformdemo-page.fp2 #fpd-panel-community .fp2-channel-empty {background:#102d43!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-views {padding:4px;border:1px solid var(--theme-accent);border-radius:999px;background:rgba(0,0,0,.25);gap:4px;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-views button {min-height:36px;padding:8px 16px;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;font:700 13px/1.3 Manrope,sans-serif;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-events .htl-calendar-views button[aria-pressed="true"] {background:var(--theme-accent);color:#17111c;box-shadow:0 2px 8px #0003;}
body.theme-redesign #admin-modnotes-section :is(.htl-admin-section-hero,.admin-hdr,.htl-section-hero) p,body.theme-redesign #admin-modnotes-section>header p {color:#f3eafa!important;opacity:1!important;}
.fp2-community-pulse>button,.fp2-community-trending>button {display:block;width:100%;padding:12px;text-align:left;color:#fff;background:rgba(0,0,0,.2);border:1px solid var(--theme-accent);border-radius:10px;cursor:pointer;margin:8px 0;}
body.theme-redesign #admin-modnotes-section .htl-modnotes-hero p {color:#f3eafa!important;opacity:1!important;line-height:1.6;}
body.theme-redesign #admin-main>.htl-page-back {display:inline-flex!important;margin:12px 0;position:relative;z-index:2;}
body.theme-redesign #admin-page>.htl-page-back {display:none!important;}
body.theme-redesign #admin-page .htl-chat110-shell>main {display:flex!important;flex-direction:column;min-height:0!important;height:min(650px,75dvh)!important;}
body.theme-redesign #admin-page .htl-chat110-thread {flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:auto;}
body.theme-redesign #admin-page .htl-chat110-shell>main>header,body.theme-redesign #admin-page .htl-chat110-shell>main>footer {flex:0 0 auto;}
body.theme-redesign #fullplatformdemo-page.fp2-chat-open {height:auto!important;overflow:visible!important;}
body.theme-redesign #fullplatformdemo-page.fp2-chat-open>.fp2-body,body.theme-redesign #fullplatformdemo-page.fp2-chat-open .fp2-main,body.theme-redesign #fullplatformdemo-page.fp2-chat-open #fpd-panel-chat {height:auto!important;overflow:visible!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat .fp2-chat-shell {height:clamp(280px,calc(100dvh - 240px),700px)!important;min-height:0!important;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr) minmax(180px,.8fr)!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat .fp2-chat-conversation {display:flex;flex-direction:column;min-height:0!important;overflow:hidden;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat .fp2-chat-conversation > :is(header,footer,.fp2-chat-typing) {flex:0 0 auto!important;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat .fp2-chat-compose {box-sizing:border-box;min-width:0;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat .fp2-chat-compose input {min-width:0;width:100%;box-sizing:border-box;}
body.theme-redesign #fullplatformdemo-page.fp2 #fp2-chat-messages {flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:auto;}
body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat :is(.fp2-chat-context,.fp2-chat-sidebar) {min-height:0!important;overflow-y:auto!important;}
@media(max-width:1000px){body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat .fp2-chat-shell{grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr)!important;}body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat .fp2-chat-context{display:block!important;grid-column:1/-1;max-height:350px;}}
@media(max-width:1000px){body.theme-redesign #fullplatformdemo-page.fp2 #fpd-panel-chat .fp2-chat-shell{height:auto!important;grid-template-rows:clamp(280px,calc(100dvh - 240px),700px) auto;}}
/* Learning Path subtitle follows the full title line box, including Safari. */
body.theme-redesign #fullplatformdemo-page.fp2 .fp2-paths-hero {height:auto!important;min-height:280px;display:flex!important;flex-direction:column!important;justify-content:center;align-items:flex-start;box-sizing:border-box;padding:32px!important;}
body.theme-redesign #fullplatformdemo-page.fp2 .fp2-paths-hero h1 {position:static!important;height:auto!important;margin:12px 0 20px!important;line-height:1.12!important;max-width:100%;}
body.theme-redesign #fullplatformdemo-page.fp2 .fp2-paths-hero p {position:static!important;transform:none!important;margin:0!important;padding:0!important;line-height:1.6!important;max-width:560px;}

/* Badge labels use one consistent surface, without pale nested heading cards. */
body.theme-redesign #main-app #tab-badges :is(.htl-milestone-focus-copy,.htl-milestone-path-copy) {background:#27202f!important;border:1px solid #ffffff30;border-radius:16px;padding:16px!important;}
body.theme-redesign #main-app #tab-badges :is(.htl-milestone-focus-copy,.htl-milestone-path-copy) :is(h2,h3,p,small,.htl-milestone-stage) {background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;}
body.theme-redesign #main-app #tab-badges .htl-milestone-focus-copy h2 {padding:0!important;margin:12px 0!important;line-height:1.2!important;}
body.theme-redesign #main-app #tab-badges .htl-milestone-path-copy h3 {padding:0!important;margin:6px 0!important;line-height:1.25!important;}
body.theme-redesign #main-app #tab-badges :is(.htl-milestone-focus-copy>p,.htl-milestone-path-copy p) {color:#ece5f2!important;-webkit-text-fill-color:#ece5f2!important;font-size:14px!important;line-height:1.6!important;}
body:is(.theme-black,.theme-blackgold) #main-app #tab-badges :is(.htl-milestone-focus-copy,.htl-milestone-path-copy) {background:#242018!important;border-color:#b69b6066;}
body:is(.theme-masculine,.theme-blue) #main-app #tab-badges :is(.htl-milestone-focus-copy,.htl-milestone-path-copy) {background:#123047!important;border-color:#69c7ff66;}
/* Live room: apply the complete blue/gold palette to every interactive surface. */
body:is(.theme-masculine,.theme-blue),body[data-htl-theme="blue"] {--htl-live-surface:#10324b;--htl-live-card:#17415c;--htl-live-accent:#63cbff;--htl-live-ink:#eefaff;--htl-live-line:#4289ad;}
body:is(.theme-black,.theme-blackgold),body[data-htl-theme="black"] {--htl-live-surface:#181711;--htl-live-card:#2a261c;--htl-live-accent:#e4c66d;--htl-live-ink:#fff5da;--htl-live-line:#897445;}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold) #fullplatformdemo-page #fpd-panel-live,
body:is([data-htl-theme="blue"],[data-htl-theme="black"]) #fullplatformdemo-page #fpd-panel-live {--live-hot:var(--htl-live-accent)!important;--live-soft:var(--htl-live-ink)!important;--v2-hot:var(--htl-live-accent)!important;}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold,[data-htl-theme="blue"],[data-htl-theme="black"]) #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-status,.fp2-live-tools,.fp2-live-stage,.fp2-live-session-copy,.fp2-live-conversation,.fp2-live-lower>section) {background:var(--htl-live-surface)!important;}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold,[data-htl-theme="blue"],[data-htl-theme="black"]) #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-status,.fp2-live-tools,.fp2-live-stage,.fp2-live-conversation,.fp2-live-lower>section) {border-color:var(--htl-live-line)!important;}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold,[data-htl-theme="blue"],[data-htl-theme="black"]) #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-tools button,.fp2-live-comment>div,.fp2-live-comment>span,.fp2-live-conversation>header,.fp2-live-conversation>footer,.fp2-live-typing,.fp2-live-session-copy nav button,.fp2-live-comment footer button) {background:var(--htl-live-card)!important;border-color:var(--htl-live-line)!important;box-shadow:none!important;}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold,[data-htl-theme="blue"],[data-htl-theme="black"]) #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-status>b,.fp2-live-conversation>footer button:last-child) {background:var(--htl-live-accent)!important;border-color:var(--htl-live-accent)!important;color:#101820!important;box-shadow:none!important;}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold,[data-htl-theme="blue"],[data-htl-theme="black"]) #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-status>b,.fp2-live-conversation>footer button:last-child) svg {color:#101820!important;}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold,[data-htl-theme="blue"],[data-htl-theme="black"]) #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-tools>small,.fp2-live-comment header strong,.fp2-live-comment footer button,.fp2-live-session-copy p>b,.fp2-live-status aside svg,.fp2-live-tools svg) {color:var(--htl-live-accent)!important;border-color:var(--htl-live-line)!important;}
body:is(.theme-masculine,.theme-blue,.theme-black,.theme-blackgold,[data-htl-theme="blue"],[data-htl-theme="black"]) #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-conversation>footer input,.fp2-live-conversation>header button) {background:var(--htl-live-surface)!important;color:var(--htl-live-ink)!important;border-color:var(--htl-live-line)!important;}
/* Channel navigation scrolls independently of the selected conversation. */
body.theme-redesign #admin-page .htl-chat110-shell>aside:not(.htl-chat110-detail) {display:flex!important;flex-direction:column!important;height:min(650px,75dvh)!important;min-height:0!important;overflow:hidden!important;}
body.theme-redesign #admin-page .htl-chat110-shell>aside:not(.htl-chat110-detail)>header {flex:0 0 auto;}
body.theme-redesign #admin-page .htl-chat110-channel-list {flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--theme-accent) transparent;}
body.theme-redesign #admin-page .htl-chat110-channel-list article {flex-shrink:0;}
/* Hero artwork remains dark in every appearance; force both CSS text color channels. */
body.theme-redesign #admin-page #admin-modnotes-section .htl-modnotes-hero :is(p,p *,small) {color:#f6eefb!important;-webkit-text-fill-color:#f6eefb!important;opacity:1!important;mix-blend-mode:normal!important;}
body.theme-redesign #admin-page #admin-modnotes-section .htl-modnotes-hero p {font:500 17px/1.65 Manrope,sans-serif!important;margin:18px 0 0!important;text-shadow:0 1px 3px #0008;}
body.theme-redesign #admin-page #admin-modnotes-section .htl-modnotes-hero>div {position:relative;z-index:1;}
/* Keep the lesson selection prompt legible on its pale panel in every theme. */
body.theme-redesign #fullplatformdemo-page #fpd-panel-education #fpd-lesson-pane > .fpd-coming-soon {
  background: #f2edf5 !important;
  color: #30263b !important;
  -webkit-text-fill-color: #30263b !important;
  opacity: 1 !important;
  font: 500 15px/1.6 Manrope, sans-serif !important;
  padding: 16px 20px !important;
  border: 1px solid #c9bfd2 !important;
  text-shadow: none !important;
}
/* Member details empty state sits on a dark drawer, independent of page ink. */
body.theme-redesign #admin-page #htl-members-v97-root .htl-mem-v97-drawer > .htl-mem-v97-empty {
  color: #f6eefb !important;
  -webkit-text-fill-color: #f6eefb !important;
  opacity: 1 !important;
  font: 500 14px/1.6 Manrope, sans-serif !important;
  padding: 24px !important;
}
body.theme-redesign #main-app #tab-analytics .htl-analytics-account {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 12px 18px;
  margin-bottom: 18px;
  border: 1px solid var(--bdr2, #c8b8d5);
  border-radius: 18px;
  background: var(--bg2, #eee4f5);
}
body.theme-redesign #main-app #tab-analytics .htl-analytics-account label {
  color: var(--tx, #30263b);
  font: 700 14px/1.4 Manrope, sans-serif;
}
body.theme-redesign #main-app #tab-analytics #acct-sel-analytics {
  min-height: 44px !important;
  min-width: 220px;
  max-width: 100%;
  padding: 10px 36px 10px 14px !important;
  border: 1px solid var(--bdr2, #c8b8d5) !important;
  border-radius: 12px !important;
  background-color: var(--bg, #faf6fc) !important;
  color: var(--tx, #30263b) !important;
  font: 600 14px/1.4 Manrope, sans-serif !important;
}
body.theme-redesign #main-app #tab-analytics #acct-sel-analytics:focus-visible {
  outline: 2px solid var(--pk, #ad49a6);
  outline-offset: 3px;
}
.htl-voice-dialog {position:fixed;inset:0;margin:auto;max-width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:1px solid #a18caf;border-radius:20px;background:#f6f0fa;color:#30263b;}
.htl-voice-dialog::backdrop {background:#140d24a8;}
.htl-voice-dialog h2 {margin:0 0 12px;font-size:24px;}
.htl-voice-dialog audio,.htl-voice-message audio {width:100%;max-width:320px;}
.htl-voice-dialog>div {display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.htl-voice-dialog button,.htl-voice-record,.htl-voice-message button {padding:10px 14px;border:1px solid #9a85aa;border-radius:12px;background:#eee4f5;color:#30263b;font:600 13px/1.4 Manrope,sans-serif;cursor:pointer;}
.htl-voice-dialog button:disabled {opacity:.55;cursor:default;}
.htl-voice-message {margin-top:8px;max-width:100%;}
body.theme-redesign #admin-page .htl-chat110-shell>main>footer {flex-wrap:wrap;}
body.theme-redesign .htl-tc-compose {flex-wrap:wrap;}
body.theme-redesign #fullplatformdemo-page #fpd-panel-chat .fp2-chat-compose {grid-template-columns:40px minmax(0,1fr) auto 44px!important;}
body.theme-redesign #fullplatformdemo-page #fpd-panel-chat .fp2-chat-compose .htl-voice-record {width:auto!important;min-width:44px;height:auto!important;}
body.theme-redesign #admin-page #admin-teamchat-section .htl-tc-compose {grid-template-columns:40px minmax(0,1fr) auto auto!important;}
body.theme-redesign #admin-page .htl-chat110-message>div {max-width:min(75%,520px);min-width:0;}
body.theme-redesign #admin-page .htl-chat110-message p {margin:8px 0;line-height:1.5;}
body.theme-redesign #fullplatformdemo-page .fp2-live-conversation>footer {display:flex;flex-wrap:wrap;gap:8px;}
body.theme-redesign #fullplatformdemo-page .fp2-live-conversation>footer input {flex:1 1 150px;min-width:0;}
body.theme-redesign #main-app #tab-updates .htl-updates-hero {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;
  padding:clamp(24px,4vw,38px);margin-bottom:24px;border-radius:24px;
  border:1px solid #aa86bd;background:linear-gradient(125deg,#422254,#251633);
  box-shadow:0 12px 32px #25133326;
}
body.theme-redesign #main-app #tab-updates .htl-updates-hero h1 {
  margin:0 0 14px;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:600 clamp(36px,4vw,48px)/1.1 'Cormorant Garamond',serif;
}
body.theme-redesign #main-app #tab-updates .htl-updates-hero p {
  margin:0;max-width:510px;color:#f0e6f6!important;-webkit-text-fill-color:#f0e6f6!important;
  font:500 16px/1.6 Manrope,sans-serif;opacity:1!important;
}
body.theme-redesign:is(.theme-blue,.theme-masculine,[data-htl-theme="blue"]) #main-app #tab-updates .htl-updates-hero {
  background:linear-gradient(125deg,#174766,#0d263d);border-color:#528aa7;
}
body.theme-redesign:is(.theme-black,.theme-blackgold,[data-htl-theme="black"]) #main-app #tab-updates .htl-updates-hero {
  background:linear-gradient(125deg,#393122,#17150f);border-color:#9c844c;
}
.htl-search-dialog {position:fixed;inset:0;margin:auto;width:560px;max-width:calc(100vw - 32px);max-height:80dvh;box-sizing:border-box;overflow:auto;padding:24px;border:1px solid #b5a0c4;border-radius:22px;background:#f8f3fb;color:#30263b;}
.htl-search-dialog::backdrop {background:#170d26a8;}
.htl-search-dialog header {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;}
.htl-search-dialog h2 {margin:0;font:600 30px/1.2 'Cormorant Garamond',serif;}
.htl-search-dialog label {display:block;margin-bottom:8px;font-weight:700;}
.htl-search-dialog input {width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #a78bb9;border-radius:12px;background:#fff;color:#30263b;font:500 16px Manrope,sans-serif;}
.htl-search-dialog [role=status] {font-size:14px;line-height:1.5;}
.htl-search-dialog button {color:#30263b;background:#eee4f5;border:1px solid #c4b1d1;border-radius:12px;padding:10px 14px;cursor:pointer;}
.htl-search-results {display:grid;gap:8px;}
.htl-search-results .htl-search-result {display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:14px;}
.htl-search-result strong {font-size:15px;}
.htl-search-result span {font-size:12px;}
.htl-search-dialog :is(input,button):focus-visible {outline:2px solid #805296;outline-offset:3px;}
body.theme-redesign .htl-search-launcher {display:inline-flex!important;min-height:38px;align-items:center;padding:8px 14px;border-radius:12px;}
body.theme-redesign {--htl-access-accent:#825195;--htl-access-soft:#f0e6f5;--htl-access-surface:#faf6fc;--htl-access-ink:#30243c;--htl-access-line:#d0bbdc;}
body.theme-redesign:is(.theme-blue,.theme-masculine,[data-htl-theme="blue"]) {--htl-access-accent:#28749b;--htl-access-soft:#e0f0f8;--htl-access-surface:#f2f9fc;--htl-access-ink:#173348;--htl-access-line:#a8cadc;}
body.theme-redesign:is(.theme-black,.theme-blackgold,[data-htl-theme="black"]) {--htl-access-accent:#a18b50;--htl-access-soft:#322d21;--htl-access-surface:#1d1b16;--htl-access-ink:#f5edda;--htl-access-line:#6f6240;}
body.theme-redesign :is(.htl-market-lock-icon,.htl-access-icon) {display:inline-grid!important;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--htl-access-line);border-radius:14px;background:var(--htl-access-soft);font-size:0!important;color:var(--htl-access-accent);}
body.theme-redesign :is(.htl-market-lock-icon,.htl-access-icon)::before {content:'';display:block;width:21px;height:21px;background:currentColor;-webkit-mask:url('/htl-lock-outline.svg') center/contain no-repeat;mask:url('/htl-lock-outline.svg') center/contain no-repeat;}
body.theme-redesign #main-app #tab-vault .htl-market-locked {box-sizing:border-box;min-height:220px!important;padding:28px!important;gap:14px!important;border:1px solid var(--htl-access-line)!important;border-radius:22px!important;background:var(--htl-access-surface)!important;box-shadow:0 8px 24px #0000000c!important;color:var(--htl-access-ink)!important;}
body.theme-redesign #main-app #tab-vault .htl-market-locked h2 {font:600 clamp(24px,2.2vw,30px)/1.15 'Cormorant Garamond',serif!important;letter-spacing:0!important;color:var(--htl-access-ink)!important;-webkit-text-fill-color:var(--htl-access-ink)!important;}
body.theme-redesign #main-app #tab-vault .htl-market-locked :is(p,small) {font:500 14px/1.6 Manrope,sans-serif!important;color:var(--htl-access-ink)!important;-webkit-text-fill-color:var(--htl-access-ink)!important;opacity:1!important;}
body.theme-redesign #main-app .nav .nb .nb-lock-icon {width:14px!important;height:14px!important;margin-left:auto!important;color:currentColor;opacity:.6!important;}
body.theme-redesign #fullplatformdemo-page .fp2-lock {display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--htl-access-line);border-radius:8px;background:var(--htl-access-soft);color:var(--htl-access-accent);flex:none;margin-left:auto;}
body.theme-redesign #fullplatformdemo-page .fp2-lock svg {width:14px!important;height:14px!important;}
body.theme-redesign .htl-access-dialog {background:#130d2080!important;backdrop-filter:blur(5px);}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-card {padding:28px!important;max-width:450px!important;border:1px solid var(--htl-access-line)!important;border-radius:24px!important;background:var(--htl-access-surface)!important;color:var(--htl-access-ink)!important;box-shadow:0 24px 80px #0004;}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-title {display:flex;align-items:center;gap:14px;font:600 26px/1.2 'Cormorant Garamond',serif!important;margin-bottom:18px!important;color:var(--htl-access-ink)!important;}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-message {font:500 15px/1.65 Manrope,sans-serif!important;color:var(--htl-access-ink)!important;-webkit-text-fill-color:var(--htl-access-ink)!important;}
body.theme-redesign .htl-access-dialog .htl-modal-ok {background:var(--htl-access-soft)!important;color:var(--htl-access-ink)!important;border:1px solid var(--htl-access-line)!important;border-radius:12px!important;min-height:42px;}
body.theme-redesign #fullplatformdemo-page :is(.fp2-chat-readonly,.htl-access-notice) {padding:16px 20px!important;border:1px solid var(--htl-access-line)!important;border-radius:14px;background:var(--htl-access-soft)!important;color:var(--htl-access-ink)!important;font:500 14px/1.6 Manrope,sans-serif!important;}
body.theme-redesign #fullplatformdemo-page .fp2-chat-readonly :is(span,strong) {color:var(--htl-access-ink)!important;opacity:1!important;}
body.theme-redesign #fullplatformdemo-page .fp2-chat-readonly svg {width:20px;height:20px;color:var(--htl-access-accent);}
body.theme-redesign #fullplatformdemo-page :is(.fp2-mentor-card.locked,.fp2-cert-card.locked) button {background:var(--htl-access-soft)!important;border:1px solid var(--htl-access-line)!important;color:var(--htl-access-ink)!important;box-shadow:none!important;}
body.theme-redesign #fullplatformdemo-page .fp2-mentor-card.locked .fp2-mentor-portrait>span {background:var(--htl-access-soft)!important;color:var(--htl-access-accent)!important;border:1px solid var(--htl-access-line)!important;width:48px;height:48px;border-radius:14px;box-shadow:none!important;}
body.theme-redesign #fullplatformdemo-page .fp2-mentor-card.locked .fp2-mentor-portrait>span svg {width:22px;height:22px;}
/* Rich access surfaces, with explicit icon ink to withstand inherited text styles. */
body.theme-redesign {--htl-access-surface:#2e193e;--htl-access-soft:#48285b;--htl-access-ink:#fff6ff;--htl-access-accent:#e8b4f2;--htl-access-line:#9867ae;}
body.theme-redesign:is(.theme-blue,.theme-masculine,[data-htl-theme="blue"]) {--htl-access-surface:#102c43;--htl-access-soft:#1d4964;--htl-access-ink:#f0faff;--htl-access-accent:#86d7ff;--htl-access-line:#487f9e;}
body.theme-redesign:is(.theme-black,.theme-blackgold,[data-htl-theme="black"]) {--htl-access-surface:#211d14;--htl-access-soft:#3a3120;--htl-access-ink:#fff6de;--htl-access-accent:#edcd7e;--htl-access-line:#9c8145;}
body.theme-redesign :is(.htl-market-lock-icon,.htl-access-icon)::before {display:none!important;}
body.theme-redesign :is(.htl-market-lock-icon,.htl-access-icon) {background:var(--htl-access-soft)!important;color:var(--htl-access-accent)!important;width:52px!important;height:52px!important;border-radius:16px!important;box-shadow:0 5px 18px #0003;}
body.theme-redesign :is(.htl-market-lock-icon,.htl-access-icon) svg {display:block!important;width:25px!important;height:25px!important;color:var(--htl-access-accent)!important;stroke:var(--htl-access-accent)!important;fill:none!important;opacity:1!important;}
body.theme-redesign #main-app #tab-vault .htl-market-locked {background:radial-gradient(ellipse at top, var(--htl-access-soft),transparent 75%),var(--htl-access-surface)!important;min-height:270px!important;gap:16px!important;box-shadow:0 16px 32px #0002!important;}
body.theme-redesign #main-app #tab-vault .htl-market-locked h2 {font:700 clamp(25px,2.3vw,32px)/1.15 Manrope,sans-serif!important;letter-spacing:-.03em!important;}
body.theme-redesign #main-app #tab-vault .htl-market-locked p {font-size:15px!important;}
body.theme-redesign :is(.htl-access-contact,.htl-access-email) {display:block;margin-top:8px;padding:12px 16px;border:1px solid var(--htl-access-line);border-radius:12px;background:var(--htl-access-soft);color:var(--htl-access-ink)!important;-webkit-text-fill-color:var(--htl-access-ink)!important;font:600 13px/1.6 Manrope,sans-serif!important;text-decoration:none;max-width:38ch;overflow-wrap:anywhere;}
body.theme-redesign :is(.htl-access-contact,.htl-access-email):hover {text-decoration:underline;}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-title {font:700 25px/1.3 Manrope,sans-serif!important;letter-spacing:-.025em;-webkit-text-fill-color:var(--htl-access-ink)!important;}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-card {background:radial-gradient(ellipse at top left,var(--htl-access-soft),transparent 70%),var(--htl-access-surface)!important;}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-card {text-align:center;padding:32px!important;}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-title {flex-direction:column;justify-content:center;gap:18px;margin-bottom:18px!important;}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-message {max-width:34ch;margin:0 auto 24px!important;text-align:center;overflow-wrap:anywhere;}
body.theme-redesign .htl-access-dialog .htl-ui-dialog-card>div:last-child {justify-content:center!important;}
body.theme-redesign .htl-access-dialog .htl-modal-ok {min-width:100px;}

/* Tracker Back lives in the left gutter, outside the page's vertical flow. */
body #main-app .content{position:relative;}
body #main-app .content>.htl-page-back{position:absolute!important;top:24px;left:12px;margin:0!important;z-index:20;min-height:36px;padding:7px 10px;font-size:12px;}
body #main-app .content:has(>.htl-page-back){padding-left:106px!important;}
@media(max-width:700px){body #main-app .content:has(>.htl-page-back){padding-left:12px!important;}body #main-app .content>.htl-page-back{position:fixed!important;top:auto;left:14px;bottom:18px;box-shadow:0 4px 16px #0003!important;}}

/* Readable, compact member live conversation. */
#fullplatformdemo-page .fp2-live-conversation{background:var(--theme-card-top,#2d183d)!important;min-width:0;overflow:hidden;}
#fp2-live-comments{overflow-y:auto;min-height:0;padding:18px!important;}
.htl-live-message{display:flex;gap:10px;margin:0 0 20px;align-items:flex-start;}
.htl-live-avatar{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--theme-accent,#c16bb2);color:#fff!important;font:700 12px Manrope,sans-serif;border:1px solid #ffffff50;}
.htl-live-avatar img{width:100%;height:100%;object-fit:cover;}
.htl-live-message-content{min-width:0;flex:1;}.htl-live-message header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;background:none!important;padding:0!important;border:0!important;}
.htl-live-message header strong{color:#fff!important;font-size:13px;}.htl-live-message time{color:#e3d6e7!important;font-size:10px;}
#fullplatformdemo-page .htl-live-bubble{background:#ffffff14!important;border:1px solid #ffffff25;border-radius:0 14px 14px 14px;padding:12px 14px;color:#fff!important;-webkit-text-fill-color:#fff!important;font:400 14px/1.6 Manrope,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;}
#fullplatformdemo-page .is-own .htl-live-bubble{background:color-mix(in srgb,var(--theme-accent,#bb60a8) 28%,#21152d)!important;border-color:var(--theme-accent,#bb60a8);}.is-removed{opacity:.65;}
.htl-live-image{display:block;max-width:100%;max-height:240px;border-radius:10px;margin-top:10px;object-fit:contain;}
#fullplatformdemo-page .fp2-live-conversation>footer{gap:10px!important;padding:14px!important;background:#0003!important;flex-shrink:0;}
#fullplatformdemo-page .fp2-live-conversation>footer input{min-width:0;flex:1;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#0003!important;font-size:14px;}
#fullplatformdemo-page .fp2-live-conversation>footer input::placeholder{color:#ded0e4!important;-webkit-text-fill-color:#ded0e4!important;}
.fp2-live-typing{display:none!important;}

/* Editorial live room: one strong hero, quieter supporting controls. */
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status{position:relative;isolation:isolate;overflow:hidden;height:142px!important;border-radius:18px;padding:24px 28px!important;background:#21142d!important;box-shadow:0 8px 24px #0002!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/htl-art-live-trading-v89.png') center right/cover;filter:var(--free-banner-photo-filter,none);}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--free-banner-bg,#21142d),transparent 95%);}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status>div>svg{display:none;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status p strong{font-size:40px!important;line-height:1.1;}
body #fullplatformdemo-page #fpd-panel-live.htl-live-offline .fp2-live-status>b{background:#1d1229b3!important;box-shadow:none!important;border-color:#ffffff40;color:#f4e9f9;font-size:10px;padding:9px 12px;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-tools{height:142px!important;background:var(--free-banner-bg,#2d183d)!important;box-shadow:none!important;padding:18px!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-tools button{box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff25!important;border-radius:10px!important;}
body #fullplatformdemo-page #fpd-panel-live.htl-live-offline .fp2-live-video{background:url('/htl-art-live-trading-v89.png') center/cover!important;isolation:isolate;}
body #fullplatformdemo-page #fpd-panel-live.htl-live-offline .fp2-live-video::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#160e24f2 0%,#160e24b3 42%,transparent 80%);}
body #fullplatformdemo-page #fpd-panel-live .htl-live-offline-copy{position:absolute;top:50%;left:7%;transform:translateY(-50%);width:48%;text-align:left;color:#fff!important;}
.htl-live-offline-copy small{color:#e9acdd!important;-webkit-text-fill-color:#e9acdd!important;font:800 10px Manrope,sans-serif;letter-spacing:.16em;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-offline-copy h2{font:600 clamp(25px,2.6vw,42px)/1.1 'Cormorant Garamond',serif!important;background:none!important;padding:0!important;border:0!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:14px 0!important;}
.htl-live-offline-copy p{color:#e1cce8!important;-webkit-text-fill-color:#e1cce8!important;font:400 14px/1.7 Manrope,sans-serif;}
.htl-live-offline-copy button{margin-top:12px;padding:11px 15px;border:1px solid #d393c8;border-radius:9px;background:#34203e;color:#fff;font:700 12px Manrope,sans-serif;cursor:pointer;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-session-copy[hidden]{display:none!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation{background:var(--free-banner-bg,#261730)!important;box-shadow:0 8px 24px #0002!important;border:1px solid #ffffff30!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation>header{padding:20px!important;background:#0002!important;border-bottom:1px solid #ffffff20;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation>header h2{font-size:28px!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation>footer button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:8px!important;border-radius:10px!important;background:#ffffff10!important;border:1px solid #ffffff25!important;box-shadow:none!important;color:#edcae8!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation>footer button svg{width:20px;height:20px;}
@media(max-width:700px){body #fullplatformdemo-page #fpd-panel-live .htl-live-offline-copy{width:76%;}.htl-live-offline-copy p{font-size:12px;}}

/* Typography-led room heading, with useful content between sessions. */
body #fullplatformdemo-page.fp2 #fpd-panel-live.fpd-panel-active>.fp2-live-status{grid-column:1/-1!important;min-height:185px;height:auto!important;padding:28px 34px!important;background:var(--free-banner-bg,#291735)!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status::before,body #fullplatformdemo-page #fpd-panel-live .fp2-live-status::after{display:none!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-heading small{color:var(--free-banner-accent,#efb8df)!important;-webkit-text-fill-color:var(--free-banner-accent,#efb8df)!important;font:800 10px Manrope,sans-serif;letter-spacing:.17em;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-heading h1{font:600 clamp(36px,3.5vw,56px)/1.04 'Cormorant Garamond',serif!important;letter-spacing:-.025em;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:12px 0!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-heading p{font:400 14px/1.6 Manrope,sans-serif!important;color:#e5d4eb!important;-webkit-text-fill-color:#e5d4eb!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-tools{display:none!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-between{padding:25px 22px 30px;border:0!important;background:none!important;box-shadow:none!important;}
.htl-live-between small{font:800 10px Manrope,sans-serif;letter-spacing:.14em;color:#e8b6dc!important;-webkit-text-fill-color:#e8b6dc!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-between h2{font:600 29px/1.15 'Cormorant Garamond',serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:12px 0!important;}
.htl-live-between p{font:400 14px/1.7 Manrope,sans-serif;color:#e1cfe8!important;-webkit-text-fill-color:#e1cfe8!important;max-width:58ch;}
.htl-live-between>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}.htl-live-between button{border:1px solid #ffffff40;border-radius:9px;background:#ffffff0d;color:#fff;font:700 12px Manrope,sans-serif;padding:11px 15px;cursor:pointer;}
body #fullplatformdemo-page #fpd-panel-live.htl-live-offline .fp2-live-conversation{height:100%!important;min-height:420px;}

/* Two-part hero and a wider live viewing area. */
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:40px!important;background:radial-gradient(ellipse at 95% 20%,color-mix(in srgb,var(--theme-accent,#cc66ad) 20%,transparent),transparent 65%),var(--free-banner-bg,#291735)!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status>.htl-live-briefing{display:block!important;height:auto!important;padding:20px 24px;border-left:1px solid #ffffff30;}
.htl-live-briefing small{font:800 10px Manrope,sans-serif;letter-spacing:.15em;color:var(--free-banner-accent,#edb5df)!important;-webkit-text-fill-color:var(--free-banner-accent,#edb5df)!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-briefing h2{font:600 30px/1.15 'Cormorant Garamond',serif!important;margin:12px 0!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.htl-live-briefing p{font:400 13px/1.6 Manrope,sans-serif;color:#e5d2eb!important;-webkit-text-fill-color:#e5d2eb!important;}
.htl-live-briefing button{border:0;border-bottom:1px solid var(--theme-accent,#dc87bf);padding:5px 0;background:none;color:#fff;font:700 12px Manrope,sans-serif;cursor:pointer;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-between{display:grid;grid-template-columns:140px minmax(0,1fr);padding:0!important;margin:18px 4px 22px;background:#ffffff06!important;border:1px solid #ffffff20!important;border-radius:14px;overflow:hidden;}
.htl-live-prep-art{background:linear-gradient(90deg,transparent,#28173188),url('/htl-vault-workspace-hero-v51.png') 65% center/cover;filter:var(--free-banner-photo-filter,none);}
.htl-live-prep-copy{padding:24px;}.htl-live-prep-steps{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;padding-top:16px;border-top:1px solid #ffffff20;font:500 11px Manrope,sans-serif;color:#e3d0e8;}.htl-live-prep-steps b{color:var(--free-banner-accent,#efb4df);margin-right:5px;}
body #fullplatformdemo-page .fp2-main:has(#fpd-panel-live.fpd-panel-active){max-width:none!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-layout{grid-template-columns:minmax(0,1fr) 330px!important;align-items:start!important;}
body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-video{height:auto!important;aspect-ratio:16/9;min-height:0!important;}
@media(min-width:1700px){body #fullplatformdemo-page #fpd-panel-live .fp2-live-layout{grid-template-columns:minmax(0,1fr) 360px!important;}}
@media(max-width:1000px){body #fullplatformdemo-page #fpd-panel-live .fp2-live-status{grid-template-columns:1fr;gap:12px!important;}body #fullplatformdemo-page #fpd-panel-live .fp2-live-status>.htl-live-briefing{border-left:0;border-top:1px solid #ffffff25;padding:18px 0 0;}body #fullplatformdemo-page #fpd-panel-live .fp2-live-layout{grid-template-columns:1fr!important;}}
@media(max-width:700px){body #fullplatformdemo-page #fpd-panel-live .htl-live-between{grid-template-columns:1fr;}.htl-live-prep-art{height:110px;}}

/* Translucent live-room glass and a taller, uncropped player. */
body #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-status,.fp2-live-stage,.fp2-live-conversation,.fp2-live-lower>section){background:linear-gradient(135deg,color-mix(in srgb,var(--free-banner-bg,#291735) 64%,transparent),color-mix(in srgb,var(--free-banner-bg,#291735) 82%,transparent))!important;border:1px solid color-mix(in srgb,var(--theme-accent,#d993ca) 38%,#ffffff40)!important;backdrop-filter:blur(24px) saturate(1.25)!important;-webkit-backdrop-filter:blur(24px) saturate(1.25)!important;box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff08,0 12px 30px #130a201c!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status{background:linear-gradient(115deg,color-mix(in srgb,var(--free-banner-bg,#291735) 58%,transparent),color-mix(in srgb,var(--free-banner-bg,#291735) 76%,transparent)),radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--theme-accent,#d993ca) 18%,transparent),transparent 65%)!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-between{background:linear-gradient(120deg,#ffffff10,#ffffff04)!important;border-color:#ffffff30!important;box-shadow:inset 0 1px #ffffff18!important;}
body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-video{aspect-ratio:16/10!important;min-height:520px!important;height:auto!important;}
body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-conversation{height:max(620px,calc((100vw - 650px) * .625))!important;}
@media(max-width:1000px){body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-video{min-height:360px!important;}body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-conversation{height:520px!important;}}
@media(max-width:700px){body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-video{min-height:0!important;aspect-ratio:16/10!important;}}

/* Balance lighter hero/player glass with darker conversation and lower panels. */
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status{background:linear-gradient(115deg,color-mix(in srgb,var(--free-banner-bg,#291735) 40%,transparent),color-mix(in srgb,var(--free-banner-bg,#291735) 57%,transparent))!important;border-color:#ffffff65!important;box-shadow:inset 0 1px #ffffff50,0 12px 30px #130a201c!important;}
body #fullplatformdemo-page #fpd-panel-live :is(.fp2-live-conversation,.fp2-live-lower>section){background:linear-gradient(135deg,color-mix(in srgb,var(--free-banner-bg,#291735) 90%,transparent),color-mix(in srgb,var(--free-banner-bg,#291735) 97%,transparent))!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation>footer{background:#0005!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-between{background:color-mix(in srgb,var(--free-banner-bg,#291735) 88%,transparent)!important;}
/* Explicit height applies to the offline preview as well as the live iframe. */
body #fullplatformdemo-page #fpd-panel-live .fp2-live-video,
body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-video{height:clamp(660px,82vh,900px)!important;min-height:660px!important;max-height:none!important;aspect-ratio:auto!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-video>iframe{height:100%!important;width:100%!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation{height:clamp(660px,82vh,900px)!important;}
@media(max-width:1000px){body #fullplatformdemo-page #fpd-panel-live .fp2-live-video,body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-video{height:520px!important;min-height:520px!important;}body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation{height:520px!important;}}
@media(max-width:700px){body #fullplatformdemo-page #fpd-panel-live .fp2-live-video,body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-video{height:380px!important;min-height:380px!important;}body #fullplatformdemo-page #fpd-panel-live .fp2-live-status{background:color-mix(in srgb,var(--free-banner-bg,#291735) 65%,transparent)!important;}}

/* A slimmer frosted hero; composer ends at the same edge as the player. */
body #fullplatformdemo-page.fp2 #fpd-panel-live.fpd-panel-active>.fp2-live-status{min-height:0!important;padding:20px 28px!important;background:linear-gradient(115deg,color-mix(in srgb,var(--free-banner-bg,#291735) 30%,transparent),color-mix(in srgb,var(--free-banner-bg,#291735) 45%,transparent))!important;backdrop-filter:blur(30px) saturate(1.35)!important;-webkit-backdrop-filter:blur(30px) saturate(1.35)!important;box-shadow:inset 0 1px #ffffff65,inset 0 -1px #ffffff15,0 8px 24px #130a2018!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-heading h1{font-size:clamp(32px,3vw,46px)!important;margin:8px 0!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-status>.htl-live-briefing{padding:10px 22px!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-briefing h2{font-size:26px!important;margin:8px 0!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-layout{--htl-player-height:clamp(660px,82vh,900px);}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-video,body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-video{height:var(--htl-player-height)!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation,
body #fullplatformdemo-page #fpd-panel-live.htl-live-offline .fp2-live-conversation,
body #fullplatformdemo-page #fpd-panel-live:not(.htl-live-offline) .fp2-live-conversation{height:calc(var(--htl-player-height) + 14px)!important;min-height:0!important;max-height:calc(var(--htl-player-height) + 14px)!important;box-sizing:border-box!important;align-self:start!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation>header{flex-shrink:0;}
body #fullplatformdemo-page #fpd-panel-live #fp2-live-comments{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;}
body #fullplatformdemo-page #fpd-panel-live .fp2-live-conversation>footer{flex:0 0 auto!important;margin-top:auto!important;}
@media(max-width:1000px){body #fullplatformdemo-page #fpd-panel-live .fp2-live-layout{--htl-player-height:520px;}}
@media(max-width:700px){body #fullplatformdemo-page #fpd-panel-live .fp2-live-layout{--htl-player-height:380px;}body #fullplatformdemo-page.fp2 #fpd-panel-live.fpd-panel-active>.fp2-live-status{background:color-mix(in srgb,var(--free-banner-bg,#291735) 60%,transparent)!important;}body #fullplatformdemo-page #fpd-panel-live .fp2-live-status>.htl-live-briefing{padding:14px 0 0!important;}}

/* Restore depth to the hero and give the space below conversation a purpose. */
body #fullplatformdemo-page.fp2 #fpd-panel-live.fpd-panel-active>.fp2-live-status{background:linear-gradient(115deg,color-mix(in srgb,var(--free-banner-bg,#291735) 57%,transparent),color-mix(in srgb,var(--free-banner-bg,#291735) 72%,transparent))!important;}
.htl-live-chat-column{min-width:0;display:flex;flex-direction:column;gap:18px;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-call-prompt{padding:22px;border:1px solid #ffffff25;border-radius:16px;background:linear-gradient(130deg,color-mix(in srgb,var(--free-banner-bg,#291735) 85%,transparent),color-mix(in srgb,var(--free-banner-bg,#291735) 95%,transparent));box-shadow:inset 0 1px #ffffff15;}
.htl-live-call-prompt small{font:800 9px Manrope,sans-serif;letter-spacing:.15em;color:var(--free-banner-accent,#efb6df)!important;-webkit-text-fill-color:var(--free-banner-accent,#efb6df)!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-call-prompt h2{font:600 28px/1.15 'Cormorant Garamond',serif!important;margin:12px 0!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.htl-live-call-prompt p{font:400 13px/1.7 Manrope,sans-serif;color:#e1cfe8!important;-webkit-text-fill-color:#e1cfe8!important;margin:0 0 16px;}
.htl-live-call-prompt>div{display:grid;gap:10px;font:400 11px/1.5 Manrope,sans-serif;color:#e1cfe8;}
.htl-live-call-prompt button{margin-top:18px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--theme-accent,#d68bbb);color:#fff;font:700 11px Manrope,sans-serif;cursor:pointer;}

/* Preparation copy must not inherit session metadata grids. */
body #fullplatformdemo-page #fpd-panel-live .htl-live-between>.htl-live-prep-copy{display:block!important;grid-template-columns:none!important;position:static!important;transform:none!important;text-align:left!important;padding:26px!important;min-width:0;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-prep-copy>small{display:block!important;position:static!important;margin:0!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-prep-copy>h2{display:block!important;position:static!important;transform:none!important;text-align:left!important;margin:12px 0!important;width:auto!important;max-width:none!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-prep-copy>p{display:block!important;position:static!important;text-align:left!important;margin:0!important;max-width:64ch!important;width:auto!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-prep-copy>div:not(.htl-live-prep-steps){display:flex!important;grid-template-columns:none!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;margin:18px 0 0!important;}
body #fullplatformdemo-page #fpd-panel-live .htl-live-prep-copy>.htl-live-prep-steps{display:flex!important;grid-template-columns:none!important;gap:18px!important;flex-wrap:wrap!important;position:static!important;width:auto!important;margin-top:20px!important;}

/* Replay library and integrated lesson-style viewing page. */
body #fullplatformdemo-page #fpd-panel-replays .fp2-replays-toolbar{padding:18px!important;gap:16px;flex-wrap:wrap;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-filter button{font-size:14px!important;min-height:44px;padding:10px 17px!important;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replays-toolbar input{font-size:15px!important;min-height:44px;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important;gap:22px!important;align-items:start;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-layout>main{padding:24px!important;background:color-mix(in srgb,var(--free-banner-bg,#291735) 65%,transparent)!important;min-height:0!important;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-art{aspect-ratio:16/9!important;height:auto!important;background-size:cover!important;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-copy{padding:20px!important;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-copy small{font-size:12px!important;color:#ddc9e7!important;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-copy h3{font-size:29px!important;margin:12px 0!important;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-copy p{font-size:14px!important;line-height:1.65!important;}
body #fullplatformdemo-page #fpd-panel-replays .fp2-replay-copy button{min-height:44px!important;font-size:14px!important;}
#fpd-panel-replays.htl-replay-viewing>:not(#htl-replay-view){display:none!important;}
#htl-replay-view{width:100%;grid-column:1/-1;scroll-margin-top:100px;color:#fff;}
.htl-replay-back{min-height:44px;padding:10px 18px;margin-bottom:18px;border:1px solid #ffffff40;border-radius:12px;background:var(--free-banner-bg,#291735);color:#fff;font:700 14px Manrope,sans-serif;cursor:pointer;}
.htl-replay-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start;}.htl-replay-watch-layout>main{min-width:0;border:1px solid #ffffff25;border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--free-banner-bg,#291735) 92%,transparent);}
.htl-replay-screen{position:relative;width:100%;aspect-ratio:16/9;background:#100b18;}.htl-replay-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.htl-replay-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-size:cover;padding:24px;box-sizing:border-box;}
.htl-replay-watch-copy{padding:28px;}.htl-replay-watch-copy small{font:800 11px Manrope,sans-serif;letter-spacing:.08em;color:var(--free-banner-accent,#efb7df);}
body #fullplatformdemo-page #htl-replay-view h1{font:600 40px/1.15 'Cormorant Garamond',serif!important;margin:14px 0!important;color:#fff!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;}
.htl-replay-watch-copy p{font:400 15px/1.8 Manrope,sans-serif;color:#e4d2eb;}.htl-replay-byline{color:#cfb6d9!important;}
.htl-replay-queue{border:1px solid #ffffff25;border-radius:18px;background:color-mix(in srgb,var(--free-banner-bg,#291735) 85%,transparent);overflow:hidden;}.htl-replay-queue>header{padding:22px;border-bottom:1px solid #ffffff20;}.htl-replay-queue header small{color:var(--free-banner-accent,#efb7df);font:800 10px Manrope,sans-serif;letter-spacing:.14em;}.htl-replay-queue h2{font:600 30px Georgia,serif;margin:10px 0;}.htl-replay-queue header p{font-size:13px;color:#dec9e7;}
.htl-replay-queue>div{max-height:70vh;overflow-y:auto;padding:12px;}.htl-replay-queue-item{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;width:100%;padding:12px;border:1px solid transparent;border-radius:12px;background:none;color:#fff;text-align:left;cursor:pointer;margin-bottom:7px;}.htl-replay-queue-item:hover{background:#ffffff0b;}.htl-replay-queue-item.is-current{background:#ffffff0d;border-color:var(--theme-accent,#e7a4d5);}.htl-replay-queue-item img{width:105px;aspect-ratio:16/9;object-fit:cover;border-radius:7px;}.htl-replay-queue-item span>*{display:block;}.htl-replay-queue-item small{font-size:10px;color:#dcb4df;}.htl-replay-queue-item strong{font:700 14px/1.5 Manrope,sans-serif;margin:5px 0;}.htl-replay-queue-item em{font:400 11px/1.5 Manrope,sans-serif;color:#ccb5d8;}.htl-replay-queue-item b{font:800 9px Manrope,sans-serif;color:var(--free-banner-accent,#edb7df);margin-top:8px;}
@media(max-width:1000px){.htl-replay-watch-layout{grid-template-columns:1fr;}.htl-replay-queue>div{max-height:450px;}}

/* Replay management: scan first, edit one recording at a time. */
#htl-rpa-body {padding:22px;border-radius:22px;background:rgba(28,14,43,.94);color:#faf4ff!important;}
#htl-rpa summary {cursor:pointer;list-style:none;}
#htl-rpa summary::-webkit-details-marker {display:none;}
#htl-rpa .rpa-add summary {display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;padding:6px;}
#htl-rpa details[open]>summary {margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #ffffff26;}
#htl-rpa .rpa-record-heading {display:flex;align-items:center;gap:18px;min-height:76px;}
#htl-rpa .rpa-record-heading img {width:116px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;}
#htl-rpa .rpa-record-copy {display:grid;gap:7px;flex:1;}
#htl-rpa .rpa-record-copy b {font-size:19px;line-height:1.3;}
#htl-rpa .rpa-record-copy>span {font-size:14px;color:#d7c7df;}
#htl-rpa .rpa-status {font-size:13px;border:1px solid #ffffff30;border-radius:20px;padding:7px 12px;}
#htl-rpa .rpa-edit-label {font-size:14px;color:#f3c2ef;}
#htl-rpa .rpa-list-toolbar {display:flex;gap:20px;align-items:center;justify-content:space-between;margin:26px 0 16px;}
#htl-rpa .rpa-list-toolbar strong {font-size:22px;}
#htl-rpa .rpa-list-toolbar p {font-size:14px;color:#d7c7df;margin:7px 0;}
#htl-rpa input:not([type=checkbox]),#htl-rpa select,#htl-rpa textarea {box-sizing:border-box;width:100%;min-height:46px;font-size:16px!important;padding:12px;border-radius:10px;background:#f8f2fb!important;color:#271833!important;border:1px solid #bfa6ce;display:block;margin-top:7px;}
#htl-rpa #rpa-search {max-width:320px;margin:0;}
#htl-rpa button {min-height:44px;font-size:15px;padding:10px 18px;}
#htl-rpa input[type=checkbox] {width:18px;height:18px;accent-color:#dc46c7;}
#htl-rpa [data-rid][hidden] {display:none;}
@media(max-width:700px){#htl-rpa-body{padding:14px;}#htl-rpa .rpa-list-toolbar{align-items:stretch;flex-direction:column;}#htl-rpa #rpa-search{max-width:none;}#htl-rpa .rpa-record-heading{gap:10px;flex-wrap:wrap;}#htl-rpa .rpa-record-heading img{width:80px;}#htl-rpa .rpa-record-copy b{font-size:17px;}}

/* Session dates belong to each replay, independent of its shared cover artwork. */
.htl-replay-date-pill{position:absolute;left:5.2%;bottom:13%;z-index:2;display:block!important;width:auto!important;background:linear-gradient(120deg,#241025ed,#351431ed);border:1px solid #ed86d5;border-radius:30px;padding:5px 9px;color:#fff0e7!important;font:600 11px/1.2 Arial,sans-serif!important;letter-spacing:.7px;box-shadow:0 0 14px #f23cba33;white-space:nowrap;pointer-events:none;}
.htl-replay-date-pill:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#ff8dde;box-shadow:0 0 8px #ff3ec5;margin-right:6px;vertical-align:middle;}
.htl-replay-mini-art{position:relative;display:block;flex-shrink:0;width:116px;aspect-ratio:16/9;overflow:hidden;border-radius:10px;}
.htl-replay-mini-art img{width:100%!important;height:100%!important;object-fit:cover;}
.htl-replay-mini-art .htl-replay-date-pill{font-size:6px!important;letter-spacing:.1px;padding:2px 4px;}
.htl-replay-mini-art .htl-replay-date-pill:before{width:2px;height:2px;margin-right:3px;}