/* LL AI v65.26 — smooth, synced read-aloud player */
#llReadAloudPlayer{
  --llrp-left:18px;
  --llrp-right:18px;
  --llrp-y:0px;
  position:fixed;
  z-index:1650;
  top:max(72px,calc(env(safe-area-inset-top) + 64px));
  left:var(--llrp-left);
  right:var(--llrp-right);
  height:60px;
  display:grid;
  grid-template-columns:42px 48px minmax(90px,1fr) 42px;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(12,12,13,.965);
  box-shadow:0 18px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  color:#f5f5f5;
  opacity:1;
  transform:translate3d(0,var(--llrp-y),0) scale(1);
  transform-origin:50% 0;
  transition:
    left .32s cubic-bezier(.2,.82,.2,1),
    right .32s cubic-bezier(.2,.82,.2,1),
    opacity .18s ease,
    transform .22s cubic-bezier(.2,.82,.2,1),
    border-color .18s ease,
    box-shadow .22s ease;
  contain:layout paint style;
  isolation:isolate;
}
#llReadAloudPlayer[hidden]{display:none!important}
#llReadAloudPlayer.llrpPreEnter{opacity:0;--llrp-y:-8px;transform:translate3d(0,var(--llrp-y),0) scale(.992)}
#llReadAloudPlayer.llrpEntering{opacity:1;--llrp-y:0px;transform:translate3d(0,0,0) scale(1)}
#llReadAloudPlayer.llrpExiting{opacity:0;--llrp-y:-6px;transform:translate3d(0,var(--llrp-y),0) scale(.994);pointer-events:none}
#llReadAloudPlayer.llrpSpeaking{border-color:rgba(255,255,255,.15);box-shadow:0 18px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)}
.llrpBtn{
  width:38px;height:38px;min-width:38px;padding:0;border:0;border-radius:50%;
  display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer;
  transition:background .14s ease,transform .16s cubic-bezier(.2,.8,.2,1),opacity .14s ease;
  transform:translateZ(0);
  -webkit-tap-highlight-color:transparent;
}
.llrpBtn:hover{background:rgba(255,255,255,.09)}
.llrpBtn:active{transform:translateZ(0) scale(.92)}
.llrpBtn:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}
#llrpPlay{background:#fff;color:#0b0b0c;overflow:hidden}
#llrpPlay:hover{background:#f0f0f0}
#llrpPlay svg,#llrpClose svg{width:20px;height:20px;display:block;pointer-events:none}
#llrpPlay svg{fill:currentColor;animation:llrpIconIn .16s cubic-bezier(.2,.82,.2,1)}
#llrpClose svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@keyframes llrpIconIn{from{opacity:.35;transform:scale(.76)}to{opacity:1;transform:scale(1)}}
#llrpTime{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;letter-spacing:-.01em;color:#f4f4f4;text-align:center;white-space:nowrap;contain:content}
#llrpWaveWrap{position:relative;min-width:0;height:42px;border-radius:10px;cursor:pointer;touch-action:none;overflow:hidden;user-select:none;-webkit-user-select:none;contain:strict;transform:translateZ(0)}
#llrpWave{display:block;width:100%;height:100%;transform:translateZ(0)}
#llrpWaveWrap:focus-visible{outline:2px solid rgba(255,255,255,.74);outline-offset:2px}
#llrpWaveWrap::after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none;transition:box-shadow .16s ease,background .16s ease}
#llrpWaveWrap.llrpScrubbing::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.17);background:rgba(255,255,255,.018)}
#llReadAloudPlayer.llrpPaused #llrpWave{opacity:.9}
#llReadAloudPlayer.llrpSpeaking #llrpWave{opacity:1}
@media(max-width:800px){
  #llReadAloudPlayer{top:max(68px,calc(env(safe-area-inset-top) + 60px));height:56px;grid-template-columns:40px 44px minmax(68px,1fr) 38px;gap:5px;padding:6px 7px;border-radius:16px;transition-duration:.28s,.28s,.16s,.2s,.16s,.2s}
  .llrpBtn{width:36px;height:36px;min-width:36px}
  #llrpTime{font-size:11px}
}
@media(max-width:520px){
  #llReadAloudPlayer{--llrp-left:8px!important;--llrp-right:8px!important;grid-template-columns:38px 42px minmax(56px,1fr) 36px}
}
@media(prefers-reduced-motion:reduce){
  #llReadAloudPlayer,.llrpBtn,#llrpPlay svg,#llrpWaveWrap::after{transition:none!important;animation:none!important}
}