.qos-narration-controller{position:fixed;inset-inline-end:max(24px,env(safe-area-inset-right));inset-block-end:calc(104px + env(safe-area-inset-bottom));z-index:var(--z-index-toast,1250);display:grid;justify-items:end;color:var(--color-text-primary,var(--at-text,#f7f8fa));font-family:var(--typography-font-family-body,var(--at-font-body,system-ui,sans-serif))}.qos-narration-controller[data-placement=dashboard]{inset-block-end:calc(112px + env(safe-area-inset-bottom))}.qos-narration-controller[data-placement=employee-portal]{inset-block-end:calc(152px + env(safe-area-inset-bottom))}.qos-narration-controller[data-variant=docked]{position:static;z-index:auto;display:block;inset:auto;justify-items:stretch}.qos-narration-dock{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 10px 10px 14px;border:1px solid var(--color-stroke-subtle,var(--at-stroke,#343a43));border-radius:14px;background:var(--color-surface-panel,var(--at-panel,#1a1e24));box-shadow:0 12px 32px color-mix(in srgb,#000 22%,transparent)}.qos-narration-dock__mark{display:grid;flex:none;place-items:center;inline-size:32px;block-size:32px;border-radius:10px;background:var(
    --color-module-training-subtle,color-mix(in srgb,var(--at-primary,#2376d9) 16%,transparent)
  );color:var(--color-module-training-text,var(--at-primary-bright,#5da2f4))}.qos-narration-dock__title{flex:0 1 auto;min-inline-size:0;overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.qos-narration-dock__controls{display:flex;flex:none;align-items:center;gap:8px}.qos-narration-dock .qos-narration-controller__icon-button{inline-size:36px;block-size:36px;border-radius:10px}.qos-narration-dock .qos-narration-controller__icon-button[data-accent=true]{inline-size:40px;block-size:40px}.qos-narration-controller__icon-button[data-quiet=true]{border-color:transparent;background:transparent;color:var(--color-text-secondary,var(--at-muted,#aab1bd))}.qos-narration-dock__seek{flex:1 1 6rem}.qos-narration-controller[data-placement=employee-portal] .qos-narration-dock{padding:10px 16px 6px;border-inline:0;border-block-end:0;border-radius:0;box-shadow:none}.qos-narration-controller[data-placement=employee-portal] .qos-narration-dock__mark{display:none}.qos-narration-controller[data-placement=employee-portal] .qos-narration-dock__controls{order:-1}.qos-narration-controller[data-placement=employee-portal] .qos-narration-dock__title{flex:1 1 auto}.qos-narration-controller[data-placement=employee-portal] .qos-narration-dock__seek{flex:1 1 100%;margin:0}.qos-narration-controller__audio{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.qos-narration-controller__compact-copy,.qos-narration-controller__fab,.qos-narration-controller__icon-button,.qos-narration-controller__retry,.qos-narration-controller__speed{font:inherit}.qos-narration-controller__fab{display:inline-flex;align-items:center;justify-content:center;inline-size:56px;block-size:56px;padding:0;border:0;border-radius:50%;background:var(--color-accent-base,var(--at-primary,#2376d9));color:var(--color-text-on-accent,#fff);box-shadow:0 12px 30px color-mix(in srgb,#000 24%,transparent);cursor:pointer}.qos-narration-controller__panel{inline-size:min(360px,calc(100vw - 32px));padding:16px;border:1px solid var(--color-stroke-subtle,var(--at-stroke,#343a43));border-radius:18px;background:var(--color-surface-panel,var(--at-panel,#1a1e24));box-shadow:0 18px 48px color-mix(in srgb,#000 28%,transparent)}.qos-narration-controller__compact,.qos-narration-controller__controls,.qos-narration-controller__header,.qos-narration-controller__message,.qos-narration-controller__retry{display:flex;align-items:center}.qos-narration-controller__header{gap:10px}.qos-narration-controller__mark{display:inline-flex;align-items:center;justify-content:center;inline-size:34px;block-size:34px;flex:none;border-radius:10px;background:var(
    --color-accent-subtle,color-mix(in srgb,var(--at-primary,#2376d9) 16%,transparent)
  );color:var(--color-accent-base,var(--at-primary-bright,#5da2f4))}.qos-narration-controller__title{min-inline-size:0;flex:1 1 auto;overflow:hidden;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.qos-narration-controller__body{display:grid;gap:14px;margin-block-start:14px}.qos-narration-controller__controls{gap:8px}.qos-narration-controller__icon-button{display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;flex:none;padding:0;border:1px solid var(--color-stroke-subtle,var(--at-stroke,#343a43));border-radius:12px;background:var(--color-surface-raised,var(--at-subtle,#22272f));color:var(--color-text-primary,var(--at-text,#f7f8fa));cursor:pointer}.qos-narration-controller__icon-button[data-accent=true]{inline-size:44px;block-size:44px;border-color:transparent;background:var(--color-accent-base,var(--at-primary,#2376d9));color:var(--color-text-on-accent,#fff)}.qos-narration-controller__seek{min-inline-size:72px;flex:1 1 auto;accent-color:var(--color-accent-base,var(--at-primary,#2376d9));cursor:pointer}.qos-narration-controller__time{color:var(--color-text-secondary,var(--at-muted,#aab1bd));font-family:var(--typography-font-family-mono,var(--at-font-mono,ui-monospace,monospace));font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.qos-narration-controller__retry,.qos-narration-controller__speed{border:0;border-radius:9px;background:transparent;color:var(--color-accent-base,var(--at-primary-bright,#5da2f4));font-size:12px;font-weight:650;cursor:pointer}.qos-narration-controller__speed{padding:6px}.qos-narration-controller__message{min-block-size:86px;justify-content:center;gap:10px;color:var(--color-text-secondary,var(--at-muted,#aab1bd));font-size:13px}.qos-narration-controller__retry{gap:6px;padding:7px 9px}.qos-narration-controller__spinner{animation:qos-narration-spin .9s linear infinite}.qos-narration-controller__compact{inline-size:min(320px,calc(100vw - 32px));gap:10px;padding:8px;border:1px solid var(--color-stroke-subtle,var(--at-stroke,#343a43));border-radius:18px;background:var(--color-surface-panel,var(--at-panel,#1a1e24));box-shadow:0 14px 38px color-mix(in srgb,#000 26%,transparent)}.qos-narration-controller__compact-copy{display:grid;min-inline-size:0;flex:1 1 auto;gap:2px;padding:5px 8px;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer}.qos-narration-controller__compact-title{overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}@keyframes qos-narration-spin{to{transform:rotate(1turn)}}@media (max-width:1280px){.qos-narration-controller[data-placement=dashboard]{inset-block-end:calc(192px + env(safe-area-inset-bottom))}}@media (min-width:769px){.qos-narration-controller[data-placement=employee-portal]{inset-block-end:92px}}@media (max-width:480px){.qos-narration-controller{inset-inline-end:max(16px,env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.qos-narration-controller *{scroll-behavior:auto;transition:none;animation:none}}