[data-hrol-player][data-hrol-footer-fallback="1"]{display:none!important;}
.happilyapps-read-out-loud{position:relative;z-index:30;display:flex;margin:.8em 0 1.15em;font-family:inherit}.hrol-position-top_right,.hrol-position-bottom_right{justify-content:flex-end}.hrol-player-panel{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid color-mix(in srgb,var(--hrol-accent,#011748) 25%,#d9e0e7);border-radius:12px;background:var(--hrol-panel,#fff);color:var(--hrol-text,#17324d);box-shadow:0 4px 18px rgba(0,0,0,.09);backdrop-filter:blur(5px)}.hrol-play,.hrol-pause,.hrol-opener,.hrol-close{cursor:pointer}.hrol-play{border:0;border-radius:8px;background:var(--hrol-accent,#011748);color:#fff;padding:8px 13px;font-weight:750}.hrol-pause{border:1px solid var(--hrol-accent,#011748);border-radius:8px;background:#fff;color:var(--hrol-accent,#011748);padding:7px 11px}.hrol-pause:disabled{opacity:.55;cursor:not-allowed}.hrol-speed{display:flex;align-items:center;gap:5px;font-size:.88em}.hrol-speed select{min-width:70px}.hrol-status{font-size:.83em;color:color-mix(in srgb,var(--hrol-text,#17324d) 70%,#fff);max-width:280px}.hrol-position-floating_left,.hrol-position-floating_right{position:fixed;top:46%;z-index:99999;margin:0}.hrol-position-floating_left{left:12px}.hrol-position-floating_right{right:12px}.hrol-opener{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:2px solid color-mix(in srgb,var(--hrol-accent,#011748) 55%,#fff);border-radius:50%;background:#fff;color:var(--hrol-accent,#011748);font-size:23px;line-height:1;box-shadow:0 5px 20px rgba(0,0,0,.18);touch-action:none;user-select:none}.hrol-opener-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;transform:translateY(-1px)}.hrol-position-floating_left.is-collapsed .hrol-opener,.hrol-position-floating_right.is-collapsed .hrol-opener{cursor:ns-resize}.hrol-close{position:absolute;right:3px;top:1px;border:0;background:transparent;color:var(--hrol-text,#17324d);font-size:20px}.happilyapps-read-out-loud.is-collapsed .hrol-player-panel{display:none}.happilyapps-read-out-loud:not(.is-collapsed) .hrol-opener{display:none}@media(max-width:700px){.hrol-position-floating_left,.hrol-position-floating_right{top:auto;bottom:20px}.hrol-player-panel{max-width:calc(100vw - 28px)}}@media(prefers-reduced-motion:reduce){.happilyapps-read-out-loud *{scroll-behavior:auto!important;transition:none!important}}

/* Accessibility controls. */
.hrol-text-size{display:inline-flex;align-items:center;gap:5px}.hrol-text-size-label{font-size:.88em}.hrol-text-smaller,.hrol-text-larger{min-width:34px;height:34px;border:1px solid var(--hrol-accent,#011748);border-radius:8px;background:#fff;color:var(--hrol-accent,#011748);font-size:20px;font-weight:700;line-height:1;font-family:inherit;cursor:pointer}.hrol-text-smaller:hover,.hrol-text-larger:hover,.hrol-text-smaller:focus,.hrol-text-larger:focus{background:color-mix(in srgb,var(--hrol-accent,#011748) 8%,#fff)}
::highlight(hrol-spoken){background-color:var(--hrol-highlight-color,#fff59d);color:inherit;text-decoration:none}

/* 0.0.14 public help, resilient layout, and cross-browser highlight fallback. */
.hrol-player-stack{display:flex;flex-direction:column;align-items:stretch;max-width:min(760px,calc(100vw - 28px))}
.happilyapps-read-out-loud.is-collapsed .hrol-player-stack{display:none}
.hrol-help-button{margin-left:auto;width:31px;height:31px;min-width:31px;padding:0;border:1px solid var(--hrol-accent,#011748);border-radius:999px;background:#fff;color:var(--hrol-accent,#011748);font:800 16px/29px inherit;text-align:center;cursor:pointer}
.hrol-help-button:hover,.hrol-help-button:focus{background:color-mix(in srgb,var(--hrol-accent,#011748) 8%,#fff)}
.hrol-public-cheatsheet{margin-top:-1px;padding:10px 11px 11px;border:1px solid color-mix(in srgb,var(--hrol-accent,#011748) 25%,#d9e0e7);border-radius:0 0 12px 12px;background:#fff;color:var(--hrol-text,#17324d);box-shadow:0 5px 14px rgba(0,0,0,.08)}
.hrol-public-cheatsheet[hidden]{display:none!important}
.hrol-cheat-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}.hrol-cheat-header strong{font-size:12px}.hrol-cheat-header span{font-size:10px;opacity:.72;text-align:right}
.hrol-cheat-tabs{display:inline-flex;gap:3px;padding:3px;margin-bottom:7px;border-radius:8px;background:#eef4f8}.hrol-cheat-tabs button{border:0;border-radius:6px;padding:4px 9px;background:transparent;color:#47647d;font:700 11px/1.2 inherit;cursor:pointer}.hrol-cheat-tabs button.is-active{background:#fff;color:#173b5c;box-shadow:0 1px 4px rgba(20,55,85,.12)}
.hrol-cheat-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.hrol-cheat-panel[hidden]{display:none!important}.hrol-cheat-panel>div{min-width:0;padding:7px 6px;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;text-align:center}.hrol-cheat-panel kbd{display:block;margin:0 auto 4px;padding:3px 5px;border:1px solid #bccbd8;border-bottom-width:2px;border-radius:5px;background:#fff;color:#173b5c;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:nowrap}.hrol-cheat-panel span{display:block;color:#60768b;font-size:10px;line-height:1.2}
html.hrol-selection-highlight-active ::selection{background:var(--hrol-highlight-color,#fff59d);color:inherit}
@media(max-width:700px){.hrol-player-stack{max-width:calc(100vw - 28px)}.hrol-cheat-header{align-items:flex-start;flex-direction:column;gap:2px}.hrol-cheat-header span{text-align:left}.hrol-cheat-panel{grid-template-columns:1fr 1fr}.hrol-help-button{margin-left:0}}


/* 0.0.15 compact two-row public player. Explicit sizing resists oversized theme button styles. */
.hrol-player-stack{max-width:min(540px,calc(100vw - 28px))}
.hrol-player-panel{display:block!important;width:100%;box-sizing:border-box;padding:7px 8px!important;border-radius:10px;font-size:13px!important;line-height:1.2!important}
.hrol-player-row{display:flex;align-items:center;gap:6px;min-width:0}
.hrol-player-row-primary{padding-right:0}
.hrol-player-row-secondary{margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--hrol-accent,#011748) 13%,#e7edf2)}
.hrol-player-panel .hrol-play,.hrol-player-panel .hrol-pause{min-height:30px!important;height:30px!important;margin:0!important;padding:4px 9px!important;border-radius:7px!important;font-size:13px!important;line-height:20px!important;box-sizing:border-box!important}
.hrol-player-panel .hrol-speed{gap:4px!important;margin:0!important;font-size:12px!important;line-height:1.15!important}
.hrol-player-panel .hrol-speed select{min-width:58px!important;width:auto!important;height:30px!important;min-height:30px!important;margin:0!important;padding:2px 20px 2px 6px!important;font-size:12px!important;line-height:24px!important}
.hrol-player-panel .hrol-text-size{gap:4px!important;margin:0!important}
.hrol-player-panel .hrol-text-size-label{font-size:12px!important}
.hrol-player-panel .hrol-text-smaller,.hrol-player-panel .hrol-text-larger{min-width:29px!important;width:29px!important;height:29px!important;min-height:29px!important;margin:0!important;padding:0!important;border-radius:7px!important;font-size:17px!important;line-height:27px!important;box-sizing:border-box!important}
.hrol-player-panel .hrol-status{flex:1 1 120px;min-width:0;max-width:none!important;margin:0!important;font-size:11.5px!important;line-height:1.25!important;overflow-wrap:anywhere}
.hrol-player-actions{display:inline-flex;align-items:center;gap:7px;margin-left:auto;flex:0 0 auto}
.hrol-player-panel .hrol-help-button,.hrol-player-panel .hrol-close{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;margin:0!important;padding:0!important;border:1px solid var(--hrol-accent,#011748)!important;border-radius:999px!important;background:#fff!important;color:var(--hrol-accent,#011748)!important;box-sizing:border-box!important;font-family:inherit!important;font-weight:800!important;line-height:1!important;cursor:pointer}
.hrol-player-panel .hrol-help-button{font-size:14px!important}
.hrol-player-panel .hrol-close{font-size:18px!important;font-weight:650!important}
.hrol-player-panel .hrol-help-button:hover,.hrol-player-panel .hrol-help-button:focus,.hrol-player-panel .hrol-close:hover,.hrol-player-panel .hrol-close:focus{background:color-mix(in srgb,var(--hrol-accent,#011748) 8%,#fff)!important}
.hrol-public-cheatsheet{font-size:12px}
@media(max-width:520px){.hrol-player-stack{max-width:calc(100vw - 20px)}.hrol-player-row{flex-wrap:wrap}.hrol-player-row-secondary{align-items:center}.hrol-player-panel .hrol-status{flex-basis:100px}}

/* 0.0.16 administrator-selectable player sizes and hardened two-row layout. */
[data-hrol-player] .hrol-player-stack{
  width:min(var(--hrol-player-max,400px),calc(100vw - 28px))!important;
  max-width:min(var(--hrol-player-max,400px),calc(100vw - 28px))!important;
}
[data-hrol-player] .hrol-player-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  padding:6px 7px!important;
  box-sizing:border-box!important;
  font-size:var(--hrol-player-font,11.5px)!important;
  line-height:1.15!important;
}
[data-hrol-player] .hrol-player-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
[data-hrol-player] .hrol-player-row-primary{
  grid-row:1!important;
}
[data-hrol-player] .hrol-player-row-secondary{
  grid-row:2!important;
  margin-top:5px!important;
  padding-top:5px!important;
  border-top:1px solid color-mix(in srgb,var(--hrol-accent,#011748) 13%,#e7edf2)!important;
}
[data-hrol-player] .hrol-play,
[data-hrol-player] .hrol-pause{
  min-height:var(--hrol-control-height,27px)!important;
  height:var(--hrol-control-height,27px)!important;
  padding:3px 8px!important;
  border-radius:7px!important;
  font-size:1em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
[data-hrol-player] .hrol-speed{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  font-size:.92em!important;
  white-space:nowrap!important;
}
[data-hrol-player] .hrol-speed select{
  min-width:52px!important;
  width:52px!important;
  height:var(--hrol-control-height,27px)!important;
  min-height:var(--hrol-control-height,27px)!important;
  margin:0!important;
  padding:1px 16px 1px 5px!important;
  font-size:.92em!important;
  line-height:1!important;
}
[data-hrol-player] .hrol-text-size{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  white-space:nowrap!important;
}
[data-hrol-player] .hrol-text-size-label{font-size:.92em!important}
[data-hrol-player] .hrol-text-smaller,
[data-hrol-player] .hrol-text-larger{
  width:calc(var(--hrol-control-height,27px) - 1px)!important;
  min-width:calc(var(--hrol-control-height,27px) - 1px)!important;
  height:calc(var(--hrol-control-height,27px) - 1px)!important;
  min-height:calc(var(--hrol-control-height,27px) - 1px)!important;
  padding:0!important;
  margin:0!important;
  border-radius:7px!important;
  font-size:1.35em!important;
  line-height:1!important;
}
[data-hrol-player] .hrol-status{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  font-size:.88em!important;
  line-height:1.15!important;
  overflow:hidden!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
[data-hrol-player] .hrol-player-actions{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
[data-hrol-player] .hrol-options-button,
[data-hrol-player] .hrol-help-button,
[data-hrol-player] .hrol-close{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(var(--hrol-control-height,27px) - 2px)!important;
  min-width:calc(var(--hrol-control-height,27px) - 2px)!important;
  height:calc(var(--hrol-control-height,27px) - 2px)!important;
  min-height:calc(var(--hrol-control-height,27px) - 2px)!important;
  margin:0!important;
  padding:0!important;
  border-radius:999px!important;
  line-height:1!important;
}
[data-hrol-player] .hrol-options-button{font-size:1.15em!important;font-weight:800!important;letter-spacing:.02em!important}
[data-hrol-player] .hrol-help-button{font-size:1em!important}
[data-hrol-player] .hrol-close{font-size:1.25em!important}

/* Preset-specific small refinements. */
[data-hrol-player].hrol-size-compact .hrol-player-panel{padding:5px 6px!important}
[data-hrol-player].hrol-size-compact .hrol-player-row{gap:4px!important}
[data-hrol-player].hrol-size-large .hrol-player-panel{padding:8px 9px!important}
[data-hrol-player].hrol-size-large .hrol-player-row{gap:7px!important}

@media(max-width:440px){
  [data-hrol-player] .hrol-player-stack{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
  [data-hrol-player] .hrol-player-row{flex-wrap:wrap!important}
  [data-hrol-player] .hrol-status{flex:1 1 90px!important}
}


/* 0.0.17 tighter preset widths and compact keyboard cheat sheet. */
[data-hrol-player].hrol-size-compact{--hrol-player-max:315px!important;--hrol-player-font:11px!important;--hrol-control-height:26px!important}
[data-hrol-player].hrol-size-standard{--hrol-player-max:380px!important;--hrol-player-font:12.5px!important;--hrol-control-height:29px!important}
[data-hrol-player].hrol-size-large{--hrol-player-max:460px!important;--hrol-player-font:14px!important;--hrol-control-height:33px!important}
[data-hrol-player] .hrol-public-cheatsheet{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-panel>div{padding:6px 5px!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-panel kbd{max-width:100%;padding:3px 4px;font-size:9px;letter-spacing:-.02em;box-sizing:border-box;overflow:hidden;text-overflow:clip}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-panel span{font-size:9.5px}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-header{align-items:flex-start;flex-direction:column;gap:2px}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-header span{text-align:left}
@media(max-width:360px){[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-panel{grid-template-columns:1fr 1fr!important}}

/* 0.0.18 text-first presets and per-visitor S/M/L player text controls. */
[data-hrol-player].hrol-size-compact{--hrol-player-max:285px!important;--hrol-player-font:10px!important;--hrol-control-height:25px!important;--hrol-cheat-font:8.5px!important}
[data-hrol-player].hrol-size-standard{--hrol-player-max:340px!important;--hrol-player-font:13px!important;--hrol-control-height:29px!important;--hrol-cheat-font:10px!important}
[data-hrol-player].hrol-size-large{--hrol-player-max:395px!important;--hrol-player-font:19px!important;--hrol-control-height:38px!important;--hrol-cheat-font:13.5px!important}
[data-hrol-player].hrol-view-size-small{--hrol-player-max:285px!important;--hrol-player-font:10px!important;--hrol-control-height:25px!important;--hrol-cheat-font:8.5px!important}
[data-hrol-player].hrol-view-size-medium{--hrol-player-max:340px!important;--hrol-player-font:13px!important;--hrol-control-height:29px!important;--hrol-cheat-font:10px!important}
[data-hrol-player].hrol-view-size-large{--hrol-player-max:395px!important;--hrol-player-font:19px!important;--hrol-control-height:38px!important;--hrol-cheat-font:13.5px!important}
[data-hrol-player] .hrol-player-stack{width:fit-content!important;max-width:min(var(--hrol-player-max,285px),calc(100vw - 28px))!important}
[data-hrol-player] .hrol-player-panel{width:auto!important;max-width:100%!important;padding:6px 7px!important}
[data-hrol-player].hrol-size-large .hrol-player-panel,[data-hrol-player].hrol-view-size-large .hrol-player-panel{padding:7px 8px!important}
[data-hrol-player].hrol-size-large .hrol-player-row,[data-hrol-player].hrol-view-size-large .hrol-player-row{gap:6px!important}

[data-hrol-player] .hrol-view-size{display:inline-flex!important;align-items:center!important;gap:1px!important;margin-left:1px!important;padding:1px!important;border:1px solid color-mix(in srgb,var(--hrol-accent,#011748) 25%,#cbd8e5)!important;border-radius:5px!important;background:#f7fafc!important;flex:0 0 auto!important}
[data-hrol-player] .hrol-view-size button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;padding:0!important;border:0!important;border-radius:3px!important;background:transparent!important;color:var(--hrol-accent,#011748)!important;font:800 9px/1 Arial,sans-serif!important;box-sizing:border-box!important;cursor:pointer!important}
[data-hrol-player] .hrol-view-size button[aria-pressed="true"]{background:var(--hrol-accent,#011748)!important;color:#fff!important}
[data-hrol-player] .hrol-view-size button:hover,[data-hrol-player] .hrol-view-size button:focus{outline:1px solid color-mix(in srgb,var(--hrol-accent,#011748) 55%,#fff);outline-offset:0}

[data-hrol-player] .hrol-public-cheatsheet{font-size:var(--hrol-cheat-font,9px)!important;padding:9px 10px 10px!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-panel>div{padding:5px 4px!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-panel kbd{font-size:var(--hrol-cheat-font,9px)!important;padding:3px 4px!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-panel span{font-size:calc(var(--hrol-cheat-font,9px) + .5px)!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-header strong{font-size:calc(var(--hrol-cheat-font,9px) + 2px)!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-header span{font-size:calc(var(--hrol-cheat-font,9px) + 1px)!important}
[data-hrol-player] .hrol-public-cheatsheet .hrol-cheat-tabs button{font-size:calc(var(--hrol-cheat-font,9px) + 1px)!important}
@media(max-width:440px){[data-hrol-player] .hrol-player-stack{width:fit-content!important;max-width:calc(100vw - 16px)!important}}
[data-hrol-player].hrol-view-size-small .hrol-player-panel{padding:5px 6px!important}
[data-hrol-player].hrol-view-size-small .hrol-player-row{gap:4px!important}
[data-hrol-player].hrol-view-size-medium .hrol-player-panel{padding:6px 7px!important}
[data-hrol-player].hrol-view-size-medium .hrol-player-row{gap:5px!important}
[data-hrol-player].hrol-view-size-large .hrol-player-panel{padding:7px 8px!important}
[data-hrol-player].hrol-view-size-large .hrol-player-row{gap:6px!important}

/* 0.0.19 compact help control refinement. */
[data-hrol-player].hrol-size-compact .hrol-help-button,
[data-hrol-player].hrol-size-compact .hrol-options-button,
[data-hrol-player].hrol-view-size-small .hrol-options-button,
[data-hrol-player].hrol-view-size-small .hrol-help-button{
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  font-size:11px!important;
  line-height:1!important;
}
.hrol-ai-voice-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#f3eaff;color:#5c2d91;font-size:.82em;font-weight:700;white-space:nowrap}

/* 0.0.29 per-visitor reading options. */
[data-hrol-player] .hrol-public-options{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  margin-top:4px!important;padding:8px 9px!important;border:1px solid color-mix(in srgb,var(--hrol-accent,#011748) 18%,#d8e2ec)!important;
  border-radius:8px!important;background:var(--hrol-panel,#fff)!important;color:var(--hrol-text,#17324d)!important;
  box-shadow:0 5px 16px rgba(10,31,55,.10)!important;font-size:.92em!important;
}
[data-hrol-player] .hrol-public-options[hidden]{display:none!important}
[data-hrol-player] .hrol-options-header{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;margin-bottom:5px!important}
[data-hrol-player] .hrol-options-header strong{font-size:1em!important}
[data-hrol-player] .hrol-options-header span{font-size:.82em!important;opacity:.72!important;white-space:nowrap!important}
[data-hrol-player] .hrol-public-options label{display:flex!important;align-items:center!important;gap:6px!important;margin:4px 0!important;cursor:pointer!important;line-height:1.25!important}
[data-hrol-player] .hrol-public-options input[type="checkbox"]{width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;padding:0!important;accent-color:var(--hrol-accent,#011748)!important}


/* 0.0.28 mobile visibility and safe-area positioning. */
@media(max-width:700px){
  [data-hrol-player].hrol-position-floating_left,
  [data-hrol-player].hrol-position-floating_right{
    position:fixed!important;
    top:auto!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    z-index:2147483000!important;
    justify-content:center!important;
  }
  [data-hrol-player].hrol-position-floating_left:not(.is-collapsed) .hrol-player-stack,
  [data-hrol-player].hrol-position-floating_right:not(.is-collapsed) .hrol-player-stack{
    width:min(100%,460px)!important;
    max-width:calc(100vw - 16px)!important;
  }
  [data-hrol-player].hrol-position-floating_left.is-collapsed{
    left:8px!important;right:auto!important;width:54px!important;
  }
  [data-hrol-player].hrol-position-floating_right.is-collapsed{
    left:auto!important;right:8px!important;width:54px!important;
  }
  [data-hrol-player].is-collapsed .hrol-opener{
    display:inline-flex!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
    box-shadow:0 6px 24px rgba(0,0,0,.28)!important;
  }
}
.hrol-ai-voice-badge.is-browser{background:#eef2f6;color:#53677b}.hrol-ai-voice-badge.is-preparing{background:#fff4d6;color:#765800}.hrol-ai-voice-badge.is-ai{background:#f3eaff;color:#5c2d91}


/* 0.0.31 clearer AI status and stronger visitor S/M/L controls. */
[data-hrol-player] .hrol-status{
  flex:1 1 128px!important;
  color:var(--hrol-text,#17324d)!important;
  font-size:clamp(12px,.95em,16px)!important;
  font-weight:650!important;
  line-height:1.2!important;
  opacity:.92!important;
}
[data-hrol-player] .hrol-view-size{
  min-height:30px!important;
  gap:2px!important;
  padding:2px!important;
  border-radius:7px!important;
}
[data-hrol-player] .hrol-view-size button{
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  border-radius:5px!important;
  font-size:11px!important;
  transition:width .14s ease,height .14s ease,font-size .14s ease,background-color .14s ease,color .14s ease!important;
}
[data-hrol-player] .hrol-view-size button[aria-pressed="true"]{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  font-size:14px!important;
  box-shadow:0 1px 4px rgba(1,23,72,.22)!important;
}
@media(prefers-reduced-motion:reduce){
  [data-hrol-player] .hrol-view-size button{transition:none!important}
}


/* 0.0.34 reliable live highlighting and roomier three-row public player. */
[data-hrol-player].hrol-size-compact,[data-hrol-player].hrol-view-size-small{--hrol-player-max:380px!important;--hrol-player-font:11px!important;--hrol-control-height:30px!important;--hrol-cheat-font:9px!important}
[data-hrol-player].hrol-size-standard,[data-hrol-player].hrol-view-size-medium{--hrol-player-max:460px!important;--hrol-player-font:13px!important;--hrol-control-height:32px!important;--hrol-cheat-font:10px!important}
[data-hrol-player].hrol-size-large,[data-hrol-player].hrol-view-size-large{--hrol-player-max:560px!important;--hrol-player-font:17px!important;--hrol-control-height:36px!important;--hrol-cheat-font:12px!important}
[data-hrol-player] .hrol-player-stack{width:min(var(--hrol-player-max,460px),calc(100vw - 28px))!important;max-width:min(var(--hrol-player-max,460px),calc(100vw - 28px))!important}
[data-hrol-player] .hrol-player-panel{width:100%!important;padding:8px 9px!important}
[data-hrol-player] .hrol-player-row-primary{grid-row:1!important}
[data-hrol-player] .hrol-player-row-secondary{grid-row:2!important;margin-top:6px!important;padding-top:6px!important;gap:8px!important}
[data-hrol-player] .hrol-player-row-tertiary{grid-row:3!important;margin-top:6px!important;padding-top:6px!important;border-top:1px solid color-mix(in srgb,var(--hrol-accent,#011748) 13%,#e7edf2)!important;min-height:24px!important}
[data-hrol-player] .hrol-player-row-primary .hrol-player-actions{margin-left:auto!important}
[data-hrol-player] .hrol-player-row-secondary .hrol-speed{flex:0 0 auto!important}
[data-hrol-player] .hrol-player-row-secondary .hrol-speed select{width:78px!important;min-width:78px!important;padding-left:7px!important;padding-right:24px!important;font-size:1em!important}
[data-hrol-player] .hrol-player-row-secondary .hrol-ai-voice-badge{flex:0 0 auto!important;font-size:.88em!important;padding:3px 7px!important}
[data-hrol-player] .hrol-player-row-tertiary .hrol-status{display:block!important;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0 1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:clamp(12px,.88em,15px)!important;font-weight:650!important;line-height:1.35!important}
[data-hrol-player] .hrol-view-size button{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;font-size:12px!important}
[data-hrol-player] .hrol-view-size button[aria-pressed="true"]{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;font-size:15px!important}
@media(max-width:520px){
 [data-hrol-player] .hrol-player-stack{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
 [data-hrol-player] .hrol-player-row-primary,[data-hrol-player] .hrol-player-row-secondary{flex-wrap:nowrap!important}
 [data-hrol-player] .hrol-player-row-secondary{gap:6px!important}
 [data-hrol-player] .hrol-player-row-secondary .hrol-speed select{width:74px!important;min-width:74px!important}
}


/* 0.0.35 compact three-row player refinement. Keep the readable three-row layout without covering so much article content on desktop. */
[data-hrol-player].hrol-size-compact,[data-hrol-player].hrol-view-size-small{--hrol-player-max:320px!important}
[data-hrol-player].hrol-size-standard,[data-hrol-player].hrol-view-size-medium{--hrol-player-max:360px!important}
[data-hrol-player].hrol-size-large,[data-hrol-player].hrol-view-size-large{--hrol-player-max:400px!important}
[data-hrol-player] .hrol-player-stack{
  width:min(var(--hrol-player-max,360px),calc(100vw - 28px))!important;
  max-width:min(var(--hrol-player-max,360px),calc(100vw - 28px))!important;
}
[data-hrol-player] .hrol-player-panel{padding:7px 8px!important}
@media(max-width:520px){
  [data-hrol-player] .hrol-player-stack{
    width:min(var(--hrol-player-max,360px),calc(100vw - 16px))!important;
    max-width:min(var(--hrol-player-max,360px),calc(100vw - 16px))!important;
  }
}


/* 0.0.36 clearly separated S/M/L presets plus optional five-second auto-hide. */
[data-hrol-player].hrol-size-compact,[data-hrol-player].hrol-view-size-small{
  --hrol-player-max:290px!important;
  --hrol-player-font:9.5px!important;
  --hrol-control-height:23px!important;
  --hrol-cheat-font:8.5px!important;
}
[data-hrol-player].hrol-size-standard,[data-hrol-player].hrol-view-size-medium{
  --hrol-player-max:350px!important;
  --hrol-player-font:12px!important;
  --hrol-control-height:29px!important;
  --hrol-cheat-font:10px!important;
}
[data-hrol-player].hrol-size-large,[data-hrol-player].hrol-view-size-large{
  --hrol-player-max:480px!important;
  --hrol-player-font:17px!important;
  --hrol-control-height:36px!important;
  --hrol-cheat-font:12px!important;
}
[data-hrol-player] .hrol-player-stack{
  width:min(var(--hrol-player-max,480px),calc(100vw - 28px))!important;
  max-width:min(var(--hrol-player-max,480px),calc(100vw - 28px))!important;
}
[data-hrol-player].hrol-view-size-small .hrol-player-panel{padding:4px 5px!important}
[data-hrol-player].hrol-view-size-small .hrol-player-row{gap:3px!important}
[data-hrol-player].hrol-view-size-small .hrol-player-row-secondary{margin-top:3px!important;padding-top:3px!important;gap:3px!important}
[data-hrol-player].hrol-view-size-small .hrol-play,
[data-hrol-player].hrol-view-size-small .hrol-pause{padding-left:5px!important;padding-right:5px!important;border-radius:5px!important}
[data-hrol-player].hrol-view-size-small .hrol-player-actions{gap:3px!important}
[data-hrol-player].hrol-view-size-small .hrol-options-button,
[data-hrol-player].hrol-view-size-small .hrol-help-button,
[data-hrol-player].hrol-view-size-small .hrol-close{width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;font-size:10px!important}
[data-hrol-player].hrol-view-size-small .hrol-view-size button{width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;font-size:8px!important}
[data-hrol-player].hrol-view-size-small .hrol-view-size button[aria-pressed="true"]{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;font-size:10px!important}
[data-hrol-player].hrol-view-size-small .hrol-speed{gap:2px!important}
[data-hrol-player].hrol-view-size-small .hrol-speed select{width:55px!important;min-width:55px!important;padding-left:4px!important;padding-right:18px!important}
[data-hrol-player].hrol-view-size-small .hrol-ai-voice-badge{padding:2px 4px!important;font-size:.8em!important}
/* Visually remove Small's status row while preserving its aria-live text for assistive technology. */
[data-hrol-player].hrol-view-size-small .hrol-player-row-tertiary{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
[data-hrol-player].hrol-view-size-medium .hrol-player-panel{padding:6px 7px!important}
[data-hrol-player].hrol-view-size-medium .hrol-player-row{gap:5px!important}
[data-hrol-player].hrol-view-size-medium .hrol-view-size button{width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;font-size:10px!important}
[data-hrol-player].hrol-view-size-medium .hrol-view-size button[aria-pressed="true"]{width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;font-size:13px!important}
[data-hrol-player].hrol-view-size-large .hrol-player-panel{padding:8px 9px!important}
[data-hrol-player].hrol-view-size-large .hrol-player-row{gap:7px!important}
[data-hrol-player].hrol-view-size-large .hrol-view-size button{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;font-size:12px!important}
[data-hrol-player].hrol-view-size-large .hrol-view-size button[aria-pressed="true"]{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;font-size:15px!important}

[data-hrol-player] .hrol-player-stack,
[data-hrol-player] .hrol-opener{transition:opacity .18s ease,visibility .18s ease!important}
[data-hrol-player].hrol-auto-hidden .hrol-player-stack,
[data-hrol-player].hrol-auto-hidden .hrol-opener{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:520px){
  [data-hrol-player] .hrol-player-stack{
    width:min(var(--hrol-player-max,480px),calc(100vw - 16px))!important;
    max-width:min(var(--hrol-player-max,480px),calc(100vw - 16px))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  [data-hrol-player] .hrol-player-stack,[data-hrol-player] .hrol-opener{transition:none!important}
}


/* 0.0.37 auto-hide playback-state guard and denser balanced player rows. */
[data-hrol-player] .hrol-player-row-secondary{
  justify-content:space-between!important;
}
[data-hrol-player] .hrol-player-row-secondary .hrol-text-size,
[data-hrol-player] .hrol-player-row-secondary .hrol-speed,
[data-hrol-player] .hrol-player-row-secondary .hrol-ai-voice-badge{
  flex:0 0 auto!important;
}
[data-hrol-player] .hrol-player-row-tertiary{
  margin-top:4px!important;
  padding-top:4px!important;
  min-height:18px!important;
}
[data-hrol-player].hrol-view-size-small .hrol-player-row-secondary{
  margin-top:2px!important;
  padding-top:2px!important;
}


/* 0.0.38 content-hugging player widths. The player now sizes to its controls instead of reserving empty white space. */
[data-hrol-player].hrol-size-compact,[data-hrol-player].hrol-view-size-small{
  --hrol-player-max:260px!important;
}
[data-hrol-player].hrol-size-standard,[data-hrol-player].hrol-view-size-medium{
  --hrol-player-max:335px!important;
}
[data-hrol-player].hrol-size-large,[data-hrol-player].hrol-view-size-large{
  --hrol-player-max:480px!important;
}
[data-hrol-player] .hrol-player-stack{
  width:fit-content!important;
  max-width:min(var(--hrol-player-max,480px),calc(100vw - 16px))!important;
}
[data-hrol-player] .hrol-player-panel{
  width:fit-content!important;
  max-width:100%!important;
}
[data-hrol-player] .hrol-player-row-primary,
[data-hrol-player] .hrol-player-row-secondary{
  width:max-content!important;
  max-width:100%!important;
}
[data-hrol-player] .hrol-player-row-primary .hrol-player-actions{
  margin-left:0!important;
}
[data-hrol-player] .hrol-player-row-secondary{
  justify-content:flex-start!important;
}
[data-hrol-player] .hrol-player-row-tertiary{
  width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:520px){
  [data-hrol-player] .hrol-player-stack{
    width:fit-content!important;
    max-width:calc(100vw - 16px)!important;
  }
}


/* 0.0.39 measured auto-width and first-encounter presentation support. */
[data-hrol-player] .hrol-player-stack,
[data-hrol-player] .hrol-player-panel{
  box-sizing:border-box!important;
}
[data-hrol-player] .hrol-player-row-primary,
[data-hrol-player] .hrol-player-row-secondary{
  width:auto!important;
  max-width:none!important;
}
[data-hrol-player] .hrol-player-row-primary .hrol-player-actions{
  margin-left:0!important;
}
[data-hrol-player] .hrol-player-row-secondary{
  justify-content:flex-start!important;
}
@media(max-width:520px){
  [data-hrol-player] .hrol-player-row-primary,
  [data-hrol-player] .hrol-player-row-secondary{max-width:calc(100vw - 32px)!important;}
}


/* 0.0.40 touch-friendly vertical positioning for floating players. */
[data-hrol-player] .hrol-drag-handle{
  position:absolute!important;
  left:50%!important;
  top:2px!important;
  transform:translateX(-50%)!important;
  width:28px!important;
  height:5px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--hrol-text,#17324d) 28%,transparent)!important;
  cursor:ns-resize!important;
  touch-action:none!important;
  user-select:none!important;
  z-index:2!important;
}
@media(max-width:700px){
  [data-hrol-player].hrol-mobile-floating .hrol-drag-handle{
    width:34px!important;
    height:6px!important;
    -webkit-user-select:none!important;
  }
}


/* 0.0.56 tiny inline-help inset. Keep the help circle visually inside the player without changing control sizing. */
[data-hrol-player]:not(.hrol-position-floating_left):not(.hrol-position-floating_right) .hrol-help-button{
  margin-right:4px!important;
}

/* 0.0.58 live comment-audio status shown beside newly approved comments. */
.hrol-comment-audio-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  padding:5px 8px;
  border:1px solid #cbd5e1;
  border-radius:999px;
  background:#f8fafc;
  color:#475569;
  font-size:12px;
  line-height:1.25;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.hrol-comment-audio-status.is-ready{border-color:#86efac;background:#f0fdf4;color:#166534}
.hrol-comment-audio-status.is-queued{border-color:#fde68a;background:#fffbeb;color:#92400e}
.hrol-comment-audio-status.is-browser{border-color:#cbd5e1;background:#f8fafc;color:#475569}
.hrol-comment-audio-spinner{
  width:12px;
  height:12px;
  box-sizing:border-box;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:hrol-comment-audio-spin .8s linear infinite;
}
@keyframes hrol-comment-audio-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hrol-comment-audio-spinner{animation:none;border-right-color:currentColor}}