/* LECTOR-2D / D4-A UI: premium narrator mode popover; underlying select and audio behavior unchanged. */
.vca-lector { overflow: visible; }
.vca-lector__mode { position: relative; z-index: 25; }
.vca-lector__mode-select--native { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%)!important; opacity:0!important; pointer-events:none!important; }
.vca-lector__mode-picker { position:relative; width: min(100%, 280px); font-family:inherit; }
.vca-lector__mode-toggle { width:100%; min-height:44px; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #d8dcf5; border-radius:14px; background:linear-gradient(180deg,#fff 0%,#f6f7ff 100%); box-shadow:0 3px 10px rgba(36,39,99,.08),inset 0 1px rgba(255,255,255,.95); color:#202443; font:inherit; font-weight:850; font-size:13px; text-align:left; cursor:pointer; transition:border-color .18s,box-shadow .18s; }
.vca-lector__mode-toggle:hover,.vca-lector__mode-picker.is-open .vca-lector__mode-toggle { border-color:#8d87ed; box-shadow:0 0 0 3px rgba(108,99,246,.10),0 8px 20px rgba(56,47,139,.10); }
.vca-lector__mode-toggle:focus-visible,.vca-lector__mode-option:focus-visible { outline:3px solid #978cff; outline-offset:2px; }
.vca-lector__mode-chevron { width:8px; height:8px; flex:none; border-right:2px solid #625cca; border-bottom:2px solid #625cca; transform:rotate(45deg) translateY(-2px); transition:transform .2s; }
.vca-lector__mode-picker.is-open .vca-lector__mode-chevron { transform:rotate(225deg) translateY(-1px); }
.vca-lector__mode-menu { position:absolute; z-index:90; top:calc(100% + 9px); left:0; right:0; padding:7px; border:1px solid #e0e1f4; border-radius:18px; background:#fff; box-shadow:0 18px 48px rgba(21,26,64,.18),0 3px 10px rgba(35,39,89,.06); }
.vca-lector__mode-menu[hidden] { display:none!important; }
.vca-lector__mode-option { width:100%; display:flex; align-items:center; gap:11px; min-height:48px; padding:9px 10px; border:0; border-radius:12px; background:transparent; color:#27304e; font:inherit; font-size:13px; font-weight:750; cursor:pointer; text-align:left; }
.vca-lector__mode-option:hover,.vca-lector__mode-option:focus-visible { background:#f2f1ff; }
.vca-lector__mode-option.is-selected { background:linear-gradient(110deg,#f0efff,#f7f7ff); color:#5145c5; }
.vca-lector__mode-number { flex:none; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:#f1f3fa; color:#8188a3; font-size:11px; font-weight:900; }
.vca-lector__mode-option.is-selected .vca-lector__mode-number { background:#6e62ed; color:white; }
.vca-lector__mode-option-title { flex:1; }
.vca-lector__mode-check { opacity:0; color:#6558db; font-weight:900; font-size:17px; }
.vca-lector__mode-option.is-selected .vca-lector__mode-check { opacity:1; }
@media (max-width:640px) { .vca-lector__mode-picker { width:100%; max-width:none; } .vca-lector__mode-menu { top:calc(100% + 6px); } .vca-lector__mode-option { min-height:48px; } }