.narration-widget{position:fixed;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:6px;max-width:260px;}
.narration-widget.theme-gold,.narration-widget.theme-panel{}
.narration-widget.pos-left{left:20px;align-items:flex-start;}
.narration-widget.pos-right{right:20px;align-items:flex-end;}

.narration-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;border:none;font-size:13px;transition:0.3s;}
.theme-gold .narration-toggle{background:#b9975b;color:white;border:2px solid #d8b06a;font-family:'Cinzel',serif;padding:12px 18px;}
.theme-gold .narration-toggle:hover{background:#d8b06a;color:black;}
.theme-gold .narration-toggle.playing{background:#5a3514;}

.theme-panel .narration-toggle{background:#101010;color:#00bfff;border:1px solid #00bfff;border-radius:22px;padding:0 16px;height:44px;font-family:"Segoe UI",Arial,sans-serif;}
.theme-panel .narration-toggle:hover{background:#1d1d1d;}
.theme-panel .narration-toggle.playing{border-color:#53ffb0;color:#53ffb0;}

.theme-cyan .narration-toggle{background:linear-gradient(135deg,#00bfff,#0066ff);color:white;border-radius:50px;font-family:'Montserrat',sans-serif;font-weight:700;padding:14px 22px;box-shadow:0 0 25px rgba(0,191,255,.45);}
.theme-cyan .narration-toggle:hover{transform:translateY(-3px);box-shadow:0 0 35px rgba(0,191,255,.75);}
.theme-cyan .narration-toggle.playing{background:linear-gradient(135deg,#0066ff,#003399);}

.theme-neutral .narration-toggle{background:rgba(0,0,0,.6);color:white;border:1px solid rgba(255,255,255,.25);border-radius:50px;font-family:sans-serif;padding:14px 22px;backdrop-filter:blur(6px);box-shadow:0 4px 20px rgba(0,0,0,.4);}
.theme-neutral .narration-toggle:hover{background:rgba(255,255,255,.15);}
.theme-neutral .narration-toggle.playing{border-color:#53ffb0;color:#53ffb0;}

.narration-text-toggle{font-size:12px;text-decoration:underline;cursor:pointer;background:none;border:none;color:inherit;opacity:0.85;padding:4px 2px;}
.narration-text-toggle:hover{opacity:1;}

.narration-transcript{display:none;background:rgba(0,0,0,.88);color:#fff;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.6;box-shadow:0 6px 20px rgba(0,0,0,.5);}
.narration-transcript.open{display:block;}

@media (max-width:600px){
  .narration-toggle .nw-label{display:none;}
  .narration-toggle{padding:14px;border-radius:50%;}
  .theme-gold .narration-toggle{padding:12px;}
  .theme-panel .narration-toggle{padding:0;width:44px;justify-content:center;}
  .narration-widget{max-width:calc(100vw - 40px);}
}

@media (max-width:768px){
  .narration-widget.avoid-backtotop{ bottom:86px; right:14px; }
}