/* LECTOR-2D / help button + premium help overlay */
.vca-lector__mode-heading { display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:8px; }
.vca-lector__mode-help { width:28px; height:28px; display:grid; place-items:center; border:1px solid #d7ddf5; border-radius:999px; background:linear-gradient(180deg,#fff 0%,#f7f8ff 100%); box-shadow:0 4px 12px rgba(58,52,126,.10); color:#5f59cf; font:inherit; font-size:15px; font-weight:900; cursor:pointer; transition:transform .16s,border-color .16s,box-shadow .16s; }
.vca-lector__mode-help:hover,.vca-lector__mode-help:focus-visible { transform:translateY(-1px); border-color:#8d87ed; box-shadow:0 0 0 3px rgba(108,99,246,.10),0 10px 24px rgba(58,52,126,.14); outline:none; }
.vca-lector-help[hidden] { display:none!important; }
.vca-lector-help { position:fixed; inset:0; z-index:9999; box-sizing:border-box; }
.vca-lector-help__backdrop { position:absolute; inset:0; border:0; padding:0; background:rgba(17,24,45,.58); backdrop-filter:blur(4px); cursor:pointer; }
.vca-lector-help__dialog { position:relative; z-index:1; width:min(720px, calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow:auto; margin:16px auto; padding:28px 28px 24px; border-radius:24px; background:linear-gradient(180deg,#ffffff 0%,#f8f9ff 100%); box-shadow:0 30px 80px rgba(10,16,45,.28), 0 8px 20px rgba(10,16,45,.14); }
.vca-lector-help__close { position:absolute; top:16px; right:16px; width:38px; height:38px; border:0; border-radius:999px; background:#eef1ff; color:#5550c9; font-size:28px; line-height:1; cursor:pointer; }
.vca-lector-help__close:hover,.vca-lector-help__close:focus-visible { background:#e4e8ff; outline:3px solid rgba(108,99,246,.18); outline-offset:2px; }
.vca-lector-help__eyebrow { display:inline-flex; align-items:center; min-height:28px; padding:0 12px; border-radius:999px; background:#eef1ff; color:#5f59cf; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.vca-lector-help__title { margin:14px 0 8px; color:#182340; font-size:28px; line-height:1.15; }
.vca-lector-help__intro { margin:0 0 18px; color:#495679; font-size:15px; line-height:1.6; }
.vca-lector-help__section { margin-top:18px; }
.vca-lector-help__section-title { margin:0 0 12px; color:#1c2648; font-size:17px; font-weight:900; }
.vca-lector-help__modes { display:grid; gap:10px; }
.vca-lector-help__mode-card { display:flex; gap:14px; align-items:flex-start; padding:14px 16px; border:1px solid #ebecf8; border-radius:18px; background:#fff; box-shadow:0 8px 22px rgba(34,42,84,.05); }
.vca-lector-help__mode-number { flex:none; width:34px; height:34px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(180deg,#6d63ee 0%,#5f59cf 100%); color:#fff; font-size:14px; font-weight:900; }
.vca-lector-help__mode-body { display:grid; gap:4px; }
.vca-lector-help__mode-title { color:#222d50; font-size:15px; font-weight:850; }
.vca-lector-help__mode-desc { color:#52617f; font-size:14px; line-height:1.6; }
.vca-lector-help__button-list { display:grid; gap:10px; }
.vca-lector-help__button-row { display:flex; gap:12px; align-items:flex-start; padding:12px 14px; border-radius:16px; background:#fff; border:1px solid #ebecf8; }
.vca-lector-help__button-chip { flex:none; min-width:128px; padding:7px 12px; border-radius:999px; background:#f0efff; color:#5a54cf; font-size:12px; font-weight:900; text-align:center; }
.vca-lector-help__button-desc { color:#52617f; font-size:14px; line-height:1.55; }
.vca-lector-help__note { padding:16px 18px; border-radius:18px; background:linear-gradient(135deg,#f7f4ff 0%,#f1f7ff 100%); border:1px solid #e3e3fb; }
.vca-lector-help__note-title { display:block; margin-bottom:8px; color:#3f45ae; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.vca-lector-help__note-text { color:#47577b; font-size:14px; line-height:1.6; }
body.vca-lector-help-open { overflow:hidden; }
@media (max-width:640px) {
  .vca-lector-help__dialog { box-sizing:border-box; width:calc(100% - 24px); max-width:720px; max-height:calc(100dvh - 24px); margin:12px auto; padding:22px 16px 18px; border-radius:20px; overflow-x:hidden; overscroll-behavior:contain; }
  .vca-lector-help__mode-body { min-width:0; }
  .vca-lector-help__mode-title, .vca-lector-help__mode-desc, .vca-lector-help__button-desc { overflow-wrap:anywhere; }
  .vca-lector-help__title { font-size:23px; padding-right:38px; }
  .vca-lector-help__button-row { flex-direction:column; gap:8px; }
  .vca-lector-help__button-chip { min-width:0; width:max-content; }
}

/* LECTOR-2D / help button anchored to the player; glyph aligned separately. */
.vca-lector__mode-heading { display:none; }
.vca-lector .vca-lector__mode-help {
    position:absolute;
    top:3px;
    right:7px;
    z-index:30;
    width:34px;
    height:34px;
    translate:none;
}
.vca-lector__mode-help-icon {
    display:block;
    position:relative;
    top:-8px;
    line-height:-8;
    pointer-events:none;
}
@media (max-width:640px) {
    .vca-lector .vca-lector__mode-help {
        top:5px;
        right:12px;
        width:32px;
        height:32px;
    }
    .vca-lector__header {
        padding-right:32px;
        padding-left:32px;
    }
}