/* Narration shares the reader's scenery. Only two bounded light layers move;
   the shared window lifecycle pauses them during travel, scrolling and hiding. */
body #audiobar.voiceFolio{
 --voice-ground:var(--washA,242,235,217);--voice-depth:var(--washB,216,208,188);
 --voice-ink:#253037;--voice-soft:#455660;--voice-ui:'Outfit',system-ui,sans-serif;
 isolation:isolate;color:var(--voice-ink);font-family:var(--voice-ui);
 background:linear-gradient(145deg,rgba(var(--voice-ground),.82),rgba(var(--voice-depth),.88)),var(--folio-material,none) center/cover rgb(var(--voice-ground));border:1px solid rgba(var(--goldRGB),.52);
 border-radius:18px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 box-shadow:0 16px 44px #0006,inset 0 0 0 4px rgba(var(--voice-depth),.3),inset 0 0 0 5px rgba(var(--goldRGB),.18);
}
body.night #audiobar.voiceFolio{--voice-ground:var(--washA,34,39,42);--voice-depth:var(--washB,17,24,29);--voice-ink:#f0eee7;--voice-soft:#c5ced0;}
#audiobar.voiceFolio .lexScenery{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;
 background:linear-gradient(145deg,rgba(var(--voice-ground),.68),rgba(var(--voice-depth),.9)),var(--folio-material,none) center/cover;}
#audiobar.voiceFolio .lexScene{position:absolute;inset:0 0 auto;height:200px;
 background:var(--folio-scene,none) center 42%/cover;
 -webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent);}
#audiobar.voiceFolio .lexVeil{position:absolute;inset:0;background:
 linear-gradient(165deg,rgba(var(--voice-ground),.76),rgba(var(--voice-ground),.42) 130px,rgba(var(--voice-depth),.5) 260px),
 url('../paper-grain.png') center/280px;}
#audiobar.voiceFolio .lexLight{position:absolute;top:0;bottom:0;left:0;width:35%;opacity:.4;
 background:radial-gradient(ellipse at 0 25%,rgba(var(--garden-a,200,178,120),.35),transparent 70%);
 animation:lexLightDrift 19s ease-in-out infinite alternate;animation-play-state:paused;}
#audiobar.voiceFolio .lexLight.right{left:auto;right:0;
 background:radial-gradient(ellipse at 100% 75%,rgba(var(--garden-b,137,182,124),.3),transparent 70%);
 animation-duration:27s;animation-delay:-11s;}
#audiobar.voiceFolio.lexMotion .lexLight{animation-play-state:running;}
body #audiobar.voiceFolio *{text-shadow:none;}
body #audiobar.voiceFolio .abTitle,body #audiobar.voiceFolio .abLab,
body #audiobar.voiceFolio #abReaderLabel{font:500 11px/1.4 var(--voice-ui);letter-spacing:.1em;color:var(--voice-soft);}
body #audiobar.voiceFolio .abInfo{max-width:none;}
body #audiobar.voiceFolio #abRef{font-family:var(--panel-reader,Georgia,serif);font-weight:500;letter-spacing:.01em;color:var(--voice-ink);}
body #audiobar.voiceFolio #abSrc{font:400 12px/1.5 var(--voice-ui);color:var(--voice-soft);}
body #audiobar.voiceFolio.expanded .abHead{margin-bottom:4px;}
body #audiobar.voiceFolio.expanded .abInfo{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:18px;}
body #audiobar.voiceFolio.expanded #abRef{font-size:32px;line-height:1.15;}
body #audiobar.voiceFolio.expanded .abReaderRow{gap:14px;margin-bottom:18px;}
body #audiobar.voiceFolio :is(.abIcon,.abPlay,.abSpeed button,.abReaders button,.abFocus){
 color:var(--voice-ink);font-family:var(--voice-ui);font-weight:500;letter-spacing:.015em;
 background:linear-gradient(145deg,rgba(var(--voice-ground),.78),rgba(var(--voice-depth),.7));
 border:1px solid rgba(var(--goldRGB),.32);box-shadow:inset 0 1px rgba(var(--goldRGB),.12);}
body #audiobar.voiceFolio :is(.abIcon,.abPlay,.abSpeed button,.abReaders button,.abFocus):hover{
 background:linear-gradient(145deg,rgba(var(--goldRGB),.2),rgba(var(--voice-depth),.6));border-color:rgba(var(--goldRGB),.65);}
body #audiobar.voiceFolio :is(.abSpeed button.on,.abReaders button[aria-pressed="true"],.abPlay.playing,.abFocus[aria-pressed="true"]){
 background:linear-gradient(125deg,rgba(var(--goldRGB),.28),rgba(var(--voice-ground),.76) 62%,rgba(var(--garden-b,137,182,124),.16));
 color:var(--voice-ink);border-color:rgba(var(--goldRGB),.7);box-shadow:inset 0 -2px rgba(var(--goldRGB),.48);}
body #audiobar.voiceFolio button *{color:inherit;}
body #audiobar.voiceFolio .abSpeed button,body #audiobar.voiceFolio .abReaders button{font-size:15px;}
body #audiobar.voiceFolio .abControlLabel{font:500 11px/1.2 var(--voice-ui);color:inherit;}
body #audiobar.voiceFolio :is(.abTime,.abContTxt,.abFocusNote){font-family:var(--voice-ui);color:var(--voice-soft);letter-spacing:.015em;}
body #audiobar.voiceFolio .abTime{font-size:12px;font-variant-numeric:tabular-nums;}
body #audiobar.voiceFolio .abContTxt{font-size:13px;color:var(--voice-ink);}
body #audiobar.voiceFolio .abContWrap{border-top-color:rgba(var(--goldRGB),.26);}
body #audiobar.voiceFolio .abProgFill{background:linear-gradient(90deg,rgba(var(--goldRGB),.65),var(--gold));}
body #audiobar.voiceFolio button:focus-visible{outline:2px solid var(--voice-ink);outline-offset:2px;}
body #audiobar.voiceFolio:not(.expanded) #abRef{font-size:18px;line-height:1.15;}
body #audiobar.voiceFolio:not(.expanded) #abSrc{font-size:11px;}
#audiobar.voiceFolio:not(.expanded) .lexScene{height:100%;-webkit-mask-image:none;mask-image:none;}
#audiobar.voiceFolio:not(.expanded) .lexVeil{background:linear-gradient(110deg,rgba(var(--voice-ground),.88),rgba(var(--voice-depth),.72)),url('../paper-grain.png') center/280px;}
@media(max-height:500px){
 body #audiobar.voiceFolio.expanded .abInfo{margin-bottom:10px;}
 body #audiobar.voiceFolio.expanded #abRef{font-size:26px;}
 body #audiobar.voiceFolio.expanded .abReaderRow{margin-bottom:12px;}
}
@media(prefers-reduced-motion:reduce){#audiobar.voiceFolio .lexLight{animation:none;}}